@charset "UTF-8";

body{color:#000; font-family:Arial, Helvetica, sans-serif}
img{-webkit-transition: all 0.5s;
  -moz-transition: all 0.5s; -ms-transition: all 0.5s;  transition: all 0.5s;
  border:0;display: inline-block;
}
a{color:#666;-webkit-transition: all .5s;-moz-transition: all .5s; -ms-transition: all .5s;transition: all .5s;}


/*body{font-size: 100px;
    background-size: cover;
    -ms-behavior: url(../css/backgroundsize.min.htc);
    behavior: url(../css/backgroundsize.min.htc);
}*/
@font-face {
	font-family:Barlow-Regular;
	src: url('../fonts/Barlow-Regular.ttf'); }

@font-face {
	font-family:EUCLIDCIRCULARA;
	src: url('../fonts/EUCLIDCIRCULARA-MEDIUM_0.ttf'); }
/*footer*/
#footer { width:100%; height:450px; background:#1470af; clear: both; overflow:visible;color:#FFFFFF;}


#footer p a:hover{ color:#fff; text-decoration:underline;letter-spacing:1px}
#footer li a:hover{ color:#fff; text-decoration:underline; letter-spacing:1px}

.footer_l { margin-top:60px; float: left; width:10%;  text-align:center;}
.footer_l h2 { font-size:15px; line-height:29px;  color:#FFF; margin-top:0}
.footer_l  p{ font-size:15px; color:#FFF;line-height:29px; margin-top:20px; width:100%; float:left }
.footer_l h3 { font-size:35px; line-height:39px;  color:#FFF; font-family:BEBAS}

.footer_l h2 i { font-size:25px;}
.footer_l_tb { width:100%; float:left; margin-top:20px;}
.footer_l_tb img{ float:left; margin-right:3%}
.footer_l_tb p{ width:100%; text-align:center; display:block; float:left}


.footer_l span {font-size:25px; line-height:42px; text-align:center; color:#090f16; width:42px; height:42px; display:block; background-color:#FFF; border-radius:50%; float:left; margin-right:12px; margin-top:30px;}
.footer_l.icon.iconfont {}


.footer_d { margin-top:60px; float: left; width:22.5%;  text-align:left; height:222px; border-right:1px solid #292b2d; padding-right:2%}
.footer_d h2 { font-size:15px; line-height:29px;  color:#FFF;}
.footer_d  p{ font-size:15px; color:#cbcbcb;line-height:29px; margin-bottom:10px; font-family:Barlow-Regular; text-transform:uppercase }
.footer_d h3 { font-size:22px; line-height:39px;  color:#FFF; font-family:BEBAS}

.footer_d h2 i { font-size:25px;}
.footer_d_tb { width:100%; float:left; margin-top:20px;}
.footer_d span {font-size:25px; line-height:42px; text-align:center; color:#93b6e5; width:42px; height:42px; display:block; background-color:#FFF; border-radius:50%; float:left; margin-right:12px; margin-top:30px;}
.footer_d.icon.iconfont {   }




.footer_d_tb a:hover{ text-decoration:none!important}

.footer_r { margin-top:80px; float: left; width:90%; color:#FFF; display:flex; margin-left:0% ; }
/*.footer_r ul:first-child{ width:44%;border-right: 1px solid #292b2d; padding-left:0}
.footer_r ul:first-child li {
    font-size: 16px;
    line-height: 35px;
    width: 50%; float:left}*/
	
	



.footer_r ul:nth-child(3){ width:65%}	
	
	
.footer_r ul p {font-size:15px; line-height:30px;  color:#d1e4ff;}
.footer_r ul p a { color:#d1e4ff;}

.footer_r ul { width:25%; float:left; text-align:left; border-right: 1px solid #0e65a0; padding-right:4%; margin-right:4%}
.footer_r ul h3 a { color:#FFF;}
.footer_r ul h3 { font-size:24px; margin-bottom:21px;}
.footer_r ul h3 span{ font-family:Barlow-Regular; font-size:18px}


.footer_r ul li {font-size:15px; line-height:30px;}
.footer_r ul li a { color:#d1e4ff;}
.footer_banquan { width:100%; margin-top:44px; border-top:1px solid #0e65a0; float:left; text-align:center; line-height:42px; padding-top:5px; }
.footer_banquan_l { float:left; width:105%; text-align:left; padding-top:40px;color:#FFFFFF}
.footer_banquan_l p { line-height:25px; }
.footer_banquan_l_p1 {color:#FFF; font-size:16px;  }
.footer_banquan_l_p1 a {color:#FFF; margin-right:20px;  }
.footer_banquan_l_p2 {color:#FFF; font-size:15px; text-align:center  }
.footer_banquan_l_p2 a {color:#FFF;}
.footer_banquan_r { float:right; width:25%; padding-top:16px;}
.footer_banquan_r_img { width:113px; height:113px; float:right; margin-left:20px; border-radius:5px; overflow:hidden; text-align:center; padding-top:2px; background-color:#FFF;}

.page-ht { height:0.9rem; }


.wap_daohang{ display:none}	
.wap_foot{ display:none}
.wap_fenlei{ display:none}

.pp2{ display:none}


@font-face { font-family: 'impact';
	src: url('../fonts/impact.eot');
	src: url('../fonts/impact.eot?#iefix') format('embedded-opentype'),
		url('../fonts/impact.woff') format('woff'),
		url('../fonts/impact.ttf') format('truetype'),
		url('../fonts/impact.svg#impact') format('svg');
}


.bg_container img { display:none; }

.impact { font-family: "impact"; }


.bg-f5f5fa { background:#f5f5fa; }
.bg-fff { background:#fff; }
.bg-fafafa { background:#fafafa; }


.border-none { border-bottom:none!important; }

.txt_color_000 { color:#000; }

.txt_justify {text-align: justify; }

.animation {transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; }
.animation2 {transition:3s all; -webkit-transition:3s all; -ms-transition:3s all; -o-transition:3s all; }
.animation3 {transition:all 1s ease 0.5s; }

.u-df { display:-webkit-box;  display:-ms-box; display:flex; }
.u-flex-h {-webkit-box-orient:horizontal; }
.u-flex-r {-ms-flex-direction:row; flex-direction:row; }
.u-flexd--c {-webkit-box-orient:vertical; -ms-flex-direction:column; flex-direction:column; }

.u-jc-c { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.u-jc-sb { justify-content : space-between; }
.u-jc-end { -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; }
.u-fd-rr { -webkit-flex-direction:row-reverse; -ms-flex-direction:row-reverse;  flex-direction:row-reverse; }


.u-ai-fs { -webkit-box-align:start; -ms-flex-align:start;  align-items:flex-start; }
.u-ai-c { -webkit-box-align:center; -ms-flex-align:center;  align-items:center; }
.u-al-fe { -webkit-box-align:end; -ms-flex-align:end;  align-items:flex-end; }
.u-as-bl { -webkit-align-self:baseline; -ms-align-self:baseline;  align-self:baseline; }

.u-flex-sb {  justify-content:space-between; }

.u-fw { -webkit-flex-wrap: wrap; flex-wrap:wrap; }

.flex-1 { flex:1; }



.page-wrap { padding:0px 13.54%; width:100%; }
.page-wrap2 { padding:0px 12.5%; width:100%; }

@media only screen and (max-width:1640px){
.page-wrap,.page-wrap2 { padding:0px 5%; }
}


/************************头尾公共部分开始******************************/
.mCSB_container { margin-right:4px;}
.mCustomScrollBox>.mCSB_scrollTools { width:9px; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background:#0766bd; margin:0px; float:right; width:4px; border-radius:0px; }
.mCSB_scrollTools .mCSB_draggerRail, .mCSB_scrollTools { width:4px; }
.mCSB_scrollTools .mCSB_draggerContainer { background:none; left:auto; width:4px; }
.mCSB_scrollTools .mCSB_draggerRail { background:#f1f1f1; position:absolute; top:0px; right:0px; bottom:0px; }


/*******************头部 公共部分 结束***************************/
/*视频*/
.video_place{position: fixed;top:0px;left: 0px;right: 0px;
    bottom: 0px;background-color: rgba(0,0,0,0.85);
    z-index: 999999999;
}
.lt9 .video_place{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000")}
.video_con{z-index:2;width:1028px;height:578px;
    background-color: #000;position: absolute;top: 50%;left: 50%;
    transform: translate(-50%,-50%);text-align: center;
}
.lt9 .video_con{top:20%;left:10%;background: #000;}
.video_con video{width: 100%;height: 100%; object-fit:fill;}
.video_close_btn{position:fixed; top:10px; right:20px; width:40px; height:40px; cursor:pointer; }
.video_close_btn i {position:absolute;  background:#fff; display:inline-block; position:absolute;transform:translate(-50%,-50%) rotate(45deg);-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg); left:50%; top:50%;  }
.video_close_btn i.i1 { width:24px; height:2px; }
.video_close_btn i.i2 {  width:2px; height:24px; }
.video_place .con { position:relative; }
.video_place p {position:absolute;top:50%; margin-top:258px;left:50%; margin-left:-450px;
    width:900px; padding:0.85em 0px; color: #fff;text-align: center;
    cursor: pointer;}
/*视频结束*/


@media only screen and (max-width: 1100px){

.video_con{width:90%; height:70%; }

}

.page-more a { display:inline-block; position:relative; background:#e9ebf1; min-width:1.6rem; letter-spacing:0.03rem; line-height:2.75; border-radius:0.05rem; padding:0px 0.2rem; color:#666; }
.page-more a span { position:relative; z-index:2; display:inline-block; }
.page-more a:before { position:absolute; left:0px; top:0px; height:100%; transition:0.5s all; border-radius:0.05rem;  -webkit-transition:0.5s all; content:""; bottom:0px; width:0px; background:rgba(0,0,0,0.1);}
.page-more a:hover:before { width:100%; }
@media only screen and (max-width: 750px){
.page-more a { line-height:1.75; }
}


.page-header { padding:0px; position:fixed; left:0px; top:0px; width:100%; z-index:1000; border-bottom:1px solid rgba(255,255,255,0.1); height:110px ; padding-left:3%; padding-right:3%; display:flex; justify-content:space-between; background:#fff }
.page-header .page-logo {  left:0.4rem; top:0px; padding:0.2rem 0px; }
.page-header .page-logo img { height:0.83rem; }
.page-header .page-logo .hei{ display:none}
.page-header .page-logo .bai{ display:block}
.scrollHeader .page-header .page-logo .bai{ display:none}
.scrollHeader .page-header .page-logo .hei{ display:block}

.page-header:hover .page-logo .bai{ display:none}
.page-header:hover .page-logo .hei{ display:block}

.page-header .page-hd-rt { position:absolute; right:0.4rem; top:0.3rem; }
.page-header .language { padding-right:0.2rem; display:none; margin-right:0.13rem; margin-top:0.07rem; position:relative; color:#fff;  }
.page-header .language:before { position:absolute; content:""; right:0px; width:1px; top:50%; margin-top:-0.08rem; height:0.16rem; background:rgba(255,255,255,0.4);}
.page-header .language dl dt { position:relative; padding-right:0.17rem; }
.page-header .language dl dt:before { position:absolute; right:0px; width:0px; height:0px; border:0.05rem solid #fff; margin-top:-0.025rem; content:""; top:50%; border-color:#fff transparent transparent transparent;}
.page-header .language a { display:block; color:#fff; }
.page-header .language a:hover { opacity:0.8;filter:alpha(opacity=80); }
.page-header .language dl dd { display:none; position:absolute; left:0px; top:100%; width:6em; border-radius:5px; background:rgba(0,0,0,0.6); }
.page-header .language dl dd a { padding:0.05rem 0.1rem; border-top:1px solid rgba(255,255,255,0.4);}
.page-header .language dl dd a:first-child { border-top:none; }
.page-header .language:hover dl dd { display:block; }

/*******搜索部分********/
.page-header .hd-search { height:0.32rem; width:0.32rem; top:0.02rem; position:relative; z-index:2; }
.page-header .hd-search .sear_but { position:absolute; width:0.32rem; cursor:pointer; background:url(../images/search-but01.png) no-repeat center center; background-size:0.18rem 0.18rem;border-radius:50%;  right:0px; top:0; height:100%; }
.page-header .hd-search .but {position:absolute; width:0.32rem; background:url(../images/search-but02.png) no-repeat center center; background-size:0.18rem 0.18rem;border-radius:50%;right:0px; top:0px; height:100%; border:none; }
.page-header .hd-search  .search { position:absolute; background:#fff; overflow:hidden; width:0px; right:0px; top:0px; bottom:0px; border-radius:0.16rem; }
.page-header .hd-search  .search .put { float:left; width:100%; line-height:0.3rem; background:none; border:none;  }
.page-header .hd-search.open .search { width:12em;padding:0px 0.32rem 0px 0.1rem;  border:1px solid #a8b6cd; }


/*******导航部分******/
.page-header .nav {  }
.page-header .nav>ul {   }
.page-header .nav>ul>li{ display:inline-block; }

.page-nav{ width:74%;}

/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

  /*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:2550px){  

.page-header .nav>ul>li>a{display: block; padding:0px 0.4rem; line-height:110px;  position: relative; color:#666; font-size:20px }



}

@media all and (max-width:1500px){  

.page-header .nav>ul>li>a{display: block; padding:0px 0.26rem; line-height:110px;  position: relative; color:#666;font-size:18px }



}







.page-header .nav>ul>li>a>em{position: absolute; left:0px; bottom:0px; margin-top:-0.08rem; width:0px; height:0.03rem; background:#81b504; transition:0.5s all; -webkit-transition:0.5s all; }
.page-header .nav>ul>li.on>a>em,.page-header .nav>ul>li:hover a em { width:100%; }


.page-header .navlist{ position: absolute;z-index: 100; background:#fff;width:200px;  display:none; opacity:0.9; padding-top:50px;}
.page-header .navlist .page-con { }
.page-header .navlist ul { width:100%;    }
.page-header .navlist ul li { width:80%; float:left; padding-bottom:30px; padding-left:20%   }
.page-header .navlist ul li a{display:block; color:#666; padding-left:0.16rem; text-align:left;  position:relative; line-height: 1.33; font-size:0.19rem  }
.page-header .navlist ul li a:before {position:absolute; width:8px;  left:0; height:2px; top:50%;  content:""; border-radius:0.02rem; background:#999;transform-origin:left center; transform:rotate(-135deg); -webkit-transform:rotate(-135deg);  }
.page-header .navlist ul li a:after { position:absolute; width:8px; margin-top:-1px; left:0px; height:2px; border-radius:0.02rem; top:50%;  content:""; background:#999; transform-origin:left center; transform:rotate(135deg); -webkit-transform:rotate(135deg); }

.page-header .navlist ul li a:hover { color:#698f0d; }
.page-header .navlist ul li a:hover:after { background:#698f0d; }
.page-header .navlist ul li a:hover:before { background:#698f0d; }
.page-header .navlist .page-img { width:3.4rem; }
.page-header .navlist .page-img .bg_container { padding-bottom:50px;}




.nav_phone_btn,.nav_phone{display: none;}


.page-header:hover,.page-header.hover { background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.1); }
.page-header:hover .nav>ul>li>a,.page-header.hover .nav>ul>li>a { color:#666; }
.page-header:hover .nav>ul>li>a>em,.page-header.hover .nav>ul>li>a>em { background:#81b504; }

.page-header:hover .language,.page-header.hover .language  { color:#666; }
.page-header:hover .language dl dt:before,.page-header.hover .language dl dt:before { border-color:#999 transparent transparent transparent; }
.page-header:hover .language:before,.page-header.hover .language:before { background:#d6d6d6; }
.page-header:hover .hd-search .sear_but,.page-header.hover .hd-search .sear_but { background:url(../images/search-but02.png) no-repeat center center; background-size:0.18rem 0.18rem; }


.scrollHeader .page-header { background:#fff; }
.scrollHeader .page-header .nav>ul>li>a { color:#666; }
.scrollHeader .page-header .nav>ul>li>a>em { background:#81b504; }

.scrollHeader .page-header .language { color:#666; display:none; }
.scrollHeader .page-header .language dl dt:before { border-color:#999 transparent transparent transparent; }
.scrollHeader .page-header .language:before { background:#d6d6d6; }
.scrollHeader .page-header .hd-search .sear_but { background:url(../images/search-but02.png) no-repeat center center; background-size:0.18rem 0.18rem; }




@media only screen and (max-width:1300px){
.page-header .hd-search {  height:24px; width:24px; top:0px; }
.page-header .hd-search .sear_but { width:24px; }
.page-header .hd-search  .search { border-radius:12px; }
.page-header .hd-search.open .search { width:15em; padding-right:24px;}
.page-header .hd-search  .search .put { line-height:22px; }
}
@media only screen and (max-width:1260px){
.page-header .page-hd-rt { top:0.24rem; }
}
@media only screen and (max-width:980px){
.page-header .hd-search.open .search { width:120px; }
.page-header .page-hd-rt { top:0.22rem; }

}
@media only screen and (max-width:900px){
.page-header .navlist .page-con { max-width:80%; }
.page-header .page-hd-rt { top:0.2rem; }
}
@media only screen and (max-width:840px){
.page-header .page-hd-rt { top:0.16rem; }
}


@media only screen and (max-width:750px){
.nav_phone_btn,.nav_phone{display: block;}

.page-header { }
.phone-nav-bg { display:none; z-index:9998; position:fixed; left:0px; top:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.5); }
/*手机导航按钮开始*/
.nav_phone_btn{ position:fixed; top:9px; /*margin-top:-16px;*/ z-index:9999; right:20px; transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all; }
.nav_phone_btn{display: block;cursor: pointer; height:40px;}
.nav_phone_btn span {position: relative;font-size: 0;width:40px;height:3px;background-color: #005bab;display: inline-block;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;}
.nav_phone_btn span:before,.nav_phone_btn span:after {content: "";position: absolute;width: 100%;height:3px;background-color: #005bab;left:0px;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;}
.nav_phone_btn span:before{top:-10px;}
.nav_phone_btn span:after{top:10px;}
.visible_nav.nav_phone_btn { right:80%; }
.visible_nav.nav_phone_btn span{background-color: transparent;}
.visible_nav.nav_phone_btn span:before{left:5px;top:0px;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);}
.visible_nav.nav_phone_btn span:after{top:0px;left: 5px;transform: rotateZ(-45deg);-webkit-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);}
.body_nav_phone .phone-nav-bg { display:block;}
/*手机按钮结束*/

/*手机导航内容*/
.nav_phone{display:block;position: fixed; z-index:99999;top:0px;bottom: 0px;right:-74%;height: 100%;width:74%;left:auto;transition:left 0ms ease-out;-webkit-transition:left 0ms ease-out;transition:right 250ms ease-out;-webkit-transition:right 250ms ease-out;overflow: hidden; background:#fff; }
body.body_nav_phone .nav_phone{right:0;left:auto;}
.nav_phone_tit{box-sizing:border-box;height:48px;width: 100%; position:relative; color:#666; background:#fff; border-bottom:0.02rem solid #dadada; }
.nav_phone_tit span{display: inline-block; position:absolute; left:1em; right:0px; top:50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -o-transform: translate(0,-50%); -moz-transform: translate(0,-50%); }
.nav_phone_tit .button{float: right;display: inline-block;margin-right: 10px; cursor: pointer; display:none;}
.nav_phone_tit .button:before{
content: "";display: inline-block;width: 17px;height: 3px;background: #fff;transform: rotate(45deg);border-radius: 8px;
transform: rotate(45deg); -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.nav_phone_tit .button:after{content: "";display: inline-block;width: 3px;height: 17px;background: #fff;margin-left: -10px;margin-bottom: -7px;transform: rotate(45deg);border-radius: 8px;transform: rotate(45deg); -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.nav_phone_con{position: absolute;top:48px;bottom: 0px;width: 100%;background: #fff;overflow: hidden; height:calc(100% - 48px);}
.nav_phone_con>ul{overflow-y: auto;overflow-x: hidden;position: absolute;bottom:5em;top:3em; left:1.4166em; right:0px;}
.nav_phone_con>ul>li {line-height:2.667;border-bottom: 2px solid #d7d7d7;}
.nav_phone_con>ul>li a{opacity: 1;box-sizing: border-box;width: 100%;color: #666;display: inline-block;position: relative;-ms-transition: all 250ms ease-out;transition: all 250ms ease-out;}
.nav_phone_con>ul>li>a .btn { position:absolute; right:0px; top:0px; bottom:0px; width:3em; border-left:2px solid #d7d7d7;  }
.nav_phone_con>ul>li>a em,.nav_phone_con>ul>li> ul>li>a em{display: inline-block;width:0.75em;height:0.75em;border-right: 3px solid #b2b2b2;border-bottom: 3px solid #b2b2b2;position: absolute;top:50%;right:1.2em;margin-top:-0.375em;transform: rotate(-45deg); -webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}
.nav_phone_con>ul>li ul {overflow-y: auto;overflow-x: hidden;position: absolute;top:0;bottom: 0px;width: 100%;background: #fff;opacity: 0;visibility: hidden;right:-100%;-ms-transition: all 250ms ease-out;transition: all 250ms ease-out;z-index: 3;}
.nav_phone_con>ul>li ul li{line-height:2.667;border-bottom:0.02rem solid #d7d7d7;}
.nav_phone_con>ul>li ul li:first-child { border-bottom:none; }
.nav_phone_con>ul>li ul li:first-child a {color: #81b504; font-weight:bold; }
.nav_phone_con>ul>li.on>a{opacity: 0;}
.nav_phone_con>ul>li.on ul,.nav_phone_con>ul>li ul li.on dl{opacity: 1;visibility: visible;right:0;}
.nav_phone .hd-logo { position:absolute; text-align:center; left:0px; bottom:2em; right:0px; }
.nav_phone .hd-logo img { height:28px; }
.nav_phone .phone-search {  margin:1em; position:relative; padding:0px 0.6rem 0px 0.2rem; background:#e7e7e7; border-radius:1em; }
.nav_phone .phone-search input { float:left; width:100%; line-height:2; background:none; border:none; }
.nav_phone .phone-search .but {position:absolute; width:0.6rem; background:url(../images/search-but02.png) no-repeat center center; background-size:0.3rem 0.3rem; right:0px; top:0px; height:100%; border:none; }

/*手机导航内容结束*/

.page-header { height:48px; }
.page-header .page-logo { padding:10px 0px; left:20px; } 
.page-header .page-logo img { height:28px; }
.page-banner { height:calc(100% - 48px); }
.nav_phone .language  { padding-top:13px; padding-right:20px; }
.nav_phone .language a { color:#666; display:inline-block; }
.page-header:hover .language:before { display:none; }

.scrollHeader .nav_phone_btn { /*margin-top:-16px;*/ }

.page-main { padding-top:48px; }

}



/****************page-footer***********************/
.page-footer { background:url(../images/ft-bg02.jpg) no-repeat center center; background-size:cover; color:#fff;  }
.page-footer .page-ft-top { padding-bottom:0.95rem;padding-top:1.06rem;   }
.page-footer .ft-logo img { height:0.28rem; } 
.page-footer .ft-contact { line-height:1.75; padding-top:0.3rem; }
.page-footer .ft-contact  .ft-sec { padding-top:0.07rem; position:relative; }
.page-footer .ft-contact  .ft-sec span { display:block; float:left; padding-right:0.08rem; }
.page-footer .ft-contact  .ft-sec span img { height:0.14rem; margin-top:0.06rem;}
.page-footer .ft-contact  .ft-sec p { overflow:hidden; }
.page-footer .ft-contact  .ft-sec a { color:#fff; }
.page-footer .ft-contact  .ft-sec a.weixin-but { width:0.22rem; height:0.22rem; background:url(../images/ft-ico01.png) no-repeat center center; background-size:100% 100%; display:inline-block; margin-top:0.18rem }
.page-footer .ft-contact  .ft-sec .page-code { position:absolute; display:none; left:0.32rem; top:0.25rem; width:1rem; }
.page-footer .ft-contact  .ft-sec .page-code .code-con { padding:0.05rem; background:#fff; }
.page-footer .ft-contact  .ft-sec .page-code img { width:100%;}
.page-footer .ft-contact  .ft-sec:hover .page-code { display:block;}
.page-footer .ft-nav { padding:0px 0.2rem 0px 1.54rem; }
.page-footer .ft-nav dl { border-left:1px solid rgba(255,255,255,0.2); padding-left:0.5rem; padding-right:0.3rem; }
.page-footer .ft-nav dl dt { line-height:1.1; padding-bottom:0.14rem; }
.page-footer .ft-nav dl dd a { display:block; margin-top:0.09rem; }
.page-footer .ft-nav dl:first-child { border-left:none; }

.page-footer .page-ft-bottom { border-top:1px solid rgba(255,255,255,0.2); padding:0.28rem 0px 0.32rem;}
.page-footer .ft-bot-nav { margin-left:-0.28rem; }
.page-footer .ft-bot-nav a { display:inline-block; margin:0px 0.28rem;  }

.page-footer  a { color:#fff; display:inline-block; }
.page-footer  a:hover { opacity:0.8; filter:alpha(opacity=80); }

.page-footer .page-ft-bg { height:0.09rem; background:url(../images/ft-bg01.png) no-repeat center center; background-size:cover; display:none; }

@media only screen and (max-width:1500px){
	.page-footer .ft-contact .ft-sec span img { margin-top:6px;}
}
@media only screen and (max-width:1240px){
	.page-footer .ft-contact .ft-sec span img { margin-top:7px;}
}
@media only screen and (max-width:840px){
	.page-footer .ft-contact .ft-sec span img { margin-top:8px;}
}


@media only screen and (max-width:750px){
.page-footer .page-ft-top { padding:0.5rem 0px 0px; }
.page-footer .page-ft-top .ft-left { width:100%; }
.page-footer .page-ft-top .ft-nav { width:100%;padding:0.5rem 0px 0px;  }
.page-footer .ft-nav dl { width:100%; padding:0px 0px 0.3rem; border-left:none; }
.page-footer .ft-nav dl dd a { display:inline-block; margin-right:0.2rem; margin-top:0px; }

}


.page-back-top { position:fixed; width:0.64rem; z-index:10; cursor:pointer; height:0.64rem; background:#00bff2; border-radius:0.1rem; right:1.8rem; bottom:10%;  }
.page-back-top:before { position:absolute; width:0.2rem; left:50%; height:0.04rem; margin-top:-0.04rem; margin-left:-0.16rem; top:50%;  content:""; border-radius:0.02rem; background:#fff;transform-origin:center center; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); }
.page-back-top:after { position:absolute; width:0.2rem; left:50%; margin-left:-0.03rem; height:0.04rem; margin-top:-0.04rem;  border-radius:0.02rem; top:50%;  content:""; background:#fff; transform-origin:center center; transform:rotate(225deg); -webkit-transform:rotate(225deg);}

@media only screen and (max-width:1640px){
.page-back-top  { right:0.2rem; }
}




.page-er-bn { position:relative; }
.page-er-bn .bg_container { padding-bottom:39.53125%; }
.page-er-bn .page-text { position:absolute; z-index:3; left:0px; top:0px; width:100%; height:100%; color:#fff; }
.page-er-bn .page-text h3 { padding-top:0.13rem; }
.page-er-bn .play-btn { width:0.3rem; height:0.39rem; background:url(../images/play01.png) no-repeat center center; margin-top:0.47rem; cursor:pointer; background-size:100% 100%; }
.page-er-bn #bn_video1 { position:absolute; display:none; left:0px; top:0px; width:100%; height:100%; bottom:0px; right:0px; object-fit:fill; }
.page-er-bn.on .bg_container { opacity:0; filter:alpha(opacity=0); }
.page-er-bn.hover .page-text { display:none; }
.page-er-bn.hover #bn_video1,.page-er-bn.on #bn_video1 { display:block; }

@media only screen and (max-width:750px){
.page-er-bn .bg_container { padding-bottom:50%; }
.page-er-bn .play-btn { display:none; }
.page-er-bn.hover .page-text { display:block; }
.page-er-bn.hover #bn_video1,.page-er-bn.on #bn_video1 { display:none; }
.page-er-bn.on .bg_container { opacity:1;filter:alpha(opacity=100);}

}



.search-list { padding-top:0.6rem; padding-bottom:1rem; }
.search-list { width:100%; max-width:1144px; margin:0px auto; }
.search-list ul  { padding:0.2rem 0px 0.5rem; }
.search-list ul li { border-bottom:1px solid #f4f4f4; padding:0.27rem 5px; }
.search-list ul li a { display:block; color:#2f2f2f; flex:1; }
.search-list ul li a:hover { color:#f85d8b; }
.search-list ul li .page-time { padding-left:0.2rem;  }
@media only screen and (max-width:750px){
.search-list ul li { display:block; }	
.search-list ul li a { width:100%; }
.search-list ul li .page-time { width:100%; padding-left:0px; }
}



@font-face {
	font-family:Helvetica-Neue-Light-2_0;
	src: url('../fonts/Helvetica-Neue-Light-2_0.ttf'); }



/*---简介-----------*/
  
/**/
.guide{background: url(../images/yinz_bg.jpg) no-repeat center 0;overflow: hidden;padding-top: 120px; padding-bottom:80px}
.gui_l{width: 48%; float: left;line-height: 0;overflow: hidden;}
.gui_l img{width: 592px;}
.gui_l img,.pro_r ul li img,.quality_r dl dt img,.case_m dl dt img,.news dl dt img,.ab_qie ul li img{
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.gui_l img:hover,.pro_r ul li img:hover,.quality_r dl dt img:hover,.case_m dl dt img:hover,.news dl dt img:hover,.ab_qie ul li img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.gui_r{width: 50%;float: right;padding: 20px 10px 0 0;  }
.gui_r b{ text-align:left!important; font-family:Barlow-Regular; font-size:32px; text-transform:uppercase;  background-image:-webkit-linear-gradient(left,#000,#484848,#d6d6d6); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; font-weight:normal 
  }
 
  
  
  
  
  
  
  
  
.gui_r h5{font-size: 42px;color: #5c5d59;line-height: 54px;height: 97px;overflow: hidden;text-align:left; font-weight:bold; margin-top:2%}
.gui_r h5 i{display: block;font-size: 22px;font-weight: normal;}
.gui_desc{font-size: 15px;color: #777;padding: 35px 0 0;line-height: 30px; text-align:left;
text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:6;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.guide dl{float: left;margin-top: 85px;width: 31%;}
.guide dl dt{width: 30%; float: left;overflow: hidden;position: relative;line-height: 0;margin-top: 15px;}
.guide dl dt img{width: 122px;height: 122px;}
.guide dl dt em{width: 122px;height: 122px;display: block;position: absolute;top: 0;left: 0;
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
-o-transition: -o-transform 0.5s ease-out;
-ms-transition: -ms-transform 0.5s ease-out;}
.guide dl:hover dt em{
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.guide dl dd{width: 70%;float: left;padding-left: 30px;}
.guide dl dd h5{font-size: 30px;color: #666;line-height: 50px;overflow: hidden;margin-bottom: 5px;font-weight: normal; padding-top:18px;}
.guide dl dd p{font-size: 16px;color: #777;line-height: 30px;}
.guide dl.nobor{width: 33.33%;}
.guide dl.nobor dd{width: 70%}
.more {
    width: 185px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #FFF;
    font-size: 16px;
    padding-left:0px; margin-top:30px
}
a:hover .more{ margin-top:27px;  transition:all 0.4s; background:#5c5d59}





.morere{ margin:14px 0; font-size:14px; float:left;text-transform:capitalize; margin-bottom:30px}
.morere:hover{ border-bottom:1px #da251d solid; padding-bottom:2px; letter-spacing:2px ;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; color:#da251d ; text-decoration:none; }

.about4{ width:600px; float:left; display:flex; flex-direction:row;  margin-top:20px}
.about4 li{ flex:1; list-style:none; transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; text-align:left
	}
.about4 li:hover{ transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; margin-top:-10px; }
	.about4 li:hover div{color:#0360bf}
	.about4 li:hover .line{ width:70%;  background: #0360bf;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; margin-top:3px; margin-bottom:3px }
	
	
.about4 li .shuzi_1{ font-size:46px; font-family:Arial, Helvetica, sans-serif; color:#014fa2;  font-weight:bold}
.about4 li .shuzi_1 span{ font-size:16px; margin:0 5px; font-weight:normal}
.about4 li .line{ width:0; height:1px; background: #5a5a5a ; transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
.about4 li .shuzi_2{ font-size:16px; color:#5a5a5a; text-align:left}

 
 .bot { width:100%;  margin-top:50px; float:left;  box-shadow: 0px 0px 40px 0px rgba(5, 5, 5, 0.08);}
 .bot .img2{display: none;}
 .bot li{width: 33.666%;float: left;height: 150px;text-align: center;background:url(../images/pro6.png) no-repeat center right #FFFFFF;position: relative;cursor: pointer;}
 .bot li .bot-li{position: absolute;top: 50%;transform: translate(-50%,-50%);left: 55%;text-align: left;    width: fit-content;padding-left: 105px; width:70%}
 .bot-li img{position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
 .bot li p{margin-bottom: 0;color: #777777;}
 .bot li:hover{background: #024c96!important; transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
 .bot li:hover .img1{display: none;float: left;}
 .bot li:hover .img2{display:inline-block;float: left;}
 .bot li:hover p, .bot li:hover h6{color: #FFFFFF;}
.h3-size30 {
      color:#666666
}



.bot li p {
    margin-bottom: 0;
    color: #777777; font-size:17px; margin-top:4px; font-family:Barlow-Regular
}
.header, .content, .footer, .container {
    margin-left: auto;
    margin-right: auto;
    width: 1300px;
}


.bot li .bot-li h6{ font-size:30px; line-height:40px}


 line{ width: 40px;
    height: 1px;
    background: #fff;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle; margin-left:4px; margin-right:4px}
 line1{ width: 40px;
    height: 1px;
    background: #888;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle; margin-left:8px; margin-right:8px}

.titis {
    height: 247px;
    text-align: center;

   padding-top:100px
}.titis h4 {
    font-size: 48px;
    color: #fff;
    font-weight: normal;
    height: 71px;
    line-height: 71px;
}.titis p {
    height: 32px;
    line-height: 32px;
    font-size: 20px;
    color: #fff; letter-spacing:1px
}.titis h4 span {
    color: #fff;
    font-weight: bold;
}

.titis h4 i {
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    margin: 0 18px;
    vertical-align: middle;
    display: inline-block;
}






.titis1 {
    height: 147px;
    text-align: center;
    background: url(../images/h2.png) no-repeat center bottom; margin-bottom:0px
  
}.titis1 h4 {
    font-size: 48px;
    color: #666;
    font-weight: normal;
    height: 71px;
    line-height: 71px;
}.titis1 p {
    height: 32px;
    line-height: 32px;
    font-size: 20px;
    color: #666; letter-spacing:1px
}.titis1 h4 span {
    color: #666;
    font-weight: bold;
}

.titis1 h4 i {
    width: 6px;
    height: 6px;
    background: #666;
    border-radius: 50%;
    margin: 0 18px;
    vertical-align: middle;
    display: inline-block;
}










.pro_title{ width:1180px; height:110px; margin:0 auto;  padding-top:80px}
.pro_title h2{ font-size:28px; color:#575555; text-align:center; background:url(../images/pro.jpg) no-repeat center top; display:block;height:90px; line-height:80px}
.pro_title p{ text-align:center; font-size:18px; color:#2c2c2c;letter-spacing:5px; }


/*--------------------------------------------------------------------------------------------------------------------------------------550--*/
@media all and (max-width:2500px){  
#warp_4 .content {
    width: 1300px;
    margin: 0 auto;
    color: #fff;
    justify-content: center;
    flex-wrap: wrap; 
}
.about_wen p {
    width: 100%;
    margin-top: 30px;
    font-size: 18px;
    line-height: 42px;
    color: #565656;
}#warp_4 {
	width: 100%; margin:0 auto; background:url(../images/a5.jpg) no-repeat center top fixed;
	height: 1000px;  
}

}

@media all and (max-width:1500px){  

#warp_4 {
	width: 100%; margin:0 auto; background:url(../images/a5.jpg) no-repeat center top fixed;
	height: 940px;  
}
#warp_4 .content {
    width: 1300px;
    margin: 0 auto;
    color: #fff;
    justify-content: center;
    flex-wrap: wrap;
}.about_wen p {
    width: 100%;
    margin-top: 30px;
    font-size: 16px;
    line-height: 32px;
    color: #565656;
}}


#warp_4  dl { padding-top:29px; text-align:center; color:#FFF; font-size:36px; margin:10px auto 40px auto; width:16.0%; margin:10px 2% 30px 2%;  }
#warp_4  dl h2{font-size:25px; font-weight:400;  color:#fff; margin-top:25PX; }
#warp_4  dl dd{ font-size:15px; font-weight:100;}


#warp_4 dl dt { font-size:18px; line-height:20px; text-transform:uppercase; letter-spacing:0px; height:50px}
#warp_4 dl dd { font-size:16px; line-height:15px; margin-top:12px; color:rgb(255,255,255,.8);font-family:Barlow-Regular}

#warp_4 .zuo{ text-align:right; margin-right:18%}
#warp_4 .you{ text-align:left; margin-left:18%}
#warp_4 .zuo img{ float:right; margin: 10px}
#warp_4 .you img{ float:left; margin: 10px}



.flex {
    display: flex;
    justify-content: space-between;
}

#warp_4 dl img{transition: all .7s ease;
    -moz-transition: all .7s ease;
    -webkit-transition: all .7s ease;
    -o-transition: all .7s ease;}
#warp_4  dl:hover img {
    transform: rotate(360deg);transition: all .3s ease;
    -moz-transition: all .7s ease;
    -webkit-transition: all .7s ease;
    -o-transition: all .7s ease; text-decoration:none
}
.home_pic{ float:left; clear:both}
.home_pic img{ position:absolute; left:470px; padding-top:80px;  transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
.home_pic:hover img{ transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;




    transform: translate(0,10px);
    -webkit-transform: translate(0,-10px);
    -moz-transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);}




/*lanmu s*/
#abg a.lanmu {
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; transition:all 0.4s
	
}

#abg a:hover .lanmu {
	transform: translate(0,-10px);
	-webkit-transform: translate(0,-10px);
	-moz-transform: translate(0,-10px);
	-o-transform: translate(0,-10px);
	-ms-transform: translate(0,-10px); transition:all 0.4s}
	
#abg a:hover .lanmu i {  background-color:#0756ad;   transition:all 0.4s}
.lanmu { flex:1; text-align:center; background:url(../images/xx2.jpg) no-repeat center right; margin-top:40px}
.lanmu i { width:86px; height:86px; background-color:#c4c4c4; border-radius:50%; display: inline-block; line-height:86px; color:#FFF; font-size:44px; }
.lanmu p { font-size:22px; line-height:20px; margin-top:17px; color:#000;}
.lanmu span {line-height:10px; font-size:16px;text-transform:uppercase; color:#c0c0c0; font-family:Barlow-Regular; display:block; line-height:30px;}
.lanmu em { width:44px; height:2px; background-color:#198de0; display:block; margin:12px auto;}
/*lanmu e*/
.more_ys {
    background-color: #81b504;
}
.more {
    width: 185px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #FFF;
    font-size: 16px;
    padding-left:0px; margin-top:30px
}
a:hover .more{ margin-top:27px;  transition:all 0.4s; background:#b0d178}
/*service s*/
#service { width:100%; background:url(../images/fwbg.jpg) no-repeat top center; height:590px; clear:both; overflow:visible; position:relative  }

.fuwu_l { width:678px; height:590px; float:left; overflow:hidden;}
.fuwu_l img { height:590px; margin-left:-60px;  }
.fuwu_r { width:40%; height:590px; float:right; padding-top:80px}
.fuwu_r_top1 {padding-top:91px;}
.fuwu_r_top2 {padding-top:51px;}
.fuwu_r_top3 {padding-top:111px;}
.fuwu_r_img1 { margin-bottom:10px; margin-top:15px;}
.fuwu_r h2 { font-size:34px; color:#131313; padding-bottom:38px;}
.fuwu_r p { color:#565656; font-size:16px; line-height:30px; padding-left:0px; 
	transition:All 0.2s ease-in-out;
	-webkit-transition:All 0.2s ease-in-out;
	-moz-transition:All 0.2s ease-in-out;
	-o-transition:All 0.2s ease-in-out; }
.fuwu_r a:hover p {color: #b0d178;text-decoration: none!important;padding-left:10px;  transition:all 0.4s}
.fuwu_r a:hover p:before {content: "—— ";  transition:all 0.4s}
.fuwu_r .shuzi{ font-family:Qualy-Bold-2; margin-top:20px; font-size:64px}
.fuwu_r h2 span{ font-family:Barlow-Regular; font-size:22px; font-weight:normal}

@font-face {
	font-family:Qualy-Bold-2;
	src: url('../fonts/HunDIN1451-1.ttf'); }

@media all and (max-width:2500px){  
#warp_4 .content {
    width: 1300px;
    margin: 0 auto;
    color: #fff;
    justify-content: center;
    flex-wrap: wrap; 
}
.about_wen p {
    width: 100%;
    margin-top: 30px;
    font-size: 18px;
    line-height: 42px;
    color: #565656;
}#warp_4 {
	width: 100%; margin:0 auto; background:url(../images/a5.jpg) no-repeat center top fixed;
	height: 1000px;  
}

}

@media all and (max-width:1500px){  
#warp_4 {
	width: 100%; margin:0 auto; background:url(../images/a5.jpg) no-repeat center top fixed;
	height:590px;  
}
#warp_4 .content {
    width: 1300px;
    margin: 0 auto;
    color: #fff;
    justify-content: center;
    flex-wrap: wrap;
}.about_wen p {
    width: 100%;
    margin-top: 30px;
    font-size: 16px;
    line-height: 32px;
    color: #565656;
}}


#warp_4  dl { padding-top:29px; text-align:center; color:#FFF; font-size:36px; margin:10px auto 40px auto; width:16.0%; margin:10px 2% 30px 2%;  }
#warp_4  dl h2{font-size:25px; font-weight:400;  color:#fff; margin-top:25PX; }
#warp_4  dl dd{ font-size:15px; font-weight:100;}


#warp_4 dl dt { font-size:18px; line-height:20px; text-transform:uppercase; letter-spacing:0px; height:50px}
#warp_4 dl dd { font-size:16px; line-height:15px; margin-top:12px; color:rgb(255,255,255,.8);font-family:Barlow-Regular}

#warp_4 .zuo{ text-align:right; margin-right:18%}
#warp_4 .you{ text-align:left; margin-left:18%}
#warp_4 .zuo img{ float:right; margin: 10px}
#warp_4 .you img{ float:left; margin: 10px}



.flex {
    display: flex;
    justify-content: space-between;
}

#warp_4 dl img{transition: all .7s ease;
    -moz-transition: all .7s ease;
    -webkit-transition: all .7s ease;
    -o-transition: all .7s ease;}
#warp_4  dl:hover img {
    transform: rotate(360deg);transition: all .3s ease;
    -moz-transition: all .7s ease;
    -webkit-transition: all .7s ease;
    -o-transition: all .7s ease; text-decoration:none
}
.home_pic{ float:left; clear:both}
.home_pic img{ position:absolute; left:470px; padding-top:80px;  transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
.home_pic:hover img{ transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;




    transform: translate(0,10px);
    -webkit-transform: translate(0,-10px);
    -moz-transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);}




/*lanmu s*/
#abg a.lanmu {
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; transition:all 0.4s
	
}

#abg a:hover .lanmu {
	transform: translate(0,-10px);
	-webkit-transform: translate(0,-10px);
	-moz-transform: translate(0,-10px);
	-o-transform: translate(0,-10px);
	-ms-transform: translate(0,-10px); transition:all 0.4s}
	
#abg a:hover .lanmu i {  background-color:#0756ad;   transition:all 0.4s}
.lanmu { flex:1; text-align:center; background:url(../images/xx2.jpg) no-repeat center right; margin-top:40px}
.lanmu i { width:86px; height:86px; background-color:#c4c4c4; border-radius:50%; display: inline-block; line-height:86px; color:#FFF; font-size:44px; }
.lanmu p { font-size:22px; line-height:20px; margin-top:17px; color:#000;}
.lanmu span {line-height:10px; font-size:16px;text-transform:uppercase; color:#c0c0c0; font-family:Barlow-Regular; display:block; line-height:30px;}
.lanmu em { width:44px; height:2px; background-color:#198de0; display:block; margin:12px auto;}
/*lanmu e*/
.more_ys {
    background-color: #81b504;
}
.more {
    width: 185px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #FFF;
    font-size: 16px;
    padding-left:0px; margin-top:30px
}
a:hover .more{ margin-top:27px;  transition:all 0.4s; background:#b0d178}

/* 核心代码 */
.focus{width:1300px;height:590px;position:relative; margin:0 auto; clear:both}
.yincang {width:1300px; height:590px;overflow:hidden; position:absolute;}
.focus ul{height:590px;position:absolute;}
.focus ul li{
	float: left;
	width: 1300px;
	height: 590px;
	overflow: hidden;
	position: relative;
	
	list-style-type: none;
}
/*.focus ul li div{position:absolute;overflow:hidden;}*/
.focus .btn{position:relative;width:30%;height:10px;padding:0;text-align:center; margin:0 auto; padding-top:440px; margin-right:510px}
.focus .btn span{display:inline-block;_display:inline;_zoom:1;width:16px;height:16px;_font-size:0;margin-left:11px;cursor:pointer;background:#c2c2c2;border-radius:50%;}
.focus .btn span.on{background:#0070c0;}
.focus .preNext{width:45px;height:100px;position:absolute;top:90px;background:url(img/sprite.png) no-repeat 0 0;cursor:pointer;display:none;}
.focus .pre{left:0;}
.focus .next{right:0;background-position:right top;}


.news{padding: 70px 0 0px;}
.news .news-tit{text-align:center;margin-top:60px;margin-bottom:37px}
.news .news-tit li{display:inline-block;width:200px;height:50px;text-align:center;font-size:16px;font-weight:700;line-height:50px;color:#666;background:#fff}
.news .news-tit li a{display:block;color:#666}
.news .news-tit li.cur{background:#2b378b}
.news .news-tit li.cur a{color:#fff}
.news-con{width:1300px; padding-top:50px; padding-bottom:80px;}
.news .news-con .new-l{float:left;width:600px;position:relative}
.news .news-con .new-lc{position:relative}
.news .news-con .new-lc dt{width:600px;height:180px;display:block;line-height:0;overflow:hidden}
.news .news-con .new-lc dt img{width:600px;display:block;transition:all 1s}
.news .news-con .new-lc dt:hover img{transform:scale(1.03)}
.news .news-con .new-lc dd{margin-top:23px}
.news .news-con .new-lc dd>em{float:left;width:102px;box-sizing:border-box;font-size:28px;color:#666;font-weight:700;text-align:right;padding-right:20px;border-right:1px solid #d6d6d6;letter-spacing:-1px;height:160px;line-height:80%}
.news .news-con .new-lc dd>em i{display:block;font-size:12px;font-weight:400;line-height:80%;margin-top:5px}
.news .news-con .new-lc dd h4{/*float:right;width:415px;*/font-weight:400}
.news .news-con .new-lc dd h4 b {display:block;font-size:24px;color:#555;line-height:36px;font-weight:400;width:90%;overflow:hidden;}
.news .news-con .new-lc dd h4 b :hover{color:#81b504}
.news .news-con .new-lc dd h4 span{font-size:15px;line-height:30px;color:#888;display:block;
text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.news .news-con .new-lc dd h4 span b{ font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:18px}
.news .news-con .new-lc dd h4 em {display:block;font-size:14px;color:#202428;opacity:.7;font-weight:700;;background: url(../images/new-line.png) no-repeat left bottom;margin-top: 25px;}
.news .news-con .new-lc dd h4 em :hover{color:#2b378b;opacity:1}



.news .news-con .new-r{float:right;width:655px}
.news .news-con .new-rt{margin-left:88px;height:68px}
.news .news-con .new-rt li{width:147px;float:left;line-height:50px;height:50px;background:#fff;font-size:16px;text-align:center;font-weight:700}

.news .news-con .new-rt li.cur{background:#2b378b}
.news .news-con .new-rt li.cur a{color:#fff;display:block}
.news .news-con .new-rc dl{border-bottom:1px solid #e7e7e7;height:100px}

.news .news-con .new-rc:first-child{border-top:1px solid #e7e7e7;}

.news .news-con .new-rc dt{float:left;width:122px;height:100px;border-right:1px solid #e7e7e7;padding-right:18px;text-align:right; line-height:20px; padding-top:30px}
.news .news-con .new-rc dl:hover{ background:#1f85cb; color:#fff; display:block}
.news .news-con .new-rc dl:hover a{ color:#fff}
.news .news-con .new-rc dl:hover dd span{ color:#fff;  transition:all 0.4s}
.news .news-con .new-rc dl:hover em{ color:#fff;  transition:all 0.4s}

.news .news-con .new-rc dt em{font-size:30px;color:#787b78;font-weight:700; font-family:Arial, Helvetica, sans-serif}
.news .news-con .new-rc dt em i{display:block;font-size:12px;font-weight:400;margin-top:5px}
.news .news-con .new-rc dd{float:right;width:522px;padding-left:25px;box-sizing:border-box}
.news .news-con .new-rc dd h4{display:block;font-size:20px;font-weight:400;padding-top:20px;line-height:30px;}
.news .news-con .new-rc dt:hover{color:#fff}

.news .news-con .new-rc dd span{font-size:14px;line-height:24px;display:block;color:#888;margin-top:10px;  transition:all 0.4s}
.news .news-con .new-rc dd em a{display:block;font-size:14px;line-height:14px;margin-top:20px;color:#202428;opacity:.7;font-weight:700}
.news .news-con .new-rc dd em a:hover{color:#fff;opacity:1}


.tit h2 img{ margin: 0 auto; width:115px; display:block}

.tit span {
    display: block;
    font-size: 20px;
    color: #888;
    line-height: 60px;
    text-align:center; font-family:Barlow-Regular
}

.tit span b{ color:#0751ad}

.tit p{ font-size:38px; text-align:center; line-height:40px;  color:#666; margin-top:30px}


.tit b{ width: 45px;
    height: 3px;
    background: #81b504;
    margin: 0 auto;
    display: block;
    vertical-align: middle; margin-top:20px}


.shubiao { width:100%; position:relative; height:50px; padding-top:20px;}
 
 .indexbanner_footer{ text-align:center;
position:absolute; left:50%; bottom:4%; z-index:10;transform:translateX(-50%);}
.indexbanner_footer_jt{ animation: pulse 2s infinite;
position:relative; display:inline-block;}

@keyframes pulse {
    0% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
    50% {
      -webkit-transform: translate(0, 10px);
      transform: translate(0, 10px);
    }
    100% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
  }
  
.join{ width:100%; margin:0 auto; background:url(../images/img6.jpg) no-repeat center; background-position:center; background-repeat:no-repeat; height:489px; text-align:center; color:#FFFFFF; font-size:47px; line-height:50px; padding-top:120px; clear:both}
.join span{ font-size:22px; font-family:Barlow-Regular}
.a_more{ font-size:17px; color:#fff!important; line-height:50px; width:200px; margin:auto;display:inline-block; 
  border: 1px solid #fff; 
  position: relative;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; margin-top:30px
}
.a_more a{  color:#fff!important;
}
.a_more:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #ff8b00;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.a_more:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.a_more:hover{ color:#fff;}



.index_2{background-position:center; background-repeat:no-repeat;background-attachment: fixed; background-size:cover; background-image:url(../images/cona.jpg);
color:#fff; text-align:center; background-color:#e4e4e4; padding-bottom:10%; position:relative; }
.index_2_2{ position:relative; margin-top:1em;
color:#fff; padding-bottom:1.5em; font-size:22px;}
.index_2_1{
font-size:50px; }
.index_2_1 b { font-weight:700; font-family:"微软雅黑"}


.index_2_2:after{ margin-left:-20px; bottom:0;
content:''; position:absolute; left:50%; height:2px; background-color:#fff; width:40px;}
.index_2 .wmid{
position:relative; z-index:10;}
.index_2:after{ background-color:#000; opacity:0;
content:''; position:absolute; left:0; top:0; width:100%; height:100%; }
.index_2_3{
margin-top:4.3em;}


.zl { width:100%; clear:both; overflow:visible; display:flex; }
.zl dl { display:inline-block; text-align:center;color:#fff;font-size:18px; flex:1; text-align:left; margin-left:5%}
.zl dl img { margin-right:20px }
.zl dl dt {  line-height:36px; width:100%;  color:#fff; text-transform:uppercase; font-size:18px; font-family:Barlow-Regular;}
.zl dl dt1 {  line-height:36px; width:100%;  color:#fff; text-transform:uppercase; font-size:22px; font-family:EUCLIDCIRCULARA;  text-align:left}

.zl dl b{ width: 40px;
    height: 2px;
    background: #81b504;
   
    display: block;
    vertical-align: middle; margin-top:20px}
	
.zl dl dd  {color:rgb(255,255,255,.8) ; font-size:16px; font-weight:100; line-height:42px; font-family:Barlow-Regular; width:100%; display:block; margin-top:14px}

.ban1 { position:relative; width:100%; height:100%;}
.ban1 video{ position:absolute; z-index:-1; height:100%;}
.ban1:after {  content:" "; width:100%; height:100%; background:rgba(0,0,0,.35); position:absolute; z-index:1;}

.aazb { font-size:2.5em; letter-spacing:0px; font-weight:700;}
.aazb b { color:#cd0f16;}

.index_5_r .index_1_right_mid_bg { background: none !important;}



@media screen and (max-width:768px) {
.pc_daohang{ display:none}
.wap_daohang{ display:block}
.wap_foot{ display:block}



.content{
    margin-left: auto;
    margin-right: auto;
    width:100%!important;
}


/*---简介-----------*/
  
/**/
.guide{background: url(../images/yinz_bg.jpg) no-repeat center 0;overflow: hidden;padding-top:20px; padding-bottom:20px; padding-left:5%; padding-right:5%;}
.gui_l{display:none; }

.gui_r{width:100%;float:left;padding: 10px 0px 0 0;  }
.gui_r b{ text-align:left!important; font-family:Barlow-Regular; font-size:15px; text-transform:uppercase;  background-image:-webkit-linear-gradient(left,#000,#484848,#d6d6d6); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; font-weight:normal 
  }
 
    
  
.gui_r h5{font-size:15px;color: #5c5d59;line-height:24px;height:auto;overflow: hidden;text-align:left; font-weight:bold; margin-top:0%}
.gui_r h5 i{display: block;font-size:12px;font-weight: normal;}
.gui_desc{font-size: 14px;color: #777;padding: 20px 0 0;line-height: 24px; text-align:left; }
.guide dl{display:none; }

.more {
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #FFF;
    font-size: 13px;
    padding-left:0px; margin-top:10px
}
a:hover .more{  margin-top:10px;transition:all 0.4s; background:#5c5d59}




/*-------底部-----------*/
.fabout{ display:none;}






/*内页*/
.nydw{  width:95%;}



.nymain{width:100%;}

.neirong{ width:90%;padding:0%;  }

.neirong_nmenu{width:95%;}


/*证书*/

.zu11{ height:200px; }
.zu11 img{ max-height:200px; }

/*内页*/
.inside_l{ width:30%;}
/*.inside_r{ width:55%; }*/


/*内页联系我们*/
.ditu{ width:100%; float:none; margin-top:30px;}
.nylianxi{ width:100%; float:none}




.tbottom{ height:2.3rem; background:#1470af}
#BottomNav { background-color:#333; bottom: 0;
    height: 6em;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 39; box-sizing:border-box; 
}
#BottomNav ul li {
    float: left;
    box-sizing:border-box;
    text-align: center;
    width: 25%; padding-top:0.7em;
}


#BottomNav ul li a {
    color: #fff;
    display: block; 
    


}


#BottomNav ul li a div {
    font-size:14px; padding-bottom:0.7rem; padding-top:0em;
}

#BottomNav .a {
    background:url(../images/shl-a.png) no-repeat center; background-size:35%; height:45px;
}

#BottomNav .b {
    background: url(../images/shl-b.png) no-repeat center; background-size:35%; height:45px;
}
#BottomNav .c {
    background: url(../images/shl-c.png) no-repeat center; background-size:35%; height:45px;
}
#BottomNav .d {
 background: url(../images/vperson.png) no-repeat center; background-size:35%; height:45px;
}
#BottomNav .e {
    background: url(../images/shl-e.png) no-repeat center;background-size:35%; height:45px;
}
#BottomNav .f {
    background: url(../images/shl-f.png) no-repeat center; background-size:35%; height:45px;
}


	.m-header {
 height:60px;
  width: 100%;
  background: #ffffff; z-index:999999999
}
.sousuo{ background:url(../images/wap_sea.png) no-repeat center;text-align: center;
background-position: center center;
background-size: auto 30px; height:45px; margin-top:7px;}


.m-header.cur {
  position: absolute;
}
.ce-table .table-bot .item .i{
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5;
}
.m-header .w-header.fixed {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #ffffff;
}

.m-header .w-header {
  position: relative;
  padding: 0 10px;
  padding-right: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 444444444444;
  height: 60px;
  box-shadow: 0 0px 9px rgba(0, 0, 0, 0.1);
  background: #fff;
}
.glasslist-list .items .words .p span{
  font-size: 150%;
  color:#0aadb1;
}

.m-header .welcome-a {
  float: left;
 /* width: 50%;*/
  height: 100%; margin-top:10px;
  /*
  line-height: 48px;
  position: relative;*/
}

.m-header .welcome-a img {
  max-height: 100%;top:10px;
/*  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;*/
}

.m-header .search-cover {
  float: right;
  width: 50px;
  height: 48px;
  display: block;
  line-height: 48px;
}

.m-header .search-cover img {
  width: 100%;
  vertical-align: middle;
}

.m-header .uio {
  float: right;
  height: 100%;
  width: 65px;
  border-left: 0px solid #e1e1e1;
}

.m-header .search-bg {
  position: fixed;
  left: 0;
  top: 48px;
  width: 100%;
  height: 150px;
  z-index: 10;
  background: #ffffff;
  display: none;
}

.m-header .subsearch {
  padding-right: 15px;
  border-right: 1px solid #d2d2d2;
  box-sizing: border-box;
}
.m-header .subsearch .sp {
  width: 35px;
  height: 35px;
  background-size: 80%;
}

.m-header .subsearch img {
  height: 100%;
}

.m-header .search-bg .m-close-search {
  display: block;
  width: 10px;
  height: 10px;
  background-size: 100% auto;
  position: fixed;
  right: 4%;
  top: 10px;
  cursor: pointer;
  z-index: 11;
}

.m-header .search-bg .m-search-box {
  width: 92%;
  margin: 0 auto;
  border-bottom: 1px solid #f2f2f2;
  position: absolute;
  left: 3%;
  top: 48px;
  height: 40px;
  z-index: 11;
}

.m-header .search-bg .m-search-box .tex {
  border: none;  font-size: 14px;
  color: #a7a7a7;
  height: 41px;
  padding-left: 5px;
  box-sizing: border-box;
  width: 60%;
  background: none;
}

.m-header .search-bg .m-search-box .search-btn {
  border: none;
  width: 30px;
  height: 30px;
  background-size: 100%;
  margin-top: 6px;
}

.m-header .btn-na {
  margin-right: 15px;
}

.m-header .nav-btn {
    position: absolute;
    right: 21px;
    top: 50%;
    width: 22px;
    height: 17px;
    vertical-align: middle;
    cursor: pointer;
    margin-top: -8px;
}

.m-header .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #333333;
  left: 0;
  border-radius: 4px;
}

.m-header .nav-btn .line1 {
  top: 0px;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}

.m-header .nav-btn .line2 {
  top: 7px;
}

.m-header .nav-btn .line3 {
  bottom: 0px;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}

.m-header .nav-btn.active {
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}

.m-header .nav-btn.hover .line {
  left: 6px;
}

.nav0 {
  position: relative;
  border-left: 1px solid #e1e1e1;
  cursor: pointer;
}
.nav0:hover .nav-btn .line {
  background: #059ea0;
  transition: .5s ease-in-out;
}

.nav0 .nav-btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 12px;
  vertical-align: middle;
  cursor: pointer;
  bottom: 0;
  right: 0;
  margin: auto;
}

.nav0 .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
  transition: .5s ease-in-out;
  left: 0;
  border-radius: 4px;
}

.nav0 .nav-btn .line1 {
  top: 0;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}

.nav0 .nav-btn .line2 {
  top: 5px;
}

.nav0 .nav-btn .line3 {
  bottom: 0;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}

.nav0 .nav-btn.active {
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}

.nav0 .nav-btn.hover .line {
  left: 6px;
}


.m-header .sub-menu {
  width: 100%;
  height: 100%;
  padding: 14px 0 0;
  display: none;
  position: fixed;
  left: 0;
  top: 45px;
  background-color: white;
  z-index: 1999999990;
  color: #666;
  overflow-y: auto;
}

.m-header .sub-menu li .sub-tit {
  padding: 0 3%;
  box-sizing: border-box;
}
.m-header .sub-menu li .sub-tit .tu-box {
  padding: 13px 0;
  border-bottom: 1px solid #dcdcdc;
  box-sizing: border-box;
  position: relative;
}
.m-header .sub-menu li .sub-tit .tu-box .imgbox {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  bottom: 0;
  margin: auto;
}

.m-header .sub-menu li .sub-tit.on .tu-box {
  border-bottom-color: transparent;
}

.m-header .sub-menu li a {
  display: block;
}

.m-header .sub-menu .tit {
  display: block;
  width: 100%;
  padding: 10px 3%; text-transform:uppercase;
  box-sizing: border-box;
  line-height: 33px;
  color: #666;
  position: relative;
  font-size: 15px;
  line-height: 20px;
}
.m-header .sub-menu .tit a {
  color: #666;
}

.menu-text {
  text-align: center;
  margin-top: 35px;
}
.menu-text .li {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #f2f2f2;
  line-height: 50px;
  margin: 0 15px;
}
.menu-text .li img {
  width: 23px;
  display: inline-block;
}

.case-ul.w1480 {
  line-height: 1;
  font-size: 1px;
  /*margin-top: -32px;*/
  margin-bottom: 52px;
}

.headsearch-box {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 150;
  top: 0;
  left: 0;
  display: none;
  touch-action: none;
}

.headsearch-box input[type="text"] {
  text-align: center; color:#fff;
  position: absolute;
  width: 100%;
  left: 0;
  height: 100%;
}

.headsearch-box input[type="submit"] {
  position: absolute;
  text-indent: -9999px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 35px;
  width: 35px;
  background: url(../images/ser-black.png) no-repeat center;
}

.headsearch-box input {
  border: none;
  background: none;
  outline: none;
}

.headsearch-box .x-box .x-o {
  position: absolute;
  right: 0;
  top: 10%;
  cursor: pointer;
}

.headsearch-box .x-box {
  /*height:960px;*/
  width: 1200px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.headsearch-box .x-p {
  text-align: center;
  width: 1200px;
  margin: 0 auto;
  height: 110px;
  line-height: 110px;
  border-bottom: 1px solid #606060;
  font-size: 24px;
  color: #606060;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.m-header .sub-menu .tit1 {
  display: block;
  width: 100%; text-transform:uppercase;
  line-height: 33px;
  color: #666;
  position: relative;
  font-size: 15px;
  line-height: 18px;
  box-sizing: border-box;
}

.m-header .sub-menu .sub-tit.on.on .btn-v {
  background: url(../images/img6.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .btn-v {
  display: inline-block;
  height: 20px;
  width: 20px;
  float: right;
  margin-right: 16px;
  margin-top: 0;
  background: url(../images/img5.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .sub-tit1.on {
  background-color: #ff0001;
  color: #fff;
}

.m-header .sub-menu .sub-tit.on:after {
  background-size: 100% auto;
}

.m-header .sub-menu .sec-list {
  line-height: 28px;
  padding: 1px 1.5%;
  display: none;
  background: #f2f2f2;
}

.m-header .sub-menu .sec-list p {
  background-size: 8px auto;
  height: 43px;
  line-height: 43px;
  font-size: 13px;
  border-top: 1px solid #e8e8e8;
  box-sizing: border-box;
}
.m-header .sub-menu .sec-list p:nth-child(1) {
  border-top: none;
}

.m-header .sub-menu .sec-list a { text-transform:uppercase;
  padding-left: 21px;
  color: #888;
  display: block;
}

.bocweb-header.ff {
  background: #ffffff;
}

.imgd {
  position: relative;
}
.imgd img {
  display: block;
  vertical-align: middle;
}
.imgd .i1, .imgd .i2 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.nav-pro {
  position: relative;
}

.search-close.show {
  transform: scale(1);
  z-index: 3;
}

.header-search-wrap .submit {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 36px;
  height: 43px;
  background: url(../images/ser-black.png) no-repeat center;
  border: none;
  box-sizing: border-box;
}

.hide1, .hide1.header.active {
  transform: scale(0) !important;
  opacity: 0;
  transition: .6s ease-in-out;
  transition-duration: .5s;
}

.search-close {
  position: absolute;
  z-index: -1;
  display: block;
  right: -1.5rem;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  background:url(../images/close2.png) no-repeat center;
  background-size: 24px !important;
  cursor: pointer;
  transition-duration: .5s;
  transform: scale(0);
}

.header-search-wrap {
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 10px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  width: 600px;
  height: 44px;
  margin-left: -300px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  color: #666;
  line-height: 44px;
  transition: all 0.5s;
  /*background: #fff;*/
  padding-right: 50px;
}

.header-search-wrap .submit {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 36px;
  height: 43px;
  background: url(../images/ser-black.png) no-repeat center;
  border: none;
  box-sizing: border-box;
}

.header-search-wrap .ser-input {
  width: 100%;
  height: 43px;
  position: relative;
  border: none;
  background: none;
  box-sizing: border-box;
  text-indent: 20px;
}





.header {
  width: 100%;
  color: #4c4c4c;
  top: 0;
  left: 0;
  height: 70px;
  background: #ffffff;
  transition: .5s ease-in-out;
  line-height: 70px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header .nav-btn .line {
  background: #353535;
}
.header.active {
  color: #fff;
  position: fixed;
  background: transparent;
}
.header.active .nav0 {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.header.active a {
  color: #ffffff;
}
.header.active .icon-sousuo {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.header.active .bocweb-logo .i0 {
  opacity: 1;
}
.header.active .bocweb-logo .i1 {
  opacity: 0;
}
.header.active .navleft-ul .li .imgd .i0 {
  opacity: 1;
}
.header.active .navleft-ul .li .imgd .i1,
.header.active .navleft-ul .li .imgd .i2 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i0, .header.active .navleft-ul .li.active .imgd .i0 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i2, .header.active .navleft-ul .li.active .imgd .i2 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i1, .header.active .navleft-ul .li.active .imgd .i1 {
  opacity: 1;
}
.header a {
  color: #4c4c4c;
}
.header .bocweb-logo {
  width: 165px;
  height: 70px;
  position: relative;
  margin-right: 60px;
}
.header .bocweb-logo img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.header .bocweb-logo .i0 {
  opacity: 0;
}
.header .bocweb-logo .i1 {
  opacity: 1;
}
.header .bocweb-navleft {
  padding-left:0px;
  box-sizing: border-box;
}
.header .navleft-ul .li {
  float: left;
  padding-left: 30px;
  box-sizing: border-box;
  position: relative;
}
.header .navleft-ul .li:nth-child(n+2) {
  margin-left: 40px;
}
.header .navleft-ul .li .imgd .i2 {
  opacity: 1;
}
.header .navleft-ul .li .imgd .i0 {
  opacity: 0;
}
.header .navleft-ul .li:hover, .header .navleft-ul .li.active {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover span, .header .navleft-ul .li.active span {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover .imgd img, .header .navleft-ul .li.active .imgd img {
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover .imgd .i0, .header .navleft-ul .li.active .imgd .i0 {
  opacity: 0;
}
.header .navleft-ul .li:hover .imgd .i2, .header .navleft-ul .li.active .imgd .i2 {
  opacity: 0;
}
.header .navleft-ul .li:hover .imgd .i1, .header .navleft-ul .li.active .imgd .i1 {
  opacity: 1;
}
.header .navleft-ul .li .imgd {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 20px;
  height: 20px;
}
.header .navleft-ul .li.li2 .imgd {
   
    top: 4px;
   
}
.header .navleft-ul .li .imgd img {
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li {
  float: left;
}
.header .bocweb-nav .nav-li .li-top {
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li:hover .li-top, .header .bocweb-nav .nav-li.active .li-top {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li:nth-child(n+2) {
  margin-left: 95px;
}
.header .bocweb-nav .nav0 {
  width: 80px;
  height: 70px;
}




.header.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  transition: .5s ease-in-out;
}






 .headsearch-box .x-box {
    width: 90%;
  }

  .headsearch-box .x-p {
    width: 100%;
  }

.mbox {
    display: block!important;
  }

  .maintain-tip .img {
    width: 160px;
  }

  .icon-sousuo {
    width: 40px;
  }
  
    .pp1{ display:none}
  .pp2{ display:block;}







#warp_4 {
	width: 100%; margin:0 auto; background:url(../images/a5.jpg) no-repeat center top fixed;
	height:auto; padding-bottom:50px; 
}
#warp_4 .content {
    width: 100%;
    margin: 0 auto;
    color: #fff;
    justify-content: center;
    flex-wrap: wrap;
}.about_wen p {
    width: 100%;
    margin-top:20px;
    font-size: 14px;
    line-height: 32px;
    color: #565656;
}


#warp_4  dl { padding-top:29px; text-align:center; color:#FFF; font-size:20px; margin:10px auto 40px auto; width:16.0%; margin:10px 2% 30px 2%;  }
#warp_4  dl h2{font-size:14px; font-weight:400;  color:#fff; margin-top:25PX; }
#warp_4  dl dd{ font-size:12px; font-weight:100;}


#warp_4 dl dt { font-size:18px; line-height:20px; text-transform:uppercase; letter-spacing:0px; height:50px}
#warp_4 dl dd { font-size:16px; line-height:15px; margin-top:12px; color:rgb(255,255,255,.8);font-family:Barlow-Regular}

#warp_4 .zuo{ text-align:right; margin-right:18%}
#warp_4 .you{ text-align:left; margin-left:18%}
#warp_4 .zuo img{ float:right; margin: 10px}
#warp_4 .you img{ float:left; margin: 10px}



.flex {
    display: flex;
    justify-content: space-between;
}

#warp_4 dl img{transition: all .7s ease;
    -moz-transition: all .7s ease;
    -webkit-transition: all .7s ease;
    -o-transition: all .7s ease;}
#warp_4  dl:hover img {
    transform: rotate(360deg);transition: all .3s ease;
    -moz-transition: all .7s ease;
    -webkit-transition: all .7s ease;
    -o-transition: all .7s ease; text-decoration:none
}
.home_pic{ float:left; clear:both}
.home_pic img{ position:absolute; left:470px; padding-top:80px;  transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
.home_pic:hover img{ transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;




    transform: translate(0,10px);
    -webkit-transform: translate(0,-10px);
    -moz-transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);}





.titis {
    height:auto;
    text-align: center;

   padding-top:30px; padding-bottom:20px;
}.titis h4 {
    font-size: 20px;
    color: #fff;
    font-weight: normal;
    height:auto;
    line-height:35px;
}.titis p {
    height: auto;
    line-height:22px;
    font-size: 14px;
    color: #fff; letter-spacing:0px
}.titis h4 span {
    color: #fff;
    font-weight: bold;
}

.titis h4 i {
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    margin: 0 18px;
    vertical-align: middle;
    display: inline-block;
}




.titis1 {
    height:auto;
    text-align: center;
    background: url(../images/h2.png) no-repeat center bottom; margin-bottom:15px
  
}.titis1 h4 {
    font-size:20px;
    color: #666;
    font-weight: normal;
    height: auto;
    line-height:35px;
}.titis1 p {
    height: auto;
    line-height: 22px;
    font-size: 14px;
    color: #666; letter-spacing:0px
}.titis1 h4 span {
    color: #666;
    font-weight: bold;
}

.titis1 h4 i {
    width: 6px;
    height: 6px;
    background: #666;
    border-radius: 50%;
    margin: 0 18px;
    vertical-align: middle;
    display: inline-block;
}






.news{padding:40px 0 0px;}
.news .news-tit{text-align:center;margin-top:20px;margin-bottom:0px}
.news .news-tit li{display:inline-block;width:200px;height:50px;text-align:center;font-size:14px;font-weight:700;line-height:50px;color:#666;background:#fff}
.news .news-tit li a{display:block;color:#666}
.news .news-tit li.cur{background:#2b378b}
.news .news-tit li.cur a{color:#fff}

.news-con{width:95%; padding-top:20px; padding-bottom:20px; padding-left:5%;}

.news .news-con .new-l{float:left;width:100%;position:relative}
.news .news-con .new-lc{position:relative}
.news .news-con .new-lc dt{width:100%;height:auto;display:block;line-height:0;overflow:hidden}
.news .news-con .new-lc dt img{width:100%;display:block;transition:all 1s}
.news .news-con .new-lc dt:hover img{transform:scale(1.03)}
.news .news-con .new-lc dd{margin-top:10px}
.news .news-con .new-lc dd>em{float:left;width:102px;box-sizing:border-box;font-size:20px;color:#666;font-weight:700;text-align:right;padding-right:20px;border-right:1px solid #d6d6d6;letter-spacing:-1px;height:160px;line-height:80%}
.news .news-con .new-lc dd>em i{display:block;font-size:12px;font-weight:400;line-height:80%;margin-top:5px}
.news .news-con .new-lc dd h4{/*float:right;width:415px;*/font-weight:400}
.news .news-con .new-lc dd h4 b {display:block;font-size:14px;color:#555;line-height:22px;font-weight:400;width:90%;overflow:hidden; padding-bottom:20px;}
.news .news-con .new-lc dd h4 b :hover{color:#81b504}
.news .news-con .new-lc dd h4 span{display:none;}
.news .news-con .new-lc dd h4 span b{ display:none;}
.news .news-con .new-lc dd h4 em a{display:block;font-size:14px;color:#202428;opacity:.7;font-weight:700;;background: url(../images/new-line.png) no-repeat left bottom;margin-top: 25px;}
.news .news-con .new-lc dd h4 em a:hover{color:#2b378b;opacity:1}



.news .news-con .new-r{float:right;width:100%}
.news .news-con .new-rt{margin-left:0px;height:70px}
.news .news-con .new-rt li{width:147px;float:left;line-height:50px;height:50px;background:#fff;font-size:16px;text-align:center;font-weight:700}

.news .news-con .new-rt li.cur{background:#2b378b}
.news .news-con .new-rt li.cur a{color:#fff;display:block}
.news .news-con .new-rc dl{border-bottom:1px solid #e7e7e7;height:70px}

.news .news-con .new-rc:first-child{border-top:1px solid #e7e7e7;}

.news .news-con .new-rc dt{float:left;width:18%;height:70px;border-right:1px solid #e7e7e7;padding-right:2%;text-align:right; line-height:20px; padding-top:10px}
.news .news-con .new-rc dl:hover{ background:#1f85cb; color:#fff; display:block}
.news .news-con .new-rc dl:hover a{ color:#fff}
.news .news-con .new-rc dl:hover dd span{ color:#fff;  transition:all 0.4s}
.news .news-con .new-rc dl:hover em{ color:#fff;  transition:all 0.4s}

.news .news-con .new-rc dt em{font-size:17px;color:#787b78;font-weight:700; font-family:Arial, Helvetica, sans-serif}
.news .news-con .new-rc dt em i{display:block;font-size:12px;font-weight:400;margin-top:5px}
.news .news-con .new-rc dd{float:right;width:80%;padding-left:0px;box-sizing:border-box}
.news .news-con .new-rc dd h4{display:block;font-size:14px;font-weight:400;padding-top:10px;line-height:20px; 
text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.news .news-con .new-rc dt:hover{color:#fff}

.news .news-con .new-rc dd span{font-size:14px;line-height:24px;display:block;color:#888;margin-top:10px;  transition:all 0.4s}
.news .news-con .new-rc dd em a{display:block;font-size:14px;line-height:14px;margin-top:10px;color:#202428;opacity:.7;font-weight:700}
.news .news-con .new-rc dd em a:hover{color:#fff;opacity:1}



.tit h2 img{ margin: 0 auto; width:100%; display:block}

.tit span {
    display: block;
    font-size:14px;
    color: #888;
    line-height:20px;
    text-align:center; font-family:Barlow-Regular
}

.tit span b{ color:#0751ad}

.tit p{ font-size:20px; text-align:center; line-height:35px;  color:#666; margin-top:0px}


.tit b{ width: 45px;
    height: 3px;
    background: #81b504;
    margin: 0 auto;
    display: block;
    vertical-align: middle; margin-top:0px}




#footer { width:100%; height:auto; float:left; background:#1470af; clear: both; overflow:visible;}


.footer_r{display:none;}
.footer_l{display:none;}



.footer_banquan { width:100%; margin-top:10px; border-top:0px solid #0e65a0; float:left; text-align:center; line-height:22px; padding-top:0px;}
.footer_banquan_l { float:left; width:100%; text-align:left; padding-top:20px;}
.footer_banquan_l p { line-height:25px; }
.footer_banquan_l_p1 {color:#FFF; font-size:14px;  }
.footer_banquan_l_p1 a {color:#FFF; margin-right:0px;  }
.footer_banquan_l_p2 {color:#FFF; font-size:14px; text-align:center  }
.footer_banquan_l_p2 a {color:#FFF;}


	}