*{ margin: 0; padding: 0;}
html,body{  width: 100%; max-width: 1920px; margin: 0 auto; color: #666;  }
body{  position: relative;  font-size: 14px; margin: auto; font-family: "微软雅黑"; overflow-x: hidden; }
a{ color: #666; text-decoration: none;}
a:hover,
a:focus{ text-decoration: none;}
h4{ font-size: 16px; font-weight: normal;color: #666666;}
i,em{font-style: normal; font-family: arial;}
ul{ margin: 0; padding: 0;}
li{ list-style: none;}
img{ vertical-align: middle; max-width: 100%; border: none;}


.fl{ float: left;}
.fr{ float: right;}
.pore{ position: relative;}
.clearfix:after{ content: ""; display: block; clear: both;}
.shub{ cursor: pointer;}

.wapper{ width: 1200px; margin: 0 auto;}


.back-fff{ background: #fff;}


input,button,textarea{ outline: none;}
input[type=checkbox].ace+.lbl:hover::before,
input[type=checkbox].ace:hover+.lbl::before,
input[type=radio].ace+.lbl:hover::before,
input[type=radio].ace:hover+.lbl::before{border-color: #4D96C6; }
input[type=checkbox].ace:focus+.lbl::before, input[type=radio].ace:focus+.lbl::before{border-color: #4D96C6;  }





/* top  */
.top { height: 60px; background: #1d1d1d; }
.top .wapper{ position: relative;}
.top .bbg{ display: none; position: absolute; left: 0; top: 60px; z-index: 5; width: 100%; height: 60px; background: rgba(31,31,31,.8);}
.logo{ display: block; position: absolute; left: 0; top: 0; z-index: 11; width:120px; height: 120px; line-height: 120px; text-align: center; color: #fff; font-size: 20px; background: #e62e2e; }

.menu{ max-width: 760px; margin-left: 240px;}
.menu ul li{ position: relative; float: left; height: 60px; line-height: 60px; margin-right: 80px;}
.menu ul li:last-child{ margin-right: 0;}
.menu ul li a{ display: block; font-size: 16px;  color: #666666; color: #fff; padding: 0 15px; }

.menu ul li dl{ display: none; position: absolute;  left: 0; top: 60px;  z-index: 9; }
.menu ul li dl dt { float: left;}
.menu ul li dl dt a{ color: #fff; font-size: 14px;}

.menu ul li.on,
.menu ul li:hover{ background: #E62E2E; }
.menu ul li dl dt a:hover { color: #E62E2E;}


.ulli{ padding: 18.5px 0; max-height: 60px; overflow: hidden; }
.ulli a{ display: inline-block; margin-left: 10px; color: #666; font-family: arial; font-style: italic; line-height: 21px; border-bottom: 1px solid #666 ;}
.ulli a.on,
.ulli a:hover{ color: #fff; border-color: #fff;}


/*banner*/
.banner,.banner .flexslider,.banner .slides li{  min-width: 1200px; height: 780px; margin: 0 auto; position: relative;}
.banner .flexslider{overflow: hidden; z-index: 0; display: block;}
.banner .slides li{ position: relative; z-index: 0; display: block; }
.banner .slides li a{display: block; height: 100%;}


.nbanner{ min-width: 1200px; height: 420px; margin: auto;}
.nbanner,.nbanner .flexslider,.nbanner .slides li{ height: 420px;}


/* 圆点切换 */
.flex-control-paging{ display: ;}
.flex-control-nav{position:absolute; bottom: 10px; z-index:11111; padding-left: 0; left: 0; right: 0; height: 26px; line-height: 10px; margin: 0 auto; text-align: center; }
.flex-control-nav li{ width: 33px; height: 4px; margin: 0 15px; display: inline; zoom: 1; text-align: center; overflow: hidden;}
.flex-control-nav a{ display: inline-block; width: 33px; height: 4px; line-height: 100px; cursor:pointer; color: #fff; font-family: Arial;  overflow: hidden; background: rgba(255,255,255,.3)}
.flex-control-nav .flex-active{ background: #e62e2e; }



/* 左右按钮切换 */
/*.flex-direction-nav a{ width: 40px; height: 48px; line-height: 99em; overflow:hidden; display: block; position: absolute; top:; z-index:10; cursor:pointer;opacity:1;filter:alpha(opacity=1); -webkit-transition:all .3s ease; outline: none;}
.flex-direction-nav .flex-next{  height: 100%;  background:rgba(255,255,255,.5); right:0;}
.flex-direction-nav .flex-prev{  height: 100%;  background:rgba(255,255,255,.5); left:0;}
.flex-direction-nav .flex-prev:after{ content: '<'; display: block; width: 100%; height: 100%; line-height: 338px; font-family: '宋体'; font-size: 16px; color: #fff; text-align: center; }
.flex-direction-nav .flex-next:after{ content: '>'; display: block; width: 100%; height: 100%; line-height: 338px; font-family: '宋体'; font-size: 16px; color: #fff; text-align: center; }
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=80);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=80);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=100); background: #008ed6;}*/




/*  关于我们      */
.i-about{ padding: 68px 0 0; background: url(../images/indexbg.jpg) no-repeat  top center; padding-bottom: 155px;}
.i-about .aboutus{ height: 335px; overflow: hidden;}
.i-about .aboutus .aboutle{ position: relative; width: 740px; }
.i-about .aboutus .aboutle i{ display: block; position: absolute; top: 5px; right: 0; width: 26px; height: 4px;}
.i-about .aboutus .aboutle dl dt p{ font-size: 72px; color: #d03c3c; font-family: "Adobe Caslon Pro";text-transform: uppercase;}
.i-about .aboutus .aboutle dl dt em{ display: block; font-size: 24px; color: #fff; font-family: "微软雅黑";}
.i-about .aboutus .aboutle dl dd{ margin-top: 25px; line-height: 28px; height: 140px; overflow: hidden; color: #cbcbcb;}
.i-about .aboutus .aboutht{ width: 420px; }


.ablist{ padding: 30px 0; background: #3d3d3d;}
.ablist ul li{ float: left; height: 60px;  text-align: center; border-right: 1px solid rgba(2565,255,255,.2); cursor: pointer;}
.ablist ul li span{ display: inline-block; color: #929292; line-height: 60px; font-size: 72px; font-family: arial;}
.ablist ul li dl{ display: inline-block; font-size: 16px; text-align: left; margin-left: 10px;}
.ablist ul li dl dt{ text-transform: uppercase;}

.ablist ul li.s1{ width: 261px;}
.ablist ul li.s2{ width: 314px;}
.ablist ul li.s3{ width: 337px;}
.ablist ul li.s4{ width: 285px; border: none;}


.ablist ul li:hover span,
.ablist ul li:hover dl{ color: #c42b2b;}



/* produt */
.produt{ margin: 105px 0 0;}
.produt .prle{ width: 640px;}
.produt .prle .prul{ margin-top: 20px; }
.produt .prle .prul ul li{ position: relative; float: left; width: 310px; height: 420px; margin-right: 20px; overflow: hidden; }
.produt .prle .prul ul li:last-child{ margin-right: 0;}
.produt .prle .prul ul li img{ width: 100%; height: 100%}
.produt .prle .prul ul li .down{ position: absolute; left: 0; bottom: -100%; width: 100%; height: 100%; background: rgba(208,60,60,.9); text-align: center; color: #fff;font-size: 22px; transition: .5s; }
.produt .prle .prul ul li .down p{ margin-top: 50%;}
.produt .prle .prul ul li .down i{ display: block; font-size: 14px; text-transform: uppercase; margin-top: 10px;}
.produt .prle .prul ul li .down em{ display: block; width: 44px; margin: auto; margin-top: 30px;}


.produt .prle .prul ul li:hover .down{ bottom: 0;}


.prtop{ position: relative; overflow: hidden;}
.prtop .down{ position: absolute; left: 0; bottom: -100%; width: 100%; height: 100%; background: rgba(208,60,60,.9); text-align: center; color: #fff;font-size: 22px; transition: .5s; }
.prtop .down p{ margin-top: 110px;}
.prtop .down i{ display: block; font-size: 14px; text-transform: uppercase; margin-top: 10px;}
.prtop .down em{ display: block; width: 44px; margin: auto; margin-top: 30px;}
.prtop:hover .down{ bottom: 0;}



.prht{ width: 540px;}
.prht .prlist{}
.prht .prlist dl dt{ position: relative;}
.prht .prlist dl dt p{ height: 60px;  line-height: 70px; font-size: 72px; color: #d03c3c; font-family: "Adobe Caslon Pro";text-transform: uppercase;   }
.prht .prlist dl dt i{ display: block; position: absolute; right: 0; top: 0; width: 54px; height: 54px;}
.prht .prlist dl dd{  font-size: 24px; color: #fff; font-family: "微软雅黑";}


.prhtul{ margin-top: 24px; }
.prhtul ul li{ position: relative; float: left; width: 540px; height: 320px; margin-bottom: 20px;overflow: hidden;}
.prhtul ul li:last-child{ margin-bottom: 0;}

.prhtul ul li img{ width: 100%; height: 100%}
.prhtul ul li .down{ position: absolute; left: 0; bottom: -100%; width: 100%; height: 100%; background: rgba(208,60,60,.9); text-align: center; color: #fff;font-size: 22px; transition: .5s; }
.prhtul ul li .down p{ margin-top: 20%;}
.prhtul ul li .down i{ display: block; font-size: 14px; text-transform: uppercase;margin-top: 10px;}
.prhtul ul li .down em{ display: block; width: 44px; margin: auto; margin-top: 30px;}



.prhtul ul li:hover .down{ bottom: 0;}





/* footer */
.footer{ padding: 75px 0 50px; background: #1e1e1e; border-top: 1px solid #333333;}

.foot { width: 400px;}
.foot ul li{ margin-bottom: 20px; color: #8f8f8f;}
#share .social-share-icon{ background: #999; border-color: #999; color: #1e1e1e; margin-right: 10px;}
#share .social-share-icon:hover{ background: #E62E2E;border-color: #E62E2E; color: #fff; }

.fir{ width: 735px;}
.fir ul{ float: left; width: 440px; }
.fir ul li{ float: left; margin-right: 55px;}
.fir ul li:last-child{ margin-right: 0;}
.fir ul li a{ display: block; color: #fff;}
.fir ul li dl dt a{ display: block; color: #8f8f8f; font-size: 12px; text-align: center; margin-top: 20px;}

.weo{ float: right; width: 115px; height: 115px; background: #fff; padding: 8px;}

.usa{ height: 60px; line-height: 60px; text-align: center; background: #161616; }



/*  悬浮  */
.xfu{ position: fixed; top: 50%; right: 0; cursor: pointer;}
.xfu .qq{width: 48px; height: 48px;  line-height: 48px; background: #999; margin-bottom: 2px; overflow: hidden; font-size: 16px; transition: .5s;}
.xfu .qq a{color: #fff;}
.xfu .qq img{ margin:0 5px;}
.xfu .qq:hover{ width: 135px; background: #E62E2E;}

.xfu .scollTop{ float: right; width: 48px; height: 48px; background: #999 url(../images/Top.png) no-repeat  center center;}
.xfu .scollTop:hover{ background-color: #E62E2E;}





/*  公司简介   1-1  */
.title{ height: 48px; line-height: 48px; background: #999; }
.title .tit ul li{ float: left; min-width: 110px; text-align: center; }
.title .tit ul li a{ display: block; padding:0 20px;  font-size: 16px; color: #fff;}
.title .tit ul li.on a,
.title .tit ul li:hover a{ background: #E62E2E ;}

.ttht{ text-align: right;color: #e5e5e5}
.ttht a{ display: inline-block; color: #e5e5e5;}



/* */
.ddl{ text-align: center; margin: 36px 0 18px;}
.ddl dt{ font-size: 24px; color: #1a1a1a; text-transform: uppercase; margin-bottom: 5px;}
.ddl dd p{ color: #4c4c4c; font-size: 12px;}
.ddl dd em{ display: block; width: 20px; height: 2px; background: #e62e2e; margin:20px auto;}


.nblist{ height: 530px; background: url(../images/n100bg.png) no-repeat left top; margin-bottom: 30px; padding: 24px 27px 0;}

.nbtop{}
.nbtop .fl{ width: 490px; height: 320px;}
.nbtop .nbfr{ width: 600px; margin-left: 28px;}
.nbtop .nbfr dl{ margin: 22px 0;}
.nbtop .nbfr dl dt{ font-size: 20px; color: #1a1a1a; }
.nbtop .nbfr dl dd{ font-size: 14px; color: #808080; text-transform: full-width;}

.nbbjk{ line-height: 24px; color: #4c4c4c;}

.nbbot{ position: relative; padding: 18px 0 0 60px; }
.nbbot .nbvfl{ font-size: 12px; color: #999; line-height: 20px; height: 140px;  overflow: hidden; width: 805px; text-transform: uppercase; text-align: justify;}
.nbbot .neta{ position: absolute; right: 0; top: -10px; width: 240px; height: 198px;}





/*  1-2  新闻中心    */
.new ul li{ border-bottom: 1px solid #e5e5e5; padding: 20px 0;}
.new ul li .lile{  width: 372px;}
.new ul li .lile dl{ float: left; width: 72px; height: 72px; text-align: center; background: #e6e6e6; font-family: arial;}
.new ul li .lile dl dt{ font-size: 30px; color: #666666; padding-top: 12px;}
.new ul li .lile dl dd{ font-size: 12px; color: #808080;}
.new ul li .lile span{ display: block; float: right; width: 280px; height: 140px;}
.new ul li .lile span img{ display: block;  width: 280px; height: 140px;}

.new ul li .liht{ width: 810px;}
.new ul li .liht dt{ font-size: 18px; color: #333; padding: 25px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.new ul li .liht dd{ line-height: 22px; height: 44px; overflow: hidden; color: #666666; }


.new ul li:hover .lile dl{ background: #E62E2E;}
.new ul li:hover .lile dl dt{ color: #fff;}
.new ul li:hover .lile dl dd{ color: #fff;}
.new ul li:hover .liht dt{ color: #E62E2E;}


.page{ text-align: center; margin: 60px 0;}
.page a{ display: inline-block; height: 34px; line-height: 34px; padding: 0 13px; border: 1px solid #808080; color: #8c8c8c; font-size: 18px; margin: 0 10px;}
.page a.z-crt,
.page a:hover{ border-color: #E62E2E ; background: #E62E2E; color: #fff;}





/*  1-3  产品中心   */
.productlist{ padding:20px;}
.productlist ul li{  float: left; width: 275px; text-align: center; overflow: hidden; margin: 0 20px 15px 0;}
.productlist ul li:nth-child(4n+4){ margin-right: 0;}
.productlist ul li div{position: relative; width: 275px; height: 180px; border:;}
.productlist ul li div i img{ border: 1px solid #dbdbdb;}
.productlist ul li div em{ position: absolute; left: 0 ; top: 0; bottom: 0; right: 0;  width: 20%; height: 20%; transition: .5s; opacity: 0; margin: auto;}

.productlist ul li p{ line-height: 28px; color: #333333; font-size: 18px; white-space: normal; overflow: hidden; text-overflow: ellipsis; margin-top: 10px;}

.productlist ul li:hover div em{  opacity: 0; width: 100%; height: 100%; opacity: 1;}
.productlist ul li:hover p{ color: #E62E2E;}




/*  lianxi women  1-5  */
.contact{ padding: 20px 40px;}
.contfl{  width: 460px;}
.contfl .addli li{ margin-bottom: 40px;}
.contfl .addli li img{ width: 19px; height: 19px; margin-right: 10px;}
.contfl .addli li span{ display: inline-block; font-size: 12px; color: #333;}

.contht{ width: 520px }
.contht ul li{ margin-bottom: 15px;}
.contht ul li p{ line-height: 35px; font-size: 16px; color: #666666;}
.contht ul li p i{ display: inline-block; margin-left: 10px;  font-size: 12px; color: #808080;}
.contht ul li input{ display: block; width: 96%; padding: 0 2%; border-radius: 10px; background: #e6e6e6; border: none;height: 40px; font-size: 16px; color: #333;}
.contht ul li textarea{ display: block; width: 96%; padding: 2%; height: 165px; resize: none; border-radius: 10px; background: #e6e6e6; border: none;font-size: 16px; color: #333; font-family: "微软雅黑"; }

.btton{ display: block; width: 120px; height: 40px; font-size: 14px; color: #fff; border: none; background: #E62E2E; font-family: "微软雅黑"; margin: 30px auto;}

.map{ border: 1px solid #dbdbdb; margin-bottom: 50px;}





/*  1-4  gongsihuanjing */
	
	.ny-list{ position: relative; z-index: 1; padding-top: 20px ;}
	.ny-list:before{ content: ''; position: absolute; z-index: -1; left: 0; right: 0; top: 0; width: 1100px; height: 555px; border: 1px solid #E62E2E; box-sizing: border-box; margin: auto;}
	
	.zzrybig{ position: relative; z-index: 1;}
	.zzryimg{ width: 680px; height: 380px; margin: auto; overflow: hidden;}
	.zzryimg ul{ -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
	.zzryimg ul li{ position: relative; z-index: 1; float: left; width: 680px}
	.zzryimg ul li div{ height: 380px; overflow: hidden;}
	.zzryimg ul li div img{ width: 100%; min-height: 100%;}
	.zzryimg ul li p{ position: absolute; bottom: 0px; left: 0px; z-index: 10; display: block; width: 90%; height: 48px; line-height: 48px; padding: 0 5%; font-size: 16px; color: #FFFFFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background:rgba(0,0,0,.5); text-align: center;}
	
	.zzrylist{ position: relative; z-index: 1; width: 840px; padding: 0 40px; margin:75px auto 50px; overflow: hidden;}
	.zzrylist .prev{ position: absolute; top: 0; left: 0px; z-index: 10; width: 40px; height: 100%; line-height: 156px; font-size: 34px; font-family: "宋体";  color: #FFFFFF; text-align: center; cursor: pointer; background: #999;}
	
	.zzrylist .next{ position: absolute; top: 0; right: 0px; z-index: 10; width: 40px; height: 100%; line-height: 156px; font-size: 34px; font-family: "宋体";  color: #FFFFFF; text-align: center; cursor: pointer; background:#999;}
	
	.zzrylist ul{ width: 2400px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
	.zzrylist ul li{ position: relative; float: left; width: 280px; height: 156px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.zzrylist ul li i{ position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.4);}
	.zzrylist ul li a{ display: block; width: 100%; height: 100%; overflow: hidden;}
	.zzrylist ul li.active{ border: 2px solid #e62e2e;}
	.zzrylist ul li.active i{display: none;}
	.zzrylist ul li a img{ width: 100%; min-height: 100%;}

	.zzrylist .prev:hover,
	.zzrylist .next:hover{ background: #E62E2E;}