/*===================== 重置样式 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:#0860c0;}
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;}

.error3{display: none !important;}

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

/*===================== 公用样式 START =====================*/
.header{ position: fixed; top:0; left: 0; width: 100%; background:url(../images/nav.png) no-repeat 0 0;  z-index: 99;}
.header_one{width: 95%; height: 120px; overflow: hidden; text-align: center; margin: 0 auto;transition: .5s; -webkit-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -o-transition: .5s;}
.header_one .logo{ padding-top: 30px;}
.header_one .logo img{ height:70px;}
.header_one .logo img,.header_one .logo p{display: inline-block;}
.header_one .logo p{font-size: 26px; color: #0860c0;vertical-align: middle;}
.bianhua{ background: rgba(0,0,0,.7); box-shadow: rgba(255,255,255,.6) 0px 0px 4px;}
.bianhua .header_one{width: 95%; height: 90px;}
.bianhua .header_one .logo{ padding: 10px 0;}
.bianhua .navList ul li h2 a{ line-height: 90px;}
.bianhua .call{ margin-top: 20px;}

/*nav*/

.nav {
	display: inline-block;
	width: 53%;
	
}
.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;
}
.navList>ul>li {
	width: 12.5%;
	float: left;
}
/*.navList>ul>li h2:hover a{
	color: #292222;
}*/
.navList ul li h2 {
	font-weight: normal;
	font-size: 16px;
	position: relative;
	transition: .6s;	
}

.navList ul>li>h2::after {
	content: "";
	position: absolute;
	left:0;
	top: 0;
	width: 100%;
	height: 0px;
	background: #019f00;
	/*border-radius: 50px;*/
	opacity: 0;
	z-index:-1;
	transition: .3s;
	-webkit-transition: .3s;
}
.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: 120px;
	display: block;
	height: 120px;
	font-size:18px;
	text-align: center;
}
.navList ul li .sub_menu {
	width: 100%;
	height: 0px;
	position: absolute;
	z-index: 999;
	left: 0;
	top: 120px;
	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 .subimg{
	width: 100%;
	height:163px;
	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: #333;
	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;
}		 	 

.call{ padding-left: 75px; background: url(../images/call.png) no-repeat 0px 5px; margin-top: 30px;}
.call p{ color: #fff; text-align: left;}
.call span{ color: #2aae3e; font-size: 34px;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:#2aae3e !important;border-color:#0860c0 !important;}

.pub_button{position: relative;z-index:1;}
.pub_button .pb_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color:#0860c0;-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:#252525;}
.footer .call{height:42px;margin-bottom:6px;ine-height:42px;color:#ffc025;font-size:38px;font-family: impact;padding-left:50px;}

.footer .text{width: 260px; font-size:16px;color:#fff;line-height:30px;}
.footer .ewm img{width:120px;}
.footer .ewm .zzz{width:auto;}
.footer .ewm span{display: block;font-size:14px;margin-top:10px;color:#fff;text-align: center;}
.three{ padding-left: 105px;}
.finner img{ display: block; margin-bottom: 25px;}

.footContact{ padding-left: 85px;width: 320px; } 

.footContact a{ background: url(../images/abbtn.png) no-repeat center 0; display: block; float: left; width: 150px; height: 30px; text-align: center;
 margin-right: 8px; margin-bottom: 8px; line-height: 30px; color: #fff; border-radius: 50px; }
.footContact a:hover{ background: #017dc3;}
.rexian{ display: block; width: 280px;height: 35px; margin-top: 40px; background: #2aae3e; 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: #252525; 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(42,174,62,.75);
}

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

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

#top_scroll {height:1000px;overflow: hidden;width:90%; margin: 0 auto;}
#top_scroll ul li{float: left;width:24%;margin:0 .5% 1%; }
.propro{ position: relative; z-index: 2; padding:15px; background: #f2f2f2; transition: .5s; -webkit-transition: .5s;}
.propro i{position: absolute; width: 100%; height: 100%; background: #24a837; 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: 18px;
			 white-space: nowrap; overflow: hidden; padding-bottom: 10px; }
#top_scroll ul li p{ width: 165px; font-size: 24px; height: 26px; line-height: 22px; font-family: impact; color: #48b859; 
 padding-left: 28px; background: url(../images/dh.png) no-repeat 0 center;}
/*#top_scroll ul li:hover p{ background: url(../images/lx1.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: #019f00; color: #fff;}

/*标题 公用*/
/*.section{ padding-top: 70px;}*/
/*.sec_tit{ padding-top: 95px;}*/
.sec_tit::before{display: block;margin:0 auto; font-family: impact;  color: #f2f2f2; font-size:125px; font-weight: bold; text-align: center; z-index: 0; text-transform: uppercase;}
.tit_one::before{ content: "products"; display: block;}
.tit_five::before{ content: "CASE center";}
.tit_four::before{ content: "news center";}
.sec_tit h2{font-weight: bold; text-align: center;  color: #019f00; font-size: 55px; margin-top: -95px; /*margin-bottom: 15px; */}
.sec_tit h2 span{display: inline-block; height: 100px; font-size: 55px; color: #ffb400; padding-left: 115px; font-weight:550; background: url(../images/icon.png) no-repeat 0 top/25%;
  margin-left: 10px; }
.sec_tit p{ color: #1f1f1f; font-size: 18px; text-align: center; }
.sec_tit i{position: relative;z-index: 2; display: block; width: 60px; height: 7px; background: #0860c0; margin: 0 auto;}
.sec_tit img{ display: block; margin: 40px auto 0; }

.section_one{background: url(../images/pro.jpg) no-repeat center 210px; padding: 40px 0 60px;}
.section_one .proWrap{ width: 1320px; margin: 0 auto; padding-top: 35px;}
.section_one .onetitle img{display: block; margin: 0 auto; }
/*.section_one .tit_one p{ color: #fff;}*/
 .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:#0860c0; }
 
.Box{border-bottom: #fff 1px solid; }
.Box .Box_con {width:80%; min-width: 1200px; padding: 140px 0 80px;  margin: 0 auto;}
.Box .Box_con .conbox {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: 35px;/*overflow: hidden;*/}
.Box .Box_con .conbox ul li p{ width: 95%; height: 47px;  color: #fff;  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: 210px;height:210px; border: rgba(255,255,255,1) 5px solid;  border-radius: 50%; overflow: hidden; transition: all 0.5s;-webkit-transition: .5s; -moz-transition:.5s; }
.Box .Box_con .conbox ul li:hover .flower{ top: -8px; left:-8px; width: 272px; height: 272px; }
.Box .Box_con .conbox ul li:hover img{ transform: rotate(18deg); -webkit-transform: rotate(18deg);} 
 
.prob{ width: 1200px; margin: 0 auto; padding: 40px 0 160px;}
.prob div{ padding-left: 95px; background: url(../images/phone.png) no-repeat 0 center;}
.prob div span{ color: #fff; font-size: 18px;}
.prob div p{ color: #fff; font-size: 42px; font-family: impact;}
.prob div p i{ color: #fff; font-size: 24px; font-family:"微软雅黑"; font-style: normal;}
.prob a{position: relative; z-index: 1; float: right; margin-left:50px; margin-top: 10px; display: block; width: 180px; height: 50px; text-align: center;  line-height: 50px;} 
.prob a i{ position: absolute; width: 100%; height: 100%;  left: 0; top: 0; transform-origin: left 100%; -webkit-transform-origin:left 100%; 
		transition: transform 0.5s 0s linear; -webkit-transition:transform 0.5s 0s linear;transform: scaleY(0); transform: scaleY(0); z-index: -1;}
.prob a.zixun{ background: #e50012; color: #fff; }
.prob a.zixun i{ background: #fff; }
.prob a.zixun:hover{ color: #000;} 
.prob a.allpro{ background: #fff; color: #e50012; }
.prob a.allpro i{ background: #e50012;}
.prob a.allpro:hover{color: #000;}
.prob a:hover i{transform-origin: left 0; -webkit-transform-origin: left 0; transform: scaleY(1); -webkit-transform: scaleY(1); }

.section_two{width: 95%; margin: 0 auto; background:url(../images/ys.jpg) center 0 no-repeat; background-attachment: fixed; padding:65px 0 100px; overflow: hidden;}
.section_two .ysdh{ display: block; margin: 0 auto; width: 415px; height: 35px; vertical-align: middle;  border-radius: 10px;
			background: #fff url(../images/dhdh.png) no-repeat 45px center; color: #000; padding-left: 70px; box-sizing: border-box;}
.section_two .ysdh span{
	font-family: impact; font-size: 30px;vertical-align: middle;
}
.section_two .inner_two{width: 1300px;  margin: 0 auto; }
.section_two .ysimg{float: right; width: 50%; position: relative; }			
.section_two .ysimg .ysimg2{ position: absolute; left: -60px; bottom: -20px; 
		animation: zhuan 10s infinite linear; -webkit-animation: zhuan 10s infinite linear; }
@keyframes zhuan{
	from{ transform: rotate(0);}
	to{transform: rotate(360deg);}
}
@-webkit-keyframes zhuan{
	from{ transform: rotate(0);}
	to{transform: rotate(360deg);}
}

.section_two .ysmian{ position: relative; width: 100%;}
.section_two .ysul{padding-top: 40px; width: 45%; float: left;}
.section_two .ysul li{  margin-bottom: 13px; min-height: 80px; }
.section_two .ysul li h5,.section_two .ysul li p{ float: left;}
.section_two .ysul li h5{
	width:105px; height: 105px; background: #2aae3e; text-align: center;
	padding-top: 20px; box-sizing: border-box; -webkit-box-sizing: border-box;
	line-height: 34px; color: #fff; font-size: 30px; font-weight: bold;
}
.section_two .ysul li p{ border-radius:0 100px 100px 0;background: #292222; padding: 25px;
		 line-height: 25px; width: 295px; color: #fff; border: #fff 2px solid;}



#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.jpg) no-repeat center 0; padding: 50px 0 100px;}
.innerthreebox{ width:1200px; margin: 0 auto; }
.section_three .inner_three{width: 1300px; margin: 0 auto; background: url(../images/abab.png) no-repeat center;}
.hua{display: block; margin: 0 auto;}
.section_three h2{ color: #0860c0; font-size: 28px; padding: 150px 0 20px;text-align: center; font-weight: bold; }
.section_three h2 span{  color: #ffb400;}
.section_three .text{ padding: 40px 0;}
.section_three .text p{font-size:16px;line-height:32px;color:#1a1a1a; text-align: center;}
.section_three .more{width:310px; height:60px; margin: 0 auto; background: url(../images/abbtn.png) no-repeat center; text-align: center;line-height:60px;color:#fff;font-size:16px;}
.section_three .more:hover{ font-size:18px; background: #343434;}


/*==跳动的数字 ==*/
.product-number-info{ width: 100%;  margin-bottom: 70px;  }
.product-number-inner{ /*width: 80%;margin: 0 auto;*/text-align: center; /*padding: 90px 0 50px;*/}
.q li{ float: left; width: 25%;  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: 72px; color: #2aae3e;font-style: normal;}
.q li sup{color: #2aae3e; }
.q li p{ font-size: 18px;color: #000; }

.section_five{ padding: 85px 0 0px; background: url(../images/case.png) no-repeat center 30px; }
.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: 225px; height: 45px; margin: 0 auto; border-radius: 50px; line-height: 45px;text-align: center;color: #fff;background: #2aae3e; font-size: 18px;}

.section_four{ padding: 80px 0 110px; background: url(../images/new.jpg) no-repeat center 0; /*background-attachment: fixed;*/} 
.inner_four{ width: 1300px; margin: 0 auto;}
.newUl { padding-top:45px;}
.newUl li{position: relative; float: left; width: 31%; margin: 0 1%;}
.newUl li .newImg img{ transition: .5s; -webkit-transition: .5s;}
.newleft{position: absolute; display: block; color: #fff; background: #019f00; padding: 5px 15px 10px; z-index: 99;}
.newleft em{display: block; color: #fff; font-family: impact; font-size: 47px;text-align: center; font-style: normal;}
.newImg{ height: 280px; overflow: hidden;}
.newmore{ display: block; width: 175px; height: 40px; margin-top: 25px; background: #0860c0; border-radius: 50px; text-align: center; line-height: 40px; color: #fff;}
.newMain h4{ font-size: 18px; color: #000; line-height: 60px;    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_six{ background: url(../images/hezuo.jpg) no-repeat center 0/cover; background-attachment: fixed; padding: 80px 0 50px;}
.inner_six{ width: 1500px; margin: 0 auto;}
.serviceUl{ text-align: center; padding: 0px 0 50px;}
.serviceUl li{ display: inline-block; margin: 12px;}
.inner_six h5{ color: #ffb400;font-weight:bold; font-size: 42px; text-align: center; /*text-shadow: #fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;*/}
.inner_six p{ color: #fff; font-size: 24px; padding-top: 15px; 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;}
.article_content img{display: block;margin: 0 auto; }
.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_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:#0860c0;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:#0860c0;}
.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:#0860c0;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:#0860c0;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:#0860c0;color:#fff;border-color:#0860c0;}
.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:#0860c0;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:#019f00;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: 0.3s;-o-transition: 0.3s;-ms-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
.left_side_nav .box_one ul li a:hover, .left_side_nav .box_one ul li a.active{color:#fff;background:#2aae3e;}
.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:#019f00;}
.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:#0860c0;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:#0860c0;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:#0860c0;}
.product_one_list .l2{right:0;top:0;width:2px;height:0;background-color:#0860c0;}
.product_one_list .l3{right:0;bottom:0;width:0;height:2px;background-color:#0860c0;}
.product_one_list .l4{left:0;bottom:0;width:2px;height:0;background-color:#0860c0;}
.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:#0860c0;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(8,96,192,0.6) 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:#0860c0;}
.product_three_list .item em{font-style:normal;float: right;width:10px;height:3px;background-color:#0860c0;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:#0860c0;}
.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:#0860c0;border-left:2px solid #0860c0;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:#0860c0;opacity:0.5;position: absolute;bottom:-30px;right:15px;}
.news_two_list .news_box li:hover strong{color:#0860c0;}
.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:#0860c0;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:#0860c0;}

.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:#0860c0;}
.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:#0860c0;}
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:#0860c0;}
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:#0860c0;}
ul.fs li.submit input{height:50px;margin:0 auto;display: block;cursor:pointer;width:200px;border-radius:50px;background-color:#0860c0;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:#0860c0;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:#0860c0;border-radius:10px;position: fixed;*/
right:6px;bottom:100px;z-index:99999999999;}

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

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

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

@media (max-width: 1700px) {
	.section_six .cpImg{ width: 545px;}
	.section_six .inner_six{ width: 1370px;}
	.header_one{width: 98%;}
	.section_six .ul_six li{ width: 345px;padding: 20px 0 0 10px;}
}

@media( max-width:1400px ){
	.section_six .inner_six,.section_one .proWrap,.section_three .inner_three,.inner,.inner_four,.inner_titfour,.section_two .inner_two{ width: 1200px;}
	.header_one{ width: 95%;}
	.header_one .logo img{ height: 62px;}
	.picFocus .hd{ width: 54%;}
	.picFocus .bd{ width: 43%;}
	.innerthreebox{ width: 1200px;}
	.ju{ width: 350px;}
	.inner, .news_one_list .news_box li a{width:1200px;}
	.right_side_content.fr{width:900px;}
	.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; }
	.serviceUl li img{width: 150px;}
}

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