*{ margin: 0; padding: 0; font-family: 'Arial',''; font-size: 14px; }
body{ overflow-x:hidden;}
a{ color: #333; outline: none; text-decoration: none; -webkit-tap-highlight-color:rgba(255,255,255,0)  }
.et{ display: inline-block; }
input, textarea{ outline: none; border: none; font-size: 13px; color: #333; line-height: 24px; padding: 0 4px; }
.button{ padding: 0 10px; color: #383838; background: #d2d2d2; border-radius: 2px; }
.button.current{ background: #000; color: #fff;  }
.clear:after{ display: block; content: ''; clear: both; }
.celar{ zoom:1; }
ol, ul{ list-style-type: none; }
.contrain{ margin: 0 auto; max-width: 1170px; min-width:375px;}
.text-center{ text-align: center; }
.f-l{ float: left; }
.f-r{ float: right; }
.none{ display: none }
.transition{ -webkit-transition:all .3s ease-in; transition:all .3s ease-in; -moz-transition:all .3s ease-in; }
.block{ display: block; }
.box{ box-sizing: border-box; }
.ell{ display: block; white-space: normal; text-overflow: ellipsis; overflow: hidden;  }
i{ display: inline-block; margin: 0 2px;  }
img{ max-width: 100%; outline: none;    object-fit: cover;}

.newsRight{ width: 960px; padding-top: 40px; padding-bottom: 60px; }
.newsRight li:nth-of-type(odd){ background: #f3f3f3; }
.newsRight li a{ line-height: 40px; padding: 0 40px; color: #676767; }

/*2017-03-01*/

#top{ height: 45px; }
#top > section{ width: 50%; line-height: 45px; height: 45px; }
#welcome strong{ display: block; font-weight: 500; font-size: 1rem; padding: 0 1rem; color: #1f1f1f; }
#welcome span{ display: inline-block; margin: 0 2px; color: #ffc23d;  }
#shareIcon{ text-align: center; }
#shareIcon i{ margin: 0 10px; }
.search{ position: relative; }

#shareIcon i:hover{ color:#fdc238;}
#lang{ text-align: center; color: #4f4f4f; }
#lang > div{ display: inline-block; }
#lang i{ font-size: 12px; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8); }
#lang .lang i.on{ -webkit-transform:scale(.8) rotate(90deg); -moz-transform:scale(.8) rotate(90deg); transform:scale(.8) rotate(90deg); }
#toolBar{ align-items:center;  display: flex; display: -webkit-flex; display: -moz-flex; height: 120px; background: #000; }
.lang{ font-size: 13px; position: relative; }
.langList{ position: absolute; top: 45px; right: -20px; width: 100px; background: #fff; line-height: 36px; padding: 4px 0; z-index: 99999; }
.langList a{ display: block; color: #666; }
.lang span{ cursor: pointer; -moz-user-select:none;  -ms-user-select:none; -khtml-user-select:none; user-select:none; }

#toolBar section{ flex-grow:1;/* flex-basis:30.3333333333333333333333%;*/}
#toolBar section:nth-of-type(1) i{ padding: 0 4px 0 4rem;}
#toolBar section:nth-of-type(1){ color: #fff;  position: relative;  -moz-user-select:none;  -ms-user-select:none; -khtml-user-select:none; user-select:none;}
#toolBar{ /*cursor: pointer;*/ }
#toolBar section:nth-of-type(2){ height: 100%; display: flex; display: -webkit-flex; display: -moz-flex; align-items: center;/* background: #1f1f1f;*/ justify-content: center; }
#toolBar section:nth-of-type(3){ color: #fff; padding: 0 30px 0 0; text-align: right;  }
#toolBar section:last-child{ text-align:right;}
#toolBar section:last-child a{ margin-right:4rem;}
#toolBar section .h_txt1{ border-left:1px solid #fdc33d; color:#ceab5d; padding-left:30px; margin-left:30px;}
#toolBar section .h_txt1 .h2{ font-size:24px; line-height:28px; font-weight:bold;}
#toolBar section .h_txt1 .h2 strong{ font-size:30px;}
#toolBar section .h_txt1 .h3{ font-size:14px; line-height:18px;}
#toolBar section .h_txt1 .h3 span{ font-size:14px;}
#toolBar section .h_txt1 .h3 a{ display:inline-block; color:#ceab5d; font-size:14px;padding-right: 38px;}

#toolCeng{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 400; }
#toolNav{ z-index: 500; width: 550px; padding: 50px 70px; box-sizing: border-box; background: #fff; position: absolute; top: 40px; left: 20px; }
#toolNav:after{ display: block; content: ''; border: 8px solid transparent; border-bottom-color:#fff; position: absolute; top: -16px; left: 24px;  }
#toolNav ul li{ position:relative;}
#toolNav ul li:hover .erji{ display:block;}
#toolNav ul li span{ width:20px; height:20px; background:url(../images/ico_down1.png) center no-repeat; position:absolute; right:0; top:10px; }
#toolNav a{ display: block; font-size: .9rem; line-height: 2.4rem; border-bottom: 1px solid #e5e5e5; padding: 0 0 0 16px; }
#toolNav a.on, #toolNav a:hover{ color: #ffc23b; }
#toolNav .erji{ display:none;}
#toolNav .erji a{ padding-left:32px;}
#navBar{  background: #f5f1e6; padding: 0 4rem; }
#navBar ul{ width: 100%; height: 100%; }
#navBar li{ width: 16%; float: left; text-align: center; line-height: 5rem; font-weight: bold; position:relative;}
#navBar li i{ width: 16px; height: 16px; vertical-align: middle; margin-top: -2px; margin-right: 4px; }
#navBar li:nth-of-type(1) i{ background: url(../images/icon.png) no-repeat 0 0; }
#navBar li:nth-of-type(2) i{ background: url(../images/icon.png) no-repeat -16px 0; }
#navBar li:nth-of-type(3) i{ background: url(../images/icon.png) no-repeat -32px 0; }
#navBar li:nth-of-type(4) i{ background: url(../images/icon.png) no-repeat -48px 0; }
#navBar li:nth-of-type(5) i{ background: url(../images/icon.png) no-repeat -32px 0; }
#navBar li .erji{ width:100%; background:#fff; box-shadow:0px 0px 5px rgba(0,0,0,.1); position:absolute; left:0; top:100%; z-index:55; display:none;}
#navBar li:hover .erji{ display:block;}
#navBar li .erji a{ display:block; font-size:14px; line-height:24px; padding:10px 10px;}
#navBar li .erji a:hover{ color:#ffc23d;}
#newPro{ margin: 90px auto 90px; }
.newProList{ width: 388px; height: 226px; overflow: hidden; float: left; margin:1px 1px; position: relative; }
.newsProList.n{ margin: 0; }
.newProList div{ opacity: 0; position: absolute; width: 100%; font-size: .8rem; line-height: 1.5rem; top: 40%; padding: 20px 30px; box-sizing: border-box; left: 0; background: rgba(225,225,225,.7); }
.newProList div p:first-child{ font-weight: bold; }
.hotProTitle{ width: 296px; height: 86px; margin: 0 auto; background: url(../images/hot.jpg) no-repeat 0 0; }
.hotNav{ margin: 15px 0; text-align: center; }
.hotNav a{ display: inline-block; font-size: .9rem; line-height: 1.4rem; margin: 0 26px; font-weight: bold; padding: 15px 0; }
.hotNav a.on{ color: #fec23d; }
.hotList{ width: 778px; height: 778px; }
.hotL{ float: left; width: 389px; height: 389px; overflow: hidden; position: relative; /*background: #aaa;*/ }
.hotL a{ opacity: 0; box-sizing: border-box; display: -webkit-inline-flex; display: -moz-inline-flex; display: inline-flex; width: 100%; height: 100%; align-items: flex-end; padding: 10%; background: rgba(0,0,0,.5); position: absolute; top: 100%; left: 0; font-size: 1rem; line-height: 1.5rem; color: #fff; }
.hotL a div{ height:auto; }
.hotL a div h3{ font-weight: 500; font-size: 1.1rem; }
.hotL img { width:385px; height:388px;}
.hotL:hover a, .hotL a:hover{ top: 0; opacity: 1; }
.hotL > div{ width: 99%; height: 100%; position: absolute; top: 0; left: 0; }

.hotMore{ height: 778px; overflow: hidden; width: 390px; position: relative; }
.hotMore > div{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.hotMore{ position: relative; }
.hotInfo{ width: 70%; left: 15%; position: absolute; bottom: 0; padding: 20px 0 40px; text-align: center; }
.hotInfo h4{ font-size: 1rem; color: #fec23d; line-height: 2rem; font-weight: 500; }
.hotInfo h2{ font-size: 1.8rem; color: #fec23d; line-height: 2rem; font-weight: 500;  }
.hotInfo a{ display: inline-block; font-size: 1rem; color: #fec23d; margin:60px 0; padding: 4px 16px; border: 1px solid #fec23d; }


#news{ width: 100%; height: 640px; margin: 80px 0; }

.newsTitle{ padding: 200px 0 100px; }
.newsTitle span{ font-size: .8rem; background: #000; padding: 6px 20px; color: #fff; border-radius: 4px; letter-spacing: 4px; }

.newsLists{ padding: 0 40px; }
.newsLists > div{ width: 48%; background: rgba(0,0,0,.8); padding: 20px 30px; border-radius: 4px; }
.newsLists > div a{ color: #d8d8d8; line-height: 2rem; }

#footer{ background: #000;}
.footer{ display: flex; display: -webkit-flex; display: -moz-flex; align-items:center; /*padding: 60px 0;*/ color: #fff; line-height: 22px; }
.footer .foot{ flex-grow:1; flex-basis:30.3333333333333333333333%; }
.footer .foot:nth-of-type(1) i{ width: 33px; height: 33px; }
.footer .foot:nth-of-type(1) i:nth-of-type(1){ background: url(../images/icon.png) no-repeat 0 -30px; }
.footer .foot:nth-of-type(1) i:nth-of-type(2){ background: url(../images/icon.png) no-repeat -33px -30px; }
.footer .foot:nth-of-type(1) i:nth-of-type(3){ background: url(../images/icon.png) no-repeat -66px -30px; }
.footer .foot:nth-of-type(1) i:nth-of-type(4){ background: url(../images/icon.png) no-repeat -99px -30px; width: 46px; }

.footer .foot:nth-of-type(1){ text-align: right; display: -webkit-flex;  display: -moz-flex;  display: flex; flex-direction: column; padding-right: 100px; align-items: flex-end; }
.footer .foot:nth-of-type(1) i{ margin: 10px 0;   }
.footer .foot:nth-of-type(2){ color: #ababab; padding: 60px 0 60px 60px;/* background: #1f1f1f;*/  }
.footer .foot:nth-of-type(3){ padding-left: 100px;  }

.copyright{ line-height: 2.8rem; color: #999; font-size: 1rem; }

#subTitle{ height: 90px; background: #f5f1e6;    display: none; }
.subTitle h3{ line-height: 90px; font-weight: 500; }
.subTitle h3 i{  height: 16px; margin-right: 4px; margin-top: -2px;  vertical-align: middle; width: 16px; background: url(../images/icon.png) no-repeat 0 0; }
.subTitle div{ padding: 30px 0; }
.subTitle div.subnav a{ line-height: 30px; font-size: 12px; padding:0 10px; position: relative; color: #2f2f2f; }
.subTitle div a{ line-height: 30px; font-size: 12px; color: #2f2f2f; }
.subTitle div.subnav a:after{ content: ''; display: block; width: 1px; height: 90%; background: #2f2f2f; position: absolute; top: 5%; left: 0; }
.subTitle div.subnav a.f:after{ height: 0; }
.subTitle div.subnav a.on:before{ content: ''; display: block; border: 4px solid transparent; border-top-color:#7b7b7b; top: 26px; left: 50%; margin-left: -4px; position: absolute; }
.subTitle div.subnav a.on{ color: #7b7b7b; }
.article{     padding: 30px 0px 5px; }
.article h1{ line-height: 70px; font-size: 30px; font-weight: 500; margin-bottom: 20px; }
#article{ font-size: 15px; line-height: 26px; color: #2f2f2f; }

#IproList div.Ipro{ width: 250px; margin:56px 21px 0 21px; }
#IproList div.Ipro a{ border: 1px solid #d9d9d9; display: block; margin-bottom: 10px; }
#IproList div.Ipro a img{ display: block; height: 248px;  width: 250px; }
#IproList div.Ipro.n{ margin: 56px 0 0 0; }
#IproList div.Ipro p{ line-height: 28px; color: #656565; font-size: 12px; }
#IproList{ padding-bottom: 50px; }

.prolisttitle{ background: #eeeeee; line-height: 40px; margin-top: 60px; }

.newsLeft{ width: 166px;  }
.newsLeft ul{ background: #f7f7f7; padding: 20px 0; }
.newsLeft ul li{ margin-left: 8px; }
.newsLeft ul li a{ display: block; padding: 0 16px; line-height: 30px; font-size: 13px; position: relative; }
.newsLeft ul li a:after{ display: block; width: 2px; height: 40%; top: 30%; left: 6px; background: #2f2f2f; content: ''; position: absolute; }
.newsLeft ul li.on a:before, .newsLeft ul li:hover a:before{ display: block; content: ''; border: 5px solid transparent; border-left-color: #8c8c8c; position: absolute; top: 50%; right: 6px; margin-top: -5px; }
.newsLeft ul li.on a, .newsLeft ul li:hover a{ color: #8c8c8c; }
.newsLeft ul li.on a:after, .newsLeft ul li:hover a:after{ background: #8c8c8c; }

.line{ background: #f5f1e6; padding: 30px 0 80px; text-align: center; display: none;}
.line div{ font-size: 13px; color: #676767; line-height: 30px; }

.newsSingleTitle{ font-size: 24px; font-weight: 500; margin: 0 0 10px 0; }
.newsSingleTime{ font-size: 13px; color: #a4a4a4; line-height: 30px; margin: 2px 0 10px; }

#proSlideImg{ width: 350px;}
#proSlideInfo{ width: 570px; }

#proSlideInfo > h3{ font-size: 18px; line-height: 46px; margin-bottom: 16px; padding: 10px 0; font-weight: 500; border-bottom: 1px solid #A4A4A4; color: #1f1f1f; }
.proSlideInfo{ padding: 10px; font-size: 14px; color: #696969; line-height: 24px; }

.proDetails > h2{ font-size: 14px; line-height: 30px; padding-left: 20px; background: #e0e0e0; font-weight: 500; color: #414141; }
.proDetails > article{ padding: 20px 20px 40px; font-size: 14px; color: #696969; line-height: 24px; }
/*---------------*/
/***** Julia *****/
/*---------------*/

.effect-julia img {
	max-width: none;
	/*height: 400px;*/
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}


.effect-julia p {
	
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-360px,0,0);
	transform: translate3d(-360px,0,0);
}

.effect-julia *:first-child {
	-webkit-transition-delay: 0.15s;
	
	transition-delay: 0.15s;
}

.effect-julia *:nth-of-type(2) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.effect-julia *:nth-of-type(3) {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.effect-julia:hover *:nth-of-type(2) {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.effect-julia:hover *:nth-of-type(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.effect-julia:hover img {
	opacity: 0.4;
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
}
.effect-julia:hover div{
	opacity: 1;
}
.effect-julia:hover * {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


/*
	放大镜
*/

#MagnifierWrap2{position: relative;width: 350px;margin:0 auto;}

		.MagnifierMain{position: relative;width: 350px;height: 350px;}
		.MagnifierMain img{width: 100%;} 
		.MagnifierDrag{position: absolute;top:0;left: 0;background-color: #ccc; opacity: 0.4;filter:alpha(opacity = 40);cursor: move;}

		.MagnifierPop{position: absolute;top:0;overflow: hidden;background:#fff url(../images/loading.gif) no-repeat center center; }
		.MagnifierImg{position: absolute;top:0; left: 0;}

		.spec-items{position: relative;width: 292px;height: 69px;overflow: hidden;padding-top: 10px;margin: 0 auto;}
		.spec-items ul{width: 500%;position: absolute;top: 10px;left: 0;}
		.spec-items ul *{
			-webkit-transition: all .3s;
			-o-transition: all .3s;
			transition: all .3s;
		}
		.spec-items li{
			width: 65px;height: 65px;float: left;overflow: hidden;margin-right: 5px;border: 2px solid #fff;cursor: pointer;
			
		}
		.spec-items li.on{border:2px solid #000;}
		.spec-items li img{
			width: 100%;
			-webkit-transform: scale(1,1);
			-ms-transform: scale(1,1);
			-o-transform: scale(1,1);
			transform: scale(1,1);
		}
		.spec-items li.on img{
			-webkit-transform: scale(1.2,1.2);
			-ms-transform: scale(1.2,1.2);
			-o-transform: scale(1.2,1.2);
			transform: scale(1.2,1.2);
		}
		span.spe_leftBtn,span.spe_rightBtn{position: absolute;bottom: 0px;display: block;width: 20px;height: 69px;line-height: 69px;font-family: "黑体";text-align: center;font-size: 30px;color: #ddd;cursor: default;background-color: #f9f9f9;}
		span.on{background-color: #ccc;color: #999;cursor: pointer;} 
		span.spe_leftBtn{left: 0;}
		span.spe_rightBtn{right: 0;}


.firstPro a{ display: inline-block; margin: 0 12px; line-height: 36px; color: #666; }
.outBox .bd{ width: 1170px; height: 862px; overflow: hidden; }

.twoImg{ width: 248px; height: 248px; display: block; position: relative; }
.twoImg img{ position: absolute; top: 0; left: 0;  }
.twoImg img:nth-of-type(2){ opacity: 0; }
.twoImg:hover img:nth-of-type(2){ opacity: 1; }

#banner{ position: relative; width: 100%; overflow: hidden; }
.banner ul{ width: 2000%; }
.banner ul li{ width: 5%; float: left; }
#banner .hd{ position: absolute; bottom: 30px; left: 0; width: 100%; text-align: center; }
#banner .hd li{ display: inline-block; width: 15px; height: 15px; background: #fff; margin: 0 8px; overflow: hidden; text-indent: 999px; border-radius: 50%; }
#banner .hd li.on{ background: #abcdef; }


.form{ display: inline-block; border: 1px solid #ccc; padding: 30px; margin: 30px auto; text-align: left; width: 450px; }
.form label{ display: block; font-size: 14px; color: #333; line-height: 38px; }
.form label span{ display: inline-block; width: 80px; text-align: right; }
.form label select{ margin-left: 10px; line-height: 26px; border: 1px solid #ccc; height: 26px;  color: #666; font-size: 13px; }
.form input{ border: 1px solid #ccc; line-height: 26px; padding: 0 6px; margin-left: 10px; width: 300px;  color: #666; font-size: 13px; }
.form textarea{ width: 300px; height: 50px; border: 1px solid #ccc; padding: 6px; font-size: 13px; line-height: 24px; color: #666; margin-left: 10px; vertical-align: top; }

p.red{ font-size: 13px; line-height: 26px; color: red; }
#pageNav { 
font: 12px/24px Tahoma; 
height: 30px; 
margin: 15px auto 0; 
text-align: center; 
width: 500px; 
} 
#pageNav ul { 
list-style-type: none; 
overflow: hidden; 
} 
#pageNav ul li { 
background-color: #FFFFFF; 
border: 1px solid #CCDBE4; 
color: #0B3B8C; 
display: block; 
height: 22px; 
margin: 0 2px; 
padding: 0 3px; 
float: left; 
} 
#pageNav ul li a { 
background-color: #FFFFFF; 
color: #0B3B8C; 
padding: 0 3px; 
} 
#pageNav ul li a:hover { 
color: #D87D08; 
} 
#pageNav ul li.hover { 
border: 0 none; 
color: #000000; 
font-weight: bold; 
} 
#pageNav ul li.hover a { 
color: #000000; 
} 





@media(max-width:768px){
#top #welcome{ display:none;}
#top > section{ width:50%;}
#toolNav { width: 300px; padding: 20px 15px; top: 40px; left: 20px; }
#toolBar .search{ display:none;}
#navBar{ padding:0 4%;}
#navBar li { width: 33.33%; text-align:left; line-height: 50px; }
#banner .hd{ bottom:10px;}
#newPro { margin: 50px auto 50px; }
.newProList { width: 100%; height: 226px; margin:1px 0;}
.newProList div{ top:auto; bottom:0;}

.outBox .bd { width:100%; height:auto;}
.hotNav a { margin: 0 15px; }
.hotList { float:none; width: 100%; height: 1556px; }
.hotL { float:none; width: 100%; height: 389px; }
.hotL > div { width: 100%;}
.hotMore { float:none; height: 778px; width: 100%; position: relative; }

#news { height: auto; margin: 50px 0; }
.newsLists { padding: 0 4%; }
.newsLists > div { width: 100%; padding: 20px 15px; margin:10px 0 0 0;}
.newsLists > div a .f-l{ width:70%; height:2rem; overflow:hidden;}

.footer{ display:block;}
.footer .foot:nth-of-type(1) { display:none;}
.footer .foot:nth-of-type(2) { padding: 30px 0 30px 4%; }
.footer .foot:nth-of-type(3) { padding:0 4%;}

.form { padding: 30px 4%; width: 92%; }

.newsLeft { width: 100%; }
.line { padding: 30px 0 30px; }
.newsRight { width: 100%; padding-top: 30px; padding-bottom: 30px; }
.newsRight li a{ padding:0 4%;}
.newsRight li a .f-l{ height: 40px; width:70%; overflow:hidden;}

#IproList div.Ipro { width: 46%; margin: 30px 2% 0 2%; }
.twoImg { width: 100%; height: 175px; }
#IproList div.Ipro a img { width: 100%; height: auto;    height: 175px; }

#proSlideImg { margin:0 auto; float:none;}
#product_order_contain { width: 100% !important; margin: 0 auto; }
#product_order_top { width: 92% !important; padding:0 4% !important;}
#product_order_main { width: 92% !important; padding:10px 4% !important; }
.caigou_tab td{ display:block; width:100%; text-align:left !important;}
.caigou_tab td span{ display:block;}
.caigou_tab td.tr span{ display:inline-block;}
.caigou_tab td .text{ width:91%;}
.caigou_tab td .txtbox{ width:91%;}
.caigou_tab td textarea{ width:91%;}

}


.tit1{ padding-bottom:10px; border-bottom:1px solid #dee2e6;}
.tit1 .h2{ font-size:14px; line-height:24px;}
.tit2{}
.tit2 .h2{ font-size:30px; line-height:30px; color:#999; padding-left:20px; background:url(../images/ico_right1.png) left center no-repeat;}
.tit2 .h3{ font-size:20px; line-height:24px; padding-left:20px;}
.proDetail1{ width:90%; max-width:1200px; margin:40px auto 0 auto; /*padding:120px 0 80px 0;*/ position:relative;}
.proDetail1 .list{ position:absolute; left:0; top:0;}
.proDetail1 .list img{ display:block; max-width:none; width:1920px; height:120px;}
.proDetail1 .list2{ margin-top:40px;}
.proDetail1 .list2 .lt{ float:left; width:50%;}
.proDetail1 .list2 .lt .txt{}
.proDetail1 .list2 .lt .txt .h2{ font-size:14px; line-height:24px; margin:0 0 20px 0; color:#999;}
.proDetail1 .list2 .lt .txt .h3{ font-size:26px; line-height:36px; margin:0 0 25px 0; font-weight:bold; }
.proDetail1 .list2 .lt .txt .h4{ font-size:14px; line-height:24px; padding:15px 0 0 0; color:#999; border-top:1px solid #dee2e6;}
.proDetail1 .list2 .rt{ float:right; width:42%; box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;}
.proDetail1 .list3{ margin-top:40px;}
.proDetail1 .list3 dl dd{ float:left; width:calc((100% - 20px)/3); margin:10px 0 0 10px;}
.proDetail1 .list3 dl dd:nth-child(3n-2){ margin-left:0; clear:left;}
.proDetail1 .list3 dl dd .img{ padding-bottom:55%; position:relative;}
.proDetail1 .list3 dl dd .img img{ display:block; width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.proDetail1 .list3 dl dd:last-child{ float:left; width:100%; margin:10px 0 0 0;}
.proDetail1 .list3 dl dd:last-child .img{}
.proDetail1 .list3 dl dd:last-child .img img{ display:block; width:100%;}
.proDetail1 .list4{ margin-top:40px;}
.proDetail1 .list4 .xiangqing{ margin-top:20px;}
.proDetail1 .list4 .xiangqing ul li{ margin-bottom:20px;}
.proDetail1 .list4 .xiangqing ul li .nr{ margin-top:10px;}
.proDetail1 .list4 .xiangqing ul li .nr img{ display:block; margin:0 auto; max-width:100%;}
.proDetail1 .list5{ margin-top:40px;}
.proDetail1 .list5 ul li{ float:left; width:calc((100% - 60px)/4); margin:20px 0 0 20px; text-align:center;}
.proDetail1 .list5 ul li:nth-child(4n-3){ margin-left:0; clear:left;}
.proDetail1 .list5 ul li .img{ border:1px solid #dee2e6; padding-bottom:62%; position:relative;}
.proDetail1 .list5 ul li .img img{ display:block; width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.proDetail1 .list5 ul li .h2{ font-size:16px; line-height:26px; color:#999; margin-top:5px;}
@media(max-width:768px){
.proDetail1 .list2 .lt{ float:left; width:100%; margin:0 0 20px 0;}
.proDetail1 .list2 .rt{ float:right; width:100%; }
.proDetail1 .list5 ul li{ float:left; width:calc((100% - 10px)/2); margin:10px 0 0 10px; }
.proDetail1 .list5 ul li:nth-child(4n-3){ margin-left:10px; clear:none;}
.proDetail1 .list5 ul li:nth-child(2n-1){ margin-left:0; clear:left;}
.proDetail1 .list5 ul li .h2{ font-size:12px; line-height:22px; margin-top:5px;}
}


.history1bg{ background:#f5f3f0; padding:40px 0 80px 0;}
.history1{ position:relative;}
.history1:before{ content:""; width:2px; height:100%; background:#b97d52; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.history1 ul{ position:relative; padding-top:1px;}
.history1 ul:before{ content:""; width:24px; height:19px; background:url(../images/fzlc_bg.png) no-repeat; position:absolute; top:-20px; left:50%; transform:translateX(-50%); }
.history1 ul li{ margin:30px 0;}
.history1 ul li .nr_box{ float:left; width:50%;}
.history1 ul li .txt{ text-align:right; padding:0 50px 0 0; }
.history1 ul li .txt .h2{ font-size:24px; line-height:34px; font-weight:bold; color:#b97d52; margin:0 0 20px 0; position:relative;}
.history1 ul li .txt .h2:before{ content:""; width:10px; height:10px; background:#b97d52; border-radius:100%; position:absolute; top:50%; transform:translateY(-50%); right:-55px; z-index:2;}
.history1 ul li .txt .h2:after{ content:""; width:16px; height:16px; background:#f5f3f0; border-radius:100%; position:absolute; top:50%; transform:translateY(-50%); right:-60px; z-index:1; border:2px #b97d52 solid;}
.history1 ul li .txt .h3{ font-size:14px; line-height:24px; margin:0;}
.history1 ul li:nth-child(2n) .nr_box{ float:right;}
.history1 ul li:nth-child(2n) .txt{ text-align:left; padding:0 0 0 50px;}
.history1 ul li:nth-child(2n) .txt .h2:before{ right:auto; left:-55px;}
.history1 ul li:nth-child(2n) .txt .h2:after{ right:auto; left:-60px;}
@media(max-width:768px){
.history1 ul li .txt{ padding:0 20px 0 0; }
.history1 ul li .txt .h2{ font-size:16px; line-height:26px; margin:0 0 10px 0; }
.history1 ul li .txt .h2:before{ right:-25px; }
.history1 ul li .txt .h2:after{ right:-30px;}
.history1 ul li .txt .h3{ font-size:12px; line-height:22px; }
.history1 ul li:nth-child(2n) .txt{ padding:0 0 0 20px;}
.history1 ul li:nth-child(2n) .txt .h2:before{ right:auto; left:-25px;}
.history1 ul li:nth-child(2n) .txt .h2:after{ right:auto; left:-30px;}


#toolBar section:nth-of-type(1) span{ font-size:0;}
#toolBar section:nth-of-type(1) span i{ font-size:14px; padding:0 4px 0 1rem;}
#toolBar section .h_txt1{ padding-left:7px; margin-left:6px; width:92%;}
#toolBar section .h_txt1 .h2{ font-size:12px; line-height:16px;}
#toolBar section .h_txt1 .h2 strong{ font-size:12px;}
#toolBar section .h_txt1 .h3 a{ padding-right:0;}
#toolBar section:last-child{ display:none;}
}



.head_box{ width:100%; background:#fff; position:absolute; left:0; top:0; z-index:55;}
.h_height{ height:235px;}
@media(max-width:768px){
.h_height{ height:265px;}
}