@charset "utf-8";
body{font-size:12px;font-family:"微软雅黑";margin:0;color:#666;padding-top:130px;padding-right:0;padding-bottom:0;padding-left:0}
dd,dl,dt,li,ol,ul{margin:0;padding:0}
a{color:#666;text-decoration:none}
a:hover{text-decoration:none}
p{margin:0}
li{list-style-type:none}
.blue{background-color:#0061b0}
.range{background-color:#fda412}
.gray{background-color:#f5f5f5}
.h60{padding-top:60px;padding-bottom:60px}
.clear{clear:both;float:none}
.c_tit{text-align:center;color:#888;}
.c_tit strong{font-size:30px;color:#333}
.c_tit p{font-size:14PX}
.c_tit i{display:block;height:15px;clear:both;float:none;width:90px;margin-right:auto;margin-left:auto;margin-bottom:15px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#ccc}
#subbanner{background-repeat:no-repeat;background-position:center center;height:297px}
#subbanner .classname{display:none;width:1200px;margin-right:auto;margin-left:auto;height:297px}
#subbanner .classname div{vertical-align:middle;display:table-cell}
#subbanner .classname div strong{font-size:40px;color:#FFF}
#subbanner .classname div i{display:block;height:5px;width:80px;font-size:0;line-height:0;background-color:#FFF;margin-top:12px}
#submenu{height:57px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#e5e6e8;background-color:#FFF}
.submenu{width:1200px;margin-right:auto;margin-left:auto}
.submenu h5{float: left;line-height: 55px;height: 55px;font-size: 16px;padding-right: 15px;padding-left: 15px;border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #0061B0; margin:0px;}
.submenu h5 a{ color:#0061B0;}
.submenu span{ float:right; line-height:55px; font-size:13px; color:#777;}	
.submenu span font{background: url(../images/dts.png) no-repeat scroll 14px; padding-left:40px; }
#submenu ul{}
#submenu ul li{ margin-right:10px;float:left;line-height:55px;height:55px;font-size:16px;padding-right:15px;padding-left:15px}
#submenu ul li.cur,#submenu ul li:hover{border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:#0061B0;height:55px}
#submenu ul li.cur a{color:#0061B0}
/*TOP*/
#topnav{height:auto;position:fixed;z-index:100;width:100%;left:0px;top:0px;right:0px;background-color:#FFFFFF;-moz-box-shadow:0px 0px 1px #c2c2c2;-webkit-box-shadow:0px 0px 1px #c2c2c2;box-shadow:0px 0px 1px #c2c2c2}

#footer{clear: both;float: none;background-color: #1e1e1e;}
#footer .bottommenu{height: auto;width: 1200px;margin-right: auto;margin-left: auto;padding-top: 30px;padding-bottom: 30px;}
#footer .bottommenu .sidebar{float: left;width: 820px;}
#footer .bottommenu .sidebar dl{width: 15%;float: left; text-align:center;}
#footer .bottommenu .sidebar dl dt{font-size: 15px;color: #FFFFFF;padding-bottom: 58px; box-sizing:content-box; height:30px;}
#footer .bottommenu .sidebar dl.on1  dt{background: url(../images/f01.png) no-repeat center bottom;}
#footer .bottommenu .sidebar dl.on2  dt{background: url(../images/f02.png) no-repeat center bottom;}
#footer .bottommenu .sidebar dl.on3  dt{background: url(../images/f03.png) no-repeat center bottom;}
#footer .bottommenu .sidebar dl.on4  dt{background: url(../images/f04.png) no-repeat center bottom;}
#footer .bottommenu .sidebar dl.on5  dt{background: url(../images/f05.png) no-repeat center bottom;}
#footer .bottommenu .sidebar dl.on6  dt{background: url(../images/f06.png) no-repeat center bottom;}
#footer .bottommenu .sidebar dl dt a{color: #e0e0e0;}
#footer .bottommenu .sidebar dl dd{}
#footer .bottommenu .sidebar dl dd a{color: #b0b0b0;line-height: 30px;font-size: 14px;clear: both;float: left;display: block;}
#footer .bottommenu .we{float: right;width: 374px;}
#footer .bottommenu .we strong{color: #e0e0e0;font-size: 28px;line-height: 26px;}
#footer .bottommenu .we p{font-size: 14px;line-height: 24px;color: #b0b0b0;padding-top: 5px;}
#footer .bottommenu .we .social{font-size: 14px;color: #FFFFFF; width:67px; float:right; display:none;}
#footer .bottommenu .we .social strong{font-size: 14px;font-weight: normal;display: block;padding-bottom: 8px;}
#footer .bottommenu .we .social span{float: left;margin-right: 20px; position:relative;}
#footer .bottommenu .we .social span .erweima{-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;background-image: url(../images/weixin_erweimab.png);background-repeat: no-repeat;background-position: center;height: 0px;width: 135px;background-size:100%;position: absolute;top: -222px;left: 0px;overflow: hidden;}
#footer .bottommenu .we .social span:hover .erweima {height: 190px;top: -192px;}
#footer .copybottom{background-color: #000000;padding: 20px; font-size:14px;}
#footer .copybottom .copyright{height: auto;width: 1200px;margin-right: auto;margin-left: auto;color: #8b8b8b;line-height: 22px;}
#footer .bottommenu .we1{ float:left;}
#footer .copybottom .copyright a{color: #8b8b8b;}
#footer .copybottom .copyright .link{float: right;}
#footer .copybottom .copyright .link a{border-left-width: 1px;border-left-style: solid;border-left-color: #515151;display: inline-block;line-height: 14px;height: 14px;margin-top: 5px;padding-left: 15px;padding-right: 15px;}
#footer .copybottom .copyright .link a:nth-child(1){padding-left: 0px;border-left-style: none;}
#footer .copybottom .copyright .link a:last-child{border-left-style: none;padding-right: 0px;}
#dituContent{ float:right;}
.contact_fl{ float:left;}
/*//FOOTER*/
.pagelist{padding-top:40px;text-align: center;clear:both;float:none; margin-bottom:40px;}
.pagelist a,.pagelist span{-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;display:inline-block;padding:5px 10px;font-size:14px;color:#666;border:1px solid #dddddd;margin-right:5px; cursor:pointer;}
.pagelist a.current,.pagelist span.current, .pagelist a:hover, .pagelist span:hover{background-color:#0061B0;color:#ffffff;border:1px solid #0061B0;}
.pagelist input,.pagelist button { display:none;}
.pagelist b{ margin-right:10px;}
#video-airbox { width:100%; position:fixed; height:auto; left:0; top:0; z-index:999; min-height:300px; background-color:rgba(0,0,0,0.8);}
#video-player { position:fixed; top:0; left:0; width:100%; height:auto; min-height:300px; z-index:1; background-color:rgba(255,255,255,0.98);}
#video-layer a.vdl-colse { display: inline-block; width: 30px; height: 30px; position: absolute; top: 25px; right: 25px; z-index: 9; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease; background:url(../images/icon_close.png) no-repeat;}
#video-layer .vdl-box { position:absolute; top:50%; left:50%; z-index:1;}

#hd,#aside{ display: none;}
#topnav{ display:block;}
@media only screen and (max-width: 1200px) {
.login .con,.top .con,#index_advantage .box ul,#index_classic_case .box,#index_news .box,#footer .bottommenu,#footer .copybottom .copyright,.submenu,#servicemain .layer .con,#newslistbox{ width:98% !important; margin:0 1% !important;}
#newsshowbox,#newslistbox{ width:98% !important; margin:30px 1% !important;}	
#indexbanner,#indexbanner .piclist,#indexbanner .piclist li a{ height:600px !important;}
#indexbanner .piclist li a{ background-size:auto 100%;}
#index_classic_case .box ul{ width:100% !important;}
#index_classic_case .box ul li{ width:23% !important; margin:0 1% !important; height:auto !important;}
#index_classic_case .box ul li div img,#index_classic_case .box ul li div{ width:100% !important; height:185px !important;}
#index_classic_case .box ul li .text{ width:96% !important; padding:0 2% !important; height:100px !important;}
#index_partner .box .picList li{ width:19.8% !important; height:auto !important; border-left:#e5e5e5 solid 1px;border-top:#e5e5e5 solid 1px;}
#index_partner .box .picList li span img{ width:100% !important; height:auto !important;}
#index_partner .box{ width:97% !important; margin:0 1% !important; border: none !important;}	
.tempWrap{ width:100% !important;}
#index_news .box ul{ width:65% !important;}
#index_news .box ul li{ width:46% !important; margin:0 2% !important;}
#index_news .box ul li .pic,#index_news .box ul li .pic img{ width:100% !important;}
.box .right{ width:35% !important;}
.box .right .newsRBox{ width:100% !important;}
.box .right dl,.box .right dd{ width:98% !important; padding:1% !important;margin:0px !important;}
#footer .bottommenu .sidebar{ width:65% !important;}
#footer .bottommenu .we{  width:35% !important;}
.c_tit{ margin-bottom:20px;}
.menu ul li a{ padding-left:45px !important;}
#subbanner{ height:200px !important; background-size:auto 100% !important; }
#contactus{ width:98% !important; margin:0 1% !important; padding:30px 0 !important;}
#contactus img{ max-width:100% !important; height:auto !important;}
.qyry_list li{ width:31% !important; margin:1% !important;}
.qyry_list li a img{ width:98% !important; height:auto !important; padding:1% !important;}
#dituContent img{ max-width:inherit !important;}
#dituContent { width:100% !important;}
#newsshowbox .con img{ max-width:100% !important; height:auto !important;}
}
@media only screen and (max-width: 1024px) {
#indexbanner,#indexbanner .piclist,#indexbanner .piclist li a{ height:500px !important;}
.menu ul li a{ padding-left:25px !important;}
.contact_on{ width:100% !important; }
.contact_on .t2,.contact_on .t3{ border: none !important; width:98% !important; margin:1% !important; padding:20px 0 !important;}
.contact_on .t2 .t23{ width:58% !important; height:auto  !important; margin-left:2% !important;}
.contact_on .t2 .t24{ width:35% !important; margin-right:2% !important;}
.contact_on .t2 .t25{ width:95% !important; height:350px !important;}
}
@media only screen and (max-width: 768px) {
body{ padding-top:70px !important;}	

.contact_on .t2 .t22{ height:auto !important; overflow:hidden;}
.contact_on .t2 .t23{ width:100% !important; height:auto  !important; margin-left:0 !important; float:none none;}
.contact_on .t2 .t24{ width:100% !important; margin-right:0px !important;}
.contact_on .t2 .t25{ width:100% !important; height: auto !important;}
.contact_on .t2 .t24 ul li{ width:31.33% !important; margin:1% !important;}

#indexbanner,#indexbanner .piclist,#indexbanner .piclist li a{ height:400px !important;}
#index_news .box ul{ width:100% !important;}
.box .right{ display: none;}
#footer .bottommenu .sidebar{ width:100% !important; float:none !important;}
#footer .bottommenu .we{ width:100% !important; float:none !important; display: none;}
#subbanner{ height:160px !important; background-size:auto 100% !important; }

#hd,#aside{ display: block;}
#topnav{ display: none; }
#hd{height: 70px;overflow: hidden;background-color: #fff;position: fixed;width: 100%;top: 0;left: 0;z-index: 998;}
.logo{height:40px;display: block;margin-top:12px;margin-left: 22px;}
.logo img{height:40px;width: auto;}

#aside{left:100%;position:fixed;width:100%;top:70px;z-index:999;background-color:#0061b0;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
#aside .lang{height:30px;padding:10px 2px;overflow:hidden}
#aside .lang a{width:50%;float:left}
#aside .lang span{display:block;height:30px;border:1px solid #2890e4;background-color:#007add;border-radius:30px;text-align:center;color:#fff;line-height:28px;margin:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
#nv li{border-top:1px solid #2174b7}
#nv li a{color:#fff;display:block;padding-left:15px}
#nv li .v1{line-height:45px; text-indent:20px;font-size:14px;background:url(../images/ico-nv1.png) no-repeat right 5px center;-o-background-size:25px auto;-ms-background-size:25px auto;-moz-background-size:25px auto;-webkit-background-size:25px auto;background-size:25px auto}
#nv li .v1.on{background-image:url(../images/ico-nv1-on.png)}
#nv dl{display:none}
#nv dd{border-top:1px solid #216398;background-color:#004d8c}
#nv dd a{line-height:30px;font-size:12px}
.menuBtn{position:relative;z-index:9;position:absolute;top:14px;right:16px;box-sizing:border-box;padding:5px;cursor:pointer;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;width:44px;height:38px;border:1px #005369 solid;border-radius:5px}
.menuBtn b{display:block;height:2px;background-color:#005369;margin:3px 0 7px;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.menuBtn.open b{display:none;margin:0;position:absolute;left:7px;top:50%;width:30px}
.menuBtn.open b:first-child{display:block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.menuBtn.open b:last-child{display:block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
#aside.open{left:0;right:0}
.fixme{height:100%;overflow:hidden}
.overlay{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:996}
#banner{padding-top:85px}
#banner img{width:100%;display:block}
#banner .slick-dots{position:absolute;left:0;right:0;text-align:center;z-index:99;bottom:5px}
#banner .slick-dots li{display:inline-block;margin:0 3px}
#banner .slick-dots button{width:8px;height:8px;background:rgba(255,255,255,.6);border-radius:50%;font-size:0;text-indent:-9999px;padding:0;border:0}
#banner .slick-dots .slick-active button{background-color:#0061b0}
#ban{padding-top:33%;height:0;position:relative;margin-top:50px;background-position:center center;background-repeat:no-repeat;-o-background-size:cover;-ms-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover}
#ban h2{font-size:16px;color:#fff;position:absolute;z-index:2;top:50%;left:25px;padding-bottom:8px;background:url(../images/ico-11.jpg) no-repeat left bottom;margin-top:-16px;-o-background-size:auto 3px;-ms-background-size:auto 3px;-moz-background-size:auto 3px;-webkit-background-size:auto 3px;background-size:auto 3px}
.m-tab1{height:40px;border-bottom:1px solid #f0f0f0;background-color:#fff}
.m-tab1 li{width:25%;float:left;font-size:13px}
.m-tab1 li a{text-align:center;display:block;height:40px;line-height:40px;background:url(../images/ico-12.jpg) no-repeat right center;-o-background-size:auto 14px;-ms-background-size:auto 14px;-moz-background-size:auto 14px;-webkit-background-size:auto 14px;background-size:auto 14px}
.m-tab1 li.on a{border-bottom:1px solid #0061b0;color:#0061b0}
.m-tab1 li:last-child a{background:0}
.m-tab1-1 li{width:50%}
.m-tab1-2 li{width:33.33%}
#submenu ul li{ padding:0 5px !important; }
.contact_on .t5 span,.contact_on p{ font-size:16px !important; overflow:hidden;}
.contact_on .t1{ height:45px !important;; line-height:45px !important; background-size:100% 100% !important; text-indent:22px !important; font-size:20px !important;}
.contact_on h5{background-size:100% auto !important;font-size:18px !important; }
}
@media only screen and (max-width: 520px) {
#indexbanner,#indexbanner .piclist,#indexbanner .piclist li a{ height:180px !important;}
#indexbanner .index-container{ width:236px !important; margin-left:-118px !important; bottom:10px !important;}
#indexbanner .index-container .index-slide{ width:50px !important;}
.h60{ padding-top:30px !important; padding-bottom:30px !important;}
#index_advantage .box{ padding-top:30px !important; background-repeat:repeat-y !important; padding-bottom:30px; overflow:hidden; height:auto !important;}
#index_advantage .box ul li{ width:50% !important; font-size:14px !important; height:120px !important;}
#index_advantage .box ul li:nth-child(1) .bg, #index_advantage .box ul li:nth-child(4) .bg, #index_advantage .box ul li:nth-child(5) .bg{background-image: url(../images/bg4.png) !important;}
#index_advantage .box ul li:nth-child(1), #index_advantage .box ul li:nth-child(4), #index_advantage .box ul li:nth-child(5){ color:#000000 !important;}
#index_advantage .box ul li:nth-child(2), #index_advantage .box ul li:nth-child(3), #index_advantage .box ul li:nth-child(6){ color:#ffffff !important;}
#index_advantage .box ul li:nth-child(2) .bg, #index_advantage .box ul li:nth-child(3) .bg, #index_advantage .box ul li:nth-child(6) .bg{background-image: url(../images/bg3.png) !important;}
#index_advantage .box ul li span{ font-size:30px !important; height:auto !important; padding-bottom:8px !important;}
#index_classic_case .box ul li{ width:98% !important; float:none !important;}
#index_classic_case .box,#index_news .box{ height:auto !important;}
#index_classic_case .box{ height:auto !important; padding:15px 0 !important;}
#index_partner .box .picList li{ width:32.8% !important;}
#index_partner .box .picList li.on10,#index_partner .box .picList li.on20{ display: none;}
#index_news .box ul li{ width:96% !important; margin-bottom:20px !important;}
#footer .bottommenu{ display: none;}
#subbanner{ height:100px !important; background-size:auto 100% !important; }
.qyry_list li{ width:48% !important; margin:1% !important;}
.submenu span{ display: none;}
#newslistbox ul li .pic,#newslistbox ul li .date{ display: none !important;}
#newslistbox ul li .text{ width:100% !important; float:none !important;}

#submenu ul li{ padding:0 5px !important; margin:0px !important; font-size:15px !important;}
.contact_on .t1{ height:40px !important;; line-height:40px !important; background:#15c5ec !important; text-indent:22px !important; font-size:18px !important;}
.contact_on h5{background: none !important;font-size:16px !important; padding-bottom:5px;text-indent:inherit !important; border-bottom:1px solid #15c5ec ; }
#contact_1 .t5 .s1{ color:#333 !important; font-weight: 600;}
#contact_1 .t5 .s1,#contact_1 .t5 .s2,#contact_2 .t5 .s1,#contact_2 .t5 .s2,#contact_3 .t5 .s1,#contact_3 .t5 .s2{ width:99% !important; border-bottom:1px solid #eeeeee !important}
.contact_on .t5{ height:auto !important; border:none !important;}
.contact_on .t4{ overflow:hidden;}
.contact_on .t5 span{ height:auto !important; }
#goTop{ display: none !important;}
.contact_on .t1{ margin-top:0px !important;}
.qyry_list li p{ font-size:14px !important; height:44px; overflow:hidden;}
#footer .copybottom .copyright{ text-align:center;}
}