@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,menu,p,blockquote,ol,ul,dl,dd,td,th,figure,pre,button,input,textarea{font-weight:400;color:#333;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p{margin:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp,tt{font-family: "寰蒋闆呴粦", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;line-height:1;}
button,input,select,textarea,input{font-size:100%;font-family:"寰蒋闆呴粦", sans-serif;line-height:1;}
fieldset,img{border:0;}
ol,ul,div{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
a,a:hover{text-decoration:none;}
a{cursor: pointer; color: #333;outline: none; }
textarea{resize:none;}
body {word-wrap: break-word;background-color:#fff;}
img{vertical-align: middle;}
label,a{-webkit-tap-highlight-color:transparent;}
a:focus,a:visited{outline:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';}
label,button,input[type="button"],input[type="tel"],input[type="reset"],input[type="submit"],input[type="password"],input[type=search]{cursor:pointer;}
ins{text-decoration:none;}
abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help;}
input[type=submit],input[type=button],input[type="tel"],input[type=text],input[type=password],input[type=search]{appearance:none;-moz-appearance:none;-webkit-appearance:none;box-sizing:content-box;border:0;border-radius:0;box-shadow: none;background: transparent;}
address, caption, cite, code, dfn, em, strong, th, var, b, i, s {font-style: normal;font-weight: 400;}
button::-moz-focus-inner,input[type="button"]::-moz-focus-inner { border:none; padding:0; }
button, input[type="button"], input[type="submit"]{line-height:normal !important;}
::-webkit-input-placeholder { color: #c3cbd3; }
:-moz-placeholder { color: #c3cbd3; opacity: 1; }
::-moz-placeholder { color: #c3cbd3; opacity: 1; }
:-ms-input-placeholder { color: #c3cbd3; }
::-webkit-scrollbar{width:0px}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration { -webkit-appearance: none }
/*html{touch-action:mainpulation;}*/
*{outline: none;border:none; box-sizing: border-box;-webkit-box-sizing: border-box;border-radius:0;
    -webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;
    color: #333;-webkit-overflow-scrolling: touch;}
.pu-row:after,.clearfix:after,.clearfix:before{clear:both;display: block;content: "";visibility: hidden;height: 0;font-size: 0;}
.pu-row,.clearfix{*zoom:1;}
.pu-fl{float: left;}.pu-fr{float: right;}
.pu-text-left{text-align: left;} .pu-text-center{text-align: center;} .pu-text-right{text-align: right;}
.pu-inline { display: inline-block; box-sizing: border-box; vertical-align: top;-webkit-box-sizing: border-box;}
.pu-bgcf{background: #fff;} .pu-bgf5{background: #F5F5F5;}
.pu-red{color: #c80800;}
.pu-show{display: block;}
.pu-hide{display: none;}
.pu-ts180{display:inline-block;transform: rotate(180deg);-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6);}
.pu-ts90{display:inline-block;transform: rotate(90deg);-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
.pu-ts90-{display:inline-block;transform: rotate(-90deg);-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-3); }
.pu-ts180-{display:inline-block;transform: rotate(-180deg);-webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-6);}
.pu-flex{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.pu-flex-column{justify-content: center;-webkit-justify-content:center;align-items: center;-webkit-align-items: center;flex-direction: row;-webkit-flex-direction: row;}
.pu-flex-vertical{justify-content: center;-webkit-justify-content:center;align-items: center;-webkit-align-items: center;flex-direction: column;-webkit-flex-direction: column;}
.pu-not{display: none;}
.pu-not p{text-align: center;color: #999;font-size: 0.346rem;margin-top:1.2rem}
.pu-back{display: inline-block;transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.pu-conTop{margin-top: 80px}
.pu-MGB{margin-bottom: 80px}
.mainBgC{background-color: #fff;}
.main-color{background-color: #047ab7}.second-color{background-color:#a99d87}.third-color{background-color: #000}
.relative{position:relative;}
.absolute{position:absolute;}
.height100{height:100%;}
.wi100{width:100%;height:100%;}
.container img,.wid100{width:100%;}
.pad10{padding-top:10px;}
.mg30{margin:50px 0;}
.mgt70{margin-top:70px;}
.mgt80{margin-top:80px;}
.boxoff{font-size:20px;}
.boxoff strong{color:#999;}
.viewbox div.title{margin:3rem;}
.content img{height:inherit!important; }
.ph-content{display:none;}
.mgt10{margin-top:10px;}
.mgt20{margin-top:20px;}
.font-w{font-weight: bold;}
.font24{font-size:24px;}

/*header*/
.main_view{width:1200px;margin:0 auto;}
.header_nav{height:120px;position:fixed;top:0;left:0;background:#fff;z-index:99;width:100%;border-bottom:1px solid #eaeaea;}
.header_nav .logo{position:absolute;left:0;top:50%;margin-top:2%;}
.header_list{text-align:center;float:right;}
.header_list>li{width:120px;height:120px;}
.header_list>li h5{font-size:16px;padding-bottom:10px;padding-top:50%;margin-top:-15%;margin-bottom:0;font-weight:bolder;color:#2c362e;}
.header_list>li p{font-size:12px;color:#6b6b6b;}
.header_nav .active_nav{border-bottom:2px solid #047cb9;}
.header_nav .active_nav *{color:#2b87be;}
/*header-ph*/
.phone_icon{display:none;width:100%;line-height:50px;}
.phone_icon i{font-size:30px;}
.layui-layer-page .layui-layer-content{height:100%!important;}
#phone_header{background:#fff;height:100%;text-align:center;}
#phone_header img{width:50%;margin-top:20px;}
.phone_ul>li{height:60px;line-height:60px;border-bottom:1px solid #eee;margin:0 5%;position:relative;}
.phone_ul a{color:#333;font-size:17px;display:block;}
.phone_ul i{color:#333;position:absolute;right:10px;top:0;font-size:18px;}

/*AD鏀惧ぇ缂╁皬*/
@keyframes scaleDraw {  /*瀹氫箟鍏抽敭甯с€乻caleDrew鏄渶瑕佺粦瀹氬埌閫夋嫨鍣ㄧ殑鍏抽敭甯у悕绉?/
    0%{
        transform: scale(1);  /*寮€濮嬩负鍘熷澶у皬*/
    }
    25%{
        transform: scale(1.1); /*鏀惧ぇ1.1鍊?/
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(1.1);
    }
}
.banner_box{width: 100%;height:345px;overflow:hidden;margin-top:100px;}
.big_banner>img{
    width: 100%;
    height:100%;
    -webkit-animation-name: scaleDraw; /*鍏抽敭甯у悕绉?/
    -webkit-animation-timing-function: ease-in-out; /*鍔ㄧ敾鐨勯€熷害鏇茬嚎*/
    -webkit-animation-iteration-count: infinite;  /*鍔ㄧ敾鎾斁鐨勬鏁?/
    -webkit-animation-duration: 30s; /*鍔ㄧ敾鎵€鑺辫垂鐨勬椂闂?/
}
.big_banner{width:100%;height:100%;}
.title_icon{position:absolute;left:18.63%;top:31%;}
.title_icon *,.location{color:#fff;}
.title_icon h4{font-size:40px;font-weight:bolder;margin-bottom:10px;font-family:"寰蒋闆呴粦";}
.title_icon p{font-size:16px;font-weight:bolder;margin-bottom:20px;}
.title_icon em{background-color:#047cb9;width:40px;height:3px;display:block;}
.location{position:absolute;right:20.63%;bottom:7%;font-size:16px;}

/*title*/
.about_title{margin-top:115px;}
.about_title h2{font-size:40px;font-weight:bolder;font-family:"寰蒋闆呴粦";color:#585858;}
.about_title h4{font-size:18px;color:#cacaca;margin-top:12px;}
.about_title em{background:#047cb9;width:37px;height:3px;display:inline-block;margin-top:20px;}
.culture_list>li em{background:#b2b2b2;width:8px;height:8px;display:inline-block;margin:25px 5px 0 0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
/*button*/
.know_more_btn{background:#fff;border:2px solid #2b87be;color:#2b87be;border-radius:30px;padding:7px 15px;}
.know_more_btn i{color:#2b87be;}

/*杞挱*/
.brand_show .swiper-button-prev,.brand_show .swiper-button-next{background-image:url("../images/swiper_button_004.png");background-size:60px 45px;background-position:left;}
.brand_show .swiper-button-next{background-position:right;}
.brand_show .swiper-button-next.swiper-button-disabled,.brand_show  .swiper-button-prev.swiper-button-disabled{opacity:1;}
.ph-content.brand_show .swiper-button-prev{left:-5px;}
.ph-content.brand_show .swiper-button-next{right:-5px;}

/*footer*/
.foot_div .col-md-10>h3{color:#fff;padding:45px 0 10px;}
.foot_div .col-md-10>div{margin-bottom:8px;font-size:16px;}
.foot_div label{color:#ccc;}
.foot_adress span{color:#ccc;}
.foot_div .QR_word{color:#ccc;width:15px;position:absolute;top:65px;left:0;}
.foot_div .pc-content .qrcode{padding-top:72px;margin-left:10px;}
.foot_div .ph-content .qrcode{padding-bottom:10px;}
.foot_own{padding: 20px 0;color:#ccc;border-top:1px solid #fff;text-align: center;}

@media (max-width: 1200px){
    .main_view{width:96%;margin:0 2%;}
}

/*骞虫澘*/
@media only screen and (min-width:768px) and (max-width:1024px ) {
    .header_nav{height:100px;}
    .header_list>li{width:100px;height:100px;}
    .banner_box{height:140px;margin-top:100px;}
    .header_nav .logo{width:160px;margin-top:25px;}
    .about_title{margin-top:60px;}
    .about_title h2{font-size:35px;}
    .about_title h4{font-size:16px;margin-top:5px;}
    .about_title em{margin-top:15px;}
    .title_icon{left:10%;top:10%;}
    .foot_div .QR_word{left:50%;margin-left:-85px;top:33px;}
    .foot_div .col-md-2{text-align: center;}
    .foot_div .pc-content img{padding-top:40px;padding-bottom:20px;}
}

/*鎵嬫満*/
@media only screen and (min-width:320px) and (max-width:760px ) {
    .foot_div .row{margin-left:0;margin-right:0;}
    .foot_div .col-md-10>h3{padding:20px 0 10px;}
    .foot_div .col-md-10>div{font-size:14px;}
    .foot_div label{width:97px;}
    .foot_div .foot_adress span{width:80%;}
    .foot_div .ph-content img{padding-top:20px;padding-bottom:0;}
    .pc-content{display:none;}
    .ph-content{display:block;}
    .header_nav{height:50px;}
    .header_nav .logo{width:119px;top:0;height:40px;margin-top:6px;}
    .phone_icon{display:block;}
    .header_list{display:none;}
    .banner_box{height:120px;margin-top:30px;}
    .title_icon{left:10%;}
    .title_icon h4{font-size:21px;margin-bottom:5px;}
    .title_icon p{font-size:12px;margin-bottom:5px;}
    .location{right:6%;font-size:12px;}
    .about_title{margin-top:30px;}
    .about_title h2{font-size:20px;}
    .about_title h4{font-size:16px;margin-top:5px;}
    .about_title em{margin-top:7px;}
    .culture_list>li em{width:6px;height:6px;margin:7px 3px 0 0;}
    /*article*/
    .layui-container div.pleft{margin-top:60px;}
    .handle li.pu-fr{float:left;width:100%;padding-top:10px;}

    .mgt80{margin-top:30px;}
    .mgt70{margin-top:25px;}
}