@charset "utf-8";
body{font-size: 12px;min-width:1259px;background:#F9F9F9;}
.mt15{margin-top:15px;}
.mt45{margin-top:45px;}
.mt55{margin-top:55px;}
.mt65{margin-top:65px;}
.mt75{margin-top:75px;}
.mt85{margin-top:85px;}
.mt100{margin-top:100px;}
.mt110{margin-top:110px;}

.w{width:1200px;margin:auto}
.w1000{ width: 1000px;margin:auto; }
.w1200{width:1200px;margin:auto}
.top{height: 32px;padding: 10px 0;line-height: 32px;background:#00A0FF;color:#FFF;}
.top a{color:#FFF}
.top .logo{width:132px;height: 32px;background:url(../images/logo.png) no-repeat center;float:left;}
.top .logo a{ display:block; width:100%; height:100%;}
.top .nav{height: 12px;border-left:solid 1px #FFF;line-height: 11px;margin-left: 15px;margin-top: 9px;padding-left: 10px;font-size: 13px;}
.top .nav li{float:left;margin: 0 10px;}
.top .nav li a{opacity:0.5}
.top .nav li.on a{opacity:1;font-size:15px}
.top .nav li:hover a{opacity:1}
.top .search-box{border-radius:2px;border:solid 1px #fff;height: 30px;width: 120px;margin-right: 25px;}
.top .search-box .s-txt{border:none;background:none;height: 30px;width: 64px;padding: 0 10px;float: left;color: #FFF}
.top .search-box .s-btn{background: url(../images/ico.png) no-repeat -100px -81px;height: 24px;width: 24px;border:none;margin-right: 5px;float: right;margin-top: 3px;background-size: 179px;} 
.top .ico-set{width:23px;height:14px;background:url(../images/ico.png) no-repeat -134px -90px;display:inline-block;margin-top: 9px;margin-left: 25px;}

.ser-subnav{ background:#FFF;overflow:hidden;text-align:center; height:55px; line-height:55px;}
.ser-subnav div{ display:inline-block;margin:0 100px;color:#181819; font-size:15px;}
.ser-subnav div a{color:#181819}
.ser-subnav div i{width:22px;height:22px;display:inline-block;background: url(../images/ico.png) no-repeat;background-size: 102px;vertical-align: sub;margin-right: 6px;}
.ser-subnav div i.ser-01{background-position: -74px -23px;}
.ser-subnav div i.ser-02{background-position: -29px -23px;}
.ser-subnav div i.ser-03{background-position: 0px -23px;width: 28px;}
.ser-subnav div i.ser-04{background-position: -52px -23px;}

.banner{ height:523px; width:100%; position:relative}
.banner .bd li{ height:523px; width:100%; background-position:center; background-repeat:no-repeat}
.banner .hd{ position:absolute;bottom:30px; left:0; text-align:center; width:100%;}
.banner .hd li{width: 10px;height: 10px;border-radius:50%;display:inline-block;margin: 0 6px;background: #FFF;opacity: 0.5;cursor:pointer}
.banner .hd li.on{opacity: 1;}
.web-title{text-align:center;color:#000;letter-spacing: 7px;font-size: 14px;}
.web-title b{font-size: 42px;display:block;margin:0 auto 10px;font-weight:400;letter-spacing: 0px;}
.web-title01{ font-size:36px; display:block;margin:0 auto 10px;color:#000}

.ad-item{overflow:hidden;padding-left: 1px;    padding-right: 1px;}
.ad-item div{float:left;border:solid 1px #A3A3A3;border-top:none;margin-left:-1px;margin-right: -1px;width: 24.5%;}
.ad-item div img{ width: 100% }

.service-tab{margin-top:50px;}
.service-tab .hd{ height:115px; background:#FFF;border-bottom:solid 1px #E0E0E0}
.service-tab .hd li{ width:25%; float:left; text-align:center;color:#000; height:115px; font-size:17px; cursor:pointer}
.service-tab .hd li i{display:block;margin: 26px auto 5px;width:52px;height:40px;background:url(../images/ico.png) no-repeat;}
.service-tab .hd li i.st-02{ background-position:0 -44px;}
.service-tab .hd li i.st-03{background-position: -56px -44px;width: 39px;}
.service-tab .hd li i.st-04{background-position: -101px -44px;width: 40px;}
.service-tab .hd li i.st-01{background-position: -143px -44px;width: 40px;}
.service-tab .hd li.on{ background:#00A0FF;color:#FFF}
.service-tab .hd li.on i.st-02{ background-position:0 0;}
.service-tab .hd li.on i.st-03{background-position: -56px 0;width: 39px;}
.service-tab .hd li.on i.st-04{background-position: -101px 0;width: 40px;}
.service-tab .hd li.on i.st-01{background-position: -143px 0;width: 40px;}

.service-tab .bd ul{padding:44px 50px; line-height:1.6}
.service-tab .bd ul p{margin-bottom:5px;}
.service-tab .mid-2{ width:520px;color:#595757}
.service-tab .mid-2 b{ font-size:16px;color:#030303;margin-bottom:25px; display:inline-block; font-weight:400}
.scenarized-slide{margin-top:32px; overflow:hidden}
.scenarized-slide .bd{ float:left; width:853px; height:420px; overflow:hidden}
.scenarized-slide .bd li,.scenarized-slide .bd li img{width:853px; height:420px;}
.scenarized-slide .hd{ float:right; width:174px; height:420px; overflow:hidden}
.scenarized-slide .hd li{ cursor:pointer; width:174px; height:100px; overflow:hidden;margin-bottom:7px; position:relative}
.scenarized-slide .hd li img{width:174px;height:100px;}
.scenarized-slide .hd li .txt{ position:absolute;top:0; left:0; right:0;bottom:0; background:rgba(0,0,0,0.4);color:#FFF;padding-top:73px; text-align:right;padding-right:15px; font-size:15px;}
.scenarized-slide .hd li.on .txt{ display:none}
.scenarized-slide .bd i{width:23px;height:23px;border-radius:50%;display: block;float: left;margin-right: 12px;}
.scenarized-slide .bd i:before{content:"";width:11px;height:11px;border-radius:50%;display:block;    margin: 6px;}
.scenarized-slide .bd a{color:#FFF;padding: 0 7px;height: 25px;line-height: 25px;display: block;float: left;border-radius: 2px;display:none}
.scenarized-slide .bd li{position:relative}
.scenarized-slide .bd li > div:hover a{display:block}
.scenarized-slide .bd .blue a{background:#00A0FF;}
.scenarized-slide .bd .green a{background:#2CB148}
.scenarized-slide .bd .yellow a{background:#F39800}
.scenarized-slide .bd .blue i{border: solid 1px #00A0FF;}
.scenarized-slide .bd .green i{border:solid 1px #2CB148}
.scenarized-slide .bd .yellow i{border:solid 1px #F39800}
.scenarized-slide .bd .blue i:before{background:#00A0FF}
.scenarized-slide .bd .green i:before{background:#2CB148}
.scenarized-slide .bd .yellow i:before{background:#F39800}
.scenarized-slide .bd .i1-1{left: 123px;top: 185px;position:absolute;z-index: 9999;}
.scenarized-slide .bd .i1-2{left: 252px;top: 325px;position:absolute;z-index: 9999;}
.scenarized-slide .bd .i1-3{left: 553px;top: 266px;position:absolute;z-index: 9999;}
.scenarized-slide .bd .i2-1{left: 294px;top: 195px;position:absolute;z-index: 9999;}
.scenarized-slide .bd .i2-2{left: 596px;top: 201px;position:absolute;z-index: 9999;}
.scenarized-slide .bd .i3-1{left: 97px;top: 185px;position:absolute;z-index: 9999;}
.scenarized-slide .bd .i3-2{left: 307px;top: 229px;position:absolute;z-index: 9999;}
.scenarized-slide .bd .i3-3{left: 572px;top: 188px;position:absolute;z-index: 9999;}
.scenarized-slide .bd .i4-1{left: 123px;top: 185px;position:absolute;z-index: 9999;}
.scenarized-slide .bd .i4-2{left: 252px;top: 325px;position:absolute;z-index: 9999;}
.scenarized-slide .bd .i4-3{left: 553px;top: 266px;position:absolute;z-index: 9999;}



.video-list{}
.video-list .video-item{width: 259px;float:left;margin: 20px 130px 0 0;overflow: hidden;}
.video-list .video-item:last-child{margin-right: 0;}
.video-list .video-item .video-titl{ font-size:16px; margin-bottom:5px;color:#373737}
.video-list .video-item img{width:100%;height: 183px;}
.video-list .video-item.big{margin: 30px 0 0 0;width:100%;height: 377px;}
.video-list .video-item.big img{height:436px;}
.video-list .video-item .vi-pic{ position:relative}
.video-list .video-item .openvidwo{position:absolute;top:50%;left:50%;margin: -33px 0 0 -33px;height: 66px;width: 66px;display:block;cursor:pointer;}
.video-list .video-item .openvidwo img{ height:auto}
.video-list .video-item.big .openvidwo{width: 94px;height: 94px;margin: -47px 0 0 -47px;}


.cold-plist{ overflow:hidden}
.cold-plist .cpl-left{width: 419px;float:left;}
.cold-plist .cpl-right{width: 600px;float:right;overflow:hidden;}
.cold-plist .cpl-ad1{width: 419px;height: 308px;border:solid 1px #E1E1E1;overflow: hidden;}
.cold-plist .cpl-ad2{width: 419px;height: 176px;border:solid 1px #E1E1E1;margin-top:20px;overflow: hidden;}
.cold-plist .cpl-ad3{width: 335px;height: 215px;border:solid 1px #E1E1E1;float:left;overflow: hidden;}
.cold-plist .cpl-ad4{width: 241px;height: 215px;border:solid 1px #E1E1E1;float:left;margin-left: 19px;overflow: hidden;}
.cold-plist .cpl-ad5{width: 600px;height: 269px;border:solid 1px #e1e1e1;margin-top:20px;overflow: hidden;}
.cold-plist img{width:100%}
.cold-plist .p-nav{width: 170px;float:left;background: #FFF;height: 504px;padding: 50px 15px;}
.cold-plist .p-nav h3{font-size:15px;color:#333;display:block;margin-bottom:10px; font-weight:400}
.cold-plist .p-nav ul{margin-bottom:15px;}
.cold-plist .p-nav li{position:relative;margin-bottom:5px;font-size:14px;}
.cold-plist .p-nav li:after{content:"•";position:absolute;right:0;top:0;color:#333}
.cold-plist .p-nav a.more{color:#999}
.cold-plist .p-list{overflow:hidden;width: 837px;float:right;}
.cold-plist .p-list li{width: 277px;height: 302px;float:left;margin-left: 2px;overflow: hidden;}
.cold-plist .p-list li.big{height: 604px;}
.cold-plist .p-list li img{width: 277px;height: 302px;}
.cold-plist .p-list li.big img{height: 604px;}
.ad-wrap{background:#00A0FF;padding: 60px 0 65px;text-align:center;color:#FFF;letter-spacing: 9px;font-size: 14px;}
.ad-wrap b{ font-weight:400; font-size:42px; letter-spacing:2px;}
.ad-wrap .btn-white{width: 340px;height: 50px;background:#F9F9F9;color:#00a0ff;font-size: 24px;display:block;margin: 25px auto 0;line-height: 48px;border-radius:2px;letter-spacing: 3px;}

.footer{overflow:hidden;padding-top: 55px;}
.footer .f-nav{float:left;margin-bottom:50px;width: 930px;}
.footer .f-nav li{margin-bottom: 20px;float:left;line-height:1.6;width: 170px;padding-right: 15px;}
.footer .f-nav li b{ display:block; font-weight:400;color:#010101; font-size:15px;margin-bottom:15px;}
.footer .f-nav li a{ display:block}
.footer .f-code{width: 100px;float:right;}
.footer .f-code div{margin-bottom:55px; }
.footer .f-code img{width:100%;margin-bottom: 10px;}

.pup-video{ position:fixed;left:50%;width:760px; height:410px;top:50%; box-shadow:0 0 25px #999; background:#FFF; border-radius:2px;margin-left:-400px;padding:20px; display:none}
.pup-video .jsclose{ background:url(../images/ico-close.png) no-repeat center #666;border-radius:50%; width:50px; height:50px; display:block; position:absolute;top:-10px;right:-10px; background-size:40%; cursor:pointer}

/*内页*/
.cont-sidenav{width:90px;margin-top:40px;}
.cont-sidenav dl{margin-bottom:15px}
.cont-sidenav dt{ font-size: 14px;color:#181819; cursor:pointer; position: relative;}
.cont-sidenav dt i.arrow{width: 13px;height: 13px;float: right;background: url(../images/ico.png) no-repeat -16px -87px;margin-top: 3px;}
.cont-sidenav dd{padding-top:10px; display: none}
.cont-sidenav dd a{ border-bottom:dashed 1px #C1C1C1; display: block; text-align: left;padding:5px 0; }
.cont-sidenav dt:hover,.cont-sidenav dd a:hover{color:#999999;}
.cont-sidenav dl.on i.arrow{background-position:0 -87px;}
.cont-sidenav dl.on dd{ display:block }
.cont-right{width:900px;margin-top:40px;}
.cont-right img{max-width:100%;}
.cont-right .cont-tit{color:#1d1c1c; font-size:18px;margin-bottom: 35px;}
.cont-right .cont-cont{ line-height:2 }
.cont-right .cont-cont p{margin-bottom:30px;}


/*0605 G*/
.pro-sidenav{width: 220px;height: 507px;background: rgba(0,0,0,0.5);left: 0;top: 0;position: relative;padding: 8px 0;}
.pro-sidenav dl{overflow: inherit;}
.pro-sidenav dl:hover{background: #00A0FF;}
.pro-sidenav dl:hover dd{display:block}
.pro-sidenav dl dt{font-size: 15px;color: #FFF;line-height: 48px;padding: 0 20px;background:url(../images/ico-arrow-0.png) 95% center no-repeat}
.pro-sidenav dl dt a{color:#FFF;display: block;}
.pro-sidenav dl dt img{height: 50px;margin-right:10px;float: left;}
.pro-sidenav dl dd,.pro-sidenav .pro-twonav .twonav-pro{position:absolute;top:0;left:100%;width: 220px;background: #f7f7f7;height: 513px;z-index: 999;display: none;padding: 8px 0 0;border: solid 1px #eee;}
.pro-sidenav .pro-twonav{}
.pro-sidenav .pro-twonav .twonav-a{padding: 12px;display:block;color:#333;/* padding: 0 10px; */overflow: hidden;line-height: 32px;font-size: 13px;cursor:pointer;}
.pro-sidenav .pro-twonav .twonav-a:hover,.pro-sidenav .pro-twonav:hover .twonav-a{color:#ff6b09}
.pro-sidenav .pro-twonav .twonav-a img{width:32px;height:32px;float:left;margin: 0 8px 0 0;}
.pro-sidenav .pro-twonav .twonav-pro{top: -1px;border-left: solid 2px #ddd;background: #FFF;padding: 15px;height: 491px;}
.pro-sidenav .pro-twonav:hover .twonav-pro{display:block}
.pro-twonav .twonav-pro a{overflow: hidden;border-bottom: dashed 1px #ddd;display: block;padding: 26px 0;}
.pro-twonav .twonav-pro a:last-child{border-bottom:none}
.pro-twonav .twonav-pro .pic{width: 68px;height: 68px;float:left;}
.pro-twonav .twonav-pro .pic img{width:100%}
.pro-twonav .twonav-pro .txt{float:left;width: 140px;padding-left: 10px;}
.pro-twonav .twonav-pro .name{    font-size: 14px;    font-weight: 400;    color: #333;    display: block;    margin: 5px 0 15px;}
.pro-twonav .twonav-pro .price{    color: #bd0606;    font-size: 15px;}
.pro-sidenav .big2 .pro-twonav {    width: 50%;    float: left;}
.pro-sidenav  dl dd.big2 {width:440px}