/*===================== 重置样式 START =====================*/
@charset "utf-8";
html,body{max-width:1920px;margin:0 auto;overflow-x: hidden;}
html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;}
body{font-family:\5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";font-size:16px;color:#333;background-color: #fff;word-break: break-all;word-wrap: break-word;text-align: justify;}
html,body,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,th,td,select,ul,ol,li,form,input,textarea,fieldset,legend,img{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight: 300;}
li{list-style: none;}
a{text-decoration: none;background: transparent;outline: none;color:#000;display: block;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
a:hover, .tran, .news_three_list .news_box li, .img img{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.wot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.upp{text-transform:uppercase;}
.middle_box{display: table;width: 100%;height: 100%;}
.middle_box .middle{display: table-cell;vertical-align: middle;width: 100%;}
.tac{text-align: center;font-size:0;}
.img{overflow: hidden;position: relative;}
.product_three_list .item:hover img, .product_two_list .item:hover img, .product_one_list .item:hover img, #top_scroll ul li:hover img, .news_two_list .news_box li:hover img{-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);}
img{ border: 0;vertical-align: middle;max-width:100%;display: block;}
/*table{ border-collapse: collapse; border-spacing: 0;}*/
input,textarea{ -webkit-user-modify: read-write-plaintext-only;outline-style: none;border:none;font-size:14px;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #000; } 
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #000; } 
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#000; }
html::-webkit-scrollbar{width:5px;height:5px;background-color:#fff;} 
html::-webkit-scrollbar-track{border-radius:0;background-color:#fff;}
html::-webkit-scrollbar-thumb{border-radius:50px;width:5px;height:5px;background-color:#085aa3;}
textarea{resize:none;overflow: auto;}
input{padding-top:0;padding-bottom:0;};
select,input{vertical-align:middle; }
select,input,textarea{font-size:14px;margin:0;}
.clear{zoom:1;}
.clear:after{ content:""; display:block; height:0; visibility:hidden; clear:both;}
.clear::before, .clear::after { content: "";display: table; } 
.clear::after{clear: both;}
.fl{float: left;}
.fr{float: right;}
.trs5{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s;}
.error3{display: none !important;}

.inner, .news_one_list .news_box li a{width:1300px;margin:0 auto;}
/*===================== 重置样式 END =====================*/

/*===================== 公用样式 START =====================*/
.header{  width: 100%;position: fixed; top:0; left: 0; background: rgba(0,0,0,.6); z-index: 99; }
.header_one{width: 90%; height: 90px; overflow: hidden; text-align: right; margin: 0 auto;transition: .5s; -webkit-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -o-transition: .5s;}
.header_one .logo{ padding: 20px 0;}
.header_one .logo img,.header_one .logo p{display: inline-block;}
.header_one .logo p{font-size: 26px; color: #085aa3;vertical-align: middle;}

.bianhua{ background:rgba(0,0,0,.6); box-shadow: rgba(255,255,255,.4) 0px 0px 4px;}
.bianhua .header_one{width: 95%; height: 90px;}
.bianhua .header_one .logo{ padding: 15px 0;}
.bianhua .navList ul li h2 a{ line-height: 90px;}
.bianhua .call{ margin-top: 20px;}

/*nav*/

.nav {
	display: inline-block;
	width: 60%;
	
}
.nav #menu_hover_bg {
	width: 1920px;
	height: 0;
	background:rgba(0,0,0,.5);

	position: absolute;
	top: 90px;
	left: 0px;
	 z-index: 9; 
	overflow: hidden;
}
.bianhua .nav #menu_hover_bg{
	top: 90px;
}
.navList>ul>li {
	width: 10%;
	float: left;
}
.navList>ul>li h2:hover a{
	color: #fff;
}
.navList ul li h2 {
	font-weight: normal;
	font-size: 16px;
	position: relative;
	transition: .6s;	
	z-index: 9;
}

.navList ul>li h2::after {
	content: "";
	position: absolute;
	left:0;
	top: 0;
	width: 100%;
	height: 100%;
	background:#0bafa9;
	/*border-radius: 50px;*/
	opacity: 0;
	z-index:-1;
	transition: .5s;
	-webkit-transition: .5s;
}
.navList ul>li h2:hover::after{
	content: " ";
	height: 100%;
	opacity: 1;
}

.navList ul>li>h2>img {
	right: -40px;
	top: 31px;
}

.navList ul li h2 a {
	color: #fff;
	line-height: 90px;
	display: block;
	height: 90px;
	text-align: center;
}
.navList ul li .sub_menu {
	width: 100%;
	height: 0px;
	position: absolute;
	z-index: 999;
	left: 0;
	top: 90px;
	overflow: hidden;
}

.navList ul li .sub_menu .sub_menu_list {
	float: left;position: relative;
}
.subLi{
	display: inline-block;
	width: 12%;
	margin: 5px 0.3%;
	/*border: #fff 2px solid;*/
	box-sizing: border-box;
	border-radius: 6px;
	overflow: hidden;
}
.subLi img{
	width: 100%;
	transition: .5s;
}
.subLi:hover img{
	transform: scale(1.15);
}
.subLi span{
	display: block;
	width: 100%;
	height: 35px;
	line-height: 35px;
	background: #fff;
	text-align: center;
	color: #0bafa9;
	font-size: 14px;
}
.h20{
	width: 100%;
	height: 35px;
}
.gyBox{
	width: 1200px;
	height: 340px;
	margin: 0 auto;
	background: #fff;
	overflow: hidden;
	/*padding: 20px;*/
}
.subUl{
	width: 95%;
	height: 340px;
	margin: 0 auto;
	text-align: center;
}	


#men_pro dl{width: 200px; border-radius: 6px; background: #fff; margin: 0 auto; padding: 50px 0;}	 
#men_pro dl dd a{ display: block; width: 100%; text-align: center; height: 40px; line-height: 40px; }
#men_pro dl dd:hover{ background: #0bafa9;}


.call{ padding-left: 50px; background: url(../images/phone.png) no-repeat 0px 0px; margin-top: 30px;}
.call p{ color: #fff; text-align: left;}
.call span{ color: #e61211; font-size: 30px;font-weight: bold;font-family: impact; /*font-style: italic;*/ text-shadow: #fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;}

/*main .banner{ margin-top: 188px;}*/
.banner .swiper-button-next, .banner .swiper-button-prev{width:59px;height:59px; filter: alpha(opacity:0.5); opacity:0.5; transition: .3s; -webkit-transition: .3s;}
.banner .swiper-button-next:hover, .banner .swiper-button-prev:hover{ filter:alpha(opacity:1); opacity:1; }
.swiper-pagination-bullet-active{width: 25px !important; border-radius: 5px !important; background-color:#085aa3 !important;border-color:#085aa3 !important;}

.pub_button{position: relative;z-index:1;}
.pub_button .pb_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color:#085aa3;-webkit-transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);transform-origin: left 100%;-webkit-transform-origin: left 100%;transform: scaleY(0);-webkit-transform: scaleY(0);visibility: hidden\9;z-index: -1;}
.pub_button:hover .pb_bg, .pub_button.active .pb_bg{transform: scaleY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;visibility: visible\9;}

.footer{padding:50px 0 45px;overflow: hidden;background:#262b32;}
.footer .text{width: 300px; font-size:16px;color:#fff;line-height:30px;}
.footer .inner{width: 1200px;}
.three{ padding-left: 85px;}
.three h3{padding-left: 60px; background: url(../images/tel-bottom.png) no-repeat 0 0; }
.finner h3{ font-size: 18px; color: #ffffff; line-height: 40px;}
.finner span{     color: #a0a1a3;  font-size: 14px;}
.footContact{ padding-left: 85px;width: 320px; } 
.footContact h3{ padding-left: 60px; background: url(../images/f_icon.png) no-repeat 0 0;}
.rexian{ display: block; width: 280px;height: 35px; margin-top: 40px; background: #e61211; border-radius: 10px; text-align: center; line-height: 35px; color: #fff;}
.rexian i{ color: #fff; font-size: 22px; font-style: normal;}
.copyright{height:60px;line-height:60px;color:#fff; background-color: #262b32; border-top: #fff 1px solid; font-size:14px;text-align: center;}
.copyright img{display: inline-block;margin:0 10px 4px;}
.copyright a{display: inline-block;margin:0 10px;color:#fff;}

.sliderBar{
	position: fixed;
	top: 60%;
	right: 0;
	width: 62px;
	z-index: 999;
}
.sliderBar li{
	width: 62px;
	height: 62px;
	background:#656565;
	float: right;
	position: relative;
	margin-bottom: 2px;
}
.sliderBar a{
	position: absolute;
	top: 0;
	right: 0;
	width: 62px;
	height: 62px;
	line-height: 62px;
	background:#656565;
	color: #fff;
	text-indent: 10px;
	overflow: hidden;
}
.sliderBar li img{
	float: right;
}
.sliderBar li i{
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: red;
	color: #fff;
	line-height: 18px;
	/*text-align: left;*/
	text-indent: 5px;
	font-style: normal;
	
}

.sliderBar li:hover a{
	width: 200px;
	background: rgba(11,175,169,.65);
}

/*===================== 公用样式 END =====================*/

/*===================== 首页 START =====================*/

#top_scroll {width:1200px; height:1050px;overflow: hidden; }
#top_scroll ul li{float: left;width:32%;margin:0 .5% 1%; }
#top_scroll ul li .img{ /* height: 205px; */}
.propro{ position: relative; z-index: 2; padding:15px; background: #f2f2f2; transition: .5s; -webkit-transition: .5s;}
.propro i{position: absolute; width: 100%; height: 100%; background: #104d9d; left: 0; top: 0; transform-origin: right 100%; -webkit-transform-origin:right 100%; 
		transition: transform 0.5s 0s linear; -webkit-transition:transform 0.5s 0s linear;transform: scaleX(0); transform: scaleX(0); z-index: -1;  }
#top_scroll ul li:hover i{transform-origin: left 0; -webkit-transform-origin: left 0; transform: scaleX(1); -webkit-transform: scaleX(1); }
#top_scroll ul li strong{display: block; font-weight: normal; color: #1f1f1f; text-align: left; font-size: 16px; padding-bottom: 6px; }
#top_scroll ul li p{ width: 145px; font-size: 18px; color: #e61211; font-weight: bold; padding-left: 23px; background: url(../images/lx.png) no-repeat 0 center;}
#top_scroll ul li:hover p{ background: url(../images/lx01.png) no-repeat 0 center;}
#top_scroll ul li:hover .propro{color:#fff;} 
#top_scroll ul li:hover p,#top_scroll ul li:hover strong{ color: #fff;}
.navList ul li h2 .active{ background: #0bafa9; color: #fff;}

/*标题 公用*/
.sec_tit{ /*width: 855px;*/ margin: 0 auto 50px;}
.sec_tit h2{font-weight: bold; text-align: center;  color: #333333; font-size: 30px;}
.sec_tit h2 span{ font-size: 48px; color: #d71618; padding-left: 100px; background: url(../images/iconicon.png) no-repeat 0 center/30%; font-style: normal; font-weight: normal;  margin-left: 10px; }
.sec_tit p{ color: #1f1f1f; font-size: 18px; text-align: center; padding-top: 15px;}
.sec_tit h2::before,.sec_tit h2::after{ content: ""; display: inline-block;vertical-align: middle; width: 80px; height: 2px; background: #1464cc;}

.section_one{background: url(../images/pro.jpg) no-repeat center 0; padding: 80px 0;}
.section_one .proWrap{ width: 1320px; margin: 0 auto; padding-top: 35px;}
.section_one .onetitle img{display: block; margin: 0 auto; }
 .inner_one{ width: 1300px; margin: 0 auto; padding-bottom: 170px;}
 .proul{ width: 55%; text-align: left; padding-top: 65px;}
.proul a{ display: inline-block; width: 180px; height: 48px; margin: 9px; border: #fff 1px solid; border-radius: 50px; line-height: 48px; text-align: center; color: #fff;} 
.proul a:hover{  background:#085aa3; }
 
/*选项卡-开始*/
.chooseBox .menu{ border-top:#ccc 1px solid;}
.chooseBox ul li{ float: left; width: 25%; height: 50px; line-height: 50px; text-align: center; border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc; box-sizing: border-box;} 
.chooseBox ul li:nth-child(4n){ border-right: 1px solid #cccccc;}   
.chooseBox ul li a{ font-size: 16px;color: #000001;font-weight: 900;}
.chooseBox ul li:hover a{background-color: #155ac2; color: #ffffff;}
.main ul{ display: none;}
.main ul.block{ display: block;}
.cpDL dd{ float: left; width: 32%; height: 285px; margin: 1% .6%;position: relative;
    overflow: hidden; border: #F5F5F5 1px solid; box-sizing: border-box;}
.cpspan{position: absolute;line-height: 40px;bottom: -240px;height: 285px;left: 0;
    width: 100%;background: rgba(46,107,158,.85);color: #ffffff;text-align: center;}
.cpDL dd:hover .cpspan{ bottom: 0;}   
 .cpspan p{ padding-top: 80px; font-size: 18px;}
 .cpspan p i{ display: block; text-align: center;font-size: 20px; font-style: normal;}   

/*选项卡-结束*/

.caset{ width: 100%;}
.caset h4{font-size: 24px; line-height: 40px; font-weight: 900; float: left;}
.caset a{ text-transform:uppercase; font-size: 16px; line-height: 40px; float: right; }
.caset a:hover{ color: #1977df;}

.innner_one{width: 1200px; margin: 0 auto;}
.Box .Box_con {position: relative; width:1150px;  margin: 0 auto;}
.proLeft{ position: absolute; left: 0; top: -15px; width: 260px; padding:230px 0 0 30px; box-sizing: border-box; height: 290px; background: url(../images/pro.png) no-repeat 0 0; z-index: 9;}
.proLeft a{ display: block; width: 100px;  height: 30px; border: #fff 1px solid; color: #fff; text-align: center; line-height: 30px; transition: .5s; -webkit-transition:.5s;}
.proLeft a:hover{ background: #fff; color: #1464cc;}
.Box .Box_con .conbox { width: 100%; position: relative; overflow: hidden; padding-top: 10px;}
.Box .Box_con .conbox ul { position: relative;list-style: none;}
.Box .Box_con .conbox ul li { position: relative; float: left;margin-left: 15px;}
.Box .Box_con .conbox ul li span{position: absolute;height: 30px;line-height: 30px; bottom: 0; width: 100%;left: 0; background: rgba(0,0,0,.8);
    	color: #ffffff; text-align: center;}
.Box .Box_con .conbox ul li:hover span{ background: rgba(46,107,158,.85); }    	
.Box .Box_con .conbox ul li p{ width: 95%; height: 47px;  color: #104d9d; font-weight: bold; text-align: center; 
			 font-weight:bold; line-height: 47px;transition: all 0.5s; -webkit-transition: .5s; -moz-transition:.5s;  }
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li img {display: block; width: 275px;   overflow: hidden; transition: all 0.5s;-webkit-transition: .5s; -moz-transition:.5s; }
.Box .Box_con .conbox ul li:hover p{ color:#ff0000; }


.proScoll{width: 1500px; margin: 0 auto; padding-top: 50px;} 
.pro_one,.pro_two{
	width: 285px;
	background: #104d9d;
	padding: 20px 15px;
	box-sizing: border-box;
}
.pro_one ul{
	margin-top: 25px;
}
.pro_one h3{
	color: #fff;
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	padding: 15px 0 5px;
}
.pro_one p{
	color: #fff;
	text-align: center;
	font-size: 20px;
}
.pro_one ul a{
	position: relative;
	display: block;
	width: 100%;
	height: 45px;
	background: rgba(255,255,255,.8) url(../images/icon.png) no-repeat 10px center;
	line-height: 45px;	
	margin-top: 5px;
	padding-left: 37px;
	box-sizing: border-box;
	z-index: 22;
}
.pro_one ul a i{
	 position:absolute; top:0; left:0; width: 100%; height:45px; background:#f2f2f2 url(../images/icon.png) no-repeat 10px center; transform-origin:left 100%; -webkit-transform-origin:left 100%; 
	transition:transform .5s 0s linear; -webkit-transition:transform .5s 0s linear;  transform:scaleY(0); -webkit-transform:scaleY(0);z-index:-1;
}
.pro_one ul a:hover i{
	transform-origin:left 0; -webkit-transform-origin:left 0; transform:scaleY(1); transform:scaleY(1);
}
.pro_two{
	margin-top: 28px;
}
.pro_two img{
	margin-bottom: 20px;
}
.pro_two p{
	color: #fff;
	line-height: 26px;
}



.section_two{background:url(../images/bg1.jpg) center top no-repeat;padding:100px 0 70px; overflow: hidden;}
.section_two .img{margin:90px auto 0;}
#scroll_one{position:relative;overflow: hidden;margin:0 auto 0;padding:110px 0 95px; background: url(../images/case.jpg) no-repeat center 0;}
#scroll_one ul{width:100000px;position:absolute;left:0;}
#scroll_one ul li{float:left;width:380px;margin-right:20px;text-align: center;}
#scroll_one ul li a{height:100%;position: relative;}
#scroll_one ul li>img{display: block; width:380px;height:285px;}
.caseWrap{width: 95%; padding: 0 2.5%;background-color: #389e4c; height:75px;}
#scroll_one ul li h3{font-size:18px;color:#fff;line-height:75px;}
#scroll_one ul li .caseWrap{ position: relative; z-index: 1;}
#scroll_one ul li i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #0153b9; 
 transform-origin: left 0; -webkit-transform-origin: left 0; transition: transform .5s 0s ease-out;-webkit-transition: transform .5s 0s ease-out;
transform: scaleX(0);-webkit-transform: scaleX(0); z-index: -1;}
#scroll_one ul li:hover i{transform-origin: right 100%; -webkit-transform-origin: right 100%;  transform: scaleX(1);-webkit-transform: scaleX(1); }
#scroll_one ul li .caseWrap img{ padding-top: 30px;  transition: .5s;-webkit-transition: .5s;}
#scroll_one ul li:hover .caseWrap img{margin-left: -10px;}

.section_three{  background: url(../images/about-us.jpg) no-repeat center 0/cover;}
.about-title{ background: url(../Images/about-us-title-back.png) no-repeat center top;
    display: block;
    height: 101px;
    text-align: center;
    position: relative;
    top: -10px;}
.section_three .innerthreebox{width:1200px; margin: 0 auto; text-align: center; }
.section_three .innerthreebox H2{ margin: 0 auto; font-weight: 800;
    text-align: center;
    color: #ffffff;
    font-size: 30px;
    line-height: 50px;}
.section_three .innerthreebox span{font-size: 20px;color: #ffffff;}
.section_three .innerthreebox h3{ text-align: center;font-size: 30px;color: #ffffff;}
.section_three .innerthreebox h4{ font-size: 20px; color: #ffffff;}
.section_three .innerthreebox h3 span{color: #0bafa9;font-size: 30px; }
.aboutitle img{ display: block; margin: 0 auto;}

.section_three .innerthreebox p{ width: 100%; font-size:15px;line-height:32px;color:#fff; text-align: left; padding: 30px 0;
display: -webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp: 3; overflow: hidden;}

.section_three .more{width:425px; height:43px; margin: 0 auto; border: #e61211 1px solid; border-radius: 50px;
		 text-align: right;/*line-height:43px;*/color:#fff;font-size:30px; font-family: impact;}
.section_three .more span{ display: inline-block; margin-left: 38px; vertical-align: middle; width: 190px; height: 43px; background: #e61211 url(../images/jt2.png) no-repeat 140px center; color: #fff; text-align: center; line-height: 43px; border-radius: 50px; font-size: 16px; }
.section_three .more:hover{transform: scale(1.1);-webkit-transform: scale(1.1);}
.abul{width: 78%; min-width: 1200px; margin: 0px auto 0;text-align: center;}
.abul li{ display: inline-block; width: 19%; margin: 0; transition: .5s; -webkit-transition: .5s;}
.abul li img{ display: block; width: 90%; margin: 0 auto;}
.abul li:hover{ transform: rotate(360deg);-webkit-transform: rotateY(360deg);} 

/*==跳动的数字 ==*/
.product-number-info{ width: 100%;  border-bottom: rgba(255,255,255,.8) 1px solid;  }
.product-number-inner{ width: 72%;margin: 0 auto; background: url(../images/abju.png) no-repeat center 0; text-align: center; padding: 20px 0;}
.q li{ float: left; width: 25%; /*border-right: #dddddd 1px solid;*/ box-sizing: border-box;}
.q li:last-child{ border-right:none;}
.q li img{ display: block; margin:25px auto 5px;}
.q li i{ font-size: 52px; color: #fff;font-style: normal;}
.q li sup{color: #fff; }
.q li p{ font-size: 18px;color: #fff; }

/*.section_five{ padding: 85px 0 30px; background: url(../images/case.jpg) no-repeat center 0px; }
.section_five .ss3{background-position: center;background-size:cover;width:600px;height:450px;border:8px solid #fff; box-shadow: rgba(0,0,0,.15) 3px 5px 15px; box-sizing:border-box;-webkit-box-sizing:border-box;}
.section_five .swiper-container-horizontal>.swiper-pagination-bullets{ width: 160px; height: 13px; background: #fff; text-align: center; border-radius: 50px; margin: 30px auto 0;}
.section_five .swiper-pagination-bullet{ background: #ccc; vertical-align: super;}
.section_five .swiper-container{ padding: 60px 0 30px; overflow: inherit;}
.section_five .swiper-button-prev,.section_five .swiper-button-next{transition: .5s;-webkit-transition: .5s;-moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s;}
.section_five .swiper-button-prev:hover{ margin-left: -10px;}
.section_five .swiper-button-next:hover{ margin-right: -10px;}
.casemore{ display: block;width: 290px; height: 52px; margin: 0 auto; border-radius: 50px; line-height: 52px;text-align: center;
			color: #fff;background: #e50012; font-size: 18px; transition: .5s; -webkit-transition: .5s;}
.casemore:hover{ background: #fff; color: #e50012;}*/

.section_five{ padding-top:25px;}
.inner_five,.inner_seven{width: 1200px; margin: 0 auto;} 

.section_four{ padding: 80px 0 40px; background: url(../images/new.jpg) no-repeat center;} 
.inner_four{ width: 1200px; margin: 0 auto;}
.fourleft{ width: 58%; float: left;}
.fourleft h4{ font-size: 16px; font-weight: 900;line-height: 70px;}
.fourleft p{ color: #999999; font-size: 15px;}
.newUl {width: 40%; float: right; }
.newUl li{ width: 100%; height: 70px; border-bottom: #ccc 1px solid;}

.newleft{ width: 13%;padding-right: 2%; float: left; text-align: right; border-right: #cccc 1px solid;height: 70px; box-sizing: border-box;}
.newleft em{display: block; font-style: normal; font-weight: 900; font-size: 18px;}
.newMain{ width: 83%; padding-left: 2%; float: right;height: 70px;}
 
.newmore{ display: block; width: 175px; height: 40px; margin-top: 25px; background: #085aa3; border-radius: 50px; text-align: center; line-height: 40px; color: #fff;}
.newMain h4{ font-size: 18px; color: #000; line-height: 70px;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; } 
.newMain p{ font-size: 14px; color: #999; line-height: 28px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } 

.newUl li:hover img{ transform: scale(1.1);-webkit-transform: scale(1.1);}


.section_seven{ background: url(../images/areas.jpg) no-repeat center 0; padding: 35px 0;} 
.area-content span{ display: inline-block;width: 111px;text-align: left;margin-left: 70px;line-height: 50px;}
.area-content span:first-child{ padding-left: 65px;}
.call7{ font-size: 30px; width: 600px; margin: 30px auto 0;
    color: #1a3a74;text-align: center;
    font-weight: 900;
    line-height: 30px; padding-left: 45px; background: url(../images/app-tel.png) no-repeat 0 0;
    vertical-align: middle;}


.newbottom{ width: 1200px; margin: 0 auto; padding-bottom: 60px;}
.newbottom dt,.newbottom dd{ float: left;}
.newbottom dt{border-right: #ccc 1px solid; padding-right: 30px; margin-right: 30px;}
.newbottom dd p,.newbottom dd img{ display: inline-block;}
.newbottom dd p{ width: 20px; vertical-align: middle;}
.link{ padding: 0 40px 0 60px; border-right: #ccc 1px solid;/*border-left: #ccc 1px solid;*/}
.lianjie{ width: 160px; text-align: center;}

/*===================== 首页 END ========== ===========*/

/* ======================================== 内页 START ======================================== */

/* ===================== 公用  ===================== */

.inner_content{padding:30px 0;}
.article_content{font-size:16px;line-height:32px;color:#333;}
.article_content .article{overflow: hidden;padding:20px 20px 40px;}
.article_content img, .article_content a{display: inline-block;}
.article_content p{margin-bottom:10px;}

.pagenum{border-top:1px solid #f2f2f2;font-size:0;}
.pagenum a{display: block !important;color:#666;font-size:15px;line-height:50px;overflow: hidden;}
.pagenum span{font-size:15px;color:#666;}
.pagenum a:hover{text-decoration:underline;}

.inner_banner{height:380px; position: relative;overflow:hidden;background: url(../images/neibanner.jpg) top center no-repeat;}
.inner_banner02{background: url(../images/2018120614575237188.jpg) top center no-repeat;}
.inner_banner03{background: url(../images/2018120610482879515.jpg) top center no-repeat;}
.inner_banner04{background: url(../images/2017071018050348334.jpg) top center no-repeat;}
.inner_banner .ib_box{position: absolute;bottom:0;opacity:0;filter:alpha(opacity=0);width:500px;padding:30px 0 20px;background-color:rgba(255,255,255,0.75);left:50%;margin-left:-250px;text-align: center;-webkit-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;}
.inner_banner .ib_box h3{font-size:36px;color:#676262;height:36px;line-height:36px;}
.inner_banner .ib_box h3 i{display: inline-block;width:40px;height:1px;vertical-align: middle;background-color:#676262;margin:0 20px;}
.inner_banner .ib_box p{font-size:20px;color:#085aa3;line-height:40px;opacity:0.5;}
.inner_banner.on .ib_box{bottom:0;/*margin-bottom:-63px;*/opacity:1;filter:alpha(opacity=100);}

.position_now{font-size:14px;background-color: #f1f1f1;}
.position_now .auto{height:80px;}
.position_now a{display: inline-block;color:#707070;}
.position_now .fl a:hover{color:#085aa3;}
.position_now .fl{color: #707070;line-height:80px;}
.position_now .fl img{height:20px;margin-top:-4px;display: inline-block;margin-right:8px;}
.position_now .fr{font-family: impact;color:#085aa3;font-size:0;}
.position_now .fr img{height:30px;float: left;margin:28px 10px 0 0;}
.position_now .fr strong{font-weight:100;font-size:22px;display: block;float: left;line-height:80px;}
.position_now .fr a{display: inline-block;width:100px;padding:0 5px;height:80px;color:#333;font-size:16px;text-align: center;line-height:80px;overflow: hidden;position: relative;z-index:1;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.position_now .fr a i{width:100%;height:0%;background-color:#085aa3;position: absolute;left:0;top:0;z-index:-1;-webkit-transition:.5s height;-o-transition:.5s height;-ms-transition:.5s height;-moz-transition:.5s height;transition:.5s height;}
.position_now .fr a:hover i, .position_now .fr a.active i{height:100%;}
.position_now .fr a:hover, .position_now .fr a.active{color:#fff;}

.page_list{text-align: center;}
.page_list b{font-size:0;}
.page_list b a, .page_list b font{display: inline-block;font-weight:100;color:#999;font-size:16px;margin-right:10px;border:1px solid #e5e9ef;width:40px;height:40px;line-height:40px;border-radius:6px;text-align: center;}
.page_list b font, .page_list b a:hover{background-color:#085aa3;color:#fff;border-color:#085aa3;}
.page_list_span1, .page_list_span2{display: none;}

.firstRow img {display: inline-block;}

/* ===================== 公用  ===================== */

/* ===================== 产品页 左侧 导航 ===================== */

.left_side_nav{width:284px;background-color: #e6e6e6;}
.left_side_nav .box_one .title{padding:40px 15px;background-color:#085aa3;margin-bottom:25px;}
.left_side_nav .box_one .title h3{color:#fff;font-size:55px;font-family:impact;opacity:0.8;}
.left_side_nav .box_one .title p{color:#fff;font-size:36px;}
.left_side_nav .box_one .title .xian{width:64px;height:3px;background-color:#0bafa9;margin:10px 0;}
.left_side_nav .box_one ul li{line-height:47px;border-bottom:1px dashed #ccc;}
.left_side_nav .box_one ul li a{color:#333;padding-left:20px;position: relative;z-index:1;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;-webkit-transition: 0s;-o-transition: 0s;-ms-transition: 0s;-moz-transition: 0s;transition: 0s;}
.left_side_nav .box_one ul li a:hover, .left_side_nav .box_one ul li a.active{color:#fff;background:#0bafa9;}
.left_side_nav .box_one ul li a:hover, .left_side_nav .box_one ul li .son_nav a:hover, .left_side_nav .box_one ul li .son_nav a.active{background:#0bafa9;}
.left_side_nav .box_one ul li .son_nav a{background:none;height:40px;line-height:40px;padding-left:40px;position: relative;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.left_side_nav .box_one ul li .son_nav a::after{content:'';position: absolute;left:20px;top:20px;width:8px;height:1px;background-color:#085aa3;transition:0.5s;-webkit-transition:0.5s;}
.left_side_nav .box_one ul li .son_nav a:hover::after, .left_side_nav .box_one ul li .son_nav a.active::after{background-color: #fff;}
.left_side_nav .box_two{padding:20px 10px;background-color:#085aa3;margin-top:40px;}
.left_side_nav .box_two img{width: 80px; margin:0 auto 10px;}
.left_side_nav .box_two span{display: block;font-size:24px;color:#fff;text-align: center;}
.right_side_content.fr{width:1000px;}

/* ===================== 产品页 左侧 导航 ===================== */

/* ===================== 产品 列表页 ===================== */

.list_none{display: none;}

#showdata{display:block;}
#showdata .item{float: left;width:32.33%;margin:0 0.5% 20px;margin-bottom:20px;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
#showdata .item img{margin:0 auto;}

.product_one_list .line{position: absolute;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.product_one_list .l1{left:0;top:0;width:0;height:2px;background-color:#085aa3;}
.product_one_list .l2{right:0;top:0;width:2px;height:0;background-color:#085aa3;}
.product_one_list .l3{right:0;bottom:0;width:0;height:2px;background-color:#085aa3;}
.product_one_list .l4{left:0;bottom:0;width:2px;height:0;background-color:#085aa3;}
.product_one_list .item:hover .l1, .product_one_list .item:hover .l3{width:100%;}
.product_one_list .item:hover .l2, .product_one_list .item:hover .l4{height:100%;}
.product_one_list .item strong, .product_two_list .item strong{text-transform:uppercase;font-weight:100;position: relative;z-index:0;font-size:16px;line-height:40px;height:40px;display:block; text-align: center;color:#333;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.product_one_list .item strong i, .product_two_list .item strong i{position: absolute;left:0;bottom:0;width:100%;height:0;background-color:#085aa3;z-index:-1;-webkit-transition: .5s height;-o-transition: .5s height;-ms-transition: .5s height;-moz-transition: .5s height;transition: .5s height;}
.product_one_list .item:hover i, .product_two_list .item:hover i{height:100%;}
.product_one_list .item:hover strong, .product_two_list .item:hover strong{color:#fff;}

.product_two_list .item .shadow_box{background:rgba(0,90,171,0.3) url(../../images/jia.png) center center/8% no-repeat;width:100%;height:100%;position: absolute;left:0;top:-100%;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.product_two_list .item:hover .shadow_box{top:0;}

.product_three_list .item{border-radius:6px;padding-bottom:10px;background-color: #f9f9f9;}
.product_three_list .item strong{text-transform:uppercase;display: block;font-weight:100;text-align: left;font-size:16px;padding:20px;}
.product_three_list .item:hover strong{color:#085aa3;}
.product_three_list .item em{font-style:normal;float: right;width:10px;height:3px;background-color:#085aa3;margin-right:20px;;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.product_three_list .item:hover em{width:30px;}
.product_three_list .item:hover{box-shadow: 0px 18px 25px rgba(0, 0, 0, 0.08);background-color: #fff;}

/* ===================== 产品 列表页 ===================== */

/* ===================== 产品 详情页 ===================== */

.product_article .img1{display: none;}
.product_article .title{overflow: hidden;padding:10px 0 0px;}
.product_article .title h1{text-align: center;font-size:22px;color:#333;}
.product_article .title .time{display: block;height:30px;line-height:30px;text-align: center;margin:14px 0 0;font-size:14px;color:#999;}
.product_article .title .time img{display: inline-block;height:18px;margin-top:-2px;margin-right:10px;}
.product_article .title .share{text-align: center;height:24px;line-height:24px;margin-top:10px;}
.product_article .title .share span{display: inline-block;vertical-align: top;}
.product_article .title .bdsharebuttonbox{display: inline-block !important;vertical-align: top;}

.img_big_box{width:55%;float: left;}
.img_big_box .img_box{height:400px;border:1px solid #f1f1f1;border-radius:5px;position: relative;}
.img_big_box .img_box img{max-width:99%;max-height:94%;border-radius:5px;position: absolute;left:0;top:0;right:0;bottom:0;margin:auto;}
.img_big_box .small_box{border:1px solid #f1f1f1;border-radius:5px;text-align: center;}
.img_big_box .small_box img{max-height:80px;display: inline-block;margin:10px 5px;border:1px solid #fff;}
.img_big_box .small_box img.active{border-color:#085aa3;}
.info_big_box{width:42%;float: right;height:400px;}
.info_big_box h1{color:#333;line-height:36px;font-weight: bold;font-size:26px;margin-bottom:20px;}
.info_big_box .info_3 span{display: inline-block;padding:8px 0;line-height:24px;color:#555;font-size:12px;}
.info_big_box .info_3 span img{display: inline-block;height:26px;margin-bottom:3px;margin-right:18px;}
.info_big_box .info_1{text-align: left;}
.info_big_box .info_1 .dh{color:#555;min-height:40px;line-height:40px;margin-bottom:4px;}
.info_big_box .info_1 .dh img{float: left;width:26px;margin-top:7px;}
.info_big_box .info_1 .dh span{float: right;width:92%;font-size:15px;color:#555;letter-spacing:0px;}
.info_big_box .info_1 .dh.num span{font-family:impact;font-size:26px;letter-spacing:2px;}
.news_article .bshare-custom.icon-medium{text-align: center;margin:0;padding-bottom:10px;border-bottom:1px solid #f2f2f2;}
.bshare-custom.icon-medium{margin-top:20px;}
.bshare-custom.icon-medium span{display: inline-block;vertical-align: middle;font-size:14px;color:#999;}
.bshare-custom a{margin-right:10px !important;opacity:0.6 !important;-webkit-transition: 0s;-o-transition: 0s;-ms-transition: 0s;-moz-transition: 0s;transition: 0s;}
.bshare-custom a:hover{opacity:1 !important;}
.bshare-custom .bshare-qqim{background:url(../../images/qq.png) center/80% no-repeat !important;}
.bshare-custom .bshare-weixin{background:url(../../images/wechat.png) center/90% no-repeat !important;}
.bshare-custom .bshare-itieba{background:url(../../images/bdtb.png) center/90% no-repeat !important;}
.bshare-custom .bshare-sinaminiblog{background:url(../../images/weibo.png) center/120% no-repeat !important;}
.bshare-custom .bshare-more{background:url(../../images/more.png) center/90% no-repeat !important;}

#none{overflow: hidden;}
.xgcp_title{padding:10px;background-color:#fafafa; margin:30px 0 0;}
.xgcp_title h3{color:#085aa3;border-left:2px solid #085aa3;padding-left:20px;height:30px;line-height:30px;font-weight: bold;font-size: 20px;}
.xgcp_ul li{float: left;text-align: center;width:23%;margin:1%;}
.xgcp_ul li strong{display: block;height:36px;color:#333;font-size:16px;font-weight:100;line-height:36px;text-align: center;}
.xgcp_ul li:hover strong{color:#fff;}
.xgcp_ul li:hover .pb_bg{transform: scaleY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;visibility: visible\9;}

/* ===================== 产品 详情页 ===================== */

/* ===================== 新闻页面 ===================== */

.news_one_list .inner{width:100% !important;}
.news_one_list .news_box li{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.news_one_list .news_box li .pub_button{padding:20px;}
.news_one_list .news_box li .time{font-size:14px;font-family:"SimHei";margin-top:20px;}
.news_one_list .news_box li .img{width:29%;float: left;margin-right:20px;}
.news_one_list .news_box li .info{width:60%;float: left;}
.news_one_list .news_box li .info strong{display: block;font-weight:100;height:40px;line-height:40px;margin:50px 0 30px;font-size:20px;color:#333;}
.news_one_list .news_box li .info p{font-size:16px;color:#555;line-height:30px;}
.news_one_list .news_box li .info em{font-style:normal;display: block;margin-top:30px;color:#777;padding-right:20px;font-family: "SimHei";}
.news_one_list .news_box li:nth-of-type(2n){background-color:#f9f9f9;}
.news_one_list .news_box li a{margin:0 auto;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.news_one_list .news_box li:hover strong, .news_one_list .news_box li:hover p, .news_one_list .news_box li:hover em, .news_one_list .news_box li:hover .time{color:#fff;}
.news_one_list .news_box li:hover a{transform:translateX(20px);-webkit-transform:translateX(20px);}

.news_two_list .news_box li{float: left;width:32.33%;margin:0 0.5% 20px;border-radius:4px;overflow: hidden;}
.news_two_list .news_box li .pb_bg, .news_three_list .news_box li .pb_bg{background:none;}
.news_two_list .news_box .info{border:1px solid #f1f1f1;padding:0 15px 30px;border-top:none;position: relative;overflow: hidden;}
.news_two_list .news_box .wot{display: block;font-weight:100;font-size:18px;color:#333;height:50px;line-height:50px;}
.news_two_list .news_box li p{font-size:15px;line-height:24px;color:#888;height:48px;overflow: hidden;}
.news_two_list .news_box li .time{font-size:14px;font-family:"SimHei";color:#085aa3;opacity:0.5;position: absolute;bottom:-30px;right:15px;}
.news_two_list .news_box li:hover strong{color:#085aa3;}
.news_two_list .news_box li:hover .time{bottom:5px;}

.news_three_list .news_box li{float: left;width:31.33%;margin:0 1% 30px;position: relative;box-shadow: 0 0 10px #f1f1f1;}
.news_three_list .news_box li:after{content:'';position: absolute;top:0;left:0;background-color:#085aa3;width:0;height:3px;transition:0.5s;-webkit-transition:0.5s;}
.news_three_list .news_box li .img{display: none;}
.news_three_list .news_box li a{padding:28px;}
.news_three_list .news_box li strong{display: block;font-size: 20px;line-height: 36px;height: 72px;overflow: hidden;color: #303030;}
.news_three_list .news_box li p{font-size: 14px;line-height: 24px;color: #999;height: 72px;overflow: hidden;margin: 10px 0 24px;}
.news_three_list .news_box li .time{color: #999;font-size: 12px;}
.news_three_list .news_box li:hover{box-shadow: 0 0 30px #ddd;}
.news_three_list .news_box li:hover:after{width:100%;}
.news_three_list .news_box li:hover strong{color:#085aa3;}

.news_article h1.title{font-size:22px;text-align: center;font-weight:bold;}
.news_article .time{display: block;text-align: center;padding:20px 0 20px;color:#777;}
.news_article .time img{display: inline-block;height:20px;margin:-3px 10px 0 0;}
.news_share{text-align: center;height:24px;line-height:24px;border-bottom: 1px solid #D2D2D2;padding-bottom:10px;}
.news_share span{display: inline-block;vertical-align: top;}
.news_share .bdsharebuttonbox{display: inline-block !important;vertical-align: top;}
.news_article .article_content p{margin-bottom:14px;}

/* ===================== 新闻页面 ===================== */



/* ===================== 全局搜索框 ===================== */

.form_box {display: none;border:1px solid #f1f1f1;border-radius: 5px;margin-bottom: 20px;}
.form_box .sf{margin:0 auto;text-align: center;font-size:0;}
.form_box .an {display: inline-block;border: 1px solid #f1f1f1;background-color: #fff;color: #333;height: 40px;border-radius: 8px;margin: 10px 5px;font-size: 16px;line-height:40px;padding: 0px 15px;outline:none;}
.form_box .an{vertical-align: bottom;}
.form_box .an:hover{border-color:#085aa3;}
.form_box .inp{height:38px;vertical-align: bottom;}
.form_box .submit{width:80px;cursor:pointer;}

/* ===================== 全局搜索框 ===================== */

/* ===================== 在线留言 ===================== */

.form_box_box{padding:60px 0;box-shadow: 0px 0px 100px rgba(76, 76, 76, 0.1);}
ul.fs{width:1000px;margin:0 auto;}
ul.fs input, ul.fs textarea{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;}
ul.fs .box1 li{float: left;width:320px;margin-right:20px;}
ul.fs .box1 li:nth-of-type(3){margin:0;}
ul.fs .box1 li input{border:1px solid #e1e7ee;width:100%;height:50px;padding:10px;color:#999;}
ul.fs li input:hover{border-color:#085aa3;}
ul.fs .box1 li input::-webkit-input-placeholder, ul.fs li.textarea textarea::-webkit-input-placeholder, ul.fs li.yzm input::-webkit-input-placeholder{color: #999;}   
ul.fs .box1 li input:-moz-placeholder, ul.fs li.textarea textarea:-moz-placeholder, ul.fs li.yzm input:-moz-placeholder{color: #999;}    
ul.fs .box1 li input:-ms-input-placeholder, ul.fs li.textarea textarea:-ms-input-placeholder, ul.fs li.yzm input:-ms-input-placeholder{color: #999;}
ul.fs li.textarea textarea{width:100%;height:150px;border:1px solid #e1e7ee;padding:10px;margin:20px 0;color:#999;}
ul.fs li.textarea textarea:hover{border-color:#085aa3;}
ul.fs li.radio{text-align: center;}
ul.fs li.radio label{margin:0 10px;}
ul.fs li.yzm{text-align: center;margin:20px 0;}
ul.fs li.yzm img{display: inline-block;height:20px;}
ul.fs li.yzm input{border-bottom:1px solid #e1e7ee;width:200px;height:50px;padding:10px;color:#999;}
ul.fs li.yzm input:hover{border-color:#085aa3;}
ul.fs li.submit input{height:50px;margin:0 auto;display: block;cursor:pointer;width:200px;border-radius:50px;background-color:#085aa3;font-size:16px;color:#fff;}

/* ===================== 在线留言 ===================== */

/* ===================== 联系我们 地图 ===================== */

#map{height:600px;margin-top:30px;border:1px solid #ccc;}
#map img{max-width:none;}
#map h3{display: block;font-size:20px;color:#085aa3;font-weight:bold;line-height:40px;}
#map p{font-size:15px;color:#333;margin-top:6px;margin-bottom:0;line-height:30px;}

/* ===================== 联系我们 地图 ===================== */

/* ===================== 回到顶部 ===================== */

.go_top{display: none;background:url(../../m/images/top.png) center center/50% no-repeat;
width:40px;height:40px;cursor:pointer;text-align: center;
/*background-color:#085aa3;border-radius:10px;position: fixed;*/
right:6px;bottom:100px;z-index:99999999999;}

/* ===================== 回到顶部 ===================== */

/* ======================================== 内页 START ======================================== */

/*===================== 响应式代码 START =====================*/

@media (max-width: 1700px) {

	.innerthreebox{ width: 98%;}
	.proScoll{ width: 1200px;}
	#top_scroll{width: 900px;}
}


@media( max-width:1400px ){
	.section_six .inner_six,.section_one .proWrap,.section_three .inner_three,.inner,.inner_four,.inner_titfour{ width: 1200px;}
	.header_one{ width: 95%;}
	.header_one .logo img{ height: 62px;}
	/*.section_three .img{ width: 530px;}*/
	.picFocus .hd{ width: 54%;}
	.picFocus .bd{ width: 43%;}
	.innerthreebox{ width: 1200px;}
	.section_three .info{ margin-top: 210px;}
	.ju{ width: 350px;}
	.inner, .news_one_list .news_box li a{width:1200px;}
	.right_side_content.fr{width:900px;}
	/*.section_three .info{width:500px;padding-top:40px;}*/
	.header_two ul{ width: 1200px;}
	.nav{width: 55%; }
	.abul li .abab img{ width: 80px;}
	.inner_one{ padding-bottom:100px;}
	#top_scroll{ /* width: 85%; */}
	.ysul li:nth-child(3){width: 630px; }
	.ysul li:nth-child(3) img{height: 285px; }
	.section_three .innerBox{ width: 1200px;}
}

/*===================== 响应式代码 END =====================*/