﻿@charset "utf-8";
.wrap{width:1000px; margin:0 auto;}
.fl{float: left;}
.fr{float: right;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.over{overflow: hidden;}
.relative{position: relative;z-index: 1;}
.absolute{position: absolute;z-index: 1;}
.fixed{position: fixed;z-index: 1;}
.inline{display: inline;}
.block{display: block;}
.inline-block{display: inline-block;}
.hide{display: none;}
.max-w100{max-width: 100%;}
.max-h100{max-height: 100%;}
.middle{vertical-align: middle;}
.trans{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.cut{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

input,textarea{ outline:none; }

/*新站*/
#warp{width:100%; max-width:1920px; min-width:320px; position:relative; margin:0 auto;}
.main{ width:1250px; margin:0 auto;}

/*公告样式*/
.clear{margin:0px auto; clear:both; height:0px; font-size:0px; overflow:hidden;}
.clear_both{zoom:1;}
.clear_both:after{content:""; display:block; clear:both;}
.cut{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.dis{ display:inline-block; *display:inline; zoom:1;}
.fz9{ font-size:9px; color:#333;}
.fz10{ font-size:10px; color:#333;}
.fz12{ font-size:12px; color:#333;}
.fz14{ font-size:14px; color:#333;}
.fz16{ font-size:16px; color:#333;}
.fz18{ font-size:18px; color:#333;}
.fz20{ font-size:20px; color:#333;}
.fz22{ font-size:22px; color:#333;}
.fz24{ font-size:24px; color:#333;}
.fz26{ font-size:26px; color:#333;}
.fz28{ font-size:28px; color:#333;}
.fz30{ font-size:30px; color:#333;}
.fz50{ font-size:50px; color:#333;}
.fz60{ font-size:60px; color:#333;}

/*头部样式*/
.header_bg{ width:100%; height:100%; display:none; position:fixed; left:0; top:0; z-index:9999;}
.header{ width:100%; position:fixed; top:0; left:0; z-index:99999; box-shadow:0 0 9px #999; }
.header_two{ width:100%; height:75px; background:#fff; position:relative;}
.header_two .logo{ width:210px; float:left; padding-top:12px;}
.header_two .nav{margin: 30px 10px 0 0;}
.header_two .navo_li{ height:45px; line-height:14px; float:left;}
.header_two .navo_li .navo_a{ border-left:1px solid #d4d4d4; padding:0 18px; font-size: 15px;}
.header_two .navo_li.on .navo_a{ color:#dd2025;}
.header_two .navo_li:hover .navo_a{ color:#dd2025;}
.header_two .nav.in .navo_li .navo_a{ padding:0 30px;}
.header_two .lang{ margin-top:28px; position:relative;}
.header_two .lang a{ color:#999;}
.header_two .lang a.on{ color:#dd2025; text-decoration:underline;}
.header_two .lang span{ cursor:pointer; background:url(../images/img1.jpg) no-repeat right center; padding-right:20px;}
.header_two .lang ul{ width:50px; background:#fff; display:none; position:absolute; left:0; top:17px;}
.header_two .lang li{ margin-top:5px;}
.header_two .lang:hover ul{ display:block;}
.header_two .search{ width:30px; height:30px; float:left; background:#fff; border:1px solid #dddddd; border-radius:10px; position:relative; margin-top:20px; margin-left:20px;}
.header_two .search .search_bg{ height:30px; background:#fff; border-radius:50px; behavior:url(/css/pie.htc);}
.header_two .search .input{ width:120px; height:30px; line-height:30px; display:none; border:none; position:absolute; left:15px; top:0; background:#fff; color:#333;}
.header_two .search .sub{ width:30px; height:30px; position:absolute; z-index:999; right:0; top:0; border:none; float:right; border-radius:50px; behavior:url(/css/pie.htc); cursor:pointer; background:#fff url(../images/img2.jpg) no-repeat center;}
.header_two .nav .nav_two{ width:100%; height:0; overflow:hidden; background:url(../images/bg1.png) repeat; position:absolute; left:0; top: 75px; z-index:99999;}
.header_two .nav .nav_two .top{ width:100%; height:15px; border-bottom:1px solid #dcdcdc; position:relative; padding:20px 0;}
.header_two .nav .nav_two .top ul{ width:100%; position:absolute; left:0; top:0;}
.header_two .nav .nav_two .top ul li{ cursor:pointer; padding:20px 10px; margin-right:80px;}
.header_two .nav .nav_two .top ul li.on{ border-bottom:3px solid #1f1f1f;}
.header_two .nav .nav_two .bot{ width:100%; padding:25px 5px;}
.header_two .nav .nav_two .bot ul{ width:100%;}
.header_two .nav .nav_two .bot li{ width:100%;}
.header_two .nav .nav_two .bot .list{ width:150px; margin-right:15px;}
.header_two .nav .nav_two .bot .list .fz14{ width:100%; height:14px; overflow:hidden; color:#1f1f1f; font-family:"Arial";}
.header_two .nav .nav_two .bot .list .fz14:hover{ color:#dd2025;}
.header_two .nav .nav_two .bot .list .fz12{ width:100%; height:14px; overflow:hidden; color:#868686; font-family:"Arial"; margin-top:15px;}
.header_two .nav .nav_two .bot .list .fz12:hover{ color:#ff6600;}
.header_two .small_nav .button{ width:35px; display:none; margin-top:20px;}
.header_two .small_nav .button span{ width:100%; height:5px; display:inline-block; background:#999; margin:3px 0;}
.header_two .small_nav .select{ width:300px; overflow:auto; background:#333; text-align:left; position:absolute; left:-320px; top:0; z-index:99999; padding-bottom:100px;}
.header_two .small_nav .select .fz20{ border-left:4px solid #dd2025; color:#fff; background:rgba(120,125,133,.5); padding:14px 0 14px 20px;}
.header_two .small_nav .select .fz18{ color:#fff; padding:8px 0 8px 25px;}
.header_two .small_nav .select .fz16{ color:#fff; padding:8px 0 8px 30px;}
.header_two .small_nav .select .fz14{ color:#fff; padding:8px 0 8px 45px;}
.header_two .small_nav .select .list .ul{ display:block;}
.header_two .small_nav .select .list.on .ul{ display:block;}
.header_two .head_bg{ width:100%; display:none; background:url(/images/bg5.png) repeat; position:absolute; left:0; top:0; z-index:9999; padding-bottom:100px;}
.header_two .small_nav .select .searchk{ width:90%; height:30px; background:#fff; border-radius:50px; behavior:url(/css/pie.htc); padding:1px 0; margin:20px auto 0;}
.header_two .small_nav .select .searchk .inputk{ width:200px; height:30px; border:none; outline:none; padding-left:10px; margin-left:15px;}
.header_two .small_nav .select .searchk .subk{ width:30px; height:30px; border:none; border-radius:50px; behavior:url(/css/pie.htc); cursor:pointer; background:#fff url(../images/img2.jpg) no-repeat center;}

/*广告样式*/
.banner{ width:100%; min-width:320px; overflow:hidden; position:relative; margin:0 auto;}
.banner img{ width:100%;}
.banner .ban_db ul{font-size:0px; white-space:nowrap; letter-spacing:-5px; position:relative; z-index:1;}
.banner .ban_db ul *{ letter-spacing:normal;}
.banner .ban_db li{ width: 100%; display:inline-block; position:relative; vertical-align:top;}
.banner .ban_db li img{ display:block;margin:0 auto;}
.banner .ban_db li .jd{ width:1250px; position:absolute; left:50%; top:0; z-index:9; padding-left:75px; margin-left:-600px;}
.banner .ban_db li .jd .fz60{ color:#ff2327; font-weight:bold; margin-top:9%;}
.banner .ban_db li .jd .fz20{ color:#fff; margin:10px 0;}
.banner .ban_db li .jd .fz14{ color:#fff;}
.banner .ban_db li .jd .more{ width:120px; height:36px; line-height:36px; text-align:center; border:1px solid #fff; border-radius:50px; margin-top:75px;}
.banner .ban_hb{ width:100%; text-align:center; position:absolute; left:0; bottom:3%; z-index:999;}
.banner .ban_hb li{ width:16px; height:16px; display:inline-block; border-radius:50px; font-size:0; cursor:pointer; background:#fff; margin:0 8px;}
.banner .ban_hb li.on{ background:#fa494c;}

/*底部样式*/
.footer{ width:100%; background:#222526;}
.footer .top{ text-align:center; padding:40px 0;}
.footer .top .last{ vertical-align:top; margin:0 50px;}
.footer .top .last .fl{ width:60px; /*height:140px; line-height:140px;*/ font-size:14px; color:#dd2025; border-right:1px solid #3d3d3d; padding-right:25px;}
.footer .top .last .list{ text-align:left; float:left; margin-top:9px;}
.footer .top .last .list ul{ line-height:40px; float:left; margin-left:30px;}
.footer .top .last .list ul a{ font-size:12px; color:#656565;}
.footer .top .last .list ul a:hover{ color:#fff;}
.footer .top .last.address .fl li{ width:30px; height:30px; display:inline-block; margin-top:13px;}
.footer .top .last.address .fl li img{ float:left;}
.footer .bot{ width:100%; border-top:2px solid #3d3d3d; padding-bottom:20px;}
.footer .bot .map{ width:100%; height:0; overflow:hidden;}
.footer .bot .mapz{ width:99px; height:34px; font-size:12px; line-height:34px; text-align:center; color:#999; background:#3d3d3d url(../images/bg7.png) no-repeat top center; border-radius:0 0 10px 10px; cursor:pointer; margin:0 auto;}
.footer .bot .asm{ width:100%; font-size:12px; text-align:center; color:#5c5c5c; margin-top:15px;}
.footer .bot .asm a{ color:#5c5c5c; font-size:12px;}
.footer .bot .asm a:hover{ color:#fff;}
.footerk{ display:none;}

/*首页样式*/
.index{ width:100%;}
.index .one{ width:100%; overflow:hidden; background:#f5f5f5 url(/images/bg2.jpg) no-repeat center bottom; padding:2% 0;}
.index .one .top{ width:100%; text-align:center; position:relative;}
.index .one .top .title{ color:#333; font-size:20px; position:absolute; left:10%; top:20%; z-index:9999;}
.index .one .top li{ cursor:pointer; border-radius:50px; color:#333; padding:0.8% 4%; margin:0 3%;}
.index .one .top li.on{ background:#dd2025; color:#fff;}
.index .one .bot{ width:100%; text-align:center; margin-top:3%;}
.index .one .bot li{ position:relative;}
.index .one .bot .img{ width:575px; height:575px; overflow:hidden; background:url(/images/img53.png) no-repeat center;}
.index .one .bot .img div{ width:575px; height:575px; display:table-cell; vertical-align:middle;}
.index .one .bot .a{ width:350px; text-align:left; position:absolute; left:3%; top:15%; z-index:99;}
.index .one .bot .b{ width:350px; text-align:left; position:absolute; right:-3%; top:45%; z-index:99;}
.index .one .bot .c{ width:350px; text-align:left; position:absolute; left:2%; bottom:15%; z-index:99;}
.index .one .bot .more{ width:200px; height:46px; line-height:46px; background:#231815; color:#dd2025; border-radius:50px; position:absolute; left:50%; bottom:-3%; z-index:99; margin-left:-100px;}
.index .two{ width:100%; height:620px; display:none; overflow:hidden; position:relative;}
.index .two .backgrounds{ display:none;}
.index .two .background{ width:100%; height:620px; position:absolute; left:0; top:0; z-index:9;}
.index .two .background li{ width:100%; height:620px;}
.index .two .background img{ width:100%;}
.index .two .background li .asd{ width:100%; height:620px; position:relative;}
.index .two .background li .imgs1{ width:19%; position:absolute; left:5%; top:5%; z-index:9;}
.index .two .background li .imgs2{ width:6%; position:absolute; left:5%; bottom:5%; z-index:9;}
.index .two .background li .imgs3{ width:28%; position:absolute; left:4%; top:30%; z-index:9;}
.index .two .main{ height:600px; background:url(/images/bg4.png) no-repeat left center; position:relative; z-index:999; padding-top:20px;}
.index .two .main .fr{ position:absolute; right:1%; top:43%;}
.index .two .left{ width:62.5%; position:relative; padding:2% 0; margin-left:11%;}
.index .two .left .jd{ width:100%; font-size:14px; line-height:35px;}
.index .two .left .more{ width:150px; height:35px; line-height:35px; font-size:12px; border:1px solid #3d3d3d; text-align:center; border-radius:50px; margin-top:30px;}
.index .two .left .list{ width:100%;}
.index .two .left .list span{ width:100%; position:relative; margin-top:5rem;}
.index .two .left .list span .lti{ width:66px; height:66px; background:url(/images/bg5.png) repeat; border-radius:50%; position:absolute; left:-22%; top:-24px; z-index:99;}
.index .two .left .list span .lti div{  width:66px; height:66px; text-align:center; display:table-cell; vertical-align:middle;}
.index .two .left .list span:hover .lti{ background:#000;}
.index .two .right{ width:85px; text-align:center; display:table-cell; vertical-align:middle;}
.index .two .right li{ width:100px; cursor:pointer; font-size:16px; border-right:3px solid #535353; color:#535353; padding:8% 0; margin:8px 0;}
.index .two .right li.on{ width:103px; background:#dd2025; border:none;}
.index .two_so{ width:100%; height:1000px; overflow:hidden; display:none; position:relative;}
.index .two_so .backgrounds{ width:100%; height:1000px; position:relative; z-index:9;}
.index .two_so .backgrounds li{ width:100%; height:1000px;}
/*.index .two_so .backgrounds img{ width:100%;}*/
.index .two_so .nr{ width:100%; background:url(/mobile/images/bg3.png) repeat; position:absolute; left:0; bottom:0; z-index:999; padding-bottom:2%;}
.index .two_so .hb{ width:100%; text-align:center;}
.index .two_so .hb li{ background:url(/mobile/images/bg4.jpg) no-repeat top center; color:#535353; padding:1% 4%;}
.index .two_so .hb li.mar{ margin:0 5%;}
.index .two_so .hb li.on{ background:#dd2025;}
.index .two_so .db{ text-align:center; margin-top:3%;}
.index .two_so .db .jd{ width:100%; line-height:25px; text-align:left; color:#3d3d3d;}
.index .two_so .db .more{ text-align:center; border:1px solid #3d3d3d; border-radius:50px; padding:1% 3%; margin-top:3%;}
.index .two_so .db .lit .fz18{ text-align:left; margin-top:5%;}
.index .two_so .db .lit .fz18 img{ width:6%; float:left;}
.index .two_so .db .lit .fz18 span{ float:left; margin-left:3%; margin-top:2%;}
.index .thr{ width:100%; position:relative; overflow:hidden; /*background:url(/images/bg6.jpg) no-repeat center top;*/ padding-top:2%;}
.index .thr .title{ width:100%; text-align:center; font-size:18px; color:#1f1f1f;}
.index .thr .name{ width:100%; letter-spacing:10px; font-size:10px; text-align:center; color:#878787; margin:0.5% 0 1%;}
.index .thr .main{ position:relative; margin-top:1%;}
.index .thr .main .fz24{ width:100%; text-align:left;}
.index .thr .main .fz12{ width:67%; margin-top:2%; line-height:25px;}
.index .thr .img1{ text-align:left;}
.index .thr .img2{ text-align:right;}
.index .thr .img1 img,.index .thr .img2 img{ width:6%;}
.index .thr .main .more{ width:120px; height:35px; line-height:35px; text-align:center; border:1px solid #aeaeaa; border-radius:50px; font-size:12px; margin-top:2%;}
.index .thr .bg1{ width:100%; position:relative; z-index:99;}
.index .thr .bg2{ width:100%; position:absolute; left:0; top:0; z-index:9;}
.index .four{ width:100%; display:none; text-align:center; background:#dd2025; padding-top:2%; padding-bottom:85px; position:relative;}
.index .four .title{ width:100%; text-align:center; font-size:18px; color:#1f1f1f;}
.index .four .name{ width:100%; letter-spacing:10px; font-size:10px; text-align:center; color:#878787; margin:1% 0 1%;}
.index .four .fz24{ width:100%;}
.index .four .nr{ width:100%; line-height:25px; margin-top:2%;}
.index .four .more{ width:134px; position:absolute; left:50%; bottom:-120px; margin-left:-67px;}
.index .four .more .img{ width:134px; height:134px; display:table-cell; vertical-align:middle; background:url(/images/img11.png) repeat; border-radius:50%;}
.index .four .more .img img{ width:116px; height:116px;}
.index .four .more .fz12{ width:132px; height:35px; line-height:35px; font-size:12px; text-align:center; border:1px solid #9c9c9c; border-radius:50px; margin-top:20px;}
.index .five{ width:100%; border-top:1px solid #e1e1e1; padding:40px 0; /*margin-top:170px;*/}
.index .five .fz20{ width:100%; font-size:20px; text-align:center;}
.index .five .last{ width:90%; overflow:hidden; margin:45px auto 0;}
.index .five .last .list{ width:100%;}
.index .five .last .list li{ width:440px; height:130px; text-align:center; border:1px solid #e2e2e2; background:#fff; position:relative; margin:0 10px;}
.index .five .last .list li .bor{ width:100%; height:5px; background:#dd2025;}
.index .five .last .list li .fz14{ width:90%; line-height:20px; font-size:14px; text-align:left; margin:10px auto 5px;}
.index .five .last .list li .fz12{ width:90%; line-height:20px; font-size:12px; text-align:left; margin:0 auto;}
.index .five .last .list li .img{ width:36px; height:25px; position:absolute;bottom:-25px; right:40px; z-index:99;}

/*内页样式*/
/*子分类*/
.subnav{ margin-top:25px;padding-bottom:5px; overflow:hidden;}
.subnav ul{ text-align:center; font-size:0px;}
.subnav li{display:inline-block; font-size:15px; height:40px; line-height:40px; border-radius:8px; overflow:hidden; width:135px; background:#e6e6e6; margin:0 20px;}
.subnav li a{ display:block;}
.subnav li a:hover{ display:block; text-decoration:none;}
.subnav li a.current{ background:#155e9f; color:#FFF;}
.subnav li:last-child{margin-right:0;}


.ban_pic{width: 100%; margin-top:75px; overflow: hidden;}
.ban_pic img{ width:100%;}

.i_products{ overflow: hidden; margin-top: 2%;} 
.i_products ul{ margin-left: -2%; overflow: hidden;} 
.i_products ul li{width: 31.333%; float: left; margin-left:2%; margin-bottom:1%;} 
.i_products ul li img{ max-width:98%; border: 1px solid #e2e2e2;}
.i_products ul li p{padding: 8px 0; text-align: center; line-height: 25px; font-size: 14px;}


.product{ width:100%;}
.product .top{ width:100%; height:58px; line-height:58px; background:#e9e9e9;}
.product .top.on{ position:fixed; left:0; z-index:9999;}
.product .top .fz16{ font-family:"Arial"; color:#1f1f1f;}
.product .top .fr{ margin-top:20px;}
.product .top .fr .fl{ height:14px; line-height:14px; border-left:1px solid #c5c5c5; border-right:1px solid #dddddd; padding:0 15px;}
.product .top .fr .fl .fz12{ color:#3f3f3f; font-size: 14px;} 
.product .top .fr .fl.on .fz12{ color:#dd2025; border-bottom:2px solid #dd2025; padding-bottom:20px;}
.product .one{ width:100%; padding-top:30px; }
.product .title{ width:100%; color:#1f1f1f; text-align:center;}
.product .xian{ width:25px; height:2px; background:#dd2025; margin:15px auto 10px;}
.product .jd{ width:100%; text-align:center; color:#646464;}
.product .one .cen{ width:100%; background:#f7f7f7; padding-top:15px; padding-bottom:80px; margin-top:-10px;}
.product .one .cen .last{ width:100%; position:relative;  margin-top:3%;}
.product .one .cen .last .left{ width:500px; height:500px; background:#000; position:absolute; left:0; top:50px; z-index:999; /*padding-right:90px;*/ opacity:0.45;}
.product .one .cen .last .left .pro_div{ width:430px; height:500px; padding:0 25px; display:table-cell; vertical-align:middle; color: #fff; line-height:30px;}
.product .one .cen .last .right{ width:770px; height:550px;}
.product .one .cen .last .right .tri{ width:100%;}
.product .one .cen .last .right .db{ width:100%; overflow:hidden;}
.product .one .cen .last .right .db img{ width:100%; height:550px;}
.product .one .cen .last .right .hb{ width:100%; text-align:center; margin-top:20px;}
.product .one .cen .last .right .hb li{ width:14px; height:14px; background:#bababa; cursor:pointer; font-size:0; border-radius:50%; display:inline-block; margin:0 5px;}
.product .one .cen .last .right .hb li.on{ background:#1f1f1f;}

.product .two{ width:100%; margin-top:30px;}
.product .two .nr{ background:#e9e9e9; margin-top:1.5%; font-size:15px; line-height:32px; padding: 35px 0;}
.product .two .nr strong{font-size:18px; display: block; padding-bottom: 12px;}

.product .two .nr .clear_both{ width:100%;}
.product .two .nr .clear_both .fl{ width:50%; text-align:right;}
.product .two .nr .clear_both .fr{ width:50%; text-align:left;}
.product .two .nr .clear_both .fl .jj{ margin-top:5%; margin-right:5%;}
.product .two .nr .clear_both .fr .jj{ margin-top:5%; margin-left:5%;}
.product .two .nr .clear_both .img{ width:100%; overflow:hidden;}
.product .two .nr .clear_both .img img{ width:100%;}
.product .two .nr .clear_both .jj .fz20{ color:#1f1f1f;}
.product .two .nr .clear_both .jj .fz12{ color:#6f6f6f; font-size:14px; line-height:22px; margin-top:2.5%;}

.product .thr{ width:100%; padding:3% 0;}
.product .thr .last{ width:100%; overflow:hidden; position:relative; margin-top:2%;}
.product .thr .last .list{ width:100%;}

.product .thr .last .list ul{font-size:0px; white-space:nowrap; letter-spacing:-5px; position:relative; z-index:1;}
.product .thr .last .list ul *{ letter-spacing:normal;}
.product .thr .last .list li{ width:100%; display:inline-block; position:relative; vertical-align:top;}
.product .thr .last .list li img{ display:block; margin:0 auto;}

.product .thr .last .prev{ width:65px; height:130px; background:url(/images/img22.png) repeat; position:absolute; left:0; top:40%; z-index:99;}
.product .thr .last .next{ width:65px; height:130px; background:url(/images/img22.png) repeat; position:absolute; right:0; top:40%; z-index:99;}
.product .thr .last .prev div{ width:100%; height:100%; background:url(/images/img20.png) no-repeat center;}
.product .thr .last .next div{ width:100%; height:100%; background:url(/images/img21.png) no-repeat center;}
.product .thr .last .nr{ width:460px; min-height:160px; background:url(/images/img22.png) repeat; padding:30px; position:absolute; left:12%; top:30%; z-index:99;}
.product .thr .last .nr .fz20{ color:#fff;}
.product .thr .last .nr .fz12{ color:#fff; line-height:20px; margin-top:10px;}
.product .four{ width:100%; background:#f5f5f5; padding:2% 0;}
.product .four .last{ width:100%;}
.product .four .last .list{ width:49%; margin-top:2.5%;}
.product .four .last .list .video{ width:100%; height:340px;}
.product .four .last .list .video embed{ width:100%; height:100%;}
.product .four .last .list .fz16{ color:#1f1f1f; margin-top:3%;}
.product .four .last .list .fz12{ color:#6f6f6f; margin-top:1%;}
.product .five{ padding-top:2.5%; padding-bottom:1.5%;}

.product .five .nr{ margin-top:30px;}
.product .five .nr table {margin: 10px 0; border-bottom: 1px solid #444;  border-right: 1px solid #444; width:100%!important;}
.product .five .nr table tr td{ border-top: 1px solid #444!important;  border-left: 1px solid #444!important;  padding:4px 10px!important; line-height: 30px!important; font-size: 15px!important; color: #333!important;}

.product .six{  padding:2% 0;}
.product .six .last{ width:100%; margin-top:3%;}
.product .six .last .list{ width:43%; height:70px; border:1px solid #d0d0d0; background:url(/images/img24.jpg) no-repeat 95% center; padding:2%; margin-bottom:1%; position:relative;}
.product .six .last .list .fz16{ color:#383838; font-weight:bold;}
.product .six .last .list .fz12{ color:#9e9e9e;}
.product .six .last .list .down{ width:51px; height:51px; border-radius:50%; position:absolute; top:30%; right:4.5%; z-index:9999;}


/*下载列表*/
.list_down{padding-bottom: 20px;}
.list_down h6{margin: 0;padding: 0;color: #0081cc;font-size: 16px;line-height: 24px;padding-bottom: 5px;}
.list_down h6 span{float: right;font-weight: normal;font-size: 12px;display: block;margin-top: 3px;font-family: Arial;margin-right: 3px;}
.list_down h6 a{color: #0081cc;}
.list_down h6 a:hover{color: #0081cc;}
.list_down_title{font-size: 16px;text-align: center;color: #0081cc;font-weight: bold;padding-top: 8px;margin-bottom: 15px;}
.list_down_tb{border-collapse: collapse;border-spacing: 0;width: 100%;text-align: center}
.list_down_tb td{font-size: 14px;padding: 12px 5px;word-break: normal;border-bottom: 1px dotted #999;color: #444;}
.list_down_tb th{font-size: 15px;font-weight: normal;padding: 12px 5px;border-style: solid;border-width: 1px;word-break: normal;border-color: #dddddd;color: #fff;background-color: #a4abb3;}
.list_down_tb tr:hover{background: #dbf1fd;}
.list_down_tb tr .jobs_t1{text-align: left;padding-left: 30px;}
.list_down_tb tr .jobs_img{background: url(../images/down_pdf.png) 8px center no-repeat;/* text-indent: 30px;*/padding-left: 40px;}





.download{ margin-top:2%; padding-bottom:2%;}
.download .top{ width:100%; background:#ddd; padding-top:3px;}
.download .top li{ height:50px; line-height:50px; font-size:16px; padding:0 35px; cursor:pointer; margin-left:3px;}
.download .top li.on{ background:#fff;}
.download .bot{ width:100%; overflow:hidden; margin-top:2%;}
.download .bot li{ width:100%;}
.download .bot table{ text-align:center; background:#dddddd;}
.download .bot table th{ font-size:14px; font-weight:bold; height:38px; line-height:38px; background:#f4f4f4; padding-left:15px;}
.download .bot table td{ line-height:20px; background:#fff; vertical-align:top; padding:10px 0 10px 15px;}
.download .bot table td .on{ color:#0079c0; background:url(/images/img25.jpg) no-repeat left center; padding-left:15px; margin-bottom:5px;}
.arti .title{ width:100%; text-align:center; font-size:28px; color:#1f1f1f; font-weight: bold; margin:0% 0 15px;}
.arti .name{ width:100%; letter-spacing:10px; font-size:10px; text-align:center; color:#878787; margin:0.5% 0 1%;}
.arti .xian{ width:45px; height:2px; background:#c2c2c2; margin:0 auto;}
.arti .other{ margin-top:55px;}
.arti .other .fl,.arti .other .fr{ width:575px;}
.arti .other .img{ width:100%;}
.arti .other .img img{ width:100%;}

.arti .other .otr{ width:100%; text-align:center; margin-top:20px;}
.about{ width:100%; padding-bottom:60px;}
.about .one{ width:100%; border-bottom:1px solid #ececec; padding:1.2% 0;}
.about .one .nr{  font-size: 16px; line-height:32px; margin:1.5% auto 0;}

.info{ width:100%; padding:1.5% 0;}
.info .one{ width:100%;}
.info .one .last{ width:100%; margin-top:2%;}
.info .one .last .list{ width:100%; text-align:center; border-top:1px solid #ececec; padding:2% 0;}
.info .one .last .list .time{ width:150px; text-align:left;}
.info .one .last .list .time .top{ color:#1f1f1f; padding-bottom:5px}
.info .one .last .list .time .bot{ color:#939393;}
.info .one .last .list .mid{width:300px;}
.info .one .last .list .mid img{ width:100%;}
.info .one .last .list .nr{ width:680px; height:120px; text-align:left; margin:0 20px;}
.info .one .last .list .nr .top{ width:100%; color:#545454; font-weight: bold; margin-bottom:15px;}
.info .one .last .list .nr .bot{ width:100%; line-height:22px; color:#999;}
.info .one .last .list:hover{ background:#1f1f1f;}
.info .one .last .list:hover .main{ background:url(../images/img28.png) no-repeat right center;}
.info .one .last .list:hover .top{ color:#fff;}
.info .one .last .list:hover .bot{ color:#fff;}

.contact{ width:100%; padding:1% 0;}
.contact .one{ border-bottom:1px dashed #c2c2c2; padding-bottom:2%; overflow: hidden;}

.contact .one .lxs{ width:38%; float: left; margin-top:6.5%; font-size: 15px; line-height:35px;}
.contact .one .map{ width:60%; float: right; margin-top:3.5%;}


.case{ width:100%; padding-bottom:3%;}
.case .one{ background:#fff; padding:4% 0;}
.case .one .list{ width:25%; height:550px; overflow:hidden; position:relative;}
.case .one .list .top{ width:100%; height:550px; position:absolute; left:0; bottom:0; z-index:9;}
.case .one .list .top .img{ width:100%; height:420px; background:#f9f9f9; text-align:center;}
.case .one .list .top .img div{ width:300px; height:420px; display:table-cell; vertical-align:middle;}
.case .one .list .top .nr{ width:100%; height:100px; background:#f5f5f5; text-align:center; vertical-align:middle; padding-top:30px;}
.case .one .list .top .nr .fz16{ color:#4a4a4a;}
.case .one .list .top .nr .fz12{ width:90%; line-height:20px; color:#8c8c8c; margin:5px auto 0;}
.case .one .list .bot{ width:100%; height:550px; position:absolute; left:0; bottom:-550px; z-index:99;}
.case .one .list .bot .nr{ width:100%; height:170px; text-align:center; background:#1f1f1f; padding-top:60px;}
.case .one .list .bot .nr .fz16{ color:#fff;}
.case .one .list .bot .nr .fz12{ width:90%; height:60px; color:#fff; line-height:20px; margin:10px auto 0;}
.case .one .list .bot .nr .more{ width:96px; height:27px; line-height:27px; border:1px solid #fff000; color:#fff;}
.case .one .list .bot .img{ width:100%; height:320px; background:#fff000; text-align:center;}
.case .one .list .bot .img div{ width:300px; height:320px; display:table-cell; vertical-align:middle;}
.case .two{ width:100%; height:500px; background:#efefee url(/images/bg10.jpg) no-repeat bottom center; padding:3% 0;}
.case .two .list{ width:390px;}
.case .two .list.on{ margin:0 10px;}
.case .two .list .fz18{ color:#1f1f1f; padding-bottom:25px;}
.case .two .list .img{ width:100%; height:250px; text-align:center; border-bottom:1px solid #7f7f7f; padding-bottom:20px; margin-top:40px;}
.case .two .list .img div{ width:390px; height:250px; background:#fff; display:table-cell; vertical-align:middle;}
.case .two .list .fz16{ color:#1f1f1f; margin-top:20px;}
.case .two .list .fz14{ width:95%; height:65px; line-height:20px; color:#8c8c8c; margin-top:5px;}
.case .two .list .fz12{ width:96px; height:27px; line-height:27px; text-align:center; border:1px solid #7f7f7f; color:#7f7f7f;}
.case .two .list:hover .fz18{ background:url(/images/img39.png) no-repeat bottom;}
.case .thr{ margin-top:4%;}
.case .thr .list{ width:25%; height:550px;}
.case .thr .list .img{ width:100%; height:420px; text-align:center;}
.case .thr .list .img div{ width:300px; height:420px; display:table-cell; vertical-align:middle;}
.case .thr .list .nr{ width:100%; height:100px; text-align:center; background:#f5f5f5; padding-top:30px;}
.case .thr .list .nr .fz16{ width:100%; font-size:16px; color:#4a4a4a;}
.case .thr .list .nr .fz12{ width:100%; line-height:20px; font-size:12px; color:#8c8c8c; margin-top:5px;}
.services{ width:100%;}
.services .list{ width:100%;}
.services .list .img{ width:50%;}
.services .list img{ width:100%;}
.services .list .nr{ width:40%; vertical-align:middle; margin-top:5%;}
.services .list .nr.left{ padding-left:6%; text-align:left;}
.services .list .nr.right{ padding-right:6%; text-align:right;}
.services .list .nr .fz22{ color:#5c5c5c;}
.services .list .nr .fz16{ line-height:24px; color:#828282; margin:1% 0;}
.services .list .nr .fz14{ width:96px; height:27px; line-height:27px; text-align:center; border:1px solid #b0b0b0; color:#b0b0b0;}
.serdail{ width:100%; padding:3% 0;}
.serdail .one{ width:100%; border-bottom:1px solid #ececec; padding-bottom:1.5%;}
.serdail .nr{ margin-top:9%;}
.serdail .cont{ width:100%; text-align:center; background:#f2f2f2; padding:2% 0; margin-top:6%;}
.serdail .cont .fz20{ color:#1f1f1f;}
.serdail .cont .list{ margin-top:2%;}
.serdail .cont .list .dis{ height:30px; line-height:30px;}
.serdail .cont .list .dis.on{ padding:0 30px; margin:0 30px; border-left:1px solid #b6b6b6; border-right:1px solid #b6b6b6;}
.serdail .cont .list .dis .img{ margin-right:10px;}
.serdail .two{ margin-top:3.5%;}
.serdail .two .list{ width:570px;}
.serdail .two .list .img{ width:100%;}
.serdail .two .list .img img{ width:100%;}
.serdail .two .list .fz18{ width:100%; text-align:center; margin-top:10px;}

.detail{ width:100%; text-align:center; padding:1% 0;}
.detail .fz14{ margin:15px 0;}
.detail .fzxw{ width:90%; line-height:32px; text-align:left; margin:0 auto;}


/*turn page*/
#turn_page1{ width:100%; height:35px; text-align:center; margin-top:50px;}
#turn_page1 .page_button{ width:35px; height:35px; display:inline-block; margin:0 3px;}
#turn_page1 .page_button div{ width:35px; height:35px; display:table-cell; vertical-align:middle; margin:0 3px;}
#turn_page1 .page_item{ width:35px; height:35px; line-height:35px; color:#333; font-size:12px; display:inline-block; margin:0 3px;}
#turn_page1 .page_item div{ width:35px; height:35px; display:table-cell; vertical-align:middle;}
#turn_page1 .page_item_current{ width:35px; height:35px; line-height:35px; background:#dd2025; font-size:12px; color:#333; display:inline-block; margin:0 3px;}
#turn_page1 .page_item_current div{ width:35px; height:35px; display:table-cell; vertical-align:middle;}


/*新增样式*/
.two_pro{ width:100%;}
.two_pro .one{ width:100%; text-align:center; background:#f4f4f4; padding-top:60px; padding-bottom:80px;}
.two_pro .one .fz24{ color:#4a4a4a;}
.two_pro .one .fz12{ color:#868686; line-height:20px; margin-top:1%;}
.two_pro .one .nr{ margin-top:2.5%; position:relative;}
.two_pro .one .nr .left{ width:68%; position:absolute; top:50px; left:0; z-index:999; overflow:hidden;}
.two_pro .one .nr .left .db{ width:100%;}
.two_pro .one .nr .left .hb{ width:100%; text-align:left; margin-top:10px;}
.two_pro .one .nr .left .hb .prev{ width:35px; height:35px; background:url(/images/img49.png) no-repeat; margin-right:15px;}
.two_pro .one .nr .left .hb .next{ width:35px; height:35px; background:url(/images/img50.png) no-repeat;}
.two_pro .one .nr .right{ width:37%; text-align:center; background:#474443;}
.two_pro .one .nr .right div{ text-align:left; padding:40% 0 40% 25%;}
.two_pro .two{ width:100%; padding:4% 0;}
.two_pro .two .more{ min-width:220px; height:52px; line-height:52px; text-align:center; background:#474443; color:#dd2025; margin-top:3%; border-radius:50px; padding:0 30px;}
.two_pro .thr{ width:100%; background:#f4f4f4; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; padding:4% 0;}
.two_pro .thr .more{ min-width:220px; line-height:52px; text-align:center; background:#474443; color:#dd2025; border-radius:50px; position:absolute; right:28%; bottom:5%; z-index:999;}
.two_pro .four{ text-align:center; padding:3% 0;}
.two_pro .four .fz24{ color:#1f1f1f;}
.two_pro .four .fz12{ color:#6f6f6f; line-height:22px; margin-top:2%;}
.two_pro .four .video .list{ width:100%; margin-top:20px;}
.two_pro .four .video .more{ min-width:220px; height:52px; line-height:52px; text-align:center; background:#474443; color:#dd2025; border-radius:50px; padding:0 30px; margin-top:2%;}
.index .two_so{ display:none;}

/*代理商*/
#agent{width:100%; overflow:hidden;}
#agent ul{width:100%; max-width:1920px; height:358px; overflow:hidden;}
#agent ul.single{background:url(/images/agent_bg.jpg) no-repeat top center;}
#agent ul.double{background:url(/images/agent_bg2.jpg) no-repeat top center;}
#agent ul .img img{cursor:pointer;}
#agent ul .des .t{height:50px; line-height:50px; margin-top:20%; color:#5c5c5c; font-size:18px; overflow:hidden;}
#agent ul .des .d{line-height:20px; color:#828282; overflow:hidden; font-size:0.875rem;}
#agent ul .des .d p,#agent ul .des .d span{ font-size:0.875rem;}
#agent ul.single .img{width:240px; padding:30px 100px 0 260px;}
#agent ul.single .des{width:450px; padding:0 50px 0 100px;}
#agent ul.double .img{width:240px; padding:30px 260px 0 100px;}
#agent ul.double .des{width:450px; padding:0 100px 0 50px;}

#agent_layer{width:100%; height:100%; background:url(/images/layer.png) repeat; position:fixed; left:0; top:0; z-index:99999; display:none;}
#agent_layer .show_img{width:80%; height:100%; margin:0 auto; text-align:center;}
#agent_layer .close{position:absolute; top:0; right:0; cursor:pointer; display:block; width:50px; height:50px;}

/*展会*/
#exhibit{width:100%; /*margin-top:75px;*/ background:url(/images/exhibit_bg.jpg) no-repeat top center;}
#exhibit .one{border-bottom:0;}
#exhibit .show_box{width:100%; height:520px; background:#efefef; overflow:hidden;}
#exhibit .show_box .img{width:66%; /*width:790px; height:520px;*/ overflow:hidden; position:relative;}
#exhibit .show_box .img img{width:100%;}
#exhibit .show_box #img_count{position:absolute; left:0; left:0; overflow:hidden;}
#exhibit .show_box #img_count li{float:left;/* width:790px; height:520px;*/ position:relative;}
#exhibit .show_box #img_count label{position:absolute; left:0; bottom:0; width:100%; height:40px; line-height:40px; background:#0d1d26; opacity:0.6; color:#fff; text-align:left; text-indent:20px; overflow:hidden;}
#exhibit .show_box .img a{position:absolute; top:220px; display:block; width:20px; height:37px; padding:21px 8px; background:#000; opacity:0.3; overflow:hidden; cursor:pointer;}
#exhibit .show_box .img a:hover{background:#dd2025; opacity:1;}
#exhibit .show_box .img #prev{left:10px;}
#exhibit .show_box .img #next{right:10px;}
#exhibit .show_box .desc{width:28%; padding:0 3%; /*width:300px; height:520px; padding:0 55px;*/ overflow:hidden;}
#exhibit .show_box .desc .t{height:50px; line-height:50px; margin-top:40px; text-align:center; font-size:16px; font-weight:bold; color:#333; overflow:hidden;}
#exhibit .show_box .desc .iten{line-height:28px; padding:12px 0; text-align:center; border-bottom:1px solid #dadada;}
#exhibit .show_box .desc .last{border-bottom:0;}
#exhibit .show_box .desc .iten b{display:block;}
#exhibit .show_box .desc .iten b img{vertical-align:middle; margin-right:12px;}
#exhibit .show_box_cont{padding:30px 75px 70px; text-align:center; color:#666; line-height:1.8; font-size:14px;}
#exhibit .show_box_cont div,#exhibit .show_box_cont span{color:#666; line-height:1.8; font-size:14px;}
#exhibit .list{width:100%; margin-bottom:120px; overflow:hidden;}
#exhibit .arw{width:730px; height:17px; margin:0 auto; text-align:center; overflow:hidden;}
#exhibit .item{width:600px; height:80px; padding:40px 65px; margin:0 auto; background:url(/images/exhibit_item.jpg) no-repeat; overflow:hidden;}
#exhibit .item .t{height:30px; line-height:30px; text-align:center; color:#666; font-size:14px; overflow:hidden;}
#exhibit .item .time{height:25px; line-height:25px; text-align:center; color:#ccc; overflow:hidden;}
#exhibit .item .brief{height:25px; line-height:25px; text-align:center; color:#666; overflow:hidden;}

#exhibit_detail{width:100%;/* margin-top:75px;*/ background:url(/images/exhibit_bg2.jpg) no-repeat top center;}
#exhibit_detail .one{border-bottom:0;}
#exhibit_detail .detail{width:100%; padding:50px 0 150px; overflow:hidden;}
#exhibit_detail .detail .t{height:40px; line-height:40px; text-align:center; color:#333; font-size:16px; overflow:hidden;}
#exhibit_detail .detail .time{height:30px; line-height:30px; margin-bottom:25px; text-align:center; color:#999; overflow:hidden;}
#exhibit_detail .detail .contents{line-height:1.8; color:#666; font-size:1em;}
#exhibit_detail .detail .contents div,#exhibit_detail .detail .contents span{color:#666; font-size:1em;}

@media only screen and (max-width:1400px){
	.header_two .navo_li .navo_a{ padding:0 21px;}
	.index .thr .main .fz12{ width:65%;}
	.index .two .left .list span{ margin-top:3rem;}
	
	.detail{ padding:4% 0;}
	.detail .fzxw{ width:97%;}
	
	.contact{  padding:4% 0;}
}

@media only screen and (max-width:1300px){
	.main{ width:97%; margin:0 auto;}
	
	.header_two .logo {width: 160px;float: left;padding-top: 12px;}
	
	.header_two .navo_li .navo_a{ padding:0 20px;}
	.header_two .nav.in .navo_li .navo_a{ padding:0 20px;}
	#agent ul.single .img{width:20%; padding:2em 15% 0;}
	#agent ul.single .des{width:38%; padding:2em 6% 0;}
	#agent ul.double .img{width:20%; padding:2em 15% 0;}
	#agent ul.double .des{width:38%; padding:2em 6% 0;}
	.index .two{height:620px;}
	.index .two .left{ padding:2% 0;}
	.index .two .left .more{ margin-top:20px;}
	.index .two .left .list span{ margin-top:55px;}
	.index .two .background{ height:620px;}
	.index .two .background li{ height:620px;}
	.footer .top .last.address{ margin-top:5%;}
}

@media only screen and (max-width:1200px){
	.footer .top .last.address{ margin-top:0;}
	.header_two .nav{ margin-right:25px;}
	.header_two .nav.in .navo_li .navo_a{ padding:0 15px;}
	#exhibit .show_box_cont{ margin-top:2%;}
	.banner .ban_db li .jd{ left:0; margin-left:0;}
	.banner .ban_db li .jd .fz60{ margin-top:7%;}
	.banner .ban_db li .jd .fz20{ margin:1% 0;}
	.banner .ban_db li .jd .more{ margin-top:5%;}
	.index .one .bot .a{ width:100%; text-align:center; position:relative; left:0; top:0; z-index:99;}
	.index .one .bot .b{ width:100%; text-align:center; position:relative; right:0; top:0; z-index:99; margin:2% 0;}
	.index .one .bot .c{ width:100%; text-align:center; position:relative; left:0; bottom:0; z-index:99;}
	.index .one .bot .img{ margin-top:1%;}
	.index .one .bot .asd{ width:100%;}
	.index .one .bot .more{ position:relative; left:0; bottom:0; margin-bottom:5%; margin-left:0;}
	.header_two .nav{ margin-right:30px;}
	.header_two .navo_li .navo_a{ padding:0 11px;font-size: 14px;}
	
	.header_two .nav .nav_two .bot .list{ margin-right:50px;}
	.footer .top .last{ margin:0 1.5%;}
	.product .one .cen .last .left{ width:300px;}
	.product .four .last .list{ width:48%;}
	.product .four .last .list .video{ height:auto;}
	.product .six .last .list{ width:42%;}
	
	.arti .title{  font-size:23px;}
	.about .one{padding:2% 0;}
	.about .one .nr{ font-size: 14px; line-height:25px; margin:3.5% auto 0;}

	.arti .other .fl, .arti .other .fr{ width:48%;}
	.case .one .list .top{ height:auto;}
	.case .one .list .top .img{ height:auto;}
	.case .one .list .top .img div{ height:auto; padding:40px 20px;}
	.case .one .list .top .img div img{ width:100%;}
	.case .one .list .top .nr{ height:auto; padding:20px 0;}
	.case .one .list .bot{ height:auto;}
	.case .one .list .bot .nr{ height:auto; padding:50px 0;}
	.case .one .list .bot .img{ height:auto;}
	.case .one .list .bot .img div{ height:auto; padding:42px 10px;}
	.case .one .list .bot .img div img{ width:100%;}
	.case .two{ height:auto;}
	.case .two .list{ width:32%;}
	.case .two .list.on{ margin:0 1%;}
	.case .two .list .fz18{ padding-bottom:5%;}
	.case .two .list .img{ height:auto; padding-bottom:6%; margin-top:5%;}
	.case .two .list .img div{ width:auto; height:auto; display:inline-block; padding:4% 15%;}
	.case .two .list .img div img{ width:100%;}
	.case .two .list .fz16{ margin-top:5%;}
	.case .two .list .fz14{ height:40px; overflow:hidden; margin:1% 0 3%;}
	.case .two .list .fz12{ font-size:12px;}
	.case .thr .list{ height:auto;}
	.case .thr .list .img{ width:auto; height:auto; padding:0 10px;}
	.case .thr .list .img div{ width:100%; height:auto; display:inline-block; padding:20% 0;}
	.case .thr .list .img div img{ width:100%;}
	.case .thr .list .nr{ height:auto; padding:5% 0;}
	.services .list .img{ width:100%; float:none;}
	.services .list .nr{ width:80%; float:none; padding:3% 0; margin:0 auto;}
	.services .list .nr.left{ padding-left:0;}
	.services .list .nr.right{ padding-right:0;}
	.services .list .nr .fz18{ font-size:18px;}
	.services .list .nr .fz12{ line-height:25px; font-size:12px; margin:2% 0;}
	.services .list .nr .fz14{ font-size:14px;}
	.serdail .two .list{ width:48%;}
	.two_pro .thr .more{ right:25%;}
}

@media only screen and (max-width:1100px){
	#exhibit .show_box_cont{ margin-top:4%;}
	.banner .ban_db li .jd .fz60{ font-size:40px; margin-top:5%;}
	.banner .ban_db li .jd .fz20{ font-size:18px;}
	.banner .ban_db li .jd .fz14{ font-size:12px;}
	.banner .ban_db li .jd .more{ width:auto; height:auto; line-height:0; padding:1.5% 2.5%; margin-top:4%;}
	.product .two .nr .clear_both .fl{ width:100%;}
	.product .two .nr .clear_both .fr{ width:100%;}
	.product .two .nr .clear_both .fl .jj{ margin:0; padding:3%;}
	.product .two .nr .clear_both .fr .jj{ margin:0; padding:3%;}
	.two_pro .thr .more{ right:18%;}
}

@media only screen and (max-width:1070px){
	.footer .top .last.address{ margin-top:5%;}
}

@media only screen and (max-width:1060px){
	#exhibit .show_box_cont{ margin-top:6%;}
	.header_two .navo_li .navo_a{ font-size:12px;}
	.header_two .nav{ margin-right:15px;}
}

@media only screen and (max-width:1000px){
	.index .two{ display:none;}
	.index .two_so{ display:block;}
	#exhibit .show_box_cont{ margin-top:10%;}
	.index .two_so{ height:1000px;}
	.two_pro .thr .more{ right:16%; bottom:5%;}
}

@media only screen and (max-width:980px){
	.two_pro .thr .more{ position:relative; right:0; bottom:0; float:right; margin-top:-5%;}
	#exhibit .show_box_cont{ margin-top:0;}
	.contact .two .middle .fl, .contact .two .middle .fr{ margin-right:14%;}
	.index .two_so{ height:950px;}
	.header_two .nav{ display:none;}
	.index .thr .main .img1{ display:none;}
	.index .thr .main .img2{ display:none;}
	.header .header_two{ text-align:center;}
	.header_two .search{ display:none;}
	.header_two .logo{ float:none; width: 180px;}
	.header_two .small_nav .button{ display:inline-block;}
	.footer{ display:none;}
	.footerk{ width:100%; display:block; background:#222526; padding-top:3%;}
	.footerk .left{ width:45%; float:left; padding-left:5%;}
	.footerk .left .last{ width:100%; margin:2% 0;}
	.footerk .left .last .fl{ width:60px; height:140px; line-height:140px; color:#dd2025; border-right:1px solid #3d3d3d; padding-right:25px;}
	.footerk .left .last .list{ text-align:left; float:left; margin-top:9px;}
	.footerk .left .last .list ul{ line-height:40px; float:left; margin-left:30px;}
	.footerk .left .last .list ul a{ color:#656565;}
	.footerk .left .last .list ul a:hover{ color:#fff;}
	.footerk .left .last.address .fl li{ width:30px; height:30px; display:inline-block; margin-top:13px;}
	.footerk .left .last.address .fl li img{ float:left;}
	.footerk .right{ width:45%; height:460px; float:left; padding-right:5%;}
	.footerk .bot{ width:100%; border-top:1px solid #666; text-align:center; color:#5c5c5c; padding:2% 0; margin-top:3%;}
	.footerk .bot a{ color:#5c5c5c;}
	.footerk .bot a:hover{ color:#fff;}
	.product .one{ padding-top:4%;}
	.product .one .cen .last .left{ width:260px;}
	.product .four .last .list{ width:100%;}
	.product .six .last .list{ width:40%;}
	
	.product .two .nr{margin-top:1.5%; font-size:14px; line-height:30px; padding: 25px 0;}
	.product .five .nr table tr td{  padding:4px 6px; line-height: 30px; font-size: 13px;}


	.contact .one .lxs{ width:100%; float: none; margin-top:2.5%; font-size: 14px; line-height:30px;}
	.contact .one .map{ width:100%; float: none; margin-top:3.5%;}

	
	.case .one .list .bot .nr{ padding:34px 0;}
	.two_pro .one .nr .right div{ padding-left:20%;}
	
	#exhibit .show_box{height:auto!important;}
	#exhibit .show_box .img{float:none; width:100%;}
	#exhibit .show_box .desc{float:none; width:94%; height:auto!important;}
}

@media only screen and (max-width:850px){
	.two_pro .thr .more{ margin-top:2%;}
	.index .two_so{ height:850px;}
	.banner .ban_db li .jd .Zi{ width:20%;}
	.banner .ban_db li .jd .fz60{ margin-top:3%;}
	.banner .ban_db li .jd .fz20{ margin:0.5% 0;}
	.banner .ban_db li .jd .more{ padding:1% 2%; margin-top:3%;}
	.product .one .cen{ padding:2% 0 5%;}
	.product .one .cen .last .left{ display:none;}
	.product .one .cen .last .right{ width:100%; height:auto;}
	.product .one .cen .last .right .db img{ height:auto;}
	.product .thr .last .prev{ width:45px; height:100px;}
	.product .thr .last .next{ width:45px; height:100px;}
	.product .six .last{ text-align:center;}
	.product .six .last .list{ width:90%; text-align:left; float:none; padding:3%; margin-bottom:2%;}

	.info .one .last .list:hover .main{ background:none;}
	.info .one .last .list .time{ float:left;}
	.info .one .last .list .nr{ float:right; margin:0;}
	.info .one .last .list .main{ width:95%;}
	
	#agent ul.single .img{width:38%; padding:2em 6% 0;}
	#agent ul.single .des{width:40%; padding:2em 5% 0;}
	#agent ul.double .img{width:38%; padding:2em 6% 0;}
	#agent ul.double .des{width:40%; padding:2em 5% 0;}
}

@media only screen and (max-width:820px){
	#exhibit .arw{width:100%;}
	#exhibit .item{width:80%; height:80px; padding:3em 10%; background-size:100%;}
	#exhibit .item .t{height:2em; line-height:2em; font-size:1.2em;}
	#exhibit .item .time{height:2em; line-height:2em;}
	#exhibit .item .brief{height:2em; line-height:2em;}
}

@media only screen and (max-width:800px){
	.footer{ display:block;}
	.footerk{ display:none;}
	.footer .top{ padding:2% 0;}
	.footer .top .last{ width:360px; display:table; margin:2% auto;}
}

@media only screen and (max-width:760px){
	.banner .ban_db li .jd .fz60{ font-size:30px;}
	.banner .ban_db li .jd .fz20{ font-size:14px;}
	.banner .ban_db li .jd .fz14{ font-size:10px;}
	.banner .ban_hb li{ width:14px; height:14px;}
	.product .thr .last .nr{ display:none;}
	.info .one .last .list .time{ width:100%; text-align:center;}
	.info .one .last .list .nr .top{ margin-bottom:0;}
	.info .one .last .list .nr{ width:100%; margin-top:2%;}
	.case .one .list .bot .nr .fz12{ overflow:hidden;}
	.case .one .list{ width:50%;}
	.case .one .list .top{ position:unset;}
	.case .one .list .top .img div{ padding:5% 10%;}
	.case .one .list .top .img div img{ width:70%;}
	.case .one .list .top .nr{ padding:5% 0;}
	.case .one .list .top .nr .fz12{ margin-top:1%;}
}

@media only screen and (max-width:720px){
	#exhibit .item{padding:2.5em 10%;}
}

@media only screen and (max-width:650px){
	.product .thr .last .prev{ height:100%; top:0;}
	.product .thr .last .next{ height:100%; top:0;}

	.contact .two .left{ width:100%;}
	.contact .two .right{ width:100%; margin:15px 0;}
	.case .thr .list{ width:50%;}
}

@media only screen and (max-width:560px){
	.banner .ban_hb li{ width:12px; height:12px;}
	.index .thr{ padding:0;}
	.index .thr .main{ text-align:center; padding:5% 0;}
	.index .thr .main .fz24{ text-align:center;}
	.index .thr .main .fz12{ width:100%; text-align:left;}
	.index .thr .main .more{ margin:4% auto 0;}
	.index .four .fz20{ font-size:20px;}
	.product .six .last .list{ background:none; height:auto;}

}

@media only screen and (max-width:450px){
	.banner .ban_hb li{ width:10px; height:10px;}
	.product .two{ margin-top:-2.5%;}
	.case .two .list .fz14{ line-height:10px;}
	.serdail .one{ padding-bottom:20px;}
	.arti .name{ margin:10px 0;}
	.serdail .cont .list .dis{ width:100%;}
	.serdail .cont .list .dis.on{ border:none; padding:0; margin:0;}
}

@media only screen and (max-width:360px){
	.banner .ban_hb li{ width:8px; height:8px;}
	.header_two .logo{ width:150px; margin-top:6px;}
	.footer .top .last{ width:320px;}
	.footer .top .last .fl{ padding-right:10px;}
	.footer .top .last .list ul{ margin-left:15px;}
	.contact .two .middle .fl, .contact .two .middle .fr{ width:auto;}
	.contact .two .middle .img img{ width:100px; height:100px;}
	.download .bot table td{ padding:5px;}
	.serdail .one{ padding-bottom:15px;}
}