@charset "utf-8";
*{padding:0;margin:0}
ul li{list-style:none}
a{text-decoration:none;transition:all .1s linear}
img{border:none;float:left}
input{border:none;background:0 0}
input,textarea{font-family:"Microsoft Yahei","Helvetica Neue","Helvetica,Arial","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei","Source Han Sans SC Regular",sans-serif;outline:0;font-size:14px;-webkit-appearance:none}
.clear{clear:both}
.fl{float:left}
.fr{float:right}
.ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}
body,html{font:12px "Microsoft Yahei","Helvetica Neue","Helvetica,Arial","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei","Source Han Sans SC Regular",sans-serif;color:#444;width:100%;height:100%;background:#fff;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}
.fw{margin:0 auto;width:1180px}
body{overflow-x:hidden}
body.gh1{ max-width:768px; margin:0 auto;}
.agent-pc body{min-width:1180px}
.bx-sliderCount,a,a i{color:#898989}
a.active,a:hover{color:#00C0FF}
.yyloading{min-height:50px;background:url(../images/loading.gif) center center no-repeat #fff;height:100%;width:100%;position:fixed;top:0;left:0;z-index:96}
@-webkit-keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0)}
40%{-webkit-transform:scale(1)}
}
@keyframes bouncedelay{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}
40%{transform:scale(1);-webkit-transform:scale(1)}
}
.agent-mobile .bx-wrapper .bx-controls-direction{display:none}
.bx-wrapper .bx-helper{position:absolute;right:20px;background-color:#fff;min-width:38px;padding:6px;top:20px}
.agent-mobile .bx-wrapper .bx-helper{display:none}
.bx-wrapper .bx-helper .bx-fullscreenBtn{display:none;position:relative;text-align:center;height:22px;width:100%}
.bx-wrapper .bx-helper .bx-fullscreenBtn i{font-size:14px;margin-top:2px}
:fullscreen .bx-wrapper .bx-helper .bx-fullscreenBtn i:before{content:"\f066"}
:-moz-full-screen .bx-wrapper .bx-helper .bx-fullscreenBtn i:before{content:"\f066"}
:-webkit-full-screen .bx-wrapper .bx-helper .bx-fullscreenBtn i:before{content:"\f066"}
:-ms-full-screen .bx-wrapper .bx-helper .bx-fullscreenBtn i:before{content:"\f066"}
.bx-wrapper .bx-helper .bx-sliderCount{display:block;font-size:12px;font-weight:300;text-align:center}
.bx-wrapper .bx-helper .bx-sliderCount i{font-size:12px;display:inline-block;padding:0 3px;position:relative;bottom:1px;color:#D2D2D2}
.bx-wrapper .bx-controls-direction a{-webkit-filter:drop-shadow(0 2px 0 rgba(0, 0, 0, .2));-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);background-color:transparent;border-radius:0}
.bx-wrapper .bx-controls-direction a:after{content:'';position:absolute;width:100%;height:100%;background:rgba(0,0,0,0)}
.bx-wrapper .bx-controls-direction a i{margin-top:18px;margin-left:10px}
.bx-wrapper .bx-controls-direction a.bx-next i{margin-left:5px}
.bx-wrapper .bx-controls-direction a:hover{background:0 0}
html:not(.browser-lt11) .bx-wrapper .bx-controls-direction a i:after,html:not(.browser-lt11) .bx-wrapper .bx-controls-direction a i:before{position:absolute;top:40%;left:0;width:25px;height:2px;background:#fff;-webkit-transition:all .15s ease;transition:all .15s ease;content:''}
.bx-wrapper .bx-controls-direction a.bx-prev i:after,.bx-wrapper .bx-controls-direction a.bx-prev i:before{-webkit-transform-origin:0 50%;transform-origin:0 50%}
.bx-wrapper .bx-controls-direction a.bx-prev i:before{-webkit-transform:translate(0,0) rotate(40deg);transform:translate(0,0) rotate(40deg)}
.bx-wrapper .bx-controls-direction a.bx-prev i:after{-webkit-transform:translate(0,0) rotate(-40deg);transform:translate(0,1px) rotate(-40deg)}
.bx-wrapper .bx-controls-direction a.bx-prev:hover i:before{-webkit-transform:translate(0,0) rotate(30deg);transform:translate(0,0) rotate(30deg)}
.bx-wrapper .bx-controls-direction a.bx-prev:hover i:after{-webkit-transform:translate(0,0) rotate(-30deg);transform:translate(0,0) rotate(-30deg)}
.bx-wrapper .bx-controls-direction a.bx-prev:active i:before{-webkit-transform:translate(0,0) rotate(25deg);transform:translate(1px,0) rotate(25deg)}
.bx-wrapper .bx-controls-direction a.bx-prev:active i:after{-webkit-transform:translate(0,0) rotate(-25deg);transform:translate(1px,1px) rotate(-25deg)}
.bx-wrapper .bx-controls-direction a.bx-next i:after,.bx-wrapper .bx-controls-direction a.bx-next i:before{-webkit-transform-origin:100% 50%;transform-origin:100% 50%}
.bx-wrapper .bx-controls-direction a.bx-next i:before{-webkit-transform:translate(0,0) rotate(40deg);transform:translate(0,0) rotate(40deg)}
.bx-wrapper .bx-controls-direction a.bx-next i:after{-webkit-transform:translate(0,0) rotate(-40deg);transform:translate(0,0) rotate(-40deg)}
.bx-wrapper .bx-controls-direction a.bx-next:hover i:before{-webkit-transform:translate(0,0) rotate(30deg);transform:translate(0,0) rotate(30deg)}
.bx-wrapper .bx-controls-direction a.bx-next:hover i:after{-webkit-transform:translate(0,0) rotate(-30deg);transform:translate(0,0) rotate(-30deg)}
.bx-wrapper .bx-controls-direction a.bx-next:active i:before{-webkit-transform:translate(0,0) rotate(25deg);transform:translate(0,0) rotate(25deg)}
.bx-wrapper .bx-controls-direction a.bx-next:active i:after{-webkit-transform:translate(0,0) rotate(-25deg);transform:translate(0,0) rotate(-25deg)}
.bx-wrapper .bx-controls-direction a.bx-prev{left:20px}
.bx-wrapper .bx-controls-direction a.bx-next{right:20px}
#header{position:fixed;width:100%;background:#fff;border-bottom:#f0f0f0 1px solid}
#header .wrapper{padding:20px 5px 0 5px;height:auto;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;background:#fff}
#header .content{height:100%;max-width:1170px;margin:0 auto}
#header .content a#logo{display:block;height:44px;float:left}
#header .content a#logo img{height:100%;width:auto}
#header .content #openBtn{float:right;cursor:pointer;margin-right:0;margin-top:7px; display:none;}
.lcbody{width:30px;height:30px;position:relative;transform:translateZ(0) rotate(0);-webkit-transform:translateZ(0) rotate(0);transition:transform .4s cubic-bezier(.4,.01,.165,.99);-webkit-transition:-webkit-transform .4s cubic-bezier(.4,.01,.165,.99)}
.lcitem{position:absolute;left:0;top:0;transform:translateZ(0) rotate(0);transition:transform .25s cubic-bezier(.4,.01,.165,.99) 0s;-webkit-transform:translateZ(0) rotate(0);-webkit-transition:-webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s;width:30px;height:30px}
.lcitem .rect{width:30px;height:2px;background:#181818;position:absolute;left:0;top:14px;transition:transform .2s ease .2s;-webkit-transition:-webkit-transform .2s ease .2s}
.lcitem .rect.top{transform:translate3d(0,-7px,0);-webkit-transform:translate3d(0,-7px,0)}
.lcitem .rect.bottom{transform:translate3d(0,7px,0);-webkit-transform:translate3d(0,7px,0)}
body.openMenu #header .content #openBtn .lcbody{transform:translateZ(0) rotate(90deg);-webkit-transform:translateZ(0) rotate(90deg)}
.lcbody.close .lcitem,body.openMenu #header .content #openBtn .lcitem{transform:translateZ(0) rotate(45deg);transition:transform .25s cubic-bezier(.4,.01,.165,.99) .2s;-webkit-transform:translateZ(0) rotate(45deg);-webkit-transition:-webkit-transform .25s cubic-bezier(.4,.01,.165,.99) .2s}
.lcbody.close .lcitem.bottom,body.openMenu #header .content #openBtn .lcitem.bottom{transform:translateZ(0) rotate(-45deg);-webkit-transform:translateZ(0) rotate(-45deg)}
.lcbody.close .lcitem .rect,body.openMenu #header .content #openBtn .lcitem .rect{transition:transform .2s ease 0s;transform:translate3d(0,0,0);-webkit-transition:-webkit-transform .2s ease 0s;-webkit-transform:translate3d(0,0,0)}
#header .nav{margin-left:50px;float:left;height:64px}
#header .nav>li{float:left;font-size:14px;height:100%;position:relative}
#header .nav>li>a{display:block;padding:0 20px;height:44px;line-height:44px;color:#5d5d5d;font-weight:500;position:relative;overflow:hidden}
#header .nav>li>a span{display:inline-block;position:relative;transition:all ease-out .3s}
#header .nav>li>a span:after{content:attr(data-title);position:absolute;color:#00C0FF;left:0;transform:translateY(100%);width:100%}
.browser-lt11 #header .nav>li>a span:after{top:100%}
#header .nav>li>a>i{margin-left:10px}
#header .nav .subnav{position:absolute;width:220px;background-color:#FFF;box-shadow:0 13px 42px 11px rgba(0,0,0,.05);height:auto;z-index:199;top:100%;left:0;border-top:2px solid #00C0FF;overflow:hidden;visibility:hidden;opacity:0;transition:all .36s ease}
#header .nav .subnav li{width:100%}
#header .nav .subnav li a{font-weight:500;color:#666;padding:10px 15px;line-height:22px;display:block;transition:all .2s ease-in-out;font-size:13px}
#header .nav .subnav1{position:absolute;width: 85px;background-color:#FFF;box-shadow:0 13px 42px 11px rgba(0,0,0,.05);height:auto;z-index:199;top:100%;left:0;border-top:2px solid #00C0FF;overflow:hidden;visibility:hidden;opacity:0;transition:all .36s ease;margin: 0 20px;}
#header .nav .subnav1 li{width:100%}
#header .nav .subnav1 li a{font-weight:500;color:#666;padding:10px 15px;line-height:22px;display:block;transition:all .2s ease-in-out;font-size:13px}
#header .nav>li:hover .subnav{opacity:1;visibility:visible}
#header .nav>li a.active span,#header .nav>li:hover a span{transform:translateY(-100%)}
#header .nav>li a.active i,#header .nav>li:hover a i{color:#00C0FF}
#header .nav .subnav li a.active,#header .nav .subnav li a:hover{background-color:#F9F9F9;padding-left:24px;color:#00C0FF}
.browser-lt11 #header .nav>li a.active span,.browser-lt11 #header .nav>li:hover a span{color:#00C0FF}
#hcontact{padding-top:5px}
#hcontact i{font-size:26px;float:left;color:#909090}
#hcontact p{margin-left:36px;font-family:"Microsoft Yahei","Helvetica Neue","Helvetica,Arial","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei","Source Han Sans SC Regular",sans-serif;font-size:15px;color:#00C0FF;text-align:left;font-weight:400}
#hcontact p a{color:#9692a0;font-size:12px}
#hcontact p a:hover{color:#666}
.gh0 #header{height:84px;z-index:99}
.singlescreen #header{transition:none;z-index:99}
.gh0 #header.mini,.singlescreen #header{height:64px;box-shadow:0 0 10px rgba(0,0,0,.1)}
.gh0 #header.mini .wrapper,.singlescreen #header .wrapper{padding:10px 5px 0 5px;height:54px}
.gh0 #header.mini .nav,.singlescreen #header.mini .nav{height:54px}
.gh1 #header{height:80px;max-width:768px; z-index:99;}
.gh1 #header #headTop{height:44px;}
.gh1 #header #navWrapper{position:relative;width:100%;left:0;background:#fff;top:0;z-index:99;height:54px}
.gh1 #header.mini #navWrapper{position:fixed;box-shadow:0 0 10px rgba(0,0,0,.1);animation:navFixed ease-out .3s}
.gh1 #header .nav{margin-left:0;height:44px;padding:5px 0}
@-webkit-keyframes navFixed{0%{-webkit-transform:translateY(-100%)}
100%{-webkit-transform:translateY(0)}
}
@keyframes navFixed{0%{transform:translateY(-100%)}
100%{transform:translateY(0)}
}
.gh0 #sitecontent{padding-top:84px}
.gh1 #sitecontent{padding-top:80px}
.singlescreen #sitecontent{padding-top:64px}
#navMini{position:fixed;width:100%;height:100%;background:#fff;left:0;top:0;z-index:98;visibility:hidden;opacity:0;-webkit-transition:visibility 0s .36s,opacity .36s ease;transition:visibility 0s .36s,opacity .36s ease}
body.openMenu #navMini{visibility:visible;opacity:1;-webkit-transition:opacity .36s ease;transition:opacity .36s ease;}
#navMiniTable{display:table;width:100%;height:100%}
#navMiniCell{display:table-cell;text-align:center;vertical-align:middle}
#navMini .nav{font-size:16px}
#navMini .nav li.navitem:before{display:block;content:"";background-color:#e9e9e9;width:1px;height:20px;margin:7px auto}
#navMini .nav li.navitem:first-child:before{display:none}
#navMini .nav a{border-bottom:1px solid transparent;transition:all .3s linear;color:#787878}
#navMini .nav a i{margin-left:10px}
#navMini .nav a.active,#navMini .nav a:hover{color:#00C0FF;border-bottom:1px solid #00C0FF}
#navMini .nav a.active i,#navMini .nav a:hover i{color:#00C0FF}
#navMini .nav .subnav{font-size:14px;overflow:hidden;opacity:1;transition:height .36s ease,opacity .48s ease .1s;line-height:30px}
#navMini .nav .subnav.hide{height:0!important;opacity:0;transition:height .36s ease 0s,opacity .26s ease 0s;display:block}
#navMini .nav .subnav>li{padding:2px 0}
#navMini .nav .subnav>li:first-child{padding-top:12px}
#indexPage{position:relative}
#indexPage .module{position:relative}
.singlescreen #indexPage>.module{position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}
#indexPage .module .bgmask{display:none}
#indexPage .module.bgShow.bgmask{display:block}
#indexPage .module.bgShow.bgParallax{background-size:cover;background-repeat:no-repeat;background-attachment:fixed}
.module .module_container{max-width:1170px;padding-left:5px;padding-right:5px;padding-bottom:50px;margin:0 auto}
.agent-pc .module .module_container.wide{max-width:none;padding-left:50px;padding-right:50px}
.singlescreen #indexPage>.module>.module_container{position:relative;width:100%;max-height:100%}
.agent-pc .module .module_container.wide .slider{padding:0 50px}
#indexPage .module .container_header{text-align:left;float:left;padding:60px 0 60px 0}
#indexPage .module .container_header p{display:inline}
#indexPage .module .container_header .title{font-size:24px;margin:0 auto;position:relative;color:#555}
#indexPage .module .container_header .title:after{border-bottom:2px solid #00C0FF;width:36px;left:0;top:150%;position:absolute;content:''}
#indexPage .module .container_header .subtitle{margin-left:10px;font-size:14px;color:#B7B7B7;}
#indexPage .module .container_category{float:right;padding:70px 0 30px 0;visibility: visible !important;}
#indexPage .module .container_category a{padding:10px 30px;font-size:12px}
#indexPage .module #contactlist:before,#indexPage .module .container_content:before{clear:both;display:table;content:""}
#indexPage .module .container_content .bx-wrapper .bx-controls-direction a.bx-prev{left:-50px}
#indexPage .module .container_content .bx-wrapper .bx-controls-direction a.bx-next{right:-50px}
html:not(.browser-lt11) #indexPage .module .container_content .bx-wrapper .bx-controls-direction a i:after,html:not(.browser-lt11) #indexPage .module .container_content .bx-wrapper .bx-controls-direction a i:before{background:#00C0FF}
.browser-lt11 #indexPage .module .container_content .bx-wrapper .bx-controls-direction a i{color:#00C0FF}
#indexPage .module .container_content .bx-wrapper .bx-pager.bx-default-pager{position:relative;margin:60px 0 20px 0;bottom:0}
#indexPage #topSlider{width:100%;height:100%;position:relative;overflow:hidden;display:block; padding:0;}
#indexPage #topSlider ul.content_list{width:100%;height:100%;overflow:hidden}
#indexPage #topSlider ul li{width:100%;height:100%;display:block}
#indexPage #topSlider ul li div.item_bg{position:absolute;width:100%;height:100%}
#indexPage #topSlider ul li div.item_bg.image{background-position:center;background-repeat:no-repeat;background-size:cover;width:100%;height:100%}
#indexPage #topSlider ul li div.item_bg.video video{width:100%;height:100%}
#indexPage #topSlider ul li div.mask{position:absolute;left:0;top:0;width:100%;height:100%;}
#indexPage #topSlider ul li a{width:100%;height:100%;display:table;position:absolute;left:0;top:0}
#indexPage #topSlider ul li a span.ban1{    padding-top: 120px;display: block;width: 64%;float: right;}
#indexPage #topSlider ul li a span.ban2{text-align: left;color: #fff;padding-top: 130px;font-size: 22px; display:block; padding-left:50%;}
#indexPage #topSlider ul li a span.ban2 p{font-size: 12px;max-width: initial;}
#indexPage #topSlider ul li a span.ban3{text-align: left;color: #fff;padding-top: 140px;font-size: 22px; display:block; padding-left:12%;}
#indexPage #topSlider ul li a span.ban3 p{font-size: 12px;max-width: initial; margin:0;}
#indexPage #topSlider ul li a div{display:table-cell;vertical-align:middle;padding: 80px 50px;}
#indexPage #topSlider ul li p{color:#fff;max-width:1170px;margin:0 auto;}
#indexPage #topSlider ul li p.title{font-size:40px;line-height:60px;height:60px;transition-delay:0;font-weight: bold;}
#indexPage #topSlider ul li p.ellipsis1{font-size:44px;line-height:60px;height:60px;transition-delay:0;letter-spacing: 12px;font-weight:normal;transition-delay:.2s;}
#indexPage #topSlider ul li p.ellipsis1 span{font-size:60px;font-weight:bold;}
#indexPage #topSlider ul li a .description1{display: block;padding-top: 220px;}
#indexPage #topSlider ul li p.ellipsis2{font-size: 44px;line-height:60px;height:60px;transition-delay:0;letter-spacing: 12px;font-weight:normal;text-align: left;}
#indexPage #topSlider ul li p.ellipsis2 span{font-size: 60px;font-weight:bold;}
#indexPage #topSlider ul li a .description2{display: block;padding-top: 260px;}
#indexPage #topSlider ul li a .description2 p{max-width: 960px;}
#indexPage #topSlider ul li p.subtitle{font-size: 30px;color: #00a0e9;transition-delay:.2s;margin-bottom: 15px;}
#indexPage #topSlider ul li p.subtitle1{font-size: 20px;color: #fff;margin: 0 auto 15px;text-align: center;}
#indexPage #topSlider ul li p.subtitle2{font-size: 20px;color: #fff;margin: 30px auto 15px;text-align: right;transition-delay:.2s;}
#indexPage #topSlider ul li p.p2_1{text-align: left;margin-top: 100px;margin-left: 55%;}
#indexPage #topSlider ul li p.p2_2{text-align: left;font-size: 40px;color: #fff;margin-top: 10px;margin-left: 55%;}
#indexPage #topSlider ul li p.p3_1{text-align: left;margin-top: 100px;}
#indexPage #topSlider ul li p.p3_2{text-align: left;font-size: 40px;color: #fff;margin-top: 10px;}
#indexPage #topSlider .sliderArrow{display:none}
.singlescreen #indexPage #topSlider .sliderArrow{display:block;position:absolute;width:40px;height:40px;bottom:20px;left:50%;margin-left:-20px;animation:fadeInUp 1s ease-out 0s infinite alternate;-webkit-animation:fadeInUp 1s ease-out 0s infinite alternate}
.singlescreen #indexPage #topSlider .sliderArrow div{-webkit-filter:drop-shadow(0 2px 0 rgba(0, 0, 0, .2));-webkit-transform:translate3d(0,0,0) rotate(-90deg);transform:translate3d(0,0,0) rotate(-90deg)}
.singlescreen #indexPage #topSlider .sliderArrow div:after,.singlescreen #indexPage #topSlider .sliderArrow div:before{-webkit-transform-origin:0 50%;transform-origin:0 50%;position:absolute;top:40%;left:0;width:25px;height:2px;background:#fff;-webkit-transition:all .15s ease;transition:all .15s ease;content:''}
.singlescreen #indexPage #topSlider .sliderArrow div:before{-webkit-transform:translate(0,0) rotate(40deg);transform:translate(0,0) rotate(40deg)}
.singlescreen #indexPage #topSlider .sliderArrow div:after{-webkit-transform:translate(0,0) rotate(-40deg);transform:translate(0,1px) rotate(-40deg)}
.singlescreen #indexPage #topSlider .sliderArrow:hover div:before{-webkit-transform:translate(0,0) rotate(30deg);transform:translate(0,0) rotate(30deg)}
.singlescreen #indexPage #topSlider .sliderArrow:hover div:after{-webkit-transform:translate(0,0) rotate(-30deg);transform:translate(0,0) rotate(-30deg)}
#indexPage #topSlider ul li a i{text-indent:20px;font-size:24px}
#indexPage #topSlider .bx-wrapper .bx-pager{height:20px}
.singlescreen #indexPage #topSlider .bx-wrapper .bx-pager{bottom:65px}
#indexPage #topSlider ul[data-slider-mode="3"] li div.item_bg.image{height:110%;top:-5%}
#indexPage #topSlider .bx-wrapper .bx-pager a{display:block;width:40px;height:10px;margin:0 5px;outline:0}
#indexPage #topSlider .bx-wrapper .bx-pager a div.progress{margin-top:4px;background-color:#e7e7e7;width:100%;height:2px}
#indexPage #topSlider .bx-wrapper .bx-pager a.active div.mask{width:100%}
#indexPage #topSlider .bx-wrapper .bx-pager a div.mask{background-color:#00C0FF;height:100%;width:0}
#indexPage #topSlider .bx-wrapper .bx-pager a div.auto.mask{width:0}
#indexPage #topSlider .bx-thumb{position:absolute;top:-100px;width:80px;height:80px;border:3px #e7e7e7 solid;margin-left:-20px}
#indexPage #topSlider .bx-thumb:before{left:32px;bottom:-8px;transform:rotate(45deg);-webkit-transform:rotate(45deg);background:#e7e7e7;content:"";height:20px;position:absolute;width:20px;z-index:-1}
#indexPage #topSlider .bx-thumb .wrapper{width:80px;height:80px;overflow:hidden}
#indexPage #topSlider .bx-thumb ul{height:80px}
#indexPage #topSlider .bx-thumb li{width:80px;height:80px;float:left}
#indexPage #contactlist{max-width:1260px;margin:0 auto}
#indexPage #contactlist #contactinfo{width:40%;float:left}
#indexPage #contactlist #contactform{margin-left:50%}
#contactinfo h3{font-size:16px;line-height:24px;margin-bottom:12px;color:#515151}
#contactinfo p{line-height:24px;height:24px;width:100%;font-size:13px;color:#898989}
#contactinfo>a{color:#989898;text-decoration:underline}
#contactinfo div{margin-top:24px}
#contactinfo div a{width:30px;height:30px;display:block;font-size:16px;background:rgba(0,0,0,.45);margin-right:10px;text-align:center;border-radius:15px}
#contactinfo div a:hover{background-color:#00C0FF}
#contactinfo div a i{margin-top:7px;font-size:16px;color:#fff}
#contactform p{margin-bottom:20px}
#contactform p .inputtxt{width:100%;line-height:22px;padding:10px 26px;color:#4a4a4a;border: #c9c9c9 1px solid;-webkit-box-sizing:border-box;box-sizing:border-box;transition:all .1s linear;}
#contactform p .inputtxt:hover{border:1px solid #999}
#contactform p textarea.inputtxt{height:100px;resize:none;overflow:hidden;background-color:transparent}
#contactform p .inputtxt.submit{border-color:#E9E9E9;width:auto;cursor:pointer}
#contactform p .inputtxt.submit:hover{border-color:#00C0FF;background-color:#00C0FF;color:#fbfbfb}
.module.mdir>.module_container{max-width:none;padding-left:0;padding-right:0;padding-bottom:0}
.module.mcustomize .header{text-align:center;padding:80px 0 40px 0;font-size:24px;margin:0 auto;color:#555}
.module.mcustomize .header .subtitle{margin:5px 0;font-size:14px;color:#A8A8A8}
.module.mcustomize .description{max-width:780px;margin:0 auto;line-height:24px;text-align:center;font-size:14px;color:#898989}
.module.mcustomize .mediabody{text-align:center;margin-top: 135px;}
.module.mcustomize .mediabody a{display:block;position:relative;width:100%;height:100%}
.module.mcustomize .mediabody img{float:none;max-width:100%}
.module.mcustomize .mediabody a .mask{width:100%;height:392px;background:rgba(0,0,0,.2);position:absolute;left:0;top:0;opacity:0;transition:all ease-out .5s}
.module.mcustomize .mediabody a .link_icon{display:block;width:38px;height:38px;text-align:center;font-size:22px;line-height:38px;border:2px solid #fff;border-radius:50%;position:absolute;left:50%;top:-110%;margin-left:-21px;margin-top:-21px;opacity:0;transition:all ease-out .5s}
.module.mcustomize .mediabody a .link_icon i{color:#fff;margin-top:8px}
.module.mcustomize .mediabody a:hover .mask{opacity:1}
.module.mcustomize .mediabody a:hover .link_icon{opacity:1;top:50%}
.module.mcustomize .description a.more{min-width:120px;position:relative;display:inline-block;padding:10px 30px;background:#fff;color:#898989;border:1px solid #E1E1E1;transition:all .3s linear;z-index:1}
.module.mcustomize .description a.more:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#00C0FF;z-index:-1;opacity:0;-webkit-transform:scale3d(.7,1,1);transform:scale3d(.7,1,1);-webkit-transition:-webkit-transform .4s,opacity .4s;transition:transform .4s,opacity .4s;-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1)}
.module.mcustomize .description a.more:hover{color:#fff;border-color:#00C0FF}
.module.mcustomize .description a.more:hover::before{opacity:1;-webkit-transform:translate3d(0,0,0);transform:scale3d(1,1,1)}
.agent-pc .module.mcustomize.horizontal .container_content{height:647px;overflow:hidden}
.agent-pc .module.mcustomize.horizontal .contentbody{height:100%;display:table;width:48%;float:left}
.agent-pc .module.mcustomize.horizontal .contentbody .wrapper{vertical-align:middle;display:table-cell}
.agent-pc .module.mcustomize.horizontal .mediabody{height:100%;width:48%;float:left}
.agent-pc .module.mcustomize.horizontal .mediabody div.image{/* background-repeat:no-repeat; *//* background-position:center; *//* background-size:cover; */width:100%;height:100%;}
.agent-pc .module.mcustomize.horizontal.tril .contentbody{width:48%;height:100%;float:right}
.agent-pc .module.mcustomize.horizontal.tril .mediabody{width: 795px;height: 436px;float:left;}
.module.mcounter .module_container{padding:20px 0}
.module.mcounter ul.content_list{width:100%;height:auto}
.module.mcounter ul.content_list li{width:25%;height:108px;float:left;text-align:center}
.module.mcounter ul.content_list li div{border-right:#e9e9e9 1px solid}
.module.mcounter ul.content_list li:last-child div{border-right:none}
.module.mcounter ul.content_list li p{text-align:center;font-size:14px;color:#b3b3b3}
.module.mcounter ul.content_list li p.number{margin-top:15px}
.module.mcounter ul.content_list li p.number .counterDX{font-size:54px;color:#666;font-family:"Microsoft Yahei","Helvetica Neue","Helvetica,Arial","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei","Source Han Sans SC Regular",sans-serif;text-align:center;margin-top:15px}
.module.mcounter ul.content_list li p.number .unit{font-size:14px}
.module.mcounter ul.content_list li p.title{margin-bottom:10px}
#pageTarget{background:#f6f6f6}
#pageTarget .module_container{padding-bottom:0}
.container_target{padding:20px 0;color:#898989;float:right}
.container_target a{}
.container_target i{margin:0 10px}
.container_category{border-bottom:1px solid #e9e9e9;display:block;font-size:12px;line-height:16px;padding:20px 0;text-transform:uppercase;border-left:none;border-right:none}
#indexPage .container_category{padding:20px 0 40px}
.container_category a{margin-right:50px;font-size:13px}
#indexPage .container_category a{margin-right:50px;margin-right:5px;padding:10px 50px;border:1px solid #F0F0F0;background-color:#fff}
#indexPage .container_category{border:none;text-align:center;padding-top:0}
#indexPage .container_category a:last-child{margin-right:0}
#indexPage .mlist.project{background:#f3f9fb}
.mlist.project .content_wrapper{margin-right:-2.5%;position:relative}
.mlist.project .content_list li{width:30.83333%;margin-right:2.5%;margin-bottom:20px;float:left;transition:all .2s linear;-webkit-transition:all .2s linear}
#indexPage .mlist.project .content_wrapper{margin-right:-1%}
#indexPage .mlist.project .content_list li{width:24%;margin-right:1%}
.mlist.project .content_list li.item_block img{width:100%;height:auto;transition:all ease-out .3s}
.mlist.project .content_list li .item_img{display:block;position:relative;overflow:hidden}
.mlist.project .content_list li .item_img .item_mask{content:"";width:100%;height:100%;background:rgba(0,0,0,.3);position:absolute;left:0;top:0;opacity:0;transform-origin:50% 0;transform:scale(1,1);transition:all ease-out .3s}
.mlist.project .content_list li .item_img .item_link_icon{display:block;width:38px;height:38px;text-align:center;font-size:22px;line-height:38px;border:2px solid #fff;border-radius:50%;position:absolute;left:50%;top:50%;margin-left:-21px;transform:translateY(-142px);opacity:0;transition:all .6s cubic-bezier(.23,1,.38,1) .2s}
.browser-lt11 .mlist.project .content_list li .item_img .item_link_icon{display:none}
.mlist.project .content_list li a.item_img .item_link_icon i{color:#fff;margin-top:8px}
.mlist.project .content_list li .item_wrapper{background:#fff;text-align:center;padding:16px 0 14px 0;border-top:5px solid #e3e3e3;position:relative}
.mlist.project .content_list li .item_wrapper:before{position:absolute;top:-5px;left:0;height:5px;content:"";width:0;background:#00C0FF;transition:width .6s cubic-bezier(.23,1,.38,1) 0s}
.mlist.project .content_list li .item_info .title{font-size:16px;color:#333}
.mlist.project .content_list li .item_info .subtitle{font-size:12px;color:#B0B0B0}
.mlist.project .content_list li:hover{-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);box-shadow:0 15px 30px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}
.mlist.project .content_list li:hover .item_img img{transform:scale(1.1,1.1)}
.mlist.project .content_list li:hover .item_mask{top:0;opacity:1;transform:scale(1,1);transition:all .5s cubic-bezier(.23,1,.38,1) 0s}
.mlist.project .content_list li:hover .item_link_icon{transform:translateY(-21px);opacity:1}
.mlist.project .content_list li:hover .item_wrapper:before{width:100%}
.item_tags{margin-top:14px}
#indexPage .item_tags{margin-top:20px}
.item_tags i{margin-right:6px;color:#e0e0e0}
.item_tags a{background:#f8f8f8;padding:3px 12px;border-radius:2px;color:#8D8D8D;font-size:12px;margin-right:3px}
.item_tags a:hover{color:#00C0FF}
#pages{height:24px;padding:20px 0}
#pages span{float:left;margin:0 10px;line-height:28px;color:#222}
#pages a{height:26px;display:block;line-height:24px;text-align:center;font-family:"Microsoft Yahei","Helvetica Neue","Helvetica,Arial","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei","Source Han Sans SC Regular",sans-serif;padding: 0 5px;float:left;margin-right:5px;transition:all .2s ease-out;text-decoration:none;}
#pages b{height:26px;display:block;line-height:24px;text-align:center;font-family:"Microsoft Yahei","Helvetica Neue","Helvetica,Arial","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei","Source Han Sans SC Regular",sans-serif;padding: 0 5px;float:left;margin-right:5px;transition:all .2s ease-out;text-decoration:none;}
#pages a:after{display:block;content:"";background-color:#d4d4d4;width:0;height:1px;margin:2px auto}
#pages a.active{color:#00C0FF}
#pages a.active:after,#pages a:hover:after{}
.mlistpost.project #postWrapper{padding-top:30px}
.mlistpost.project #postWrapper #postInfo{float:right;width:340px}
.mlistpost.project #postWrapper #postInfo .wrapper{width:340px;font-size:13px;top:107px}
.mlistpost.project #postWrapper #postInfo .wrapper .title{font-size:18px;color:#333}
.mlistpost.project #postWrapper #postInfo .wrapper .subtitle{color:#B0B0B0;margin-top:4px}
.mlistpost.project #postWrapper #postInfo .wrapper .description{margin-top:24px;padding-bottom:48px;line-height:24px;border-bottom:1px solid #f2f2f2}
.mlistpost.project #postWrapper #postInfo .wrapper .item_tags{margin-top:24px}
.mlistpost.project #postWrapper #postContent{margin-right:380px}
.mlistpost.project #postWrapper #listContent{position:relative;margin-top:40px;border-top: #f2f2f2 solid 1px;padding-top: 40px;}
.mlistpost.project #postWrapper #listContent>.item_tags{padding:30px 0;border-top:1px solid #f2f2f2}
.mlistpost.project #postContent .mlist.project .content_list li{width:32.33333%;margin-right:1%;float:left;margin-bottom:10px}
.mlistpost.project #postContent .mlist.project .content_list li .item_tags{display:none}
#indexPage .mlist.service{}
.mlist.service .content_wrapper{margin-right:-2.5%;position:relative}
.mlist.service .content_list li{width:30.83333%;margin-right:2.5%;margin-bottom:50px;float:left}
.mlist.service .content_list li.item_block img{width:100%;height:auto;transition:all ease-out .3s .1s}
.mlist.service .content_list li .item_img{display:block;position:relative;overflow:hidden;border-top-right-radius:3px;border-top-left-radius:3px}
.mlist.service .content_list li .item_img .item_mask{width:100%;height:100%;background:rgba(0,0,0,0);position:absolute;left:0;top:0;opacity:0;-webkit-transform:rotateX(180deg) scale(.5,.5);transform:rotateX(180deg) scale(.2,.2);transition:all ease-out .5s}
.mlist.service .content_list li .item_img .item_link_icon{display:block;width:38px;height:38px;text-align:center;font-size:22px;line-height:38px;border:1px solid rgba(255,255,255,.5);border-radius:50%;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px}
.browser-lt11 .mlist.service .content_list li .item_img .item_link_icon{display:none}
.mlist.service .content_list li a.item_img .item_link_icon i{color:#fff;margin-top:8px}
.mlist.service .content_list li .item_wrapper{text-align:left}
.mlist.service .content_list li .item_info{position:relative}
.mlist.service .content_list li .item_info .title{height:24px;font-size:16px;color:#333;margin:16px 0 10px 0;padding-bottom:10px;border-bottom:1px solid #E1E1E1}
.mlist.service .content_list li .item_info:before{position:absolute;top:34px;left:0;height:1px;content:"";width:0;background:#00C0FF;transition:width .6s ease-out}
.mlist.service .content_list li .item_info .subtitle{font-size:12px;color:#9F9F9F;margin-left:10px}
.mlist.service .content_list li .item_info .description{font-size:13px;line-height:24px;height:72px;overflow:hidden;color:#878787}
.mlist.service .content_list li:hover .item_info:before{width:100%}
.mlist.service .content_list li:hover .item_img img{transform:scale(1.1,1.1)}
.mlist.service .content_list li:hover .item_mask{opacity:1;-webkit-transform:rotateX(0) scale(1,1);transform:rotateX(0) scale(1,1);transition:all 1s cubic-bezier(.23,1,.38,1) 0s;background:rgba(2,31,75,.3)}
.mlistpost.service #postNav{float:left;width:320px;position:relative}
.mlistpost.service #postNav .wrapper{width:320px;top:104px}
.mlistpost.service #postNav .nav{width:100%}
.mlistpost.service #postNav li{width:100%;}
.mlistpost.service #postNav li.move{background-color:#00C0FF;height:50px;top:0;position:absolute}
.mlistpost.service #postNav li a{border-bottom:1px solid #e9e9e9;display:block;padding:10px 20px;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;overflow:hidden;z-index:1}
.mlistpost.service #postNav li a span{display:inline-block;position:relative;}
.mlistpost.service #postNav li a i{position:absolute;right:20px;top: 14px;transition:all ease-out .3s;}
.mlistpost.service #postNav li a span:after{content:attr(data-title);position:absolute;color:#fff;left:0;transform:translateY(100%);width:100%}

.mlistpost.service #postNav li.navitem1 a span:after{content:attr(data-title);position:absolute;color:#00c0ff;left:0;transform:translateY(100%);width:100%}
.browser-lt11 .mlistpost.service #postNav li a span:after{display:none}
.mlistpost.service #postNav li.navitem a.active,.mlistpost.service #postNav li.navitem:hover a{background-color:#00C0FF;color: #fff;}
.mlistpost.service #postNav li.navitem1 a.active,.mlistpost.service #postNav li.navitem1:hover a{ background-color:#fff;color:#00c0ff;}
.mlistpost.service #postNav li a.active i,.mlistpost.service #postNav li:hover a i{color:#fff}
.mlistpost.service #postNav li a.active span,.mlistpost.service #postNav li:hover a span{transform:translateY(-100%)}
.mlistpost.service #postContent{margin-left:380px}
.mlistpost.service #postInfo{margin-bottom:20px;border-bottom:1px solid #f0f0f0}
.mlistpost.service #postInfo .title{font-size:16px;color:#222;line-height:18px}
.mlistpost.service #postInfo .subtitle{font-size:12px;color:#999;padding-bottom:10px}
.mlistpost.service .postbody{color:#898989}
.mlist.news .content_list li{float:left;margin-bottom:40px;width:100%}
.mlist.news .content_list li .item_img{display:block;position:relative;width:266px;height:176px;float:left;overflow:hidden}
.mlist.news .content_list li .item_img img{width:100%;height:100%;transition:all ease-out .3s .1s}
.mlist.news .content_list li .item_img .item_mask{content:"";width:100%;height:100%;background:rgba(0,0,0,.3);position:absolute;left:0;top:0;opacity:0;transform-origin:50% 0;transform:scale(1,1);transition:all ease-out .3s}
.mlist.news .content_list li .item_img .item_link_icon{display:block;width:38px;height:38px;text-align:center;font-size:22px;line-height:38px;border:2px solid #fff;border-radius:50%;position:absolute;left:50%;top:50%;margin-left:-21px;transform:translateY(-142px);opacity:0;transition:all .6s cubic-bezier(.23,1,.38,1) .2s}
.browser-lt11 .mlist.news .content_list li .item_img .item_link_icon{display:none}

.mlist.news .content_list li a.item_img .item_link_icon i{color:#fff;margin-top:8px}
.mlist.news .content_list li .item_wrapper{margin-left:296px;margin-top:10px}
.mlist.news .content_list li .item_info .title{font-size:16px;color:#222}
.mlist.news .content_list li .item_info .subtitle{font-size:12px;color:#BFBFBF;border-bottom:1px dotted #d3d3d3;padding-bottom:10px;line-height:24px}
.mlist.news .content_list li .item_info .description{font-size:12px;color:#878787;padding-bottom:10px;margin-top:10px;line-height:22px}
.mlist.news .content_list li:hover .item_info .title{text-decoration:underline}
.mlist.news .content_list li:hover .item_img img{transform:scale(1.1,1.1)}
.mlist.news .content_list li:hover .item_mask{top:0;opacity:1;transform:scale(1,1);transition:all .5s cubic-bezier(.23,1,.38,1) 0s}
.mlist.news .content_list li:hover .item_link_icon{transform:translateY(-21px);opacity:1}
#indexPage .mlist.news .container_content{max-width:1260px}
#indexPage .mlist.news .content_list{margin-right:-4%}
#indexPage .mlist.news .content_list li{width:46%;margin-right:4%;margin-bottom:40px;float:left}
#indexPage .mlist.news .content_list li .item_info .title{width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
#indexPage .mlist.news .content_list li .item_info .description{height:56px;overflow:hidden;margin-top:20px;padding-bottom: 10px; line-height:22px;}
#indexPage .mlist.news .content_list li .item_tags{display:none}
.mlistpost.news #postWrapper{margin:0 auto 50px}
.mlistpost.news #postInfo{margin-top:20px}
.mlistpost.news #postInfo .title{font-size:16px;color:#222}
.mlistpost.news #postInfo .subtitle{font-size:12px;color:#999;border-bottom:1px solid #f0f0f0;padding-bottom:10px}
.mlistpost.news #postContent{margin-top:10px}
.mlistpost.news #postContent .postbody{margin-top:10px;font-size:14px;color:#444;line-height:24px;margin-bottom:50px}
.nextrpev1{color:#333;text-align:left;margin: 40px 0 0;height:auto;font-size:14px;border-top: 1px #f0f0f0 solid;}
.nextrpev1 .next1{border-top:none;overflow:hidden;margin-top: 10px;}
.nextrpev1 span{float: left;width: 100%;overflow: hidden;height: 30px;line-height: 30px;color: #666; font-weight:bold;}
.nextrpev1 span a{color: #666; text-decoration:none;}
.nextrpev1 span a:hover{ color:#00C0FF; text-decoration:none;}
.mlistpost.news .mlist.news{margin-top:40px}
.mlistpost.news #postContent .mlist.news .content_wrapper{margin-right:-2%}
.mlistpost.news #postContent .mlist.news .content_list li{margin-right:2%;width:31.3333%}
.mlistpost.news #postContent .mlist.news .content_list li .item_img{width:100%;height:auto;float:none}
.mlistpost.news #postContent .mlist.news .content_list li .item_wrapper{margin-left:0}
.mlistpost.news #postContent .mlist.news .content_list li .item_info .title{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block;margin-top:15px}
.mlistpost.news #postContent .mlist.news .content_list li .item_info .description{display:none}
.mlistpost.news #postContent .mlist.news .content_list li .item_tags{display:none}
.mlistpost.news #postContent .mlist.news .content_list li.item_block.first .item_img{width:100%;height:auto;float:none;margin-bottom:0}
.mlist.imagelink{background:#f3f9fb}
.mlist.imagelink .content_wrapper{position:relative;margin-right:-2px}
.mlist.imagelink .content_wrapper .bx-viewport{padding-left:1px;padding-top:1px}
.mlist.imagelink .content_list li{width:16.6666%;float:left;position:relative}
.mlist.imagelink .content_list li.item_block .item_img{position:relative;display:block;border:1px solid #EEE;margin:-1px 0 0 -1px}
.mlist.imagelink .content_list li.item_block img{width:100%;height:auto;transition:all ease-out .3s .1s;float:none;opacity:.8}
.mlist.imagelink .content_list li.item_block .item_img:hover{border-color:#00C0FF;z-index:1}
.mlist.imagelink .content_list li.item_block .item_img:hover img{opacity:1}
#indexPage .mlist.team{background:#fff}
.mlist.team .content_wrapper{position:relative;margin-right:-4%}
.mlist.team .content_list li{width:46%;height:200px;margin-right:4%;margin-bottom:40px;float:left}
.mlist.team .content_list li.item_block img{width:100%;height:auto;transition:transform linear .3s}
.mlist.team .content_list li .item_img{display:block;position:relative;overflow:hidden;width:200px;height:200px;float:left;border-radius:100px}
.mlist.team .content_list li .item_img .item_mask{content:"";width:100%;height:100%;background:rgba(0,0,0,.3);position:absolute;left:0;top:0;opacity:0;transition:opacity linear .3s}
.mlist.team .content_list li .item_img .item_link_icon{display:block;width:38px;height:38px;text-align:center;font-size:22px;line-height:38px;border:2px solid #fff;border-radius:50%;position:absolute;left:50%;top:50%;margin-left:-21px;transform:translateY(-142px);opacity:0;transition:all .6s cubic-bezier(.23,1,.38,1) .2s}
.mlist.team .content_list li a.item_img .item_link_icon i{color:#fff;margin-top:8px}
.mlist.team .content_list li .item_wrapper{margin-left:230px;height:200px}
.mlist.team .content_list li .item_info .title{font-size:18px;color:#333}
.mlist.team .content_list li .item_info .subtitle{font-size:14px;color:#B0B0B0;margin-top:4px}
.mlist.team .content_list li .item_info .description{margin-top:20px;font-size:13px;line-height:26px;height:110px;overflow:hidden;color:#878787}
#indexPage .mlist.team .content_list li{margin-bottom:40px}
#indexPage .mlist.team_tabs{background:#fff}
.mlist.team_tabs .content_wrapper{position:relative;margin-bottom:10px}
.mlist.team_tabs .content_wrapper li img{width:100%;height:100%}
.mlist.team_tabs .tab_content .content_list li{width:100%;height:auto;float:left}
.mlist.team_tabs .tab_content .content_list li>.wrapper{padding:60px;height:280px}
.mlist.team_tabs .tab_content .content_list li .item_img{display:block;width:250px;height:250px;float:left;border-radius:125px;position:relative;overflow:hidden}
.mlist.team_tabs .tab_content .content_list li .item_wrapper{margin-left:310px;height:100%}
.mlist.team_tabs .tab_content .content_list li .item_info{position:relative;height:100%}
.mlist.team_tabs .tab_content .content_list li .item_info .title{font-size:18px;color:#333}
.mlist.team_tabs .tab_content .content_list li .item_info .subtitle{font-size:14px;color:#B0B0B0;margin-top:4px}
.mlist.team_tabs .tab_content .content_list li .item_info .description{margin-top:20px;font-size:13px;line-height:26px;height:210px;overflow:hidden;color:#878787}
.mlist.team_tabs .tab_button{margin-top:10px;margin-right:-1%}
.mlist.team_tabs .tab_button .content_list li{width:24%;margin-right:1%;float:left;height:auto;background:#f6f7fa;cursor:pointer}
.mlist.team_tabs .tab_button .content_list li>.wrapper{padding:10px;height:60px;position:relative}
.mlist.team_tabs .tab_button .content_list li .item_img{display:block;width:60px;height:60px;float:left;border-radius:30px;position:relative;overflow:hidden}
.mlist.team_tabs .tab_button .content_list li .item_wrapper{margin-left:75px;margin-top:6px;height:100%}
.mlist.team_tabs .tab_button .content_list li .wrapper:after{position:absolute;left:0;bottom:0;width:0;height:3px;content:"";opacity:0;background-color:#00C0FF;transition:all linear .3s}
.mlist.team_tabs .tab_button .content_list li.active .wrapper:after{opacity:1;width:100%}
.mlist.team_tabs .tab_button .content_list li .item_info .title{font-size:16px;color:#333}
.mlist.team_tabs .tab_button .content_list li .item_info .subtitle{font-size:12px;color:#B0B0B0;margin-top:4px}
#moduleControl{position:fixed;right:20px;top:50%}
#moduleControl a.moduleCItem{border:1px solid transparent;border-radius:6px;display:block;height:10px;margin-bottom:5px;outline:0 none;text-indent:-9999px;transition:all .3s ease-out 0s;width:10px}
#moduleControl a.moduleCItem span{width:4px;height:4px;border-radius:50%;background:#555;display:block;margin:3px 0 0 3px}
#moduleControl a.moduleCItem.active,#moduleControl a.moduleCItem:hover{border-color:#00C0FF}
#moduleControl a.moduleCItem.active span,#moduleControl a.moduleCItem:hover span{opacity:0}
#moduleControl a.moduleCItem span.npagePage .module_container{padding-bottom:0}
.npagePage .module_container .module_container{padding-left:0;padding-right:0;max-width:100%}
.npagePage .container_content{padding-top:40px}
.npagePage #banner{height:280px}
.npagePage #banner div{height:100%;background-repeat:no-repeat;background-position:center;background-size:cover}
.npagePage .content{font-size:13px;line-height:20px}
.npagePage .content hr{border:none;border-top:1px dotted #d3d3d3;margin-top:10px;margin-bottom:10px;word-wrap:break-word;word-break:normal}
.npagePage .content .postbody ul li{list-style:inherit}
.list-paddingleft-1{padding-left:0}
.list-paddingleft-2{padding-left:30px}
.list-paddingleft-3{padding-left:60px}
.npagePage .content .description a,.npagePage .content .postbody a{/* text-decoration:underline */}
.postbody p{text-indent:0 !important;}
.postbody img{float:none;max-width:100%;margin-bottom:5px;height:auto}
.npagePage .mpageEditor .container_header{padding:60px 0 30px;font-size:22px;text-align:center}
.npagePage .mpageEditor .container_header .title{color:#333}
.npagePage .mpageEditor .container_header .subtitle{font-size:14px}
.npagePage .mpageEditor .container_content{padding-top:0}
.npagePage .mpageEditor .postbody #contactinfo{float:left}
.npagePage .mpageEditor .postbody #contactform{float: right;width: 55%;}
.npagePage .mpageEditor #mcontact .module_container{}
#footer{height:20px;padding:10px 56px;box-shadow: 0 0 10px rgba(0,0,0,.1);}
#footer p{line-height:20px;height:20px;text-align:center;color:#9E9E9E}
#footer p span.ellipsis{display:inline-block;max-width:70%}
#footer p a#flogo{display:inline-block;width:50px;height:20px;vertical-align:top;margin-left:10px;margin-right:40px}
#footer p a#fbeian{color:#8e8e8e;vertical-align:top}
#shares{position:fixed;right:7px;bottom:63px;z-index:99;height:124px}
#shares a{width:40px;height:40px;border:#f2f2f2 1px solid;display:block;background-color:#fff;color:#999;font-size:16px;text-align:center;position:relative;transition:all .3s ease-out 0s}
#shares a i{margin-top:12px;color:#999;transition:all .3s ease-out 0s}
#shares a i.fa.fa-mobile{font-size:24px;margin-top:8px}
#online_open:hover i,#shares a:hover i{color:#7D7D7D}
#shares a:hover{border-color:#f6f6f6;z-index:1;background-color:#f6f6f6}
#shares a#sweixin{top:-1px}
#shares a#gotop{margin-top:-2px;font-size:22px}
#shares a#gotop i{margin-top:6px}
.fixed{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background:#000;background:rgba(0,0,0,.6);overflow-y:auto;z-index:100;display:none}
#fixed_weixin .fixed-container{height:auto;padding:20px 20px 0 20px;background:#fff;position:absolute;left:50%;top:50%;margin-left:-110px;margin-top:-140px}
#fixed_weixin .fixed-container img{float:none;}
#fixed_weixin .fixed-container div{height:220px}
#fixed_weixin .fixed-container p{height:40px;line-height:40px;text-align:center;font-size:14px;color:#000}
#fixed_mp .fixed-container{width:258px;height:298px;background:#fff;position:absolute;left:50%;top:50%;margin-left:-129px;margin-top:-149px}
#fixed_mp .fixed-container p{padding:0 20px;text-align:center;font-size:14px;color:#000}
#online_open{width:40px;height:40px;background:#fff;border:#f2f2f2 1px solid;cursor:pointer;position:fixed;right:-40px;bottom:186px;z-index:99;font-size:18px;color:#999;text-align:center;line-height:30px;margin-right:-3px}
#online_open:hover{border-color:#f6f6f6;background-color:#f6f6f6}
#online_open i{margin-top:12px;transition:all .3s ease-out 0s}
#online_lx{width:180px;height:auto;background-color:#fff;-webkit-box-shadow:0 5px 9px rgba(4,0,0,.17);box-shadow:0 5px 9px rgba(4,0,0,.17);position:fixed;right:7px;bottom:188px;z-index:99999;margin-right:-10px}
#olx_head{padding:20px;line-height:16px;height:16px;background:#444;color:#fff;font-size:14px}
#olx_head i{font-size:18px;color:#fff;cursor:pointer;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
#olx_head i:hover{color:#fff;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg)}
#olx_qq li a{padding:12px 30px;height:18px;line-height:18px;background:#e5e5e5;color:#353434;display:block;border-bottom:#fff 1px solid;transition:all ease-out .3s;font-size:12px}
#olx_qq li a i{color:#5e5e5e;font-size:16px;vertical-align:middle;margin-right:18px;transition:all ease-out .3s}
#olx_qq li a:hover{color:#fff;background:#999}
#olx_qq li a:hover i{color:#fff}
#olx_tel{padding:20px 30px}
#olx_tel div{color:#434343;line-height:14px;height:14px;margin-bottom:10px}
#olx_tel div i{font-size:18px;margin-right:20px;vertical-align:middle}
#olx_tel p{line-height:18px;font-family:"Microsoft Yahei","Helvetica Neue","Helvetica,Arial","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei","Source Han Sans SC Regular",sans-serif;font-size:12px}
.hide{display:none}
.popup{display:block}
.popup .fixed-container{position:absolute;left:50%;top:50%;background:#fff;width:800px;height:600px}
.show{display:block}
.netmask{display:block}
.netmask div{position:absolute;left:50%;top:50%;margin-left:-20px;margin-top:-20px}
.netmask.loading div i{display:block;background:url(../images/loading.gif);width:40px;height:40px}
.netmask div i:before{display:none;font-size:40px;color:#fff}
.netmask.success div i:before{display:block}
.FloatL{float:left;width: 23.5%;padding-right: 2%;}
.FloatL1{ padding-right:0;}
.FloatL .BoxGrey .Content{ border: 1px solid #ccc;background-color: #fff;padding: 12px;margin-bottom:16px;}
.FloatL .BoxGrey .Content p{height: 60px;overflow:hidden;line-height:20px;}
.FloatL .BoxGrey .Content .PushHead1{color: #444;font-size: 15px;padding-bottom: 13px;height:32px;line-height:16px;}
.FloatL .BoxGrey .Content .PushHead1 a{color:#444;}
.FloatL .BoxGrey .Content .PushHead1 a:hover{color:#00C0FF}
.postbody p.title_01{ font-size:20px; font-weight:bold; color:#0678f7; text-align:center; border-bottom:2px #0678f7 solid; padding-bottom:5px;padding-top: 20px;}
.postbody p.title_02{font-size:16px;color:#0678f7;overflow: hidden;margin: 20px 0;}
.postbody p.title_02 .title_tit{line-height:30px;display: block;float: left;padding-left: 10px;width:74%;}
.postbody p span.title_icoz{padding: 0px 15px;font-size: 18px;color: #fff;line-height: 30px;text-align: center;display: inline-block;vertical-align: top;word-wrap: break-word !important;background:#0678f7;float: left;}
.postbody p span.title_icoy{margin: 2.5px 0px 0px -10px;padding: 3px 3px 0px 0px;border-top-width: 1px;border-top-style: solid;border-color: #0678f7;border-right-width: 1px;border-right-style: solid;display: inline-block;transform: rotate(45deg);float: left;}
.postbody p span.title_icoy1{width: 21.5px;height: 21.5px;background:#0678f7; display:block;}
.postbody p.tit{ font-size:14px; color:#3f3f3f; text-indent:2em; }
.postbody p.tit1{ color:#0678f7; font-size:14px; margin-top:20px;}

div.sdmenu{width: 80px;margin:0 auto;font-size: 14px;padding-bottom:10px;text-align: center;display:none;position: absolute;right: 8%;z-index: 99;top: 28%;}
div.sdmenu div{overflow:hidden;}
div.sdmenu div.collapsed{height: 28px;}
div.sdmenu div span{display:block;height: 28px;line-height: 28px;overflow:hidden;color: #389df9;cursor:pointer;border-bottom: 2px #389df9 solid;padding-bottom: 10px;}
div.sdmenu div.collapsed span{}
div.sdmenu div a{padding:5px 10px;background:#fff;display:block;color: #787878;text-decoration:none;}
div.sdmenu div a:hover{background:#f5f5f5;color:#389df9;text-decoration:none;}


.module.mcustomize .description p span{ display:inline-block; text-align:center;}
#contactinfo p img{ float:none;margin-top:7px;margin-left:5px;}


@media screen and (max-width:768px){.agent-mobile .module .module_container{max-width:768px}
#header .content #openBtn{ display:block;}
.agent-mobile #header{height:64px;box-shadow:0 0 10px rgba(0,0,0,.1);z-index:99}
.agent-mobile #header .wrapper{padding:10px 5px 0 5px;height:54px}
.agent-mobile #footer{padding:10px 5px 15%; height:auto;}
.agent-mobile #footer p{text-align:center; height:auto;}
#footer p span.ellipsis{max-width: 100%;white-space: normal;}
.agent-mobile #header .nav{display:none}
.agent-mobile #header .content #openBtn{display:block}
.agent-mobile #indexPage .module .module_container{padding-bottom:20px}
.agent-mobile #indexPage .module .container_category{display:none}
.agent-mobile .container_category{white-space:nowrap;overflow-x:auto}
.agent-mobile .module.mcounter ul.content_list li{width:50%}
.agent-mobile .mlist.service .content_wrapper{margin-right:0}
.agent-mobile .mlist.service .content_list li{width:100%;margin-right:0; margin-bottom:2%;}
.agent-mobile #indexPage .mlist.project .content_wrapper,.agent-mobile .mlist.project .content_wrapper{margin-right:-1.5%}
.agent-mobile #indexPage .mlist.project .content_list li,.agent-mobile .mlist.project .content_list li{width:48.5%;margin-right:1.5%}
.agent-mobile #indexPage .mlist.news .content_list li.item_block .item_img{width:100%;height:auto;float:none;margin-bottom:20px}
.agent-mobile #indexPage .mlist.news .content_list li.item_block .item_wrapper{margin-left:0;width: 100%;padding-left: 0;}
.agent-mobile .mlist.team .content_list li .item_wrapper{margin-left:220px}
.agent-mobile .mlist.imagelink .content_list li{width:25%}
.agent-mobile #indexPage #contactlist #contactinfo{width:100%}
.agent-mobile #indexPage #contactlist #contactform{width:100%;margin-left:0;margin-top:30px;float:left}
.agent-mobile .mlistpost.news #postContent .mlist.news .content_wrapper{margin-right:-1.5%}
.agent-mobile .mlistpost.news #postContent .mlist.news .content_list li{width:48.5%;margin-right:1.5%}
.agent-mobile .mlistpost.project #postContent .mlist.project .content_wrapper{margin-right:-1.5%}
.agent-mobile .mlistpost.project #postContent .mlist.project .content_list li{width:48.5%;margin-right:1.5%}
.agent-mobile #hcontact,.agent-mobile #online_lx,.agent-mobile #online_open,.agent-mobile #shares{display:none}
#indexPage .module .container_header{ padding:5% 0;}
.module.mcustomize .header{ padding:0 0 20px;}
.module.mcustomize .mediabody{ margin-top:5%;}
#indexPage .module{ padding:0 1%;}
.module.mcustomize .description a.more{ padding:1% 3%;}
.mlist.service .content_list li .item_info:before{ display:none;}
.mlist.service .content_list li .item_img{ width:45%; float:left;}
.mlist.service .content_list li .item_wrapper{ width:50%; padding-left:5%; float:left;}
.mlist.service .content_list li .item_info .title{ margin-top:2%;}
#indexPage .module .container_header .title{ font-size:18px;}
.mlist.service .content_list li .item_info .title{ font-size:14px;}
.module.mcustomize .header{ font-size:18px;}
.mlist.news .content_list li .item_info .title{ font-size:14px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gh1 #header #navWrapper{ display:none;}
.agent-pc body{ max-width:768px; min-width:320px;}
#hcontact{ display:none;}
#navWrapper{ display:none;}
#shares{ display:none;}
#online_open{ display:none;}
.mlist.news .content_list li .item_img{ width:45%; float:left; height:auto;}
.mlist.news .content_list li .item_wrapper{ width:50%; padding-left:5%; float:left; margin:0;}
#footer{padding:10px 5px 15%; height:auto;}
#footer p{text-align:center; height:auto;}
.mlist.project .content_wrapper{ margin-right:0;}
.container_category a{ margin-right:2%;display: block;float: left;}
.module .module_container{ padding-bottom:5%;}
.agent-pc .container_category{overflow:hidden;}
.mlist.project .content_list li{ margin:0 1.2%;}
.npagePage .container_content{ padding-top:4%;}
.mlistpost.project #postWrapper #postInfo{ float:none; width:100%;}
.mlistpost.project #postWrapper #postContent{ margin-right:0; width:100%;}
.mlistpost.project #postWrapper #postInfo .wrapper{ width:100%;position: initial !important;}
.mlistpost.project #postWrapper{ padding-top:0;}
.mlistpost.project #postWrapper #postInfo .wrapper .description{ padding-bottom:4%;}
.mlistpost.project #postWrapper #listContent{ display:none;}
.mlistpost.news #postInfo{ margin-top:0;}
.mlistpost.news #postContent .postbody{ margin-bottom:4%;}
.mlistpost.news #postWrapper{ margin:0 auto 4%;}
.npagePage .mpageEditor .container_header{ padding:5% 0 2%}
.npagePage .mpageEditor .container_content .content_wrapper .postbody table tr td:nth-child(1){width: 100%;float: left;text-align: center;margin: 2% 0;}
.npagePage .mpageEditor .container_content .content_wrapper .postbody table tr td img{ width:66%; height:auto;}
.npagePage .mpageEditor .container_content .content_wrapper .postbody table tr td:nth-child(2){ display:none;}
.npagePage .mpageEditor .container_content .content_wrapper .postbody table tr td:nth-child(3){width: 100%;float: left;}
.agent-pc #mcontact #contactinfo.wow{ width:45%;}
.agent-pc #mcontact #contactform.wow{ width:55%;}
.mlistpost.service #postNav{ display:none;}
.mlistpost.service #postContent{ margin-left:0; width:100%;}
.FloatL{ width:48%; padding:0 1%;}
.FloatL .BoxGrey .Content{ padding:3%;}
#online_lx{ display:none;}
.social_nav5{display:block !important;}
.social_nav5{height:7.5rem;position:fixed; bottom:0; min-width:320px; max-width:768px; width:100%;  z-index:999;background: #389df9;}
.social_nav5 li{background:url('/mobile/Images/Skins/ic5.png') no-repeat right center ;background-size: 2px 120px; width:25%; float:left; position:relative; text-align:center; color:#fff;line-height:1rem; height:5.33rem;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.social_nav5 li:last-child{border-right:none;}
.social_nav5 li em{ width:50%; display:block; margin:0 auto; padding:0.5rem 0 0.1rem 0;overflow: hidden;}
.social_nav5 li em img{ width:100%; height:auto;}
.social_nav5 li a{ color:#fff;}
.social_nav5 li.cur{ color:#fff;}
.social_nav5 li .erji{ position:absolute;bottom:5.33rem; left:0; width:100%; text-align:left; background:#33c2ec; display:none;opacity: 0.9; }
.social_nav5 li .erji a{ display:block;line-height:20px; font-size:1rem; line-height:2rem;position:relative; text-align:center;  color:#fff;}
.social_nav5 li .erji a:last-child{border-bottom:none;}
.mlistpost.service .postbody table{width:100% !important;}
div.sdmenu{ display:block;}


}
@media screen and (max-width:767px){.agent-mobile #header{height:54px;box-shadow:none}
.agent-mobile #header .wrapper{height:44px;padding-top:5px}
.agent-mobile #sitecontent{padding-top:54px}
.agent-mobile #header .content{text-align:center}
.agent-mobile #indexPage #topSlider .bx-wrapper .bx-pager{bottom:20px}
.agent-mobile #indexPage .mlist.news .content_list{margin-right:0}
.agent-mobile .mlist.news .content_list li.item_block .item_wrapper{margin-left:0}
.agent-mobile .mlist.team .content_wrapper{margin-right:0}
.agent-mobile .mlist.team .content_list li{height:auto;width:100%;margin-right:0}
.agent-mobile .mlist.team .content_list li.item_block .item_img{float:none;margin:0 auto 20px auto}
.agent-mobile .mlist.team .content_list li.item_block .item_wrapper{margin-left:0;height:auto}
.agent-mobile .mlist.team .content_list li.item_block .item_wrapper p{text-align:center}
.agent-mobile .mlist.team .content_list li .item_info .description{height:auto}
.agent-mobile .mlist.imagelink .content_list li{width:50%}
.agent-mobile .npagePage .container_content{padding-top:20px}
.agent-mobile #banner{display:none}
.agent-mobile #pageTarget{display:none}
.agent-mobile .mlistpost.service #postNav{display:none}
.agent-mobile .mlistpost.service #postContent{margin-left:0}
.agent-mobile .mlistpost.project #postWrapper{padding-top:0}
.agent-mobile .mlistpost.project #postWrapper #postContent{margin-right:0}
.agent-mobile .mlistpost.project #postWrapper #postInfo{float:none;width:100%;margin-bottom:24px}
.agent-mobile .mlistpost.project #postWrapper #postInfo .wrapper{position:static;width:100%}
.agent-mobile .mlistpost.project #postWrapper #postInfo .wrapper .description{padding-bottom:24px}
.agent-mobile .mlistpost.news #postContent .mlist.news .content_wrapper{margin-right:0}
.agent-mobile .mlistpost.news #postContent .mlist.news .content_list li{width:100%;margin-right:0}
.agent-mobile .mlistpost.project #postContent .mlist.project .content_wrapper{margin-right:0}
.agent-mobile .mlistpost.project #postContent .mlist.project .content_list li{width:100%;margin-right:0}
.agent-mobile .mlist.team_tabs .tab_button .content_list li{width:49%}
.agent-mobile .mlist.team_tabs .tab_content .content_list li>.wrapper{height:auto;padding:20px 0}
.agent-mobile .mlist.team_tabs .tab_content .content_list li .item_img{float:none;margin:0 auto}
.agent-mobile .mlist.team_tabs .tab_content .content_list li .item_wrapper{display:none}
.npagePage #banner{ height:255px;}
.npagePage #banner div{ height:255px;}
}
@media screen and (max-width:640px){
.mlist.news .content_list li .item_info .subtitle{ display:none;}
.mlist.news .content_list li .item_info .description{height:88px;overflow:hidden;padding-bottom:0; margin:0;}
.agent-pc #mcontact #contactinfo.wow{ width:100%;}
.agent-pc #mcontact #contactform.wow{ width:100%;}
.npagePage #banner{ height:190px;}
.npagePage #banner div{ height:190px;}
.social_nav5{height: 6.5rem;}
}
@media screen and (max-width:560px){
.social_nav5{height: 6rem;}
}
@media screen and (max-width:480px){
#indexPage #topSlider ul li a span.ban2{ font-size:16px;}
#indexPage #topSlider ul li a span.ban3{ font-size:16px; padding-left:5%;}
.mlist.news .content_list li .item_wrapper{ width:52%; padding-left:3%;}
.mlist.news .content_list li .item_info .description{ margin-top:0;}
.mlist.project .content_list li{ width:45%; margin:0 2.5%;}
.npagePage .mpageEditor .container_content .content_wrapper .postbody table tr td img{ width:100%; height:auto;}
.npagePage #banner{ height:160px;}
.npagePage #banner div{ height:160px;}
.FloatL .BoxGrey .Content .PushHead1{ font-size:13px;}
.social_nav5{height: 5.5rem;}
.agent-mobile #footer{padding:10px 5px 17%; height:auto;}
#footer{padding:10px 5px 17%; height:auto;}
.mlist.project .content_list li .item_info .title{font-size:14px;}
div.sdmenu{right:12%;}
}
@media screen and (max-width:400px) and (min-width:320px){
.mlist.service .content_list li .item_img{ width:100%; float:none;}
.mlist.service .content_list li .item_wrapper{ width:100%; padding-left:0; float:none;}
.mlist.service .content_list li .item_info .title{ margin-top:2%;}
#indexPage #topSlider ul li a span.ban3 p{ width:210px;}
.mlist.news .content_list li .item_info .description{ height:60px; line-height:20px;}
.npagePage #banner{ height:130px;}
.npagePage #banner div{ height:130px;}
.social_nav5{height: 4.5rem;}
}
.agent-pc .mlist.service .content_list li.wow{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.agent-pc .mlist.project .content_list li.wow{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.agent-pc .mlist.team .content_list li.wow{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.agent-pc .mlist.team_tabs .tab_content .content_list li.wow{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.agent-pc .mlist.team_tabs .tab_button .content_list li.wow{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.agent-pc .mlist.imagelink .content_list li.wow{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.agent-pc .mlist.news .content_list li.wow{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.agent-pc .mcustomize .header.wow{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.agent-pc .mcustomize .description.wow{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.agent-pc .mcustomize .mediabody.wow{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.agent-pc #mcontact #contactinfo.wow{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.agent-pc #mcontact #contactform.wow{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.agent-pc #indexPage .module .container_header{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;visibility: visible !important;}
.agent-pc .container_category{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.agent-pc .container_target{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}

a.Push{display: block;padding-top: 8px;font-weight: bold;text-align: right;color: #00c0ff;}
a.Push:hover{text-decoration: underline;}