/*===================== 重置样式 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:#028fcc;}
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:rgba(0,0,0,.65); z-index: 99; }
.header_one{width: 90%; height: 100px; 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: 20px 0;}
.header_one .logo img,.header_one .logo p{display: inline-block;}
.header_one .logo p{font-size: 26px; color: #028fcc;vertical-align: middle;}

/*nav*/

.nav {
	display: inline-block;
	width: 50%;
	
}
.nav #menu_hover_bg {
	width: 1920px;
	height: 0;
	background:rgba(0,0,0,.5);
	position: absolute;
	top: 100px;
	left: 0px;
	/* z-index: 9; */
	overflow: hidden;
}
.navList>ul>li {
	width: 14.28%;
	float: left;
}
.navList>ul>li h2:hover a{
	color: #fff;
}
.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: #028fcc;
	/*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: 100px;
	display: block;
	height: 100px;
	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%;
	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: #ce1208;
	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-right: 65px; background: url(../images/call.png) no-repeat right center; margin-top: 23px;}
.call p{ color: #fff; text-align: left;}
.call span{ color: #028fcc; 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:#028fcc !important;border-color:#028fcc !important;}

.pub_button{position: relative;z-index:1;}
.pub_button .pb_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color:#028fcc;-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:60px 0 50px;overflow: hidden;background: #2e2e2e;}
.footer .call{height:42px;background:url(../images/foot_dh.jpg) left center no-repeat;margin-bottom:6px;ine-height:42px;color:#ffc025;font-size:38px;font-family: impact;padding-left:50px;}

.footer .text{width: 340px; font-size:16px;color:#fff;line-height:25px;}
.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;}
.lianxi{width: 410px;}
.lianxi h3,.three h3{ font-size: 20px; font-weight: bold; color: #028fcc; padding-bottom: 10px;}
.lianxi i,.three i{ display: block; width: 58px; height: 3px; background: #eee; margin-bottom: 15px;}
.lianxi li{float: left; width: 185px; height: 30px; line-height: 30px; text-align: center; border: #eee 1px solid; color: #fff; margin-right: 15px; margin-bottom: 12px;}
.lianxi li a{ color: #fff;}
.three{ padding-left: 105px;}
.three em{ color: #e78320; font-size: 36px; font-family: impact; background: url(../images/fdh.jpg) no-repeat 0 0; padding-left: 40px; font-style: normal;}

.footContact{ padding-left: 105px;} 

.finner h4{ font-size: 22px; color: #fff; margin-bottom: 10px;}
.finner i{ display: block; width:44px; height: 3px; background: #028fcc; margin-bottom:20px;}

.footContact a{ color: #fff;padding-top:10px;}

.copyright{height:60px;line-height:60px;color:#fff; background-color: #028fcc;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;}


/*===================== 公用样式 END =====================*/

/*===================== 首页 START =====================*/

#top_scroll {height:750px;overflow: hidden;width:90%; margin: 50px auto 0;}
#top_scroll ul li{float: left;width:24%;margin:0 .5% 1%; }
.propro{padding:15px; background: #f2f2f2; transition: .5s; -webkit-transition: .5s;}
#top_scroll ul li strong{display: block; font-weight: normal; color: #000; font-size: 18px; padding-bottom: 6px; }
#top_scroll ul li p{ width: 135px;  color: #e78320; font-family: impact; font-size: 22px; padding-left: 23px; background: url(../images/phone.png) no-repeat 0 center;}
#top_scroll ul li:hover .propro{background-color:#0286bf;color:#fff;} 
#top_scroll ul li:hover p,#top_scroll ul li:hover strong{ color: #fff;}
.navList ul li h2 .active{ background: #028fcc; color: #fff;}

/*标题 公用*/
/*.section{ padding-top: 70px;}
.sec_tit::before{display: block;margin:0 auto; font-family: impact; color: #e7e7e7; font-size:58px; text-align: center; text-transform: uppercase;}
.tit_one::before{ content: "luogesi products"; display: block;}
.tit_two::before{ content: "luogesi CASE";}*/
/*.tit_four::before{ content: "news center";}*/
.sec_tit h2{font-weight: bold; text-align: center;  color: #fff; font-size: 50px; }
.sec_tit h2 span{display: inline-block; height: 70px; font-size: 50px; color: #fff; font-style: normal; padding-right: 76px; margin-right: 12px; background: url(../images/bz.png) no-repeat right center/25%;}
.sec_tit p{ color: #fff; font-size: 18px; text-align: center; padding-top: 10px; letter-spacing: 2px;}


.section_one{ }
.section_one .proWrap{ width: 1320px; margin: 0 auto; padding-top: 35px;}
.section_one .tit_one{ margin-bottom:55px;}
.section_one .tit_one p{ color: #fff;}
 .oneMain{background: url(../images/pro.jpg) no-repeat center 0/cover; padding: 60px 0 120px; background-attachment: fixed; }
 .inner_one{ width: 1300px; margin: 0 auto; }
 .proul{ width: 1200px;margin: 0 auto;  padding-top: 40px;}
.proul a{ display: inline-block;width: 520px; height: 330px; padding: 20px 40px; box-sizing: border-box;
		 border-radius: 10px; background: url(../images/ju.png) no-repeat center; 
		 text-align: center; color: #fff;} 
.proul a h3{font-size: 24px; color: #e78320;font-weight: bold; text-align: center;padding: 20px 0 25px;}
		.bzz{ display: block; margin: 40px auto 0;}
.proul a span{
	display: block; width: 140px; height: 45px; margin: 0 auto; line-height: 45px; text-align: center;color: #fff;background: #0286bf;
	transition: .5s; -webkit-transition: .5s;
}	
.proul a:hover span{ background: #e78320;}	 
.probtn{ width: 660px; margin: 0 auto; padding: 70px 0;}
.probtn a{ display: block; width: 290px; height: 52px; border-radius: 50px; line-height: 52px; text-align: center; color: #fff;} 
.probtn .procall{ background:#e78320 url(../images/lx.png) no-repeat 20px center; font-size: 27px; }
.probtn .promore{ background:#0286bf;  font-size: 18px; }
 
.probtn .promore:hover,.casemore:hover{ background:#e78320;}
.newmore:hover{background:#028fcc; }
 
.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{}*/
.section_three{background: url(../images/about.jpg) no-repeat center 0; margin-top: 60px;padding-bottom: 80px;}
.section_three .innerthreebox{width: 1300px; margin: 0 auto; }
.section_three h2{ color: #0171a0; font-size: 36px; padding: 170px 0 70px; font-weight: bold; text-align: center;}
.section_three h2 span{ color: #eb8621;}
.section_three .text{width: 1120px; margin: 0 auto; }
.section_three .text p{font-size:16px;line-height:32px;color:#1a1a1a; text-align:center;}
.section_three .more{width:185px; height:55px; margin: 0 auto; border-radius:50px; background: #028fcc; text-align: center;line-height:55px;color:#fff;font-size:16px;}
.section_three .more:hover{ font-size:18px; background: #343434;}
.abul{width: 85%; margin: 160px auto 30px; border: #e6e6e6 1px solid; height: 168px;}
.abul li{ float: left; width: 25%; height: 100%; display: table; border-right: #e6e6e6 1px solid;  box-sizing: border-box; text-align: center;}
.abul li:last-child{border-right:none; }
.abul li .abab{ display: table-cell;vertical-align: middle; text-align: center;}
.abul li .abab img,.abul li .abab p{display: inline-block;}
.abul li .abab p{ color: #333; font-size: 22px; line-height: 35px; padding-left: 20px; text-align: left; vertical-align: middle;}

.section_five{ padding: 85px 0; }
.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: #028fcc; font-size: 18px;}
.tit_five h2{ color: #e78320;}
.tit_five h2 span{color:#028fcc ;}
.tit_five p{ color:#4c4c4c ;}

.section_six{ background: url(../images/liucheng.jpg) no-repeat center 0/cover; padding: 100px 0;}
.inner_six{ width: 1500px; margin: 0 auto;}
.serviceUl{ text-align: center; padding: 80px 0 50px;}
.serviceUl li{ display: inline-block; margin: 12px;}
.inner_six h5{ color: #e78320;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; }

.inner_four{ width: 1400px; margin: 0 auto;}
.inner_titfour{ width: 1400px; margin: 0 auto;}
.tit_four{ background: url(../images/new.jpg) no-repeat 0 0; background-attachment: fixed; padding: 55px 0; background-size: cover;}
.tit_four h2{ margin-top: 0; font-size: 52px; text-align: left; color: #fff;}
.tit_four p{ font-size: 18px; color: #fff;}
.newUl { padding:35px 0 90px;}
.newUl li{ float: left; width: 23%; margin: 0 1%; transition: .5s; -webkit-transition: .5s;}
.newUl li .newImg img{ transition: .5s; -webkit-transition: .5s;}
.newUl li:hover .newImg img{transform: scale(1.2); -webkit-transform: scale(1.2) }
.newleft{display: block; color: #999999; margin-bottom: 10px;}
.newleft em{ color: #999999; font-size: 47px; font-style: normal;}
.newImg{ height: 180px; overflow: hidden;}
.newmore{ display: block; width: 175px; height: 40px; margin-top: 25px; background: #e78320; border-radius: 50px; text-align: center; line-height: 40px; color: #fff;}
.newMain h4{ font-size: 18px; color: #000; line-height: 60px; white-space: nowrap;} 
.newMain p{ font-size: 14px; color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 30px;} 
.newMain i{ display: block; width: 130px; height: 40px; border: #999 1px solid; border-radius: 50px; line-height: 40px; padding-left: 30px; 
			text-align: left; color: #999; font-style: normal;  background: url(../images/newjt.jpg) no-repeat 85% 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_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:#028fcc;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:#028fcc;}
.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:#028fcc;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:#028fcc;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:#028fcc;color:#fff;border-color:#028fcc;}
.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:#028fcc;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:#e78320;margin:10px 0;}
.left_side_nav .box_one ul li{line-height:47px;border-bottom:1px dashed #ccc; transition: .5s; -webkit-transition: .5s;}
.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:#e78320;}
.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:#e78320;}
.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:#028fcc;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:#028fcc;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:#028fcc;}
.product_one_list .l2{right:0;top:0;width:2px;height:0;background-color:#028fcc;}
.product_one_list .l3{right:0;bottom:0;width:0;height:2px;background-color:#028fcc;}
.product_one_list .l4{left:0;bottom:0;width:2px;height:0;background-color:#028fcc;}
.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:1;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:#028fcc;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(2,134,191,0.4) 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:#028fcc;}
.product_three_list .item em{font-style:normal;float: right;width:10px;height:3px;background-color:#028fcc;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:#028fcc;}
.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:#028fcc;border-left:2px solid #028fcc;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:#028fcc;opacity:0.5;position: absolute;bottom:-30px;right:15px;}
.news_two_list .news_box li:hover strong{color:#028fcc;}
.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:#028fcc;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:#028fcc;}

.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:#028fcc;}
.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:#028fcc;}
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:#028fcc;}
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:#028fcc;}
ul.fs li.submit input{height:50px;margin:0 auto;display: block;cursor:pointer;width:200px;border-radius:50px;background-color:#028fcc;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:#028fcc;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:#028fcc;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;}
	.innerthreebox{ width: 90%;}
	.serviceUl li img{width: 140px;}
}

@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;}
	.picFocus .hd{ width: 54%;}
	.picFocus .bd{ width: 43%;}	
	.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;}
	#top_scroll{ width: 85%;}
	.section_three .innerthreebox{width: 1200px;}
	
}

/*===================== 响应式代码 END =====================*/






