﻿/*===================== 重置样式 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%;}
.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;}
.img{ position: relative; overflow: hidden;}
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:#1832a0;}
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;}

.inner{width:1080px;margin:0 auto; padding: 10px; background: #fff;}
/*===================== 重置样式 END =====================*/

/*===================== 公用样式 START =====================*/
.body{position: relative; }
.header{ width: 100%; z-index: 9; 
		transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;  -ms-transition: .5s;-o-transition: .5s;  }
.header_one,.header_two .nav{ width: 1100px; margin: 0 auto; text-align:center; transition: .5s; -webkit-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -o-transition: .5s;}
/*.header_one .logo{ padding-top: 25px; }*/
.header_one .logo img{display: block;}
.header_one .logo img,.header_one .logo p{display: inline-block;}
.header_one .logo h1{ font-size:53px;font-family: "腾祥魅黑简";color: #1832a0;}
.header_one .logo p{font-size: 20px; color: #888888;vertical-align: middle;}
.header_one .call{ padding-top:32px;padding-left: 60px; font-size: 16px; color: #fff; background: url(../images/tel.jpg) no-repeat 0px 35px; }
.header_one .call span{display: block; font-size: 34px; color: #fff; font-family: impact;vertical-align: top;}

.header_two{ background: #083d89; height: 45px;}


/*nav*/
/*.nav {display:inline-block;width: 70%;}*/
.nav #menu_hover_bg {width: 1920px;height: 0;background:rgba(0,0,0,.7);position: absolute;top: 120px;left: 0px;overflow: hidden;}
.navList>ul>li {width: 11%;float: left;}
.navList>ul>li a{display: block;width: 100%;/*height: 112px;*/}
.navList ul li .sub_menu:hover a {color: #fff;}
.navList ul li strong {display: block;font-weight: normal;font-size: 16px;position: relative;transition: .6s;z-index: 2;}
.navList ul>li>strong i {display: none;position: absolute; right:0; top: 40%; font-style: normal;}

.navList ul li strong a.active,.navList ul>li:hover i,.navList>ul>li:hover a{color:#fff; background: rgb(254, 128, 17);}
.navList ul>li>strong>img {right: -40px;top: 31px;}
.navList ul li strong a {color: #fff;display: block;line-height: 45px;text-align: center;    font-weight: bold;}
.navList ul li .sub_menu {width: 100%;height: 0px;position: absolute;z-index: 999;left: 0;top: 120px;overflow: hidden;}
.subLi{display: inline-block;width: 9.4%;margin: 5px 0.3%;overflow: hidden;border-radius:6px;}
.subLi img{width: 100%;transition: .5s;}
.subLi:hover img{transform: scale(1.1);}
.subLi span{display: block;width: 100%;height: 35px;line-height: 35px;background: #ffa200;text-align: center;color: #fff;font-size: 14px;}
.h20{width: 100%;height: 25px;}

/*banner*/
.swiper-slide,.swiper-slide img{height:491px;}
.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:#1832a0!important;border-color:#1832a0!important;}


/*foot*/
.foot{
	padding: 12px 0px;
	background:#464646;
}
.fMain{ width: 1100px; margin: 0 auto;}

.ewm img{ display: block; width: 70px;margin-right: 25px; }
.fcon{ color: #fff; padding-left: 30px; padding-top: 3px; border-left: #565656 1px solid;}
.fcon a,.fcon p,.fcon img{  color: #fff; font-size: 14px;}
.banquan a,.banquan p,.banquan img{ display:inline-block;}
.fcon p{ padding-top:10px;}
.banquan a img{ height: 4px;}

/*===================== 公用样式 END =====================*/

/*===================== 首页 START =====================*/

#top_scroll {height:1000px;overflow: hidden;width:85%; margin: 0 auto; }
#top_scroll ul li{position: relative; float: left;width:24%;margin:0 .5% 1%;overflow: hidden; box-sizing: border-box;}
#top_scroll ul li .proText{  padding: 30px 30px 25px 30px; border-bottom: #e1dfdf 1px solid;
	transition: .4s;-webkit-transition: .4s;}
#top_scroll ul li strong{display: block;font-weight: normal; color: #333; font-size: 16px;}
#top_scroll ul li .proText i{ display: block; width: 100px; height: 25px; overflow: hidden; color: #242424;text-align: center; border: #242424 1px solid; border-radius: 50px; line-height: 25px; font-style: normal; font-size:12px;
			 transition:.3s; -webkit-transition: .3s;}
#top_scroll ul li:hover .proText{background-color:#10a51e;}
#top_scroll ul li:hover .proText strong,#top_scroll ul li:hover .proText i{color: #fff;}
#top_scroll ul li:hover .proText i{ color: #fff; border: #fff 1px solid;}
#top_scroll ul li .img{ position: relative; overflow: hidden;}
#top_scroll ul li .fdj{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(16,165,30,.35) url(../images/fdj.png) no-repeat center;
						transform: scale(.6);-webkit-transform: scale(0.2); opacity: 0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s;}
#top_scroll ul li:hover .fdj{ transform: scale(1);opacity: 1;}						

/*标题 公用*/
.sec_tit img{ display: block; margin: 0 auto;}
.sec_tit p{ color: #333333;  font-size: 18px; padding-top: 15px; text-align: center; letter-spacing: 1px;}


.section_one{padding: 90px 0;}
.tit_one{ padding-bottom: 60px;}

/*产品分类图片一排滚动*/
.Box{ background: url(../images/bgbg.jpg) center; position: relative; height: 350px; margin-bottom: 90px;}
.jp{ position: absolute;  left: 5%; top: -50px; }
.Box .Box_con { position: absolute; right: 5%; width:66%; /*min-width: 1200px;*/ padding: 28px 0;  /*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);} 

 
.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;}

.proMore{ display: block; font-size: 13px;  color: #000;}







/*小图切换,后台调取图片*/
	.max-case{
	width: 560px;
	height: 435px;
	background: #eee;
	float: left;
	position: relative;
	border: 5px solid #fff;
}
.max-case ul{
	width: 100%;
	height: 100%;
}
.max-case li{
	width: 100%;
	height: 100%;
    overflow: hidden;
    position: relative;
}
.max-case li>a>img{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	/*border:rgba(255,255,255,.65) 8px solid;*/
}
.max-case li strong{
	font-size: 20px;
	color: #000;
	line-height: 50px;
	text-align: center;
	width: 470px;
	display: block;
	font-weight: normal;
}
.max-case li p{
	text-align: center;
    position: absolute;
    top: 30px;
    left: 20px;
    font-size: 20px;
    color: #fff;
    background: rgba(0, 0, 0, 0.596);
    padding: 5px 20px
}
.number{
	width: 100%;
	height: 30px;
	position: absolute;
	z-index: 99999;
	right: 10px;
    bottom: 0px;
    text-align: right;
}
.number span{
	width: 22px;
	height: 18px;
	display: inline-block;
	/*border-radius: 50%;*/
	background: #000;
	color: #fff;
	font-size: 12px;
	margin: 0 5px 0 0;
	text-align: center;
	line-height: 18px;
}
.number-on{
	background: #cc0000 !important;
	color: #fff !important;
}
/*小图切换结束*/

/*about*/
.about{}
.focus{
	width: 650px;
}
.btABout{
	display: block;
	width: 160px;
	height:45px;
	padding-left:35px;
	background:#00a040 url(../images/more.png) no-repeat 120px center;
	color: #fff;
	border-radius: 50px;
	/*text-align: center;*/
	line-height: 45px;
	margin-top: 50px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.btABout:hover{
	width: 180px;
	background:#00a040 url(../images/more.png) no-repeat 150px center;
}
.abp{
	width: 65%;
	color: #333;
	/* width:305px; */
	padding-left: 1%;
}
.abp p{
	line-height: 23px;
	font-size: 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}
.newUl{ padding-top: 0px; margin-top: 8px; border-top: #ebebeb 2px solid;}
.newUl li{ border-bottom: #cccccc dashed 1px; height: 35px; line-height: 35px; }
.newUl li h4{float: left; width: 99%; overflow: hidden; font-weight: 500; font-size: 14px;white-space: nowrap; padding-left: 30px; background: url(../images/sb.gif) no-repeat 5px center;}
.newUl li p{ float: right; font-size: 12px;}


.focus h3{
	padding-top: 85px;
	font-size: 32px;
	color: #fff;
	line-height: 105px;
	text-align: center;
}
.jjL{
	width: 600px;
	/*margin: 0 auto 50px;*/
}

.jjL p{
	color: #333;
	line-height: 30px;
	margin-top: 30px;
}
.about div i{
	font: italic 36px/48px impact;
	color: #ff9900;
	    margin-top: 50px;
	padding-left:55px ;
	background: url(../img/dh02.png) no-repeat 0 center;
}


.index_box{ background: #ebecf4; padding: 25px 0;}

.allbox{ 
	display: flex;
	display: -webkit-flex;
	padding: 5px 0 17px;	
} 
.indexinner{width: 1100px;padding: 4px 18px 0px; box-sizing: border-box;	margin: 0 auto;background: #fff; }

/*.littlebox{ width: 32%; background: #fafafa; padding-bottom: 10px;}*/
.about{ width: 18%;}
.news{ width: 52%;}
.contact{ width: 30%;}
.boxtit{ margin:0px 20px 5px; padding-bottom: 10px; border-bottom: #ccc 1px solid; height: 20px;}
.boxtit h3{ font-size: 18px; font-weight: 500; color: #000;}
.boxtit a{font-size: 13px; color: #000; }
.aboutimg{ /* padding: 0 5px; */ width: 32.3%; max-height: 335px; box-sizing: border-box;}
.about p{ 
	padding: 20px 35px 0 35px;
	color: #282828; font-size: 16px; 
	line-height: 30px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.index_con{padding: 20px 35px 0 35px;} 
.index_con p{ font-size:14px; line-height:24px;} 

.dldl dd{ width: 190px; height: 70px;border-bottom: #fff 1px solid; background: #1832a0;}
.dldl dd:nth-child(1){ background: #e3b615;}
 .dldl dd a{ vertical-align: middle; color: #fff; line-height: 72px;}
 .dldl dd img{ display: inline-block; padding: 0 10px 0 35px;}
 .dldl dd:hover{ background: #e3b615;} 
 
 
.newImg{ 
	height: 335px;
	overflow: hidden;
	}
.newImg img{
	display: block;
	width: 100%;
}	
.newMain{
	padding:25px 20px 25px;
}	
.newMain h4{
	font-size: 20px;
	padding-bottom: 5px;
	color: #101010;	
	font-weight: 500;
}
.newMain p{
	font-size: 15px;
	color: #6f6f6f;
	line-height: 26px;
}

/*案例分类图片一排滚动*/
.prot{ margin-bottom: 15px; border-bottom: #ccc 1px solid; height: 35px;} 
.prot h2{ font-size: 18px; color: #000; font-weight: 530;}
.prot h2 span,.boxtit h3 span{font-size: 12px;}

.innercase .caseUl{ height: 233px;}

/*.innercase{ width: 95%;}*/
.caseUl li{
	position: relative;
	float: left;
	width: 280px;
	/*padding: 15px 12px 0 12px;*/
	background: rgba(255,255,255,.75);
	margin-right: 15px;
	overflow: hidden;
	transition: .5s;
}

.caseUl li a{
	display: block;
	width: 100%;
	
}
.caseUl li a>img{
	width: 100%;
	height: 200px;
	transition: .3s;
}
.caseUl li p{
	color: #000;
	line-height: 35px;
	text-align: center;
	font-size: 15px;
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
}

.caseUl li span{
	display: block;
	width: 100%;
	height: 50px;
	background: #f2f2f2;
	color: #000;
	font-size: 18px;
	
	line-height: 50px;
	transition: .3s;
}




/*===================== 首页 END =====================*/

/* ======================================== 内页 START ======================================== */

/* ===================== 公用  ===================== */
.inner_huoban,.inner_qiye,.inner_huanjing{ margin:0 auto;}
.inner_huoban div,.inner_qiye div{
	float:left;
	width: 50%;
	margin-bottom:20px;
}

.inner_content{padding:30px 0; background: #eeeeee;}
.article_content{width: 825px;margin:0 auto; 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; font-size:14px;}

.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{display: none; 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:#1832a0;line-height:40px;opacity:0.5;}
.inner_banner.on .ib_box{bottom:0;/*margin-bottom:-63px;*/opacity:1;filter:alpha(opacity=100);}

.position_now{display: none; 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:#1832a0;}
.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:#1832a0;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:#1832a0;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:#1832a0;color:#fff;border-color:#1832a0;}
.page_list_span1, .page_list_span2{display: none;}

.firstRow img {display: inline-block;}

/* ===================== 公用  ===================== */

/* ===================== 产品页 左侧 导航 ===================== */

.left_side_nav{width:240px;background-color: #f2f2f2;}
.left_side_nav .box_one .title,.left_side_nav .box_two .title{padding:40px 15px;background-color:#1832a0;margin-bottom:5px;}
.left_side_nav .box_one .title h3,.left_side_nav .box_two .title h3{color:#fff;font-size:35px; font-weight:bold; text-align:center; padding-bottom:10px;}
.left_side_nav .box_one .title p,.left_side_nav .box_two .title p{color:#fff;font-size:22px; text-align:center; letter-spacing: 3px;}
.left_side_nav .box_one ul li{ line-height:43px;background:url(../images/cpbj.png) no-repeat 0 0;}
.left_side_nav .box_one ul li .navlefta{position: relative;color:#333;padding-left:20px;font-weight: 600;  font-size:16px; height:43px; line-height:43px; position: relative;z-index:1;white-space:nowrap; overflow:hidden;
			text-overflow: ellipsis;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s; z-index:22;}
.left_side_nav .box_one ul li .navlefta i{ position: absolute; left: 0; top: 0; width: 100%;  height:50px; background: #ff9a18; transform-origin: right 0; -webkit-transform-origin:right 0; 
		 transition: transform .5s 0s ease-in; -webkit-transition: transform .5s 0s ease-in; transform: scaleX(0);-webkit-transform: scaleX(0); }
.left_side_nav .box_one ul li .son_nav{width: 100%; background: #f07400;  }
.left_side_nav .box_one ul li .son_nav>a{ display: block; width: 90%; padding-left:10%; height:40px; line-height:40px;border-bottom:#e5e5e5 1px solid;  white-space: nowrap;
						overflow: hidden;text-overflow: ellipsis; transition: .5s;-webkit-transition: .5s;-moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s;}
.left_side_nav .box_one ul li .navlefta:hover i{ transform-origin: left 0; -webkit-transform-origin: left 0;
		transform: scaleX(1);	-webkit-transform: scaleX(1); z-index:-1;}
.left_side_nav .box_one ul li a.active,.left_side_nav .box_one ul li:hover a{/*  background:#f3f3f3;  */color:#fe8011;}
.left_side_nav .box_two{background-color:#f3f3f3;margin-top:5px;}
.left_side_nav .box_two span{display: block;font-size:24px;color:#333; padding:0px 5px 4px; font-size:15px; line-height:26px;}
.left_side_nav .box_two span p{ font-size:14px; text-align:left;}
.right_side_content.fr{width:825px;}

/* ===================== 产品页 左侧 导航 ===================== */

/* ===================== 产品 列表页 ===================== */

.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; max-height:225px;}

.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:#1832a0;}
.product_one_list .l2{right:0;top:0;width:2px;height:0;background-color:#1832a0;}
.product_one_list .l3{right:0;bottom:0;width:0;height:2px;background-color:#1832a0;}
.product_one_list .l4{left:0;bottom:0;width:2px;height:0;background-color:#1832a0;}
.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:#1832a0;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,163,217,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:#1832a0;}
.product_three_list .item em{font-style:normal;float: right;width:10px;height:3px;background-color:#1832a0;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:#1832a0;}
.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;}
.wechatewm img{ width: 100px; padding-left:40px;}
.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;}
.info_big_box .info_1 .dh.num span i{ font-family:"yahei"; font-size:20px;}
.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:#1832a0;border-left:2px solid #1832a0;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.fr{width: 825px; }

.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:10px 0 10px;font-size:20px;color:#333;}
.news_one_list .news_box li .info p{font-size:14px;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:hover{background-color:#1832a0;}
.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:#1832a0;opacity:0.5;position: absolute;bottom:-30px;right:15px;}
.news_two_list .news_box li:hover strong{color:#1832a0;}
.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:#1832a0;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:#1832a0;}

.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:#1832a0;}
.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:#1832a0;}
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:#1832a0;}
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:#1832a0;}
ul.fs li.submit input{height:50px;margin:0 auto;display: block;cursor:pointer;width:200px;border-radius:50px;background-color:#1832a0;font-size:16px;color:#fff;}

/* ===================== 在线留言 ===================== */

/* ===================== 联系我们 地图 ===================== */
.contact #map{/*padding: 0 30px;*/ width: 90%; margin: 0 auto; box-sizing: border-box; height:335px;border:4px solid #d8d9d9; border-radius: 3px;}
.inner_content #map{height:600px;margin-top:30px;border:1px solid #ccc;}
.inner_content #map img{max-width:none;}
.inner_content #map h3{display: block;font-size:20px;color:#1832a0;font-weight:bold;line-height:40px;}
.inner_content #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:#1832a0;border-radius:10px;position: fixed;right:6px;bottom:333px;z-index:999999;}

/*侧边固定*/
/*.body{ position: relative;}
.fixedRight{ position: fixed; right: 0px; top: 65%; width: 60px; z-index: 9999999;}
.cUl li{ float: right; height: 65px;}
.cUl li a{position: relative; display: block; width: 60px; height: 60px; background: #1832a0;box-shadow: 0px 5px 10px 0px #d4c5c54f;
			font-size: 12px;margin-bottom: 5px;text-align: center;line-height: 1;border-radius: 5px;transition: .5s;z-index:2;}
.cUl li.li1 a:hover,.cUl li.li2 a:hover{ width: 200px; background: #ff9a18;}
.cUl li a .cuurshow{ float: right;}	
.cUl li.li1 a{ overflow:hidden;}
.cUl li.li1 .cuurhide{position: absolute;right: 75px; top: 0; opacity: 0; line-height: 60px;font-family: impact; letter-spacing: 1px; font-size: 18px;color: #fff;display: block;height: 60px; opacity: 0;}		
.cUl li.li1:hover .cuurhide{opacity: 1;}	
.cUl li.li2 .cuurhide{position: absolute;right: 60px; top: 0; opacity: 0; width: 130px;}
.cUl li.li2:hover .cuurhide	{ opacity: 1;}
.cUl li.li3 a:hover{background: #ff9a18;}*/

/* ===================== 回到顶部 ===================== */

/* ======================================== 内页 START ======================================== */

/*===================== 响应式代码 START =====================*/

@media (max-width: 1700px) {
	.section_six .cpImg{ width: 545px;}
	.section_six .inner_six{ width: 1370px;}
	.section_six .ul_six li{ width: 345px;padding: 20px 0 0 10px;}
	.section_zero .shipin{width: 1000px; height: 600px; margin-right: 30px;}
	.section_zero .jx{ left: 15%;}
	.proUl{ width: 100%;}
	.proUl li{ width: 16%; margin:0 0.3% 35px;}
	.zm strong{font-size:15px;}
	.ryUl,.Box .Box_con{width: 1100px;}		
}

@media (max-width: 1600px) {
	#top_scroll{width: 90%;}
	.jp{ width: 220px;left: 2%; top: 50px;}
}

@media( max-width:1400px ){
	.section_six .inner_six,.section_one .proWrap,.section_three .inner_three,.inner_four,.choose,
	#top_scroll,.foot_inner,.indexinner{ width: 1100px;}
	.header_one{ padding: 0;}
	.foot_inner{ width: 1100px;}
	.lianxi{width: 260px;}
	.foot_inner{ padding: 50px;}
	.section_three .img{ width: 530px;}
	.section_three .info{ width: 600px;}
	.picFocus .hd{ width: 100%;}
	.section_zero .shipin{width: 800px; height: 500px; margin-right: 20px;}
	.section_zero .jx{ left: 10%;}
	.proUl{ padding:65px 0 90px;}
	.section_five ul{ width: 1100px;}
	.section_five ul li h3{ font-size: 24px;}
	.section_five ul li p{ font-size: 14px;}
	.three strong i{ font-size: 30px;}
	.three{ padding-left: 60px; width: 150px;}	
	.section_three .abimg{ width: 620px; margin-right: 0px;}

	.jp{ display: none;}
	/* .header_one{width: 95%;} */
	
	/* .news_one_list .news_box li .img{ width: 25%;} */
}

/*===================== 响应式代码 END =====================*/

error3{
    display: none;
}


