﻿@charset utf-8;
html { overflow-x:hidden; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; text-size-adjust:100% }
html, body, div, span, p, h1, h2, h3, h4, h5, h6, em, img, strong, blockquote, sub, sup, tt, i, b, dd, dl, dt, form, label, table, caption, tbody, tfoot, thead, tr, th, td, ul, li, p, a, ol, ul, input { margin:0; padding:0 }
body { background:#fff; font-size:16px; font-family:微软雅黑; color:#000; padding:48px 0 53px }
table { border-collapse:collapse; border-spacing:0 }
img { border:0; vertical-align:top }
em, i { font-style:normal }
b { font-weight:400 }
ul, ol, li { list-style-type:none }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:400 }
button, input, select, textarea { font-size:100%; vertical-align:middle }
textarea { resize:none }
a, a:visited { color:#666; text-decoration:none }
a, iframe, input, select { outline:0 none }
.clear { clear:both; font-size:0; line-height:0; height:0 }
.fix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; font-size:0 }
.fix { zoom:1 }
.fl { float:left }
.header { width:100%; background-color:#ffd100; position:fixed; top:0; left:0; z-index:20; }
.head { height:70px; position:relative;}
.head .returnbtn, .head .searchbtn, .head .fanhui { position:absolute; height:70px }
.head .fanhui { left:10px; width:32px; background:url(../images/fanhui.png) center center no-repeat; background-size:20px auto }
.head .searchbtn { right:5px; width:42px; background:url(../images/pngbg14.png) center center no-repeat; background-size:21px auto; }
.head .returnbtn { left:17px; width:13px; background:url(../images/pngbg33.png) center center no-repeat; background-size:13px auto }
.head .webtit { text-align:center; font-size:17px; color:#fff; width:248px; height:50px; padding-top:10px; margin-left:auto; margin-right:auto; }
.slideBox { position:relative; overflow:hidden; }
.slideBox .hd { position:absolute; height:8px; line-height:8px; bottom:15px; right:0; z-index:1; width:100%; text-align:center }
.slideBox .hd li { display:inline-block; width:8px; height:8px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#cfcfcf; text-indent:-9999px; overflow:hidden; margin:0 3px }
.slideBox .hd li.on { background:#4d9ddc }
.slideBox .bd { position:relative; z-index:0 }
.slideBox .bd li { position:relative; text-align:center }
.slideBox .bd li img { background:url(../images/loading.gif) center center no-repeat; vertical-align:top; width:100% }
.slideBox .bd li a { -webkit-tap-highlight-color:rgba(0, 0, 0, 0) }
.nav li { width:33.333%; float:left; text-align:center; padding-top:23px }
.nav li a { display:inline-block; font-size:14px; line-height:32px }
.nav li span { display:block; height:48px; background-position:center center; background-repeat:no-repeat }
.nav li .bg1 { background-image:url(../images/pngbg03.png); background-size:37px auto }
.nav li .bg2 { background-image:url(../images/pngbg04.png); background-size:27px auto }
.nav li .bg3 { background-image:url(../images/pngbg07.png); background-size:31px auto }
.nav li .bg4 { background-image:url(../images/pngbg08.png); background-size:31px auto }
.nav li .bg5 { background-image:url(../images/pngbg05.png); background-size:40px auto }
.nav li .bg6 { background-image:url(../images/pngbg06.png); background-size:38px auto }
.main { position:relative; top:22px; width:100%; overflow:hidden;}
.footer { z-index:10; position:fixed; bottom:0; left:0; width:100%; border-top:1px solid #c5c5c5; background:#f9f9f9 }
.footmenu li { width:20%; float:left; height:53px; text-align:center }
.footmenu li a { display:inline-block; color:#828282; font-size:12px; line-height:13px }
.footmenu li span { display:block; height:35px; background-position:center center; background-repeat:no-repeat }
.footmenu li .bg1 { background-image:url(../images/pngbg09.png); background-size:23px auto }
.bg114 { background-image:url(../images/pngbg114.png); background-size:23px auto }
.footmenu li .bg2 { background-image:url(../images/pngbg10.png); background-size:20px auto }
.footmenu li .bg3 { background-image:url(../images/pngbg11.png); background-size:26px auto }
.footmenu li .bg4 { background-image:url(../images/pngbg12.png); background-size:20px auto }
.footmenu li .bg5 { background-image:url(../images/pngbg13.png); background-size:15px auto }
.footmenu li .bg6 { background-image:url(../images/lmenu.png); background-size:15px auto }
.footmenu li a.on { color:#4d9ddc }
.footmenu li a.on .bg3 { background-image:url(../images/pngbg24.png) }
.sidebox { z-index:20; position:fixed; height:120%; top:0; left:-235px; width:235px; background:url(../images/jpgbg1.jpg); background-size:100% 100% }
.sidenav { padding-top:30px }
.sidenav li { height:49px; line-height:49px }
.sidenav li a { display:inline-block; margin-left:33px; padding-left:43px; font-size:15px; color:#fff; background-repeat:no-repeat; background-position:left center }
.sidenav li .bg1 { background-image:url(../images/pngbg14.png); background-size:21px auto }
.sidenav li .bg2 { background-image:url(../images/pngbg15.png); background-size:25px auto }
.sidenav li .bg3 { background-image:url(../images/pngbg16.png); background-size:20px auto }
.sidenav li .bg4 { background-image:url(../images/pngbg19.png); background-size:25px auto }
.sidenav li .bg5 { background-image:url(../images/pngbg20.png); background-size:25px auto }
.sidenav li .bg6 { background-image:url(../images/pngbg17.png); background-size:23px auto }
.sidenav li .bg7 { background-image:url(../images/pngbg18.png); background-size:24px auto }
.sidenav li .bg8 { background-image:url(../images/pngbg21.png); background-size:18px auto }
.sidenav li .bg9 { background-image:url(../images/pngbg22.png); background-size:21px auto }
.sidenav li .bg10 { background-image:url(../images/pngbg23.png); background-size:16px auto }
.header, .footer, .sidebox, .main { transition:transform .5s ease;
-webkit-transition:0 .5s ease;
-ms-transition:0 .5s ease;
-o-transition:0 .5s ease;
-moz-transition:0 .5s ease
}
.chulai { -webkit-transform:translate3d(235px, 0, 0); -moz-transform:translate3d(235px, 0, 0); -ms-transform:translate3d(235px, 0, 0); -o-transform:translate3d(235px, 0, 0); transform:translate3d(235px, 0, 0) }
.severmenu { background:url(../images/jpgbg2.jpg) center center repeat-y }
.severmenu li { width:50%; float:left; text-align:center; border-bottom:1px solid #e4e4e4 }
.severmenu li a { display:inline-block; font-size:13px; color:#5f5f5f; line-height:24px; padding:20px 0 }
.severmenu li span { display:block; height:42px; background-position:center center; background-repeat:no-repeat }
.severmenu li .bg1 { background-image:url(../images/pngbg25.png); background-size:33px auto }
.severmenu li .bg2 { background-image:url(../images/pngbg26.png); background-size:32px auto }
.severmenu li .bg3 { background-image:url(../images/pngbg27.png); background-size:25px auto }
.severmenu li .bg4 { background-image:url(../images/pngbg28.png); background-size:28px auto }
.severmenu li .bg5 { background-image:url(../images/pngbg29.png); background-size:25px auto }
.severmenu li .bg6 { background-image:url(../images/pngbg30.png); background-size:28px auto }
.severmenu li .bg7 { background-image:url(../images/pngbg31.png); background-size:28px auto }
.severmenu li .bg8 { background-image:url(../images/pngbg32.png); background-size:33px auto }
.exlist li { background:#fff; width:46.5%; border:1px solid #e4e4e4; margin:5px 0 0 }
.exhd { height:54px; background:#f9f9f9; position:fixed; z-index:10; top:48px; left:0; width:100%; -webkit-box-shadow:0 1px 5px 0 #999; box-shadow:0 1px 5px 0 #999 }
.exhd ul { width:328px; border-radius:4px; border:1px solid #8e8e8e; overflow:hidden; margin:11px auto 0 }
.exhd ul li { width:82px; float:left; height:32px; line-height:32px; text-align:center }
.exhd ul li a { display:block; font-size:15px; color:#8e8e8e; background:#fff }
.exhd ul li.on a { background:#8e8e8e; color:#fff }
.searchBgdiv { height:260px; margin-top:20px; padding:0 12px }
.searchBg { background:#333; height:238px; border:1px #333 solid; border-bottom:2px #333 solid }
.searchBg .txt { color:#FFF; font-size:21px; text-align:center; line-height:35px; padding-top:45px }
.searchBg .search2 { width:254px; height:37px; background:url(../images/search2.jpg) no-repeat; margin:29px auto 0 }
.searchBg .search2 .input_1 { width:190px; padding-left:10px; float:left; height:37px; background:0; border:0; color:#a5a5a5; font-size:13px }
.searchBg .search2 .input_2 { width:47px; float:right; height:37px; background:0; border:0; cursor:pointer }
.exbd li { height:54px; line-height:54px; background:url(../images/pngbg41.png) right center no-repeat; background-size:28px auto; padding-right:18px; border-bottom:1px solid #e6e6e6 }
.exbd li a { display:block; margin-left:16px; padding-left:33px; font-size:14px; background-repeat:no-repeat; background-position:left center; color:#4d9ddc }
.exbd li .bg1 { background-image:url(../images/pngbg34.png); background-size:19px auto }
.exbd li .bg2 { background-image:url(../images/pngbg35.png); background-size:21px auto }
.exbd li .bg3 { background-image:url(../images/pngbg36.png); background-size:21px auto }
.exbd li .bg4 { background-image:url(../images/pngbg37.png); background-size:14px auto }
.exbd li .bg5 { background-image:url(../images/pngbg38.png); background-size:17px auto }
.exbd li .bg6 { background-image:url(../images/pngbg39.png); background-size:16px auto }
.exbd li .bg7 { background-image:url(../images/pngbg40.png); background-size:19px auto }
.caseIndustry li a { background-image:url(../images/anlcico.png); background-repeat:no-repeat; background-size:30px auto }
.caseIndustry li a.bg003003 { background-position:left 10px }
.caseIndustry li a.bg003004 { background-position:left -28px }
.caseIndustry li a.bg003005 { background-position:left -69px }
.caseIndustry li a.bg003006 { background-position:left -110px }
.caseIndustry li a.bg003007 { background-position:left -156px }
.caseIndustry li a.bg003008 { background-position:left -198px }
.caseIndustry li a.bg003009 { background-position:left -242px }
.caseIndustry li a.bg003010 { background-position:left -286px }
.caseIndustry li a.bg003011 { background-position:left -331px }
.caseIndustry li a.bg003012 { background-position:left -376px }
.caseIndustry li a.bg003013 { background-position:left -429px }
.caseIndustry li a.bg003014 { background-position:left -479px }
.caseIndustry li a.bg003015 { background-position:left -532px }
.caseIndustry li a.bg003016 { background-position:left -586px }
.caseIndustry li a.bg003017 { background-position:left -639px }
.caseIndustry li a.bg003018 { background-position:left -698px }
.caseIndustry li a.bg003019 { background-position:left -751px }
.caseIndustry li a.bg003020 { background-position:left -801px }
.caseIndustry li a.bg003021 { background-position:left -851px }
.caseIndustry li a.bg003022 { background-position:left -904px }
.caseIndustry li a.bg003023 { background-position:left -957px }
.caseIndustry li a.bg003024 { background-position:left -1006px }
.caseIndustry li a.bg003025 { background-position:left -1054px }
.caseIndustry li a.bg003026 { background-position:left -1106px }
.ph { padding:16px 10px 25px }
.ph .phtit { color:#0b98de; font-size:21px; text-align:center; line-height:32px }
.ph .phcue { color:#ababab; font-size:14px; text-align:center; line-height:16px }
.ph .phcue a { padding-right:5px }
.ph .phimg { margin:30px 0 }
.ph .phmenu li { line-height:21px; height:21px; float:left; width:40%; padding-left:10% }
.ph .phmenu li a { font-size:12px; display:inline-block; padding-left:8px; background:url(../images/pngbg42.png) left center no-repeat; background-size:3px auto }
.ph .phhp { text-align:center; line-height:16px; color:#666; font-size:11px }
.newsxq { width:100%; overflow:hidden; padding-right: 20px; padding-bottom: 10px;}
.newsxq .newsxqtit { text-align:center; line-height:25px; color:#4d9ddc; font-size:16px; border-bottom:1px solid #d9d9d9; padding:15px 30px }
.newsxq .newsxqcue { text-align:center; line-height:28px; color:#666; font-size:14px }
.newsxq .newsxqimg { text-align:center; padding:0 0 12px }
.main .about { padding:30px 20px 20px }
.newslist { padding-top: 20px; width:95%; overflow:hidden; margin-left:2.5%; margin-right:2.5%;}
.newslist li { border-bottom:1px solid #d9d9d9 }
.newslist li a { display:block; padding-left:65px; height:63px; position:relative }
.newslist li .newsnum { position:absolute; width:54px; height:26px; line-height:26px; border-right:1px solid #bbb; top:19px; left:0; text-align:center; font-size:20px; color:#cfcece; font-family:Arial, Helvetica, sans-serif }
.newslist li .newstit { padding-top:14px; color:#2f2f2f; line-height:21px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
.newslist li .newstime { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#bebebe; line-height:14px }
.jsnav { width:100%; background:#f9f9f9; left:0; height:54px; -webkit-box-shadow:0 1px 4px 0 #999; box-shadow:0 1px 4px 0 #999; overflow:hidden;}
#wrapper { position:relative; z-index:10; width:100%; -ms-touch-action:none; line-height:54px; height:54px }
#scroller { position:absolute; z-index:10; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); height:54px; -webkit-transform:translateZ(0); -moz-transform:translateZ(0); -ms-transform:translateZ(0); -o-transform:translateZ(0); transform:translateZ(0); -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; -o-text-size-adjust:none; text-size-adjust:none }
#scroller ul { list-style:none; width:100%; margin:0; padding:0 }
#scroller li { position:relative; height:54px; float:left; line-height:54px }
#scroller li a { color:#666; font-size:14px; margin:0 10px }
#scroller li.on a { color:#272727 }
#scroller li .arrow { width:10px; height:7px; background:url(../images/pngbg43.png) no-repeat; background-size:100% 100%; left:50%; margin-left:-5px; position:absolute; bottom:-7px; display:none }
.head .searchtxt { border-radius:18px; border:1px solid #fff; background:#fff; height:28px; position:absolute; right:-132px; top:10px; width:110px; z-index:1; transition:transform .5s ease;
-webkit-transition:0 .5s ease;
-ms-transition:0 .5s ease;
-o-transition:0 .5s ease;
-moz-transition:0 .5s ease;
overflow:hidden }
.head .searchtxt .searchbtn2, .head .searchtxt .searchtext { border:0; float:left; background:#fff; height:28px; border-radius:15px }
.head .searchtxt .searchbtn2 { width:38px }
.head .searchtxt .searchtext { width:67px; line-height:28px; padding-right:5px }
.chulai2 { -webkit-transform:translate3d(-135px, 0, 0); -moz-transform:translate3d(-135px, 0, 0); -ms-transform:translate3d(-135px, 0, 0); -o-transform:translate3d(-135px, 0, 0); transform:translate3d(-135px, 0, 0) }
.al .alimg { background:#fff; position:relative }
.alimgpop { position:absolute; top:0; left:0; display:none }
.al .altit { background:#4d9ddc; height:50px; line-height:50px; padding:0 13px }
.al .altit span { display:block; color:#fff; background:url(../images/pngbg44.png) right center no-repeat; background-size:21px 8px; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right:25px }
.al .almsg { background:#fff; margin:6px 0; padding:8px 0 }
.al .almsg li { color:#666; font-size:15px; float:left; width:33.333%; text-align:center; line-height:18px; background:url(../images/jpgbg6.jpg) left center repeat-y; overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
.al .almsg li:first-child { background:0 }
.al .almsg li span { display:block; height:32px; background-position:center center; background-repeat:no-repeat }
.al .almsg li .bg1 { background-image:url(../images/jpgbg3.jpg); background-size:8px auto }
.al .almsg li .bg2 { background-image:url(../images/jpgbg4.jpg); background-size:15px auto }
.al .almsg li .bg3 { background-image:url(../images/jpgbg5.jpg); background-size:17px auto }
.al .alcont { background:#fff; color:#666; line-height:21px; padding:13px 17px }
.exlist .extit { height:50px; line-height:50px; background:#e6e5e5; margin-bottom:10px; padding:0 17px }
.exlist .extit .ch { color:#4d9ddc; margin-right:7px; font-size:14px }
.exlist .extit .en { color:#bcbcbc; font-family:Arial, Helvetica, sans-serif; font-size:11px }
.page { display:block; text-align:center; padding-top: 5px; padding-right: 5px; padding-bottom: 30px; padding-left: 5px; }
.page a, .page span.curr { border:1px #cecece solid; border-radius:5px; color:#a5a5a5; margin-right:5px; display:inline-block; padding:5px 10px }
.page a:hover, .page span.curr { background-color:#0096db; color:#FFF; border:1px #0096db solid }
.exlist_index { margin-top:30px }
.exlist_index .tit { width:92%; padding-left:10px; background:url(../images/alline.jpg) no-repeat; color:#4d9ddc; margin:0 auto }
.news_index { margin-bottom:20px; }
.news_index .jsnav { position:relative; top:0; }
.news_index .newslist { padding:0 12px 20px }
.news_index .newslist li h1.newstit { width:250px }
.foot_nav { margin-bottom:20px; padding:20px 20px 0 }
.foot_nav .copyright { font-size:12px; line-height:20px; color:#666 }
.foot_nav .vchange { background:url(../images/diannao.png) no-repeat left center; background-size:15px auto; padding-left:20px; font-size:12px; line-height:20px; color:#666 }
.linksBottom { width:100%; height:1px; background:url(../images/line_h.jpg) repeat-x; margin:0 auto }
.links { width:100%; line-height:25px; background:url(../images/line_h.jpg) repeat-x; position:relative; margin:0 auto; padding:0 }
.links ul li { float:left; padding-right:12px }
.links ul li a, .links ul li a:hover, .links ul li a:active { color:#21a1e2; font-size:14px }
.fr, .exlist_index span { float:right; font-size:12px; line-height:21px; }
.exlist, .al { background:#f1f1f1 }
.exlist ul, .exlist_index ul { padding-bottom:25px }
.exlist li a, #scroller li.on .arrow, .exlist_index li a { display:block }
.in_pro { width:100%; }
.in_pro ul li { width:29.8%; float:left; margin-left:2.5%; border:1px solid #e4e4e4; margin-bottom:3%; }
.in_pro ul li:nth-child(-n+3) {
margin-top:2%
}
.in_pro ul li:nth-child(n+7) {
margin-bottom:5%;
}
.in_pro ul li a { width:100%; }
.in_pro ul li a img { width:100%; }
.in_pro ul li a span { display:block; width:100%; line-height:30px; text-align:center; overflow:hidden; height:30px;}
.pro { width:100%; }
.pro ul li { width:29.8%; float:left; margin-left:2.5%; border:1px solid #e4e4e4; margin-bottom:3%; }
.pro ul li:nth-child(-n+3) {
margin-top:3%
}
.pro ul li:nth-child(n+7) {
margin-bottom:2%;
}
.pro ul li a { width:100%; }
.pro ul li a img { width:100%;}
.pro ul li a span { display:block; width:100%; line-height:30px; text-align:center; font-size:12px;overflow:hidden; height:30px;}
.exlist li .exjs, .exlist_index li .exjs { line-height:18px; color:#666 }
.exlist li .exstyle, .exlist_index li .exstyle { font-size:10px }
.exbd, .yw { padding-top:54px }
.newsxq .newsxqcont, .main .about .aboutcont { line-height:30px; color:#666; padding-bottom:12px }
.pagelist_m { margin-left: 28px; height: 30px; margin-top:20px; margin-bottom:30px; }
.pagelist_m ul { list-style-type: none; list-style-position: outside; margin: 0px; padding: 0px; }
.pagelist_m ul li { float: left; height:30px; line-height:30px; color: #5d5d5d; border: 1px solid #CCC; text-align:center; padding-right: 5px; padding-left: 5px; margin-left: 2px; margin-right: 2px; }
.pagelist_m ul li.thisclass a { color:#21a1e2; }
.pagelist_m ul li a { color: #5d5d5d; padding-left: 0px; }
.list-paddingleft-2 li { border-bottom:none; }
.list-paddingleft-2 li a { display:inline; padding-left: 0px; height: auto; }
