@charset "utf-8";html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical}
body{margin:0 auto;width:100%;color:#666;font-size:14px;line-height:24px;font-family:"微软雅黑"}
b,body,button,div,h1,h2,h3,h4,h5,h6,hr,img,input,li,p,select,span,td,textarea,ul{margin:0;padding:0;list-style:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
b,h1,h2,h3,h4,h5,h6{color:#333;margin:0;padding:0;font-weight:400}
fieldset,img{border:0;font-weight:400}
li,ol,ul{list-style-type:none;text-align:justify;text-justify:inter-ideograph}
table{border-collapse:collapse;border-spacing:0}
button,input,select,textarea{font-size:13px;margin:0;outline:0;resize:none;border:none}
*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}
.cl:after,.clearfix:after{clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden}
.clear{clear:both}
.cl,.clearfix{zoom:1}
a{color:#666;text-decoration:none;outline:0;-webkit-transition:all .18s ease-out;-moz-transition:all .18s ease-out;-ms-transition:all .18s ease-out;-o-transition:all .18s ease-out;transition:all .18s ease-out}
a:hover{color:#0473dc;text-decoration:none}
a:focus{outline:0}
em{font-style:normal}
.wh{width:100%}
.eps{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow:ellipsis}
.fl{float:left}
.fr{float:right}
.fn{font-weight:400}
.center{text-align:center}
.hide{overflow:hidden}
@font-face{font-family:font1;src:url(../font/zzgfjy.otf)}
.container{width:1200px;overflow:hidden;margin:auto}
.wor{line-height:24px;color:#666;font-size:13px}
.bg_white{background:#fff}
.slow,.slow a,.slow after,.slow b,.slow before,.slow button,.slow em,.slow h1,.slow h2,.slow h3,.slow h4,.slow h5,.slow h6,.slow hr,.slow img,.slow input,.slow li,.slow p,.slow select.slow textarea,.slow span,.slow td{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.effect-one{position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.effect-one .effect-one-img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;transition:all .7s ease-in-out;overflow:hidden}
.effect-one:hover .effect-one-img,.effect-oneBox:hover .effect-one-img{opacity:.9;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.effect-two{width:100%;height:100%;position:relative;box-sizing:border-box;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;transition:all .7s ease-in-out;overflow:hidden}
.effect-two::after,.effect-two::before{position:absolute;content:'';opacity:0;-webkit-transition:opacity .4s,-webkit-transform .4s;-moz-transition:opacity .4s,-moz-transform .4s;-o-transition:opacity .4s,-o-transform .4s;transition:opacity .4s,transform .4s}
.effect-two::before{top:0;right:0;bottom:0;left:0;border-top:1px solid #000;border-bottom:1px solid #000;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.effect-two::after{top:0;right:0;bottom:0;left:0;border-right:1px solid #000;border-left:1px solid #000;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.effect-two:hover::after,.effect-two:hover::before{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.btn-1{overflow:hidden;position:relative}
.btn-1:after,.btn-1:before{content:"";position:absolute;z-index:-1;background-color:#f60;width:100%;height:0;left:0;-webkit-transition:all .3s;transition:all .3s}
.btn-1:before{bottom:50%}
.btn-1:after{top:50%}
.btn-1:hover:after,.btn-1:hover:before{height:50%}
.btn-2{background:-webkit-linear-gradient(left,#f60,#f60) no-repeat;background:linear-gradient(to right,#f60,#f60) no-repeat;background-size:0 100%}
.btn-2:hover{background-size:100% 100%}
.btn-3{position:relative}
.btn-3:after,.btn-3:before{z-index:2;position:absolute;top:50%;content:'';width:50px;height:50px;background:rgba(20,127,221,.7);border-radius:50%}
.btn-3:before{left:-30px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.btn-3:after{right:-30px;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}
.btn-3:hover:before{-webkit-animation:criss-cross-left .8s both;animation:criss-cross-left .8s both}
.btn-3:hover:after{-webkit-animation:criss-cross-right .8s both;animation:criss-cross-right .8s both}
.btn-4{position:relative;z-index:2}
.btn-4:before{position:absolute;content:"";left:0;top:0;z-index:-1;width:0%;height:100%;border-radius:0 20px 20px 0;background:#147fdd;transition:all .7s ease-in-out}
.btn-4:hover:before{width:100%}
.btn-4:hover{background:#ddd}
.temporary-1{color:#666;font-size:14px;text-align:center}
.efA-Box .efA-Down{display:none}
.ImgPrimary{background:url(../images/ImgPrimary.gif) no-repeat center center}
.ImgDisappear{background:url(../images/ImgDisappear.png) no-repeat center center}
.browser{float:left;width:100%;padding:20px 0;background:#f6f6b4}
.browser .center{width:1000px;margin:auto}
.browser p{float:left;color:#666;font-size:15px}
.browser p font{color:#f60}
.browser .right{float:right}
.browser .right a{display:inline-block;margin:0 20px}
.browser .right img{width:50px;display:block;margin:auto}
.browser .right b{display:block;color:#666;font-size:14px;text-align:center;font-weight:400}
.browser .right a:hover b{color:#005aa0}
.share{position:relative;z-index:9;color:#666;font-size:13px}
.share .jiathis_style{float:left}
.share .jiathis_style a{background:0 0;margin:0 5px;color:#999;font-size:17px;cursor:pointer}
.share .jiathis_style a.icon-weixin:hover{color:#51c332}
.share .jiathis_style a.icon-weibo:hover{color:#d32024}
.share .jiathis_style a span{display:none!important}
.share .collection{margin:0 0 0 10px;border-left:1px #ddd solid;padding-left:15px;line-height:10px;display:inline-block;color:#999;font-size:17px;cursor:pointer}
.share .collection:hover{color:#f98d1b}
.share .collection span{font-size:13px;margin-left:2px}
.banner-within{position:relative;height:300px;float:left;width:100%;overflow:hidden}
.banner-within img{display:block;height:300px;width:1920px;position:absolute;margin-left:-960px;left:50%}
.banner-within img{transform:matrix(1.05,0,0,1.05,0,0);-webkit-transform:matrix(1.05,0,0,1.05,0,0);-webkit-animation:minus 5s 0s ease both infinite;-moz-animation:minus 5s 0s ease both infinite;animation:minus 5s 0s ease both infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1}
@-webkit-keyframes minus{from{-webkit-transform:matrix(1.05,0,0,1.05,0,0);transform:matrix(1.05,0,0,1.05,0,0)}
to{-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0)}
}
@keyframes minus{from{-webkit-transform:matrix(1.05,0,0,1.05,0,0);transform:matrix(1.05,0,0,1.05,0,0)}
to{-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0)}
}
.site{float:left;width:100%;padding:10px 0;margin:0 0 0;line-height:35px;border-bottom:1px #ddd solid;background:#f9f9f9}
.site h3{float:left;padding-left:15px;color:#555;font-size:18px;margin-top:11px;line-height:15px;border-left:3px #f60 solid}
.site .frame{color:#999;font-size:13px;line-height:35px;padding-left:20px}
.site .frame:before{margin-right:5px;font-size:18px;color:#999}
.site a{display:inline-block;color:#999;font-size:13px}
.site a.icon-home:before{font-size:15px;color:#999}
.site a:hover{color:#f60}
.siteDn{float:left;width:100%;border-bottom:solid 1px #ddd;padding:10px 0 11px;font-size:13px;color:#888;margin:0 0 15px;background:#f9f9f9}
.siteDn .frame{color:#888;font-size:13px;line-height:35px;padding-left:20px;background:url(../images/ico01.png) no-repeat left}
.siteDn a{color:#888;font-size:13px;margin:0 3px}
.siteDn a:hover{color:#f60}
.siteDn .back{float:right;margin-top:10px;height:20px;background:#666;color:#fff!important;width:47px;text-align:center;border-radius:3px;line-height:20px}
.siteDn .back:hover{background:#f60}
.siteRn{float:left;width:100%;padding:10px 0;margin:0 0 20px;border-bottom:1px #ddd solid}
.siteRn h3{float:left;color:#555;font-size:20px;font-weight:700}
.siteRn .frame{color:#888;font-size:13px;line-height:35px;padding-left:20px;background:url(../images/ico01.png) no-repeat left}
.siteRn a{display:inline-block;color:#888;font-size:13px}
.siteRn a:hover{color:#f60}
.siteNn{float:left;width:100%;padding:10px 0;margin:0 0 10px;border-bottom:1px #ddd solid;background:#f9f9f9}
.siteNn h3{float:left;color:#555;font-size:20px;font-weight:700}
.siteNn .frame{color:#888;font-size:13px;line-height:35px;padding-left:20px;background:url(../images/ico01.png) no-repeat left}
.siteNn .frame a{display:inline-block;color:#888;font-size:13px}
.siteNn .frame a:hover{color:#f60}
.siteNn .subMenu a{position:relative;display:inline-block;color:#666;font-size:15px;margin:0 0 0 30px;line-height:35px;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out}
.siteNn .subMenu a:before{content:"";display:block;position:absolute;bottom:-10px;left:0;width:0;height:3px;background:#f60;-webkit-transition:width .2s ease-in-out;transition:width .2s ease-in-out}
.siteNn .subMenu a:hover:before{width:100%}
.siteNn .subMenu a.active:before{width:100%}
.siteNn .subMenu a:hover,.siteNx .subMenu a.active{color:#f60}
.rack{float:left;width:100%;padding:10px 0 50px}
.rack .lefter{width:240px}
.rack .righter{width:930px}
.menu{position:relative;float:left;margin:0 0;padding:30px 0 20px;width:100%;text-align:center}
.menu ul{display:block;margin:auto;text-align:center}
.menu ul li{margin:15px 0;display:inline-block}
.menu a{position:relative;z-index:2;display:inline-block;color:#696969;font-size:16px;padding:10px 35px;margin:0 5px;border-radius:5px;border:1px #ccc solid;background:#fdfdfd}
.menu a:before{content:"";position:absolute;left:0;bottom:0;z-index:-1;display:block;width:100%;height:0;background:#000;-webkit-transition:all .5s;transition:all .5s}
.menu a:hover:before{height:100%}
.menu a:hover{color:#fff;border:1px #000 solid}
.menu a.active{color:#fff;border:1px #000 solid;background:#000}
.slideBanner{position:relative;width:100%;height:550px;overflow:hidden;margin:0 auto}
.slideBanner .long{position:relative;margin:auto}
.slideBanner .list{position:absolute;left:50%;margin-left:-960px}
.slideBanner .list li{width:1920px}
.slideBanner .list img{display:block;height:550px;margin:0 auto;position:relative;max-width:100%}
.slideBanner .spot{position:absolute;bottom:30px;width:100%;z-index:99;text-align:center}
.slideBanner .spot li{position:relative;display:inline-block;width:13px;height:13px;margin:0 7px;cursor:pointer;font-size:0;border-radius:50%;background:rgba(180,180,180,.5)}
.slideBanner .spot li.on{background:#0473dc}
.slideBanner .spot li.on:before{height:25px;background:#f60}
.slideBanner .next,.slideBanner .prev{position:absolute;left:3%;top:45%;font-size:100px;color:#fff;display:block;width:26px;height:33px;padding:5px 7px;background:url(../images/ctrl.png) 0 0 no-repeat;opacity:.7}
.slideBanner .next{left:auto;right:3%;background-position:-40px 0}
.slideBanner .next:hover,.slideBanner .prev:hover{opacity:1}
#banner-slider{float:left;width:100%}
#banner-slider .fn-clear{zoom:1}
#banner-slider .box_skitter{position:relative;background:0 0}
#banner-slider .box_skitter ul{display:none}
#banner-slider .box_skitter .container_skitter{margin:auto;overflow:hidden;position:relative}
#banner-slider .box_skitter .image{overflow:hidden}
#banner-slider .box_skitter .image img{display:none}
#banner-slider .box_skitter .box_clone{position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20}
#banner-slider .box_skitter .box_clone img{position:absolute;top:0;left:0;z-index:20}
#banner-slider .box_skitter .label_skitter{z-index:150;position:absolute;display:none}
#banner-slider .loading{position:absolute;top:50%;right:50%;z-index:10000;margin:-16px;color:#fff;text-indent:-9999em;overflow:hidden;background:url(../images/ajax-loader.gif) no-repeat left top;width:31px;height:31px}
#banner-slider #slideshow{width:100%;height:600px;overflow:hidden}
#banner-slider #slideshow ul{display:none}
#banner-slider #slideshow .info_slide{position:absolute;left:0;bottom:20px;z-index:99999;width:100%;text-align:center}
#banner-slider #slideshow .info_slide span{display:inline-block;width:35px;height:7px;line-height:0;font-size:0;opacity:.8;cursor:pointer}
#banner-slider .image_number b{display:block;width:100%;height:100%;background:#fff;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
#banner-slider .image_number_select b{background:#f60}
#banner-slider .image_number:hover b{background:#f60}
#banner-slider .next_button:before,#banner-slider .prev_button:before{color:#fff;font-size:70px}
#banner-slider .next_button,#banner-slider .prev_button{display:none;position:absolute;left:3%;top:45%;z-index:99;font-size:0;width:49px;height:75px;background:rgba(0,0,0,.5);text-align:center;opacity:0;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
#banner-slider .next_button{left:auto;right:3%;background-position:-40px 0}
#banner-slider .next_button:hover,#banner-slider .prev_button:hover{background:rgba(0,0,0,.9)}
.ProductListBox .list li{float:left;width:380px;height:350px;margin:10px}
.ProductListBox .list li .box figcaption::before{position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 75%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 75%);content:'';opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}
.ProductListBox .list li .box em{position:absolute;top:60%;left:0;width:100%;text-align:center;opacity:0;color:#fff;-webkit-transition:-webkit-transform .35s,color .35s;transition:transform .35s,color .35s;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);-webkit-transition:all .3s ease-in-out}
.ProductListBox .list li .box em::before{margin:auto;display:block;width:60px;height:60px;font-size:30px;border-radius:50%;border:2px #fff solid;padding:15px 10px 0}
.ProductListBox .list li .box figcaption::before,.ProductListBox .list li .box p{-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}
.ProductListBox .list li .box p{position:absolute;bottom:0;left:0;font-size:14px;padding:2em;width:100%;opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
.ProductListBox .list li .box font{font-size:13px;color:#ddd;margin:10px 0 0;display:block}
.ProductListBox .list li:hover em{color:#fff;opacity:1;-webkit-transform:translate3d(0,-50%,0) translate3d(0,-40px,0);transform:translate3d(0,-50%,0) translate3d(0,-40px,0)}
.ProductListBox .list li:hover figcaption::before,.ProductListBox .list li:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.ProductListBox .list{position:relative}
.ProductListBox .list li:hover h4{color:#f60}
.ProductListBox .list li .box{position:relative;float:left;width:380px;height:300px;overflow:hidden;background:#fff;text-align:center;cursor:pointer;border:5px #eee solid}
.ProductListBox .list li h4{padding:15px 20px 10px;color:#666;font-size:16px;text-align:center;clear:both}
.ProductListBox .list li .box img{position:relative;display:block;margin:auto;min-height:100%;max-width:100%;opacity:.8}
.ProductListBox .list li .box figcaption{padding:2em;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ProductListBox .list li .box figcaption::after,.ProductListBox .list li .box figcaption::before{pointer-events:none}
.ProductListBox .list li .box figcaption,.ProductListBox .list li .box figcaption>a{position:absolute;top:0;left:0;width:100%;height:100%}
.list-product li{float:left;width:290px;margin:0 10px 10px}
.list-product li h4{color:#666;font-size:15px;font-weight:700;line-height:35px;text-align:center}
.list-product li .effect-one{border:3px #ddd solid}
.list-product li a:hover h4{color:#f60}
.list-product li a:hover .effect-one{border:3px #f60 solid}
.ProductShow .customized{margin:20px 0 70px}
.ProductShow .customized .left{width:500px;margin-left:20px}
.ProductShow .customized .left h3{color:#666;font-size:25px;padding:0 0 20px;margin:10px 0;border-bottom:1px #ddd solid}
.ProductShow .customized .left h3 em{color:#666;font-size:20px;margin:0 10px 0 0}
.ProductShow .customized .left span{display:block;color:#666;font-size:14px;margin:20px 0}
.ProductShow .customized .left span em{display:inline-block;width:15px;height:10px;color:#666;font-size:14px;margin-right:5px}
.ProductShow .customized .right{width:500px}
.ProductShow .customized .right input{width:100%;line-height:25px;padding:10px;margin:0 0 20px 0;border-bottom:1px #ccc solid;border-right:0;border-left:0;border-top:0}
.ProductShow .customized .right textarea{width:100%;height:80px;padding:10px;margin:0 0 20px 0;border-bottom:1px #ccc solid;border-right:0;border-left:0;border-top:0}
.ProductShow .customized .right button{color:#fff;padding:8px 25px;font-size:14px;background:#0d72a2;border:none;border-radius:5px;cursor:pointer}
.ProductShow .customized .right button:hover{background:#000}
.ProductShow .customized .right .yzm input{width:100px}
.ProductShow .customized .right .yzm img{margin:0 15px}
.ProductShow .sDown{margin:50px 0 20px}
.ProductShow .sDown .top{line-height:65px;height:65px;border-top:1px #ddd solid;border-bottom:1px #ddd solid}
.ProductShow .sDown .top h3.title{position:absolute;left:0;opacity:0;float:left;color:#333;font-size:16px;font-weight:700}
.ProductShow .sDown .top h3.title img{width:100px;height:50px}
.ProductShow .sDown .top h3.title em{margin-right:5px;color:#666;font-size:20px}
.ProductShow .sDown .top a.consult{opacity:0;position:absolute;right:0;top:15px;display:block;background:#0d72a2;color:#fff;font-size:14px;line-height:30px;width:100px;text-align:center}
.ProductShow .sDown .top a.consult:hover{background:#0d72a2}
.ProductShow .sDown .top ul.tab-menu{width:100%;text-align:center}
.ProductShow .sDown .top .pos{position:relative}
.ProductShow .sDown .top ul.tab-menu li{position:relative;color:#999;font-size:16px;margin:0 20px;display:inline-block;cursor:pointer;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out}
.ProductShow .sDown .top ul.tab-menu li.hit,.ProductShow .sDown .top ul.tab-menu li:hover{color:#0d72a2}
.ProductShow .sDown .top ul.tab-menu li:before{content:"";display:block;position:absolute;bottom:0;left:0;width:0;height:3px;background:#0d72a2;-webkit-transition:width .2s ease-in-out;transition:width .2s ease-in-out}
.ProductShow .sDown .top ul.tab-menu li.hit:before,.ProductShow .sDown .top ul.tab-menu li:hover:before{width:100%}
.ProductShow .sDown .fixedBoxA1{width:100%;background:#fff}
.ProductShow .sDown .fixedBoxA2{position:fixed;top:0;z-index:250}
.ProductShow .sDown .absolute{position:absolute;z-index:250;bottom:0}
.ProductShow .sDown .fixedBoxA2 h3.title{opacity:1}
.ProductShow .sDown .fixedBoxA2 a.consult{opacity:1}
.ProductShow .sDown .tab-box{margin:30px 0 20px;padding:10px}
.ProductShow .sDown .tab-box .box{color:#666;font-size:13px;line-height:25px}
.ProductShow .sTop{height:560px}
.ProductShow .sTop .left{margin-left:0;width:654px;height:522px}
.ProductShow .sTop .share{float:left;width:100%;clear:both;margin:10px 0 0 0}
.ProductShow .sTop .right{width:500px}
.ProductShow .sTop .right h1{color:#333;font-size:20px}
.ProductShow .sTop .right h1 em{float:left;padding:0 15px;color:#fff;font-size:13px;background:#457ce6;margin-right:10px;border-radius:5px}
.ProductShow .sTop .right .wxBox{padding:20px;color:#666;font-size:13px;background:#e9e9e9;margin:20px 0;line-height:22px;height:100px}
.ProductShow .sTop .right .con{margin:10px 0 0;float:left}
.ProductShow .sTop .right .con a{position:relative;color:#fff;float:left;font-size:14px;border-radius:5px;padding:10px 50px;background:#333}
.ProductShow .sTop .right .con a:before{display:none;content:"";position:absolute;bottom:0;left:0;width:100%;height:10px;border-radius:100px;border-bottom:5px #0b7fb7 solid}
.ProductShow .sTop .right .con a:hover{background:#0d72a2}
.ProductShow .sTop .right .con .ewm{position:relative;float:left;margin:5px 0 0 15px}
.ProductShow .sTop .right .con .ewm em{display:block;width:30px;height:30px;position:relative;background:url(../images/icon_ewm.png) no-repeat;cursor:-webkit-zoom-in}
.ProductShow .sTop .right .con .ewm span{display:none;color:#666;font-size:12px}
.ProductShow .sTop .right .con .ewm .box{opacity:0;position:absolute;left:0;top:30px;width:185px;height:0;border:1px #aaa solid;background:#fff;border-radius:10px;overflow:hidden}
.ProductShow .sTop .right .con .ewm:hover .box{opacity:1;height:200px}
.ProductShow .sTop .right .con .ewm .box img{width:140px;height:140px;margin:auto;display:block}
.ProductShow .sTop .right .con .ewm .box span{margin:18px 0 2px;display:block;color:#666;font-size:12px;text-align:center}
.ProductShow .sTop .right .inf{float:left;margin:25px 0 0;clear:both;border-top:1px #ddd solid;width:100%;padding:20px 0 0}
.ProductShow .sTop .right .inf span{display:inline-block;margin-right:30px;color:#000;font-size:15px}
.ProductShow .sTop .right .inf span:before{font-size:20px;margin-right:5px}
.ProductShow .sTop .right .tel{margin:15px 0;padding:15px 0;color:#666;font-size:17px;border-bottom:1px #ddd solid}
.ProductShow .sTop .right .tel em{display:inline-block;width:20px;height:20px;color:#666;font-size:30px;margin-right:15px}
.ProductShow .sTop .right .tel b{font-weight:700;color:#333;font-size:25px}
.ProductShow .relevant{margin:30px 0;padding:50px 0;background:#f9f9f9}
.ProductShow .relevant h2{color:#333;font-size:25px;margin:0 0 20px 20px}
.ProductShow .relevant h2 em{color:#666;font-size:20px;margin:0 10px 0 0}
.ProductShow .relevant .picScroll-left{position:relative}
.ProductShow .relevant .picScroll-left .long{overflow:hidden}
.ProductShow .relevant .picScroll-left .long .list li{float:left;width:282px;margin:5px 10px;background:#fff;border:1px #eee solid;-webkit-box-shadow:0 0 10px #ddd;-moz-box-shadow:0 0 10px #ddd;box-shadow:0 0 10px #ddd}
.ProductShow .relevant .picScroll-left .long .list li a{display:block;padding:5px}
.ProductShow .relevant .picScroll-left .long .list li img{height:200px}
.ProductShow .relevant .picScroll-left .long .list li h4{padding:15px;color:#666;font-size:14px;text-align:center}
.ProductShow .relevant .picScroll-left .long .list li:hover h4{color:#0d72a2}
.ProductShow .relevant .picScroll-left .next,.ProductShow .relevant .picScroll-left .prev{position:absolute;top:90px;left:-50px;font-size:60px;color:#666;cursor:pointer}
.ProductShow .relevant .picScroll-left .next{right:-50px;left:auto}
.ProductShow .relevant .picScroll-left .next:hover,.ProductShow .relevant .picScroll-left .prev:hover{color:#0d72a2}
.etalage li.etalage_small_thumbs{right:-550px;overflow-x:hidden;overflow-y:inherit;margin-top:-131px}
.etalage li.etalage_small_thumbs ul{float:left}
#examples{position:absolute;left:0;width:300px;overflow:visible}
#etalage{display:none}
#etalage .etalage_thumb{background:#fff url(../images/loading.gif) center no-repeat;border:1px solid #ddd;padding:6px;-webkit-box-shadow:0 0 10px #ddd;-moz-box-shadow:0 0 10px #ddd;box-shadow:0 0 10px #ddd}
#etalage .etalage_small_thumbs li{background:#fff;border:1px solid #ddd;margin:10px;padding:3px}
#etalage ul li.etalage_smallthumb_active{border:#f60 solid 1px;-webkit-box-shadow:0 0 10px #ddd;-moz-box-shadow:0 0 10px #ddd;box-shadow:0 0 10px #ddd}
#etalage .etalage_zoom_area,.etalage_zoom_area{background:#fff url(../images/loading.gif) center no-repeat;border:1px solid #ddd;padding:6px;-webkit-box-shadow:0 0 10px #ddd;-moz-box-shadow:0 0 10px #ddd;box-shadow:0 0 10px #ddd}
#etalage .etalage_magnifier{background:#fff;border:1px solid #bbb}
#etalage .etalage_icon{background:url(../images/zoom.png) no-repeat;width:14px;height:14px}
#etalage .etalage_hint{background:url(../images/hint.gif) no-repeat;width:130px;height:57px}
#etalage .etalage_description{background:#fff;font-style:italic;margin:10px;padding:6px 10px}
.etalage,.etalage_hint,.etalage_icon,.etalage_source_image,.etalage_thumb,.etalage_thumb_image,.etalage_zoom_preview{display:none}
.etalage,.etalage img,.etalage li,.etalage ul,.etalage_description,.etalage_hint,.etalage_icon{margin:0;padding:0;border:0;list-style:none}
.etalage,.etalage_magnifier div,.etalage_magnifier div img,.etalage_small_thumbs ul,.etalage_zoom_area div,.etalage_zoom_img,ul .etalage_small_thumbs li{position:relative}
.etalage img,.etalage li{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none;user-drag:none}
.etalage,.etalage_small_thumbs li{float:left}
.etalage_right{float:right}
.etalage li{position:absolute}
.etalage img{vertical-align:bottom;max-width:none}
.etalage_magnifier{cursor:default}
.etalage_magnifier div,.etalage_small_thumbs{overflow:hidden}
.etalage_magnifier div img{display:none}
.etalage_hint,.etalage_icon{cursor:default;width:0;height:0;overflow:hidden}
.etalage_small_thumbs li.vertical{float:none}
.etalage_zoom_area{z-index:996}
.etalage_zoom_area div{overflow:hidden;z-index:997}
.etalage_zoom_preview{position:absolute;z-index:998}
.etalage_hint,.etalage_zoom_img{z-index:999}
.etalage{direction:ltr}
div.etalage_description{position:absolute;bottom:0;left:0;z-index:999}
div.etalage_description.rtl{direction:rtl;text-align:right}
.NewsListBox .list li{float:left;clear:both;margin:20px 0 30px;padding:0 0 30px;width:100%;border-bottom:1px #ddd solid}
.NewsListBox .list li .img{width:350px;height:260px}
.NewsListBox .list li .img img{width:350px;height:260px}
.NewsListBox .list li .left{width:300px}
.NewsListBox .list li .middle{width:570px;margin:0 50px}
.NewsListBox .list li .middle h4{color:#666;font-size:18px;font-weight:700;margin:30px 0 0}
.NewsListBox .list li .middle p{margin:30px 0 45px;color:#999;font-size:14px;line-height:23px}
.NewsListBox .list li .middle b{color:#333;font-size:13px;border:1px #ddd solid;padding:10px 30px;background:#f5f5f5}
.NewsListBox .list li .right{width:120px;color:#666;font-size:50px;text-align:center;background:#f7f7f7;padding:30px 20px 15px;margin:50px 0 0}
.NewsListBox .list li .right span{margin-top:20px;padding-top:5px;border-top:1px #ddd solid;display:block;color:#999;font-size:14px}
.NewsListBox .list li a:hover h4{color:#f60}
.NewsListBox .list li a:hover b{background:#f60;color:#fff;border:1px #f60 solid}
.NewsListBox .list li a:hover .right{background:#f60;color:#fff}
.NewsListBox .list li a:hover .right span{color:#fff}
.news-list li{float:left;width:100%;padding:0 0 20px;margin:20px 0;border-bottom:2px #ddd solid}
.news-list li .left{width:870px}
.news-list li .left h4{color:#555;font-size:16px;font-weight:700}
.news-list li .left span{display:block;margin:10px 0 20px;color:#a4a4a4;padding-left:15px;font-size:12px;background:url(../images/ico10.png) no-repeat left}
.news-list li .left p{color:#a4a4a4;font-size:12px;line-height:23px}
.news-list li .left b{display:inline-block;margin:20px 0 0;padding:7px 25px;border:1px #383838 solid;color:#383838;font-size:14px}
.news-list li a:hover h4{color:#f60}
.news-list li a:hover b{border:1px #f60 solid;color:#f60}
.news-list li .img{width:300px}
.NewsDetailBox{margin:30px 0 20px}
.NewsDetailBox .left{width:850px}
.NewsDetailBox .left .title{position:relative;padding:0 0 10px 0;border-bottom:1px #ddd solid}
.NewsDetailBox .left .title h1{color:#333;margin:0 0 10px;font-size:20px;font-weight:700}
.NewsDetailBox .left .title hr{position:absolute;bottom:-1px;left:0;width:150px;background:#f60;border:none;height:1px}
.NewsDetailBox .left .title span{display:inline-block;color:#999;font-size:12px;margin:0 20px 0 0}
.NewsDetailBox .left .title span.fonts a{margin:0 5px}
.NewsDetailBox .left .title span.fonts a.active{color:#f60}
.NewsDetailBox .left .wx{margin:30px 0;color:#666;font-size:13px;line-height:23px}
.NewsDetailBox .left .pagination{padding:30px 0;margin:30px 0}
.NewsDetailBox .left .pagination .list{float:right;display:inline-block;color:#fff;font-size:14px;background:#f60;padding:5px 20px}
.NewsDetailBox .left .pagination .list:hover{background:#0d72a2}
.NewsDetailBox .left .pagination .share{float:left}
.NewsDetailBox .left .pagination .long{margin:30px 0;padding:10px;background:#eee}
.NewsDetailBox .left .pagination .long span{color:#666;font-size:12px}
.NewsDetailBox .left .pagination .long span font{padding:2px 8px;margin-right:10px;background:#f9f9f9;font-size:13px;color:#333}
.NewsDetailBox .left .pagination .long span a:hover{color:#f60}
.NewsDetailBox .right{width:300px}
.NewsDetailBox .right ul{border:#ddd solid 1px;padding:30px 20px;background:#fdfdfd}
.NewsDetailBox .right ul h2{position:relative;margin:0 0 20px;color:#333;font-size:18px}
.NewsDetailBox .right ul h2 em{margin-right:10px}
.NewsDetailBox .right ul h2:after{content:"";position:absolute;right:0;top:12px;width:155px;height:1px;background:#ddd}
.NewsDetailBox .right ul{margin:25px 0 0}
.NewsDetailBox .right ul li{margin:10px 0;padding:0 0 10px;border-bottom:1px #ddd dashed}
.NewsDetailBox .right ul li:last-child{border:none}
.NewsDetailBox .right ul li h4{display:block;color:#666;font-size:13px;font-weight:700}
.NewsDetailBox .right ul li p{margin:10px 0 5px;color:#999;font-size:12px;line-height:22px}
.NewsDetailBox .right ul li span{display:block;color:#b7b5b5;font-size:12px;line-height:20px;text-align:right}
.NewsDetailBox .right ul li b{float:right;color:#b7b5b5;font-size:12px;line-height:20px;display:none}
.NewsDetailBox .right ul li a:hover h4,.NewsDetailBox .right ul li a:hover p{color:#f60}
.NewsDetailBox #fixedBoxA{width:300px}
.NewsDetailBox .fixedBoxA2{position:fixed;top:0;z-index:250}
.NewsDetailBox .absolute{position:absolute;z-index:250;bottom:0}
.download-list{float:left;width:100%;margin:20px 0 50px}
.download-list a{float:left;width:545px;margin:0 10px 20px;border-radius:10px;padding:20px 15px;border:2px #ddd solid}
.download-list a h4{color:#333;font-size:16px}
.download-list a p{color:#999;font-size:13px;margin:10px 0 5px}
.download-list a span{display:block;margin:10px 0 0;font-size:12px;color:#999}
.download-list a span em{float:right;background:#ccc;border-radius:20px;padding:2px 10px;color:#fff;font-size:x-small}
.download-list a:hover{border:2px #00529c solid}
.download-list a:hover h4{color:#00529c}
.download-list a:hover span em{background:#00529c}
.list-video{width:1240px;margin-left:-40px}
.list-video li{float:left;width:580px;margin-left:40px;margin-bottom:40px}
.list-video li img{width:580px;height:454px}
.list-video li .box{border:1px solid #ddd;padding:30px 25px;border-top:none;height:195px}
.list-video li .box h3{float:left;clear:both;width:100%;font-size:24px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px}
.list-video li hr{float:left;width:50px;height:3px;margin:-5px 0 20px;border:none;background:#f60}
.list-video li .box h3 span{display:block;background:#f60;width:100px;height:3px;padding-top:15px;margin-top:15px;font-size:18px}
.list-video li a:hover h3{color:#f60;transition:all .3s}
.list-video li b{float:right;width:105px;height:40px;background:#f60;color:#fff;text-align:center;line-height:40px;font-size:14px;font-weight:400}
.list-video li a:hover b{background:#f60;transition:all .3s}
.list-video li p{color:#666;clear:both;font-size:12px;line-height:22px}
.list-video li:hover{background:#f5f5f5}
.list-video li:hover hr{width:150px;background:#f60}
.video-show embed{float:left;margin:20px 0;width:100%;height:500px}
.joinBox{background:#f5f5f5}
.joinBox div.lefter{width:930px}
.joinBox div.righter{width:240px}
.join-list li{margin:0 0 30px;padding:0 0 20px;border:1px #eee solid;background:#fff}
.join-list li .title{position:relative;padding:30px 30px 50px;border-bottom:1px #f2f2f2 solid;background:#fafafa}
.join-list li .title h3{color:#444;font-size:25px;font-weight:700;margin:0 0 20px}
.join-list li .title span{color:#666;font-size:14px}
.join-list li .title .txt-right{position:absolute;right:30px;bottom:30px;color:#777}
.join-list li .box h4{color:#444;font-weight:700;font-size:16px;margin:0 0 10px}
.join-list li .box{margin:30px 30px 40px;padding:0 0 40px;color:#777;font-size:14px;line-height:30px;border-bottom:1px #eee solid}
.join-list li .title .share{float:right;margin-top:-50px}
.join-list li .down{margin:30px;padding:20px;background:#f5f5f5}
.join-list li .down p{color:#666;font-size:15px;line-height:32px}
.join-list li .down a{float:right;display:inline-block;color:#fff;background:#f60;padding:7px 25px;font-size:15px}
.join-list li .down a:hover{background:#f60}
.joinBox .righter .box{padding:20px;margin:0 0 20px;border-top:1px #eee solid;border-right:1px #eee solid;border-bottom:2px #eee solid;border-left:1px #eee solid;background:#fff}
.joinBox .righter .one img{display:block;margin:auto;max-width:100%}
.joinBox .righter .one h2{color:#333;font-size:15px;margin:15px 0;text-align:center}
.joinBox .righter .one a{width:150px;display:block;margin:auto;text-align:center;color:#777;font-size:14px;border:1px #ddd solid;padding:7px 20px}
.joinBox .righter .one a:hover{background:#f60;color:#fff}
.joinBox .righter .two h3{font-size:18px;color:#666;padding-bottom:10px;margin:0 0 15px;border-bottom:1px #eee solid}
.joinBox .righter .two ul li em{color:#999;width:20px;font-size:20px;margin:0 5px 0 0;display:inline-block;vertical-align:top;text-align:center}
.joinBox .righter .two ul li{display:block;clear:both;margin:5px 0 15px}
.joinBox .righter .two ul li span{display:inline-block;color:#888;font-size:13px;width:165px}
.joinBox .righter .two ul li.x1{height:45px}
.joinBox .righter .two ul li.x1 span{line-height:25px}
.joinBox .righter .two ul li.x1 em{line-height:45px}
.joinBox .righter .two ul li.x2 em{line-height:23px}
.joinBox .righter .four h3{text-align:center;color:#666;font-size:15px}
.joinBox .righter .four img{display:block;margin:10px auto;max-width:100%}
.joinBox #fixedBoxA{width:240px}
.joinBox .fixedBoxA2{position:fixed;top:20px;z-index:250}
.joinBox .absolute{position:absolute;z-index:250;bottom:0}
.faqBox{padding:50px 0 100px;background:#f8f8f8}
.faqBox .lefter{padding:10px 20px;background:#fff}
.faqBox .lefter a{display:block;font-size:13px;color:#666;border-bottom:1px #f0f0f0 solid;padding:15px 25px;font-weight:700}
.faqBox .lefter a:hover{color:#f60}
.faqBox .lefter a:last-child{border:none}
.faqBox .righter{background:#fff}
.list-faq{padding:20px}
.list-faq li{width:100%;padding:30px;clear:both;margin:0 0 20px;border-bottom:1px #ddd dashed}
.list-faq li em{color:#fff;font-size:40px;width:80px;height:80px;text-align:center;background:#a0a0a0;border-radius:50%;padding:10px 0 0;margin:0 20px 0 0}
.list-faq li em:before{margin-top:8px}
.list-faq li h3,.list-faq li h3 a{color:#666;font-size:16px;font-weight:700}
.list-faq li .wx{margin:10px 0 0;color:#999;font-size:12px;line-height:22px}
.list-faq li .wx a{color:#f60;font-size:12px;margin-left:10px}
.list-faq li a:last-child{border:none}
.list-faq li:hover h3,.list-faq li:hover h3 a{color:#f60}
.list-faq li:hover em{background:#f60}
.faqBox .righter .content{padding:20px 30px 50px}
.faqBox .righter .content h2{color:#333;font-size:20px;margin:20px 0 50px}
.faqBox .righter .content h3{color:#666;font-size:16px;font-weight:700}
.faqBox .righter .content .wx{margin:20px 0 0;color:#777;font-size:13px;line-height:23px}
.list-honor{float:left;width:100%;margin-top:20px}
.list-honor li{display:inline-block;width:274px;margin:0 10px 20px;padding:10px;border:1px #dedede solid;border-radius:10px;background:#f9f9f9}
.list-honor li .imgBox{width:100%;height:100%;vertical-align:middle;display:table-cell;text-align:center;height:350px;background:#f9f9f9}
.list-honor img{max-width:100%;vertical-align:middle;display:block;width:100%;border:1px #ddd solid}
.list-honor li figure{vertical-align:middle;display:table-cell;text-align:center}
.list-honor .imghvr-shutter-in-out-diag-1 figcaption em{margin-top:120px}
.list-honor .imghvr-shutter-in-out-diag-1:after,.list-honor .imghvr-shutter-in-out-diag-1:before{width:200%;height:100%}
.list-honor h4{width:100%;text-align:center;color:#666;font-size:15px;padding:15px 0 5px;border-top:1px #eee solid}
.list-honor li:hover h4{color:#f60}
.list-pic{float:left;width:100%;margin-top:20px}
.list-pic .effect-one .effect-one-img{width:auto;margin:auto}
.list-pic li{display:inline-block;width:280px;margin:0 10px 20px}
.list-pic li .imgBox{height:220px;background:#fff}
.list-pic img{max-width:100%;height:220px;width:100%;border:1px #ddd solid}
.list-pic h4{width:100%;text-align:center;color:#666;font-size:15px;padding:7x 0 10px}
.list-pic li:hover h4{color:#f60}
.list-cooperation{float:left;width:100%;margin-top:20px}
.list-cooperation .effect-one{border:1px #ddd solid}
.list-cooperation .effect-one .effect-one-img{width:auto;margin:auto}
.list-cooperation li{position:relative;display:inline-block;width:274px;margin:0 10px 20px}
.list-cooperation img{max-width:100%;height:100px;margin-bottom:-6px;border:2px #eee solid}
.list-cooperation h4{text-align:center;color:#666;font-size:14px;padding:10px 0}
.list-cooperation a:hover h4{color:#f60}
.list-cooperation .effect-two::before{border-top:2px solid #f60;border-bottom:2px solid #f60}
.list-cooperation .effect-two::after{border-left:2px solid #f60;border-right:2px solid #f60}
.fzlc .bigBox{position:relative;float:left;margin:130px 0 0;width:100%;height:100%}
.fzlc .bigBox .top{left:585px;top:-110px;position:absolute;height:52px;width:31px;color:#f60;font-size:55px}
.bigBox:before{content:"";width:1px;margin-top:-50px;height:100%;background:#f60;left:600px;top:0;position:absolute}
.fzlc .bigBox .img{position:relative;width:530px}
.fzlc .bigBox .img img{max-width:100%}
.fzlc .bigBox .text h3{font-weight:400;font-size:32px;color:#f60;margin:0 0 20px}
.fzlc .bigBox .text em{color:#c38f5f;margin:0 5px;font-style:normal}
.fzlc .bigBox .img:before{content:"";position:absolute;z-index:-1;top:58px;width:60px;height:1px;background:#f60}
.fzlc .bigBox .img:after{content:"";position:absolute;width:15px;height:15px;background:#f60;border-radius:500rem;box-shadow:0 0 0 5px rgba(0,146,216,.28);top:50px}
.fzlc .bigBox .text{width:530px;color:#555;font-size:14px;line-height:30px}
.fzlc .bigBox .one,.fzlc .bigBox .two{float:left;width:100%;margin:0 0 90px}
.fzlc .bigBox .one .img{float:right}
.fzlc .bigBox .one .img:before{left:-57px}
.fzlc .bigBox .one .img:after{left:-77px}
.fzlc .bigBox .one .text{float:left;text-align:right}
.fzlc .bigBox .one .text em{float:right}
.fzlc .bigBox .two .img{float:left;text-align:right}
.fzlc .bigBox .two .img:before{right:-58px}
.fzlc .bigBox .two .img:after{right:-78px}
.fzlc .bigBox .two .text{float:right;text-align:left}
.fzlc .bigBox .two .text em{float:left}
.AboutBox{margin-bottom:-50px}
.AboutBox .block{margin:20px 0 60px}
.AboutBox .bgd{padding:10px 0 60px;margin-bottom:10px;background:#ececec}
.AboutBox .wx{color:#666;font-size:13px;line-height:25px}
.AboutBox .title{color:#f60;font-size:48px;margin:60px 0;font-family:font1,宋体;text-align:center}
.AboutBox .title span{color:#666;font-size:14px;display:block;margin-top:13px}
.AboutBox .introduction{margin-top:0}
.AboutBox .introduction .left{width:600px}
.AboutBox .introduction .left a{cursor:pointer}
.AboutBox .introduction .right{width:550px}
.AboutBox .introduction .right h3{margin:40px 0 0;color:#555;font-size:30px}
.AboutBox .introduction .right span{display:block;margin-top:10px;color:#aaa;font-size:18px;font-family:font1,宋体}
.AboutBox .introduction .right h4{margin:30px 0 40px;color:#333;font-size:22px}
.AboutBox .introduction .right .wx{margin:30px 0 75px}
.AboutBox .introduction .right hr{display:block;width:70px;height:2px;border:none;background:#f60}
.AboutBox .culture .box .wx{width:560px;color:#333;font-size:14px;line-height:25px}
.AboutBox .course .picScroll-left{position:relative;overflow:hidden}
.AboutBox .course .picScroll-left hr{position:absolute;top:55px;left:0;border:none;width:100%;height:1px;background:#ddd}
.AboutBox .course .picScroll-left .tempWrap{width:1200px}
.AboutBox .course .picScroll-left .next,.AboutBox .course .picScroll-left .prev{padding:5px 30px;color:#fff;font-size:15px;cursor:pointer;border-radius:10px 0 0 10px;display:inline-block;background:#666}
.AboutBox .course .picScroll-left .next{left:inherit;border-radius:0 10px 10px 0}
.AboutBox .course .picScroll-left .arrow{margin-top:50px;width:100%;text-align:center}
.AboutBox .course .picScroll-left .arrow a:hover{background:#f60}
.AboutBox .course .picScroll-left h4{display:block;width:100%;height:1px;border:none;background:#ddd}
.AboutBox .course .picScroll-left .list li{float:left;width:300px;text-align:center}
.AboutBox .course .picScroll-left .list li em{display:block;margin:auto;width:12px;height:12px;border-radius:50%;border:2px #9c9c9c solid;padding:1px;background:#f9f9f9}
.AboutBox .course .picScroll-left .list li h3{color:#f60;font-weight:700;font-size:18px;line-height:30px;height:50px;padding:10px 0}
.AboutBox .course .picScroll-left .list li p{color:#666;font-size:13px;height:50px}
.AboutBox .course .picScroll-left .list li.one p{margin-top:10px}
.AboutBox .honor .picScroll-left{position:relative}
.AboutBox .honor .picScroll-left .hidden{width:1210px;overflow:hidden}
.AboutBox .honor .picScroll-left .list li{position:relative;float:left;width:285px;margin:0 10px}
.AboutBox .honor .picScroll-left .list li .pic{width:400px;padding:10px;height:390px;border-radius:10px;vertical-align:middle;display:table-cell;text-align:center;border:1px #dedede solid;background:#f9f9f9}
.AboutBox .honor .picScroll-left .list li:hover .pic{border:1px #f60 solid}
.AboutBox .honor .picScroll-left .next,.AboutBox .honor .picScroll-left .prev{position:absolute;width:40px;color:#fff;font-size:40px;padding:5px 10px;top:155px;left:-45px;cursor:pointer;text-align:center;background:#666}
.AboutBox .honor .picScroll-left .next,.prev{left:inherit;right:-65px}
.AboutBox .honor .picScroll-left .next:hover,.AboutBox .honor .picScroll-left .prev:hover{background:#333}
.AboutBox .honor .picScroll-left .list li img{width:100%;margin:auto;max-height:400px;display:block;vertical-align:middle;background:#fff}
.AboutBox .honor .picScroll-left li a:hover h4{color:#f60}
.AboutBox .honor .picScroll-left .list li h4{color:#555;font-size:15px;padding:10px 0 0;text-align:center;font-weight:700}
.AboutBox .ambient{position:relative;overflow:hidden}
.AboutBox .ambient .list li.one{width:600px;height:467px}
.AboutBox .ambient .list li.two{width:290px;height:228px;margin:0 0 10px 10px}
.AboutBox .ambient .list li{float:left;background:#eee;overflow:hidden}
.AboutBox .ambient .list li img{width:100%;height:100%;display:block}
.AboutBox .ambient .list li a{position:relative;display:block;height:100%}
.AboutBox .ambient .list li h3{position:absolute;bottom:0;left:0;width:100%;padding:15px;color:#fff;font-size:16px;background:rgba(0,0,0,.5)}
.AboutBox .ambient .list li u{position:absolute;left:0;bottom:-100%;display:block;width:100%;height:100%;background:rgba(0,146,216,.8)}
.AboutBox .ambient .list li .box{position:absolute;left:0;top:154px;width:100%;text-align:center}
.AboutBox .ambient .list li h4{opacity:0;margin-left:-50px;color:#fff;font-size:16px;transition:all .6s ease-in-out}
.AboutBox .ambient .list li hr{opacity:0;width:0;margin:30px auto;height:1px;border:none;background:#fff;transition:all .6s ease-in-out}
.AboutBox .ambient .list li span{opacity:0;display:-webkit-inline-box;margin-right:-50px;padding:7px 15px;border:1px #eee solid;color:#eee;font-size:12px;transition:all .6s ease-in-out}
.AboutBox .ambient .list li:hover u{bottom:0}
.AboutBox .ambient .list li:hover h3{bottom:-100%}
.AboutBox .ambient .list li:hover h4{opacity:1;margin-left:0}
.AboutBox .ambient .list li:hover hr{opacity:1;width:80px}
.AboutBox .ambient .list li:hover span{opacity:1;margin-right:0}
.AboutBox .ambient .list li.two .box{left:0;top:60px}
.AboutBox .ambient .list li.two hr{margin:30px auto}
.AboutBox .cooperation{padding:20px 0 60px;background:url(../images/cooperation-bg.jpg)}
.AboutBox .cooperation ul{margin:30px 0 0}
.AboutBox .cooperation ul li{float:left;width:230px;margin:0 5px 10px;border:1px #fff solid;-webkit-box-shadow:0 0 20px #aaa;-moz-box-shadow:0 0 20px #aaa;box-shadow:0 0 20px #aaa}
.AboutBox .cooperation ul li:hover{-webkit-box-shadow:0 0 20px #f60;-moz-box-shadow:0 0 20px #40702d;box-shadow:0 0 5px #f60;border:1px #f60 solid}
.AboutBox .cooperation ul li img{width:228px;height:80px;display:block}
.contact h2{color:#1a1a1a;font-size:25px;margin:0 0 50px}
.contact .long{float:left;width:100%}
.contact .long b{float:left;width:20%;text-align:center}
.contact .long b h4{color:#999;font-size:14px;font-weight:400}
.contact .long b h4 span{margin:5px 0;display:block;color:#666;font-size:13px}
.contact .box{margin:10px 0 20px;font-size:14px;color:#666;line-height:25px}
.contact #dituContent{float:left;width:100%;height:450px;margin:0 0 0}
.leftNav{width:240px;background:#fff}
.leftNav h2{width:100%;font-weight:700;padding:30px 0 20px 50px;font-size:26px;color:#fff;border-radius:0 25px 0 0;background:#0082cb}
.leftNav h2 font{font-size:12px;display:block;margin-top:2px}
.leftNav ul{margin:0;padding:0 0;border:1px #ddd solid}
.leftNav ul li{border-bottom:1px #ededed solid}
.leftNav ul li a{position:relative;display:block;line-height:35px;color:#333;font-size:14px;padding:10px 0 10px 20px;background:#f9f9f9}
.leftNav ul li a:before{content:"";display:blcok;position:absolute;left:0;top:0;width:3px;height:0;background:#147fdd;transition:all .5s ease-in-out}
.leftNav ul li a:hover:before{height:100%}
.leftNav ul li a:hover,.leftNav ul li.active a{color:#147fdd}
.lefter #fixedBoxA{width:240px}
.lefter .fixedBoxA2{position:fixed;top:30px;z-index:250}
.lefter .absolute{position:absolute;z-index:250;bottom:0}
.left_contact{margin:30px 0 0;padding:18px;color:#555;font-size:13px;line-height:23px;border:1px #ddd solid}
.left_contact img{margin:0 0 5px}
.sitemap-frame{margin:50px 0 20px}
.sitemap-frame .site-box{border-bottom:2px #666 solid}
.sitemap-frame .site-box .left{padding:10px 20px;color:#fff;background:#555}
.sitemap-frame .site-box .left a{color:#fff;display:inline-block}
.sitemap-frame .site-box .right{color:#888;font-size:13px;line-height:35px;padding-left:20px}
.sitemap-frame .site-box .right a{display:inline-block;color:#888;font-size:13px}
.sitemap-frame .site-box .right a:hover{color:#f60}
.sitemap-frame .list{width:100%;float:left;margin:40px 0;display:table}
.sitemap-frame .list li{display:table-cell;text-align:center}
.sitemap-frame .list hr{width:3px;height:100%;border:none;background:#000}
.sitemap-frame .list h4 a{display:block;color:#fff;font-size:15px;padding:10px;border-bottom:1px #ddd dotted;margin:0 5px;background:#607782;border-radius:7px}
.sitemap-frame .list a:before{padding-right:5px}
.sitemap-frame .list .box{padding:20px 0 10px;clear:both;border-left:1px #ddd solid;margin:0 5px}
.sitemap-frame .list .box a{position:relative;display:block;color:#666;font-size:13px;background:#ededed;padding:10px 5px;margin:0 0 20px 5px;border-radius:5px}
.sitemap-frame .list .box a:after{content:"";position:absolute;left:-12px;top:20px;width:12px;height:5px;display:block;background:#cacaca}
.sitemap-frame .list a:hover{color:#fff;background:#f60}
#pages{float:left;width:100%;margin:20px 0 50px;text-align:center}
#pages span{border:0 #008ed8 solid;padding:5px 10px;margin:0 5px;background:#008ed8;color:#fff}
#pages a{border:1px #bbb solid;padding:5px 10px;color:#666;margin:0 5px}
#pages a:hover{color:#fff;background:#008ed8}
.comments .title{float:left;width:100%;text-align:left;margin:50px 0 35px;color:#666;font-size:30px}
.comments .title b{margin:10px 0 0;font-size:12px;color:#777;font-weight:400}
.comments .title span{display:block;border:2px solid #ccc;width:14px;height:14px;border-radius:100%;margin:.4em auto 0;position:relative}
.contact-form{float:left;width:100%;margin:20px 0}
.contact-form .fields-grid{float:left;width:102%;margin-left:-2%}
.styled-input{margin-right:2%}
.styled-input.agile-styled-input-top{margin-top:0}
.contact-form .yzm{width:205px;margin-right:20px}
.contact-form .yzm input.input-verifycode{width:120px;float:right;margin:10px 0 0}
.contact-form .yzm img{float:left;margin:20px 0 0}
.contact-form input[type=email],.contact-form input[type=text],.contact-form textarea{font-size:13px;color:#999;padding:10px;border:0;width:100%;border-bottom:1px solid #aaa;background:0 0;-webkit-appearance:none;outline:0}
.contact-form textarea{min-height:100px;resize:none}
.styled-input input:focus~label,.styled-input input:valid~label,.styled-input textarea:focus~label,.styled-input textarea:valid~label{font-size:14px;color:#f60;top:-1.3em;-webkit-transition:all .125s;-moz-transition:all .125s;-o-transition:all .125s;-ms-transition:all .125s;transition:all .125s}
.styled-input{width:48%;margin:2em 0 1em 2%;position:relative;float:left}
.textarea-grid{float:left;width:100%!important;margin-left:0!important}
.styled-input label{color:#8c8c8c;padding:.5em .9em;position:absolute;top:0;left:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;pointer-events:none;font-weight:400;font-size:14px;display:block;line-height:1em}
.styled-input input~span,.styled-input textarea~span{display:block;width:0;height:2px;background:#f60;position:absolute;bottom:0;left:0;-webkit-transition:all .125s;-moz-transition:all .125s;transition:all .125s}
.styled-input textarea~span{bottom:6px}
.styled-input input:focus.styled-input textarea:focus{outline:0}
.styled-input input:focus~span,.styled-input textarea:focus~span{width:100%;-webkit-transition:all 75ms;-moz-transition:all 75ms;transition:all 75ms}
.contact-form button[type=submit]{outline:0;color:#fff;padding:10px 30px;font-size:14px;margin:10px 0 0;-webkit-appearance:none;background:#666;border:none;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;-ms-transition:.5s all;transition:.5s all;cursor:pointer}
.contact-form button[type=submit]:hover{background:#f60}
#dituContent{margin:0 0 0;width:100%;height:500px}
.kefuBox-One{position:fixed;right:20px;bottom:120px;z-index:99}
.kefuBox-One ul li{position:relative;margin:2px 0;cursor:pointer}
.kefuBox-One ul li a{position:relative;display:block;width:45px;height:45px;overflow:hidden}
.kefuBox-One ul li em{position:absolute;left:0;top:0;display:block;padding:10px 0 0;width:100%;height:100%;font-size:22px;color:#eee;text-align:center;border:1px solid #ccc;background:#fff url(../img/tp_tb1.png) no-repeat center}
.kefuBox-One ul li .ewm{display:block;width:100%}
.kefuBox-One ul li em.icon-mobile{font-size:35px;padding:5px 0 0}
.kefuBox-One ul li em.icon-phone{font-size:30px}
.kefuBox-One ul li b{position:absolute;left:0;top:45px;padding:3px;display:block;width:100%;font-size:14px;height:100%;color:#ddd;line-height:18px;text-align:center;background:#333}
.kefuBox-One ul li .toolbar-layer{position:absolute;right:47px;bottom:-10px;width:172px;opacity:0;padding:5px;border-radius:5px;border:1px #ccc solid;background:#fff;transform-origin:95% 95%;-moz-transform-origin:95% 95%;-ms-transform-origin:95% 95%;-o-transform-origin:95% 95%;-webkit-transform-origin:95% 95%;transform:scale(.01);-moz-transform:scale(.01);-ms-transform:scale(.01);-o-transform:scale(.01);-webkit-transform:scale(.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s}
.kefuBox-One ul li .img{width:120px}
.kefuBox-One ul li .tel{color:#666;font-size:15px;padding:20px;background:rgba(255,255,255,.86)}
.kefuBox-One ul li .tel hr{width:100%;border:0;background:#f60}
.kefuBox-One ul li .tel font{float:left;width:100%;clear:both;margin:5px 0;padding:5px 0;font-weight:700;color:#555;font-size:15px}
.kefuBox-One ul li .qq .toolbar-laye{padding:40x 2px}
.kefuBox-One ul li .qq i{margin:3px 0;display:block;font-style:normal;text-align:center}
.kefuBox-One ul li .qq i:hover{color:#f60}
.kefuBox-One ul li:hover .toolbar-layer{opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
.kefuBox-One ul li:hover em{top:-45px}
.kefuBox-One ul li:hover b{top:0}
.kefuBox-One ul li .cd-top{height:0}
.kefuBox-One ul li .cd-is-visible{height:45px}
.pop{display:none;width:350px;min-height:270px;max-height:350px;height:270px;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;padding:25px;z-index:130;border-radius:8px;background-color:#fff;box-shadow:0 3px 18px rgba(72,72,72,.5)}
.pop-top{height:35px;width:100%;border-bottom:1px #e5e5e5 solid}
.pop-top h2{float:left;font-size:18px;color:#666;display:block}
.pop-top span{float:right;margin-top:0;width:25px;line-height:23px;height:25px;font-size:22px;cursor:pointer;text-align:center;font-weight:700;display:block;color:#666;border-radius:50%}
.pop-top span:hover{transform:rotate(360deg);color:#fff;font-size:16px;background:#737373}
.pop-foot{height:50px;line-height:50px;width:100%;border-top:1px #e5e5e5 solid;text-align:right}
.pop-cancel,.pop-ok{padding:8px 15px;margin:15px 5px;border:none;border-radius:5px;background-color:#337ab7;color:#fff;cursor:pointer}
.pop-cancel{background-color:#fff;border:1px #cecece solid;color:#000}
.pop-content{height:170px;margin:20px 0}
.pop-content img{max-width:100%;max-height:100%;display:block;margin:auto}
.pop-content-left{float:left}
.pop-content-right{width:310px;float:left;padding-top:20px;padding-left:20px;font-size:16px;line-height:35px}
.bgPop{display:none;position:absolute;z-index:129;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.2)}
[class*=' imghvr-'],[class^=imghvr-]{position:relative;display:inline-block;margin:0;width:100%;max-width:100%;background-color:rgba(1,87,155,.3);color:#fff;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transform:translateZ(0);transform:translateZ(0)}
[class*=' imghvr-']>img,[class^=imghvr-]>img{vertical-align:top;max-width:100%}
[class*=' imghvr-'] figcaption,[class^=imghvr-] figcaption{background-color:inherit;padding:30px;position:absolute;top:0;bottom:0;left:0;right:0}
[class*=' imghvr-'] em,[class*=' imghvr-'] h3,[class*=' imghvr-'] p,[class^=imghvr-] em,[class^=imghvr-] h3,[class^=imghvr-] p{margin:0;padding:0;color:#fff}
[class*=' imghvr-'] a,[class^=imghvr-] a{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1}
[class*=' imghvr-'],[class*=' imghvr-'] *,[class*=' imghvr-'] :after,[class*=' imghvr-'] :before,[class*=' imghvr-']:after,[class*=' imghvr-']:before,[class^=imghvr-],[class^=imghvr-] *,[class^=imghvr-] :after,[class^=imghvr-] :before,[class^=imghvr-]:after,[class^=imghvr-]:before{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .35s ease;transition:all .35s ease}
[class*=' imghvr-shutter-in-']:after,[class*=' imghvr-shutter-in-']:before,[class^=imghvr-shutter-in-]:after,[class^=imghvr-shutter-in-]:before{background:inherit;position:absolute;content:''}
[class*=' imghvr-shutter-in-']:after,[class^=imghvr-shutter-in-]:after{top:0;left:0}
[class*=' imghvr-shutter-in-']:before,[class^=imghvr-shutter-in-]:before{right:0;bottom:0}
[class*=' imghvr-shutter-in-'] figcaption,[class^=imghvr-shutter-in-] figcaption{opacity:0;z-index:1}
[class*=' imghvr-shutter-in-']:hover figcaption,[class^=imghvr-shutter-in-]:hover figcaption{opacity:1;-webkit-transition-delay:.2s;transition-delay:.2s}
.imghvr-shutter-in-out-diag-1:after,.imghvr-shutter-in-out-diag-1:before{width:200%;height:200%;-webkit-transition:all .6s ease;transition:all .6s ease;opacity:.3}
.imghvr-shutter-in-out-diag-1:after{-webkit-transform:skew(-45deg) translateX(-150%);transform:skew(-45deg) translateX(-150%)}
.imghvr-shutter-in-out-diag-1:before{-webkit-transform:skew(-45deg) translateX(150%);transform:skew(-45deg) translateX(150%)}
.imghvr-shutter-in-out-diag-1:hover:after{-webkit-transform:skew(-45deg) translateX(-50%);transform:skew(-45deg) translateX(-50%)}
.imghvr-shutter-in-out-diag-1:hover:before{-webkit-transform:skew(-45deg) translateX(50%);transform:skew(-45deg) translateX(50%)}
.imghvr-shutter-in-out-diag-1 figcaption{text-align:center}
.imghvr-shutter-in-out-diag-1 figcaption em{margin-top:60px;display:block;color:#fff;font-size:40px}