@charset "utf-8";
@font-face { font-weight: 400; font-style: normal; font-family: HELVETICANEUELTPRO-THEX; src: url(../font/fontawesome-webfont.ttf) }
* { margin: 0; padding: 0 }
ul li { list-style: none }
a { color: #999;text-decoration: none; transition:.5s ease-in;-webkit-transition:.5s ease-in;-moz-transition:.5s ease-in;-o-transition:.5s ease-in;-ms-transition:.5s ease-in;}
a.active, a:hover { color: #00c0ff }
.clear { clear: both }
body, html { width: 100%; height: 100%; background: #fff; color: #999;letter-spacing:0.5px; font-family:Arial, "微软雅黑"; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; overflow-scrolling: touch }

/*滚动条*/
@-webkit-keyframes bouncedelay { 0%, 80%, to {-webkit-transform:scale(0)}
40% {-webkit-transform:scale(1)}
}@keyframes bouncedelay { 0%, 80%, to {-webkit-transform:scale(0);transform:scale(0)}
40% {-webkit-transform:scale(1);transform:scale(1)}}
::-webkit-scrollbar-track-piece {width:8px;background-color:#f0f0f0}
::-webkit-scrollbar {width:8px;background-color:#00c0ff}
::-webkit-scrollbar-thumb {width:8px;background-color:#00c0ff}
::-webkit-scrollbar-thumb:hover {width:8px;background-color:#222}

/*全站文本选取底色*/
::selection {background: #00c0ff;color: #fff;}

/*导航菜单*/
.home #header { height: 84px;z-index:999;}
.home #sitecontent { padding-top: 0 }
.singlescreen #header { transition: none }
.home #header .content { max-width: 100% }
.home #hcontact { display: none }
.home #header.mini, .singlescreen #header { height: 4pc; box-shadow: 0 2px 6px rgba(0,0,0,.1) }
.home #header.mini .wrapper, .singlescreen #header .wrapper { padding: 10px 5px 0; height: 54px; background: #fff;}/*导航背景*/
.home #header.mini .nav, .singlescreen #header.mini .nav { height: 54px }
.home #header .nav { float: right; padding-right: 40px }
#header { position: fixed; z-index: 99; width: 100% }
#header, #header .wrapper { background: 0 0; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s }
#header .wrapper { padding: 20px 5px 0; height: auto }
#header .content { margin: 0 auto; height: 100%; max-width: 1200px }
#header .content a#logo { float: left; display: block; height: 44px }
#header .content a#logo img { padding-left: 30px; width: auto; height: 100% }
#header .content #openBtn { float: right; display: none; margin-top: 7px; margin-right: 0; cursor: pointer }
#header .nav { float: left; margin-left: 25px; height: 4pc }
#header .nav>li { position: relative; float: left; height: 100%; font-size: 14px }
#header .nav>li>a { position: relative; display: block; overflow: hidden; padding: 0 15px; height: 44px; font-size:13px;color:#999;font-family:'微软雅黑'; font-weight: 500; line-height: 44px }
#header .nav>li>a span { position: relative; display: inline-block; transition: all ease-out .3s }
#header .nav>li>a span:after {position: absolute; left:0; width: 100%; font-size:13px;color:#00c0ff;font-family: '微软雅黑';content: attr(data-title); transform: translateY(100%) }/*导航文本*/
.browser-lt11 #header .nav>li>a span:after { top: 100% }
#header .nav>li>a>i { margin-left: 10px }
#header ul li.navitem:last-child, #header ul li.navitem:nth-last-child(2) { padding: 0 8px }
#header ul li.navitem:last-child a span:after, #header ul li.navitem:nth-last-child(2) a span:after { color: #fff }
#header .nav .subnav { position: absolute; top: 100%; left: 0; z-index: 199; visibility: hidden; overflow: hidden; width: 180px; height: auto; border-top: 2px solid #00c0ff; background-color: #fff; box-shadow: 0 10px 42px 5px rgba(0,0,0,.05); opacity: 0; transition: all .36s ease }/*导航下拉背景*/
#header .nav .navitem:last-child .subnav { right: 0; left: auto }
#header .nav .subnav li { width: 100% }
#header .nav .subnav li a { display: block; padding: 9pt 24px; color: #999; font-weight: 500; font-size: 9pt; line-height: 22px; transition: all .2s ease-in-out }/*导航下拉文本色*/
#header .nav>li:hover .subnav { visibility: visible; opacity: 1 }
#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 { padding-left: 24px; background-color: #f9f9f9; color: #00c0ff }/*导航下拉文本链接色*

/*导航会员登陆注册*/
.user1 {background:#00c0ff;font-size:13px;color:#fff;font-family: '微软雅黑';padding:6px 25px;line-height:43px;}
.user1:hover{ background:#f96868;font-size:13px;color:#fff;font-family: '微软雅黑';padding:6px 25px;line-height:43px;}
.user2 {background:#f96868;font-size:13px;color:#fff;font-family: '微软雅黑';padding:6px 25px;line-height:43px;}
.user2:hover{ background:#999;font-size:13px;color:#fff;font-family: '微软雅黑';padding:6px 25px;line-height:43px;}

/*(首页)&产品正文多图焦点幻灯*/
#indexPage { position: relative }
#indexPage #topSlider { position: relative; display: block }
#indexPage #topSlider, #indexPage #topSlider ul.content_list { overflow: hidden; width: 100%; height: 100% }
#indexPage #topSlider ul li { display: block; width: 100%; height: 100% }
#indexPage #topSlider ul li div.item_bg { position: absolute; width: 100%; height: 100% }
#indexPage #topSlider ul li div.item_bg.video:after { position: absolute; z-index:999; content: "" }
#indexPage #topSlider ul li div.item_bg.image, #indexPage #topSlider ul li div.item_bg.video:after { width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat }
#indexPage #topSlider ul li div.item_bg.video video { position: absolute; top: 50%; left: 50%; margin-top: -9%; margin-left: -24%; max-width: 48% }
#indexPage #topSlider ul li div.mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.3) }
#indexPage #topSlider ul li a { position: absolute; top: 0; left: 0; display: table; width: 100%; height: 100% }
#indexPage #topSlider ul li a div { display: table-cell; padding: 75pt 50px; vertical-align: middle;position: absolute;top: 350px;left: 70px;width: 300px;padding: 10px;background: #e7eaec;opacity: 0.5;border-radius:0px}
#indexPage #topSlider ul li p { margin: 0 auto; max-width: 90%; color: #fff }
#indexPage #topSlider ul li p.title { height: 3pc; font-size: 1.5pc; font-family: HELVETICANEUELTPRO-THEX, Arial, "微软雅黑"; line-height: 3pc; transition-delay: 0 }/*幻灯文本*/
#indexPage #topSlider ul li p.subtitle { margin-top: 1px; height: 40px; color: #999; font-size: 14px; transition-delay: .2s }/*幻灯文本*/
#indexPage #topSlider .sliderArrow { display: none }
#indexPage #topSlider ul[data-slider-mode="3"] li div.item_bg.image { top: -5%; height: 110% }
.bx-wrapper .bx-helper .bx-fullscreenBtn { position: relative; display: none; width: 100%; height: 22px; text-align: center }
.bx-wrapper .bx-helper .bx-fullscreenBtn i { margin-top: 2px; font-size: 14px }
.bx-wrapper .bx-controls-direction a.disabled { display: block ;opacity: 0.6;}

/*首页焦点幻灯*/
#focus-banner{position: relative;width: 100%;overflow: hidden;}
#focus-banner-list{position: relative;}
#focus-banner-list li{position: absolute;left: 0;top: 0;width: 100%;}
#focus-banner-list li img{width: 100%;max-width: 1200px;margin-top:200px;visibility: visible; animation-duration: 4s; animation-name: bounceInUp;}
.focus-banner-img{display:block;text-align: center;background: url(../images/trianglify-background.svg)no-repeat;max-height: 880px;overflow: hidden;}
#focus-banner-list .focus-banner-text1{position: absolute;top:110px;width:100%;color: #fff;font-size:35px;letter-spacing:1px;font-family:Arial, "微软雅黑";transition-delay: .2s}
#focus-banner-list .focus-banner-text2{position: absolute;top:160px;max-width:100%;margin-left:15%;margin-right:15%;color: #fff;letter-spacing:1px;font-size:18px;font-family:Arial, "微软雅黑";transition-delay: .2s}
#focus-banner .focus-handle{position: absolute;top: 50%;margin-top: -40px;z-index:99;display: block;width: 80px;height: 80px;background-image: url("../images/focus_handle.png");}
#next-img{left: 0;}
#next-img{left: 50px;background-position: 0 0;}
#next-img:hover{background-position: 0 -80px;}
#prev-img{right: 0;}
#prev-img{right: 50px;background-position: -80px 0;}
#prev-img:hover{background-position: -80px -80px;}
#focus-bubble{position: absolute;left: 50%;bottom:25px;z-index:100;}
#focus-bubble li{float: left;width: 10px;height: 10px;margin: 0 5px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;border:1px #00c0ff solid;cursor: pointer;}
#focus-bubble li a{display: block;width: 100%;height: 100%;filter:alpha(opacity=0);opacity: 0;}
#focus-bubble li.current{background-color: #00c0ff;}

/*首页累计开始*/
.module {position: relative;overflow: hidden;background: #fff;}/*背景*/
.bgmask {display: none;}
.module.mcounter .module_container { padding: 40px 0; max-width: 94% }
.module .module_container {margin: 0 auto;padding-right: 5px;padding-bottom: 50px;padding-left: 5px;max-width: 1200px;}
.module.mcounter ul.content_list { width: 100%; height: auto }
.module.mcounter ul.content_list li { float: left; width: 25%; height: 81pt; text-align: center }/*首页统计底层*/
.module.mcounter ul.content_list li div { border-right: 1px solid rgba(0,0,0,.08) }
.module.mcounter ul.content_list li:last-child div { border-right: none }
.module.mcounter ul.content_list li p.title { margin-bottom: 10px }
.module.mcounter ul.content_list li p { color: #999; text-align: center; font-size: 13px }
.module.mcounter ul.content_list li p.number { margin-top: 15px }
.module.mcounter ul.content_list li p.number .counterDX { margin-top: 15px; color: #999; text-align: center; font-size: 54px; font-family: Arial !important; font-family: HELVETICANEUELTPRO-THEX, Arial, "微软雅黑";}/*首页统计*/
.module.mcounter ul.content_list li p.number .unit { position: relative; top: 11px; left: 5px; color: #999; vertical-align: top; font-size: 14px }/*首页统计*/
#mcontact #contactform.wow, #mcontact #contactinfo.wow, .ad01 .content_list li.wow, .container_target.wow, .imagelink .content_list li.wow, .mcustomize .description.wow, .mcustomize .header.wow, .mcustomize .mediabody.wow, .news .content_list li.wow, .project .content_list li.wow, .service .content_list li.wow, .team .content_list li.wow, .team_tabs li.wow { -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}

/*首页限时特价*/
#indexPage .module.bgShow.bgParallax { background-size: cover; background-repeat: no-repeat; background-attachment: fixed }
.agent-pc .ad01 .item_block.first { position: relative; float: left; width: 585px; height: 584px }
.agent-pc .ad01 .item_block.first .item_img img { width: 100%; height: 100% }
.agent-pc .ad01 .module_container { position: relative; z-index: 2; padding: 40pt 5px }
.ad01 .item_block.first .item_img:after, .ad01 .item_info .description, .agent-pc .ad01 .item_date, .agent-pc .ad01 .module_container .container_header { display: none }
.agent-pc .ad01 .item_block.first .item_img { display: block; width: 585px; height: 585px }
.agent-pc .ad01 .item_block.first .item_wrapper { display: none }
.agent-pc .ad01 .item_block { position: relative; float: left; overflow: hidden; width: 292px; height: 292px; box-shadow: 0 0 1px rgba(0,0,0,.2) }/*四图产品图特效*/
.agent-pc .ad01 .item_block:hover .item_img img { -webkit-transform: scale(1.06, 1.06); transform: scale(1.06) }
.agent-pc .ad01 .item_block.first .item_img:hover img { -webkit-transform: scale(1.06, 1.06); transform: scale(1.06, 1.06) }
img { border: none;float: none; }
.clearfix { zoom: 1 }
.xstj{ background-image:url(../images/pgtj.png); width:500px; height:306px; text-align:center; background-repeat:no-repeat}/*限时特价产品图*/
.xstj img{ width:100%;transition: all .3s ease-out 0s;}
.putaway { background-image:url(../images/jg.png); background-repeat:no-repeat; width:146px; height:60px;top:321px; font-size:32px; right:8%; line-height:60px }/*限时特价价格背景*/
.pro_topIcon { position: absolute; /*top: 7%; right: 7%;*/ padding: 4px 12px;border-radius: 2px; color: #fff; }/*限时特价价格*/
.bx-sliderCount, a, a i {font-size: 13px;color: #999;font-family: '微软雅黑';}/*限时特价产品名称*/
#djs {width: 100%;margin: -10px auto 0px auto;}
.countdown {display: table-cell;font-weight: normal;}
.countdown .item {display: inline-block;vertical-align: bottom;position: relative; font-family: 'Open Sans', cursive;font-weight: 700;font-size: 50px;line-height: 80px;text-align: center;color: #fff;border-radius: 10px;margin: 0px 10px 0px 0;padding: 0 20px;background: #2A2A2A;background: -webkit-linear-gradient(#4cc8ec, #21bce9);/*background: linear-gradient(#00c0ff, #021e27);overflow: hidden;*/}/*倒计时年月日&背景*/
.countdown .label {text-transform: uppercase;display: block;position: absolute;/* font-family: 'Open Sans', cursive;*/font-weight: 500;line-height: normal;right: 8px;bottom: 2px;font-size: 12px;color: #cdecfb;}/*倒计时年月日英文*/
.item_img1{ background-image:url(../images/pcbgg.png); width:280px; height:172px; text-align:center;overflow:hidden; margin:30px 0 0 6px}/*四图电脑背景*/
.agent-pc .ad01 .item_wrapper_tm { position: absolute; bottom: 30px; width:100%; height: 78px; background-color: transparent; text-align: center;}
.agent-pc .ad01 .title { color: #00c0ff; font-size: 1pc; line-height: 34px; }/*四图价格*/
.agent-pc #sitecontent .ad01 .item_block:hover .item_wrapper .title { color: #fff }/*四图价格光标经过*/
.agent-pc .ad01 .item_block:hover .item_wrapper { height: 66pt; background-color: #00c0ff;}/*四图文本光标经过背色*/
.agent-pc .ad01 .subtitle {color: #999;font-size: 12px;}/*四图截止日期文本*/
.agent-pc .ad01 .item_block:hover .subtitle { color: hsla(0,0%,100%,.56) }/*四图截止日期文本光标经过*/
.agent-pc .ad01 .item_wrapper { position: absolute; bottom: 0; left: 0; width: 100%; height: 78px; background-color: transparent; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s }/*四图文本特效&背景*/
.agent-pc .ad01 .item_img { position: relative; display: block; overflow: hidden }
.agent-pc .ad01 .item_img img { width: 100%; height:152px;transition: all .3s ease-out 0s }
.agent-pc .ad01 .item_img:after {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: 0 0; content: ''; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s }
.agent-pc .ad01 .item_info { display: block; padding: 15px 30px; transition: all 0.01s ease-out 0s; }

/*首页搜索*/
input[type="submit"],.agileits_copyright p a,.wthree_nav li a{transition:.5s ease-in;-webkit-transition:.5s ease-in;-moz-transition:.5s ease-in;-o-transition:.5s ease-in;-ms-transition:.5s ease-in;}
.agile_form{width:500px;margin:0 0 40px;}
.agile_form input[type="text"]{outline: none;padding: 10px 12px;font-size: 25px;color:#00c0ff;width:374px;background: #; border: 1px solid #00c0ff;float: left;}
.agile_form input[type="submit"] {outline: none; width: 100px;background: #00c0ff;font-size: 14px;font-family: '微软雅黑';text-transform: uppercase;color: #fff;font-weight: 600;border: none;padding: 13px 0;cursor: pointer;border: 1px solid #00c0ff;}
.agile_form input[type="submit"]:hover{background:#06a4d8;border: 1px solid #06a4d8;}
.agile_form input[type="text"]::-webkit-input-placeholder{color:#00c0ff;}
.searchtitle { color: #999; font-size: 14px;padding:5px;}
.searchsname { color: #999; font-size: 13px;padding:1px;}
.searchsname:before {content: "\f1e1";font-family: FontAwesome;color: #999; font-size: 14px;margin-right:5px;}
.searchdescription {width: 720px;padding-top:10px;font-size: 13px;line-height: 22px;height:75px;letter-spacing:1px;overflow: hidden;color: #999}/*备注*/

.module1 {position: relative;overflow: hidden;background: #fff;}/*背景*/
.agent-pc .module1 .module_container.wide { padding-right: 50px; padding-left: 50px; max-width: none }
#indexPage .module1 .container_header { padding: 3pc 0 35px; text-align: center }/*首页产品展示名称高度*/
#indexPage .module1 .container_header .title { position: relative; margin: 0 auto; color: #00c0ff; font-size: 26px; line-height: inherit }/*首页产品展示名称*/
#indexPage .module1 .container_header .subtitle { margin-top: 10px; color: #999; font-size: 16px }/*首页产品展示备注*/
#indexPage .module1 .container_header p { display: block }
input, textarea { outline: 0; border: none; background: 0 0; font-size: 14px; font-family: HELVETICANEUELTPRO-THEX, Arial, "微软雅黑"; -webkit-appearance: none }

.container_category { margin: 0px 0 30px; text-align: center }/*产品小分类与产品图的间隙*/
.container_category a { position: relative; display: inline-block; margin-left: 10px; padding: 8px 25px; height: 1pc; color: #999;margin-bottom: 10px;font-size:12px;line-height: 1pc; border: 1px solid #e7eaec;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}/*小分类底色*/
.container_category a:after { position: absolute; margin-top: 7px; margin-left: 28px; width: 10px; height: 1px; background-color: #dbdbdb; content: '' }
.container_category a:last-of-type:after { width: 0; height: 0 }/*小分类底色*/
#sitecontent .container_category a.active, #sitecontent .container_category a:hover { background-color: #222; color: #fff;}/*小分类底色*/

/*首页产品-产品栏目*/
.homecontainer{margin: 0 auto; max-width:1280px;}
.homerow{width:300px; float: left;margin-left:5px;margin-right:10px;}
.single-member{width: 300px; float: left; margin:10px 10px; background-color: #fff; text-align: center; position: relative;}
.member-image img{max-width: 100%; vertical-align: middle;}
.cptx {font-size: 14px; font-weight: normal; margin: 27px 0 0; text-transform: uppercase;color: #fff;}
.cptxt {font-size: 14px; font-weight: normal; margin: 22px 0 0; text-transform: uppercase;color: #fff;}
.cptxts {font-size: 12px; font-weight: 300; margin: 0 0 13px; line-height:44px;color: hsla(0,0%,100%,.56);border-bottom: 1px solid #ffffff6b;}
.cptxtss {font-size: 13px; font-weight: 300; line-height: 20px; padding: 0 30px; height:90px;color: #fff;}

.social-touch a{display: inline-block; width: 27px; height: 30px; vertical-align: middle; margin: 0 2px; background-image: url(../images/social-icons.png); background-repeat: no-repeat; opacity: 0.7; transition: 0.3s;border-radius:0px;}
.social-touch a:hover{opacity: 1; transition: 0.3s;}
.fb-touch{background-position: 0 0;}
.tweet-touch{background-position: -35px 0;}
.linkedin-touch{background-position: -71px 0;}
.icon-colored .fb-touch{background-position: 0 -31px;}
.icon-colored .tweet-touch{background-position: -35px -31px;}
.icon-colored .linkedin-touch{background-position: -71px -31px;}

.effect-5{max-height:300px; min-height:300px; overflow: hidden;border:1px solid #e7eaec;}
.effect-5 .member-info {background-color: #00c0ff; position: absolute; width: 100%; top: 0; left: 0; height: 90px; transition: 0.3s; z-index: 2;letter-spacing:1px;}
.effect-5 .member-image{margin-top: 90px; float: left; width: 100%; position: relative; transition: 0.3s; z-index: 4;}
.effect-5 .member-image img{width: 100%;}
.effect-5 .member-info:before{border-left: 150px solid transparent; border-right: 150px solid transparent; border-top: 15px solid #00c0ff; bottom: -15px; content: ""; left: 0; position: absolute; z-index: 9;}
.effect-5:hover .member-info{height: 215px; transition: 0.3s; z-index: 6;}
.effect-5:hover .member-image{margin-top: 200px; transition: 0.3s;}

/*更多MORECSS*/
#indexPage a.more { height: 50px; font-size: 16px; line-height: 50px; font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; color: #00c0ff; border-color: rgba(255,255,255,.1); border-radius: 0px; text-align: center; text-indent: 0px; margin: 3% auto; }
#indexPage a.more:hover { border-color: #00c0ff; text-indent: 0px; text-align: center; background-color: #00c0ff; color: #fff; }/*光标经过*/
#indexPage #mproject a.more {animation-name: fadeInUp;animation-delay: 0.5s;}
#indexPage a.more, #indexPage a.details, #sitecontent .npagePage a.details {border: #e1e1e1 1px solid;background: rgba(255,255,255,.0);width: 300px;height: 50px;display: block;margin: 30px auto 50px;line-height: 50px;font-size: 18px;color: #00c0ff;text-indent:0px;border-radius:0px;transition: all ease-out .3s;}/*默认*/
#indexPage a.more i,#indexPage a.details i,#sitecontent .npagePage a.details i {text-indent: -10px;font-size: 21px;color: rgba(255,255,255,.0);transition: all ease-out .3s}
#indexPage a.more:hover i,#indexPage a.details:hover i ,#sitecontent .npagePage a.details:hover i{text-indent: 18px;color: #fff;}/*光标经过箭头*/

/*首页关于我们*/
.light-bg {background-color: #f8f8f8;}
section {padding: 1px 0;display: block;}
@media (min-width:768px){.container{width:750px}}
@media (min-width:992px){.container{width:970px}}
@media (min-width:1200px){.container{width:1200px}}
.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.row{margin-right:0px;margin-left:0px;}
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width: 1200px).container {width: 1200px;}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {display: table;content: " ";clear: both;}
:after, :before {box-sizing: border-box;}
@media (min-width: 1200px).col-lg {width: 100%;float: left;}
.col-lg{position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
.text-center {text-align: center;}
.section-title h2 {font-size: 50px;color: #00c0ff;font-weight: 900;letter-spacing: -0.6px;position: relative;margin:40px 0 0 0;padding-bottom: 20px;}
.section-title p {color: #999;font-size: 13px;font-weight: 300;line-height:25px;margin: 0px 80px 35px 80px;}
.col-md{float: left;width: 380px;position: relative;min-height: 1px;padding-right:10px;padding-left:10px;}
.mz-module-about {border: 1px solid #e7eaec;min-height: 280px;padding: 15px;background-color: #f5f5f5;}
.grid {overflow: hidden;margin: 0;width: 100%;list-style: none;text-align: center;}
.grid figure {border-radius:0px;position: relative;z-index: 1;display: inline-block;overflow: hidden;margin: -0.135em;width:100%;height: 120px;background: #ccc;text-align: center;cursor: pointer;margin-bottom:30px}
.grid figure img {position: relative;width:100%;height:100%;display: block;opacity: 0.8;}
.grid figure figcaption {padding: 2em;color: #b6b6c3;text-transform: uppercase;font-size:1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.grid figure figcaption::after {pointer-events: none;}
.grid figure figcaption,
.grid figure a {position: absolute;top:-19px;left:-20px;width:200px;height:70px;}
.grid figure p {margin: 0;}
figure.effect-chico img {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(1.12);transform: scale(1.12);}
figure.effect-chico:hover img {opacity: 0.5;-webkit-transform: scale(1);transform: scale(1);}
figure.effect-chico figcaption {padding: 3em;}
figure.effect-chico figcaption::before {position: absolute;top: 30px;right: 30px;bottom: 30px;left: 30px;border: 1px solid #b6b6c3;content: '';-webkit-transform: scale(1.1);transform: scale(1.1);}
figure.effect-chico figcaption::before,
figure.effect-chico p {opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
figure.effect-chico h2 {padding: 20px 0px 20px 0px;;font-size:18px;font-family: '微软雅黑';}
figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}

.mz-module-about h3 {font-weight: 500;font-size: 16px;font-family: '微软雅黑';/* text-transform: uppercase; */color: #999;/* letter-spacing: 2px; */margin-bottom: 20px;}
h3,{font-weight: 300;letter-spacing: 0.5px;font-family: "Raleway", Sans-serif;color: #232323;margin-top: 20px;line-height: 1.1;}
.mz-module-about p {font-size: 13px;font-weight: 300;line-height: 22px;color: #999;font-family: '微软雅黑';margin-left: 15px;margin-right: 15px;}

.mz-module {position: relative;margin-bottom: 50px;}
.mz-module:hover .mz-module-button {bottom: -45px;opacity: 1;}
.mz-module-button {background-color:#00c0ff;padding: 15px;text-transform: uppercase;font-weight: 700;font-size: 15px;font-family: '微软雅黑';display: block;position: absolute;bottom: 0px;left: 0;right: 0;opacity: 0;color: #fff;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}
.mz-module-button:hover {background-color: #f96868;color: #fff;text-decoration: none;}

/*首页新闻*/
#indexnews .news .content_wrapper {position: relative;height: 510px;margin-top: 18px;}
#indexnews .news .content_list {float: right;width: 590px}
#indexnews .news .content_list .item_block {position: relative;padding: 35px 20px 35px 38px}
#indexnews .news .content_list .item_block:not(:first-child) {border-bottom: 1px solid #e7eaec}
#indexnews .news .content_list .item_block:not(:first-child):hover {box-shadow: 0 0 40px rgba(0, 0, 0, .08)}
#indexnews .news .content_list .item_block:not(:first-child):hover .item_wrapper .item_info .title {color: #00c0ff;-webkit-transform: translateX(-17px);-ms-transform: translateX(-17px);transform: translateX(-17px)}
#indexnews .news .content_list .item_block:not(:first-child):hover .item_wrapper .item_des {-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px)}
#indexnews .news .content_list .item_block:not(:first-child):hover .detailss:before {left: 30px;opacity: 0}
#indexnews .news .content_list .item_block:not(:first-child):hover .detailss:after {left: 15px;opacity: 1}
#indexnews .news .content_list .item_block:not(:first-child) .item_wrapper .item_info .title {color: #888;font-size: 15px;line-height: 30px;padding-left: 27px;-webkit-transform:translateX(-27px);-ms-transform: translateX(-27px);transform: translateX(-27px);transition: all .36s ease}
#indexnews .news .content_list .item_block:not(:first-child) .item_wrapper .item_info .title:before {content: "\f105";font-size:28px;font-family: FontAwesome;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;position: absolute;left: 0;-webkit-transform: scale(.4);-ms-transform: scale(.4);transform: scale(.4);line-height: inherit}
#indexnews .news .content_list .item_block:not(:first-child) .item_wrapper .item_des {transition: all .36s ease}
#indexnews .news .content_list .item_block:not(:first-child) .item_wrapper .date_wrap {float: right}
#indexnews .news .content_list .item_block:not(:first-child) .item_wrapper .date_wrap .md {font-size: 22px}
#indexnews .news .content_list .item_block:not(:first-child) .item_img {display: none}
#indexnews .news .content_list .item_block:not(:first-child) .detailss {position: absolute;right: 26px;bottom: 44px;width: 40px;height: 16px;color: transparent;border-left: 1px solid #e7eaec;overflow: hidden}
#indexnews .news .content_list .item_block:not(:first-child) .detailss:after,#indexnews .news .content_list .item_block:not(:first-child) .detailss:before {font-family: FontAwesome;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;transition: all .36s ease;content: "\f054";color: #999;position: absolute;top: 50%;font-size: 15px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%)}
#indexnews .news .content_list .item_block:not(:first-child) .detailss:before {left: 15px}
#indexnews .news .content_list .item_block:not(:first-child) .detailss:after {left: -30px;opacity: 0}
#indexnews .news .content_list.ff_noSlider .item_block:first-child {position: absolute;top: 0;left: 0;padding: 44px 60px;width: 520px;height: 510px;box-sizing: border-box;background: #f8f8f8;transition: background .36s ease}
#indexnews .news .content_list .item_block:first-child:hover .detailss {bottom: 30px;opacity: 1}
#indexnews .news .content_list .item_block:first-child:hover .detailss:after,#indexnews .news .content_list .item_block:first-child:hover .detailss:before {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}
#indexnews .news .content_list .item_block:first-child:hover .item_wrapper .item_des .description {padding-left: 20px;border-color: #00c0ff}
#indexnews .news .content_list .item_block:first-child:hover .item_img img {-webkit-transform: scale(1.08);-ms-transform: scale(1.08);transform: scale(1.08)}
#indexnews .news .content_list .item_block:first-child .item_img {position: absolute;bottom: 90px;overflow: hidden;width: 380px;height: 240px;}
#indexnews .news .content_list .item_block:first-child .item_img img {transition: all .36s ease;width:100%;height:100%;}
#indexnews .news .content_list .item_block:first-child .item_wrapper .item_info .title {color: #00c0ff;font-size: 18px;line-height: 30px;margin-top: 10px}
#indexnews .news .content_list .item_block:first-child .item_wrapper .item_des {margin-top: 10px;margin-bottom: 10px}
#indexnews .news .content_list .item_block:first-child .item_wrapper .item_des .description {transition: all .36s ease;padding-left: 0;box-sizing: border-box;font-size: 13px;line-height: 22px;height: auto;max-height: 52px;border-left: 1px solid transparent;width: 380px;overflow: hidden;letter-spacing:1px;}
#indexnews .news .content_list .item_block:first-child .detailss {position: absolute;left: 0;bottom: 15px;width: 140px;height: 38px;display: block;margin: 20px auto 15px;;text-indent:0px;border-radius:0px;color: transparent;background: #00c0ff;transition: all .36s ease}
#indexnews .news .content_list .item_block:first-child .detailss:hover {background: #f96868;}

#indexnews .news .content_list .item_block:first-child .detailss:after,#indexnews .news .content_list .item_block:first-child .detailss:before {content: '';background: #fff;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);transition: all .36s ease}
#indexnews .news .content_list .item_block:first-child .detailss:before {width: 0;height: 15px;border-left: 1px solid #fff;top: 0}
#indexnews .news .content_list .item_block:first-child .detailss:after {width: 15px;height: 0;border-top: 1px solid #fff;left: 0}
#indexnews .news .content_list .item_block .item_wrapper {color: #999;transition: color .36s ease}
#indexnews .news .content_list .item_block .item_wrapper .item_info .title {color: inherit;font-size: 15px;line-height: 30px}
#indexnews .news .content_list .item_block .item_wrapper .item_des {margin-top: 11px}
#indexnews .news .content_list .item_block .item_wrapper .item_des .description {font-size: 13px;line-height: 22px;height: 52px;width: 520px;overflow: hidden;letter-spacing:1px;}
#indexnews .news .content_list .item_block .item_wrapper .date_wrap {color: inherit;font-family: helveticaneuethn, Arial}
#indexnews .news .content_list .item_block .item_wrapper .date_wrap .year {display: none;font-family: inherit}
#indexnews .news .content_list .item_block .item_wrapper .date_wrap .md {color: inherit;font-size: 24px;line-height: 30px;font-family: inherit}
#indexnews .news .content_list .item_block:first-child .detailss {left: 60px}
#indexnews .news .content_list .item_block:first-child .detailss::before {top: -50%}
#indexnews .news .content_list .item_block:first-child:hover .detailss:after {-webkit-transform: none;-ms-transform: none;transform: none;margin-left: -8px;margin-top: -1px}
#indexnews .news .content_list .item_block:first-child:hover .detailss:before {margin-top: -8px;-webkit-transform: none;-ms-transform: none;transform: none;margin-left: -1px}
#indexnews .news .content_list .item_block:first-child .detailss::before {top: 50%;margin-top: -1px;}
#indexnews .news .content_list .item_block:first-child .detailss::after {left: 50%;margin-top: -1px;}

.npagePage.post .news #listContent .item_tags a:hover {background-color: #00c0ff; }
#indexnews .news .content_list .item_block:not(:first-child):hover .item_wrapper .item_info .title {color: #00c0ff; }
#indexnews .news .content_list .item_block:first-child .detailss {opacity: 1;}
#indexnews .news .content_list .item_block:first-child:hover .detailss::before {margin-left: -1px;margin-top: -8px;}
#indexnews .news.ff_slider .content_list .item_block .item_wrapper .item_des .description {width: auto;}
#indexnews .news.ff_slider .bx-wrapper .bx-controls-direction a.bx-prev {left: -40px;}
#indexnews .news.ff_slider .content_wrapper {height: auto;}
#indexnews .news.ff_slider .content_list .item_block:first-child .detailss {display: none;}
#indexnews .news.ff_slider .content_list .item_block:first-child:hover .item_wrapper .item_des .description {padding-left: 0;}
#indexnews .news.ff_slider .content_list .item_block {padding: 40px;}
#indexnews .news.ff_slider .content_list .item_block .item_wrapper .date_wrap {float: right;}
#indexnews .news.ff_slider .content_list .item_block:first-child {border-top: 1px solid #e5e5e5;}
#indexnews .news.ff_slider .content_list .item_block .item_wrapper .item_info .title {font-size: 16px;margin-top: 0;transition: all 0.3s ease-out 0s;}
#indexnews .news.ff_slider .content_list .item_block:first-child .item_wrapper .item_des .description {border: none;}
#indexnews .news.ff_slider .content_list .item_block .item_wrapper .item_des {margin-top: 11px;transition: all 0.3s ease-out 0s;}
#indexnews .news.ff_slider .content_list .item_block:hover .item_wrapper .item_des {-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px);}
#indexnews .news.ff_slider .content_list .item_block .item_wrapper .item_des .description {padding-left: 0;transition: all 0.3s ease-out 0s;}
#indexnews .news.ff_slider .content_list .item_block:hover .item_wrapper .item_info .title {-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px);}
#indexnews .news.ff_slider .content_list .item_block .item_wrapper .item_info .title::before {content: "\f111";font-family: FontAwesome;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;position: absolute;left: 0;-webkit-transform: scale(.4);-ms-transform: scale(.4);transform: scale(.4);line-height: inherit;transition: all 0.3s ease-out 0s;}
#indexnews .news.ff_slider .content_list .item_block:hover {box-shadow: none;}
#indexnews .news.ff_slider .content_list .item_block:first-child .item_wrapper .item_info .title::before {left: 13px;transition: all 0.3s ease-out 0s;}
#indexnews .news.ff_slider .content_list .item_block:first-child:hover .item_wrapper .item_info .title::before {left: 0px;}
#indexnews .news.ff_slider .content_list .item_block:first-child:hover .item_wrapper .item_info .title {padding-left: 26px;}
#indexnews .news .content_list {width: auto;}
#indexnews .news .content_wrapper.slider .content_list .item_block {width: calc(100% - 80px);}
#indexnews .news .content_list .item_block:not(:first-child) .item_img img {display: none;}
#indexnews .news.ff_noSlider .content_list #item_block_0 {background-color: #f8f8f8;height: 440px;position: absolute;left: 0;padding: 30px 60px;}
#indexnews .news.ff_noSlider .content_list .item_block:not(:first-child) {width: 590px;}

/*首页案例*/
.module2 {position: relative;overflow: hidden;background: #f8f8f8;}/*背景*/
.agent-pc .module2 .module_container.wide { padding-right: 50px; padding-left: 50px;max-width: none }
#indexPage .module2 .container_header { padding: 3pc 0 35px; text-align: center }/*首页产品展示名称高度*/
#indexPage .module2 .container_header .title { position: relative; margin: 0 auto; color: #00c0ff; font-size: 26px; line-height: inherit }/*首页产品展示名称*/
#indexPage .module2 .container_header .subtitle { margin-top: 10px; color: #999; font-size: 1pc }/*首页产品展示备注*/
#indexPage .module2 .container_header p { display: block }
#indexPage .module2 .bgmask {background-color: rgba(0,0,0,.7);position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: none}
#indexPage .module2.bgShow .bgmask {display: block}
#indexPage #mteam .summary p {text-align: center}
#indexPage #mteam .summary p.title {color: #fff;font-size: 24px}
#indexPage #mteam .summary p.title a{color:#00c0ff;font-size: 14px;}
#indexPage #mteam .summary p.subtitle {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #999;font-size: 12px;margin-bottom:20px;margin-top: 8px}
#indexPage #mteam .header img {float: left;width: 280px; height: 160px;margin: 10px;border-radius: 0px;border: 1px solid #e7eaec;cursor: pointer;transition: all 0.35s;}
#indexPage #mteam .header img:hover {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(1.12);transform: scale(1.12);}  
#indexPage .module .content { position: inherit; top: inherit; }
#indexPage #mteam .content { height: auto; margin-top: 0; padding: 80px 0; }
#indexPage #mteam a.details { display: block; width: 250px; height: 35px; border-radius: 0px; background-color: #00c0ff; line-height: 34px; border: #e7eaec 1px solid; margin: 155px auto 40px; text-align: center; color: #fff; font-size: 12px; text-transform: uppercase; }
#indexPage #mteam .content_list li:hover a.details { color: #fff; border: #e7eaec 1px solid; background-color: #f96868; }
#indexPage a.more i, #indexPage a.details i, #sitecontent .npagePage a.details i { display: none; }
#mteam .content_list li { background-color: #f8f8f8; border: 1px solid #e7eaec;}
#indexPage #mteam .module-content .header a { position: relative; display: block; background-color: #f8f8f8; overflow: hidden; height: 180px; max-height: 180px; }
#indexPage #mteam .summary { float: left; width: auto; margin: 10px 20px 10px; }
#indexPage #mteam .summary p { text-align: left; color: #999; }
#indexPage #mteam .summary .description { width: auto; height: 55px; font-size: 13px; margin-bottom: 10px; }

/*底部*/
@media (min-width:1280px){.footbox{width:1280px;margin-right: auto;margin-left: auto;}}
.footer_w3layouts_agileits{background: #222;margin-top:0px;}
.footer_w3layouts_agileits h3,.footer_w3layouts_agileits h2{font-size: 1.3em;color: #ffffff;margin-bottom: 20px;letter-spacing: 0.5px;}
.footer-grid_agileits_w3{padding:2em 1em;width:365px;float: left;margin-top:25px;}
.footer-grid_agileits_w4{width:365px;float: left;padding-top:20px;}
.footer p {color: #bfbfbf;}
.footer-grid:nth-child(2) {border-left: 1px solid #1b1b1b;border-right: 1px solid #1b1b1b;}
.footer ul li.hd {color: #34bf49;}
.flickr-grid {float: left;margin: 0 0.1em .2em;box-sizing: border-box;}
.flickr-grid a img {padding: 0.3em;border: 1px solid #2e3238;margin: 2px 2px 2px 2px;transition: .5s ease-in;-webkit-transition: .5s ease-in;}
.flickr-grid a img:hover {padding: 0.3em;/*border: 1px solid #fff;*/background-color:#00c0ff;}
.footer-text a {list-style-type:none;border-radius:0px;margin:0px;padding: 6px 13px;background-color: #00c0ff;color: #fff;line-height: 40px;border-radius:5px;}
.footer-text a:hover {list-style-type:none;border-radius:0px;margin:0px;padding: 6px 13px;background-color: #2e3238;color: #00c0ff;line-height: 40px;border-radius:5px;}

/*底部更新发布*/
#downlist .downtitem { height:68px;border-bottom: 1px solid #333;/*background:#ffffff0a;*/margin-bottom:5px;border-radius:0px;}
#downlist .downcontent{ width:365px;margin:0px auto; display:block; position:relative; z-index:1;letter-spacing:1px;}
#downlist .downinfo{ transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#downlist .downtitem:hover .taginfo{ transform:translate3d(-50px,0,0);-webkit-transform:translate3d(-50px,0,0);-moz-transform:translate3d(-50px,0,0);}
#downlist .downtitem:hover p{ color:#00c0ff}
#downlist .downtitem:hover a{ color:#00c0ff}
#downlist .downtitem:hover{ /*background:#00c0ff0f;*/transition: .5s ease-in;-webkit-transition: .5s ease-in;}
#downlist .downbody .title {padding:12px;color:#888;font-size:14px;}
#downlist .downinfo {transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1); }
#downlist .downtitem i { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; color: #999; }
.down_wrap {position: absolute;top:40px;left:22px;font-family: helveticaneuethn, Arial;}
.downyear{color: #999;font-size: 12px;}

/*底部鼠标经过显示二维码*/
.weixin {background-position: -192px -286px; width: 36px; height: 36px;position: relative; background-repeat: no-repeat;}
.weixin:hover {background-position: -228px -286px;}
.weixin img {left: 46%; top: -190px; margin-left: -93px; display: none; position: absolute;border: 5px solid #00c0ff;z-index: 2;}
.weixin:hover img {width: 180px; display: block;}
.wap {background-position: -192px -286px; width: 36px; height: 36px;position: relative; background-repeat: no-repeat;}
.wap:hover {background-position: -228px -286px;}
.wap img {left: 53%; top: -190px; margin-left: -98px; display: none; position: absolute;border: 5px solid #00c0ff;z-index: 2;}
.wap:hover img {width: 180px; display: block;}

/*底部版权*/
ul.fallow li {display: inline-block;padding: 4px 5px;}
ul.fallow {margin-top: 2.0em;width: 400px;}
a.onlinesj {color: #fff;font-size: 16px;background-color: #1b1b1b;padding: 5px 8px;border-radius:25px;}
a.onlinesj:hover {color: #fff;background-color: #00c0ff;}
.copyrightbottom {text-align: center;}
.copyright {background: #222;color: #fff;padding: 1em 0;border-top: 1px solid rgba(25, 24, 24, 0.58);}
.copyrightbottom p {color: #fff;letter-spacing:0.5px;font-size: 14px;line-height: 28px;}
.copyrightbottom a {color: #00c0ff;text-decoration: none;}
.copyrightbottom a:hover {color: #fff;}
ul.fallow h4 {font-size: 0.95em;color: #fff;}

/*栏目位置图标*/
.homeico:before {content: "\f015";font-family: FontAwesome;font-size: 14px;color: #999;margin-right: 5px;}

/*关于我们栏目*/
.npagePage { padding-top: 5pc }
.npagePage .container_content { padding-top: 0px }
.npagePage #banner { margin-top: -84px; height:380px }
.npagePage #banner div { height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat }
.npagePage .content { font-size: 13px; padding-top:0px; }
#pageTarget { background-color: #f8f8f8 }
.module .module_container { margin: 0 auto; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; max-width:1200px}
.module .module_containers { margin: 0 auto; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; max-width:100% }
.npagePage .module .module_container { padding:0px }
.npagePage .container_target { float: left; padding: 14px 0; color: #999;font-size:13px;}
.npagePage .container_target a { font-size:13px;color:#999;font-family: '微软雅黑'; }
.npagePage .container_target a:last-child{ font-size:13px;color:#00c0ff;font-family: '微软雅黑';}
.npagePage .container_target i { margin: 0 10px; color: #00c0ff }
.npagePage .mpageEditor .container_header { padding: 40px 0 25px; text-align: center; font-size: 22px;letter-spacing:1px;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
.npagePage .mpageEditor .container_header .title { color: #00c0ff }
.npagePage .mpageEditor .container_header .subtitle { color: #999; font-size: 14px;padding:5px;}
.npagePage .postbodylist { margin-bottom: 0pc; color: #999; line-height:24px;}
.aboutkj{margin: 0 auto;width:100%; max-width:1200px; height:100%;letter-spacing:1px;line-height:22px;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;font-size: 14px;}
.aboutpic{float:left;margin:0px 0px 30px 0px;}
.abouttxt{float:right;margin:0px 0px 30px 0px;width:100%;}

/*新闻栏目*/
#indexPage .news .content_list .item_block .item_wrapper .date_wrap .md {color: inherit;font-size: 24px;line-height: 30px;font-family: inherit;}***
#indexPage .news .content_list .item_tags {display: none}
.npagePage:not(.post) .news .content_list .item_block .item_wrapper .date_wrap {top: 55px}
.npagePage:not(.post) .news .content_list .item_block {transition: all .36s ease;position: relative;padding: 25px 0;border-bottom: 1px solid #e7eaec;height: 160px;overflow: hidden;margin-bottom: -18px;}
.npagePage:not(.post) .news .content_list .item_block::after {content: "";display: block;clear: both}
.npagePage:not(.post) .news .content_list .item_block:hover {padding-left: 10px;box-shadow: 0 0 40px rgba(0, 0, 0, .08)}/*鼠标经过效果*/
.npagePage:not(.post) .news .content_list .item_block:hover .item_wrapper {margin-right: -10px}/*鼠标经过效果*/
.npagePage:not(.post) .news .content_list .item_block:hover .item_wrapper .item_info .title {color: #00c0ff}
.npagePage:not(.post) .news .content_list .item_block:hover .detailsss:before {left: 40px;opacity: 0}/*箭头*/
.npagePage:not(.post) .news .content_list .item_block:hover .detailsss:after {left: 15px;opacity: 1}/*箭头*/
.npagePage:not(.post) .news .content_list .item_block:last-child {border-bottom-width:0;margin-bottom: 30px;}/*底部线*/
.npagePage:not(.post) .news .content_list .item_block .item_img {float: left;width: 240px;margin-left: 15px;}/*图片大小*/
.npagePage:not(.post) .news .content_list .item_block .item_img img {max-width: 100%;}/*图片大小*/
.npagePage:not(.post) .news .content_list .item_block .item_wrapper {transition: all .36s ease;float: right;width: 850px}/*名称备注位置*/
.npagePage:not(.post) .news .content_list .item_block .item_wrapper .date_wrap {position: absolute;top: 76px;right: 27px;font-family: helveticaneuethn, Arial}/*年月日位置*/
.npagePage:not(.post) .news .content_list .item_block .item_wrapper .date_wrap .year {font-family: inherit;display: none}/*年份*/
.npagePage:not(.post) .news .content_list .item_block .item_wrapper .date_wrap .md {font-family: inherit;font-size: 22px;line-height: 30px;color: #999}/*日期大小*/
.npagePage:not(.post) .news .content_list .item_block .item_wrapper .item_info {width: 720px;padding-top: 23px;padding-bottom: 5px;}/*名称顶部空间*/
.npagePage:not(.post) .news .content_list .item_block .item_wrapper .item_info .title {font-size: 16px;line-height: 30px;color: #888;letter-spacing:1px;transition: .5s ease-in;-webkit-transition: .5s ease-in;}/*名称*/
.npagePage:not(.post) .news .content_list .item_block .item_wrapper .item_info .title:hover {color: #00c0ff}/*名称*/
.npagePage:not(.post) .news .content_list .item_block .description {width: 720px;padding-top:22px;font-size: 13px;line-height: 22px;height:75px;letter-spacing:1px;overflow: hidden;color: #888}/*备注*/
.npagePage:not(.post) .news .content_list .item_block .detailsss {position: absolute;width: 56px;top: 135px;right: 23px;height: 26px;border-left: 1px solid #e5e5e5;color: transparent}/*详情*/
.npagePage:not(.post) .news .content_list .item_block .detailsss:after,.npagePage:not(.post) .news .content_list .item_block .detailsss:before {font-family: FontAwesome;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;transition: all .36s ease;content: "\f178";color: #999;position: absolute;top: 50%;font-size: 15px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%)}/*箭头*/
.npagePage:not(.post) .news .content_list .item_block .detailsss:before {left: 15px}
.npagePage:not(.post) .news .content_list .item_block .detailsss:after {left: -30px;opacity: 0}
.npagePage:not(.post) .news .content_list .item_block .item_wrapper .date_wrap {top:55px}

/*新闻正文*/
.zwtop.post { padding-top:0pc;max-width: 1200px;margin: 0 auto}
.zwtop .content {position: relative;font-size: 13px;line-height: 24px;background: #fff;padding-top: 0px;}
.zwtop #postContent .postbody {padding-top: 15px;margin-bottom: 30px;letter-spacing:1px;line-height:21px;font-size:14px;}
.zwtop.post .news #postContent {float: left;width: 800px;}/*正文左边*/
.zwtop.post .news #postContent #postInfo {position: relative;border-bottom: 1px solid #e7eaec;padding: 43px 0 12px 115px;letter-spacing:1px;}
.zwtop.post .news #postContent #postInfo:after {position: absolute;content: "";width: 34px;border-top: 1px solid #ccc;top: 57px;left: 71px;}/*正文日期线条*/
.zwtop.post .news #postContent #postInfo .title {font-size: 16px;line-height: 30px;color: #888;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}/*名称*/
.zwtop.post .news #postContent #postInfo .usetdate {font-size: 22px;line-height: 30px;overflow: hidden;position: absolute;top: 42px;left: 3px;font-family: HELVETICANEUELTPRO-THEX, Arial;font-size: 22px;width: 66px;white-space: nowrap;text-indent: -60px}/*正文日期*/
.zwtop.post .news #postContent #postInfo .description {font-size: 13px;line-height: 30px;height: 30px;overflow: hidden;letter-spacing: 1px;}/*备注*/
.zwtop.post .news #postContent #postInfo .ico{font-size: 12px;line-height: 30px;height: 30px;overflow: hidden}/*小图标*/
.pic1:before {content: "\f007";font-family: FontAwesome;}
.pic2:before {content: "\f1e1";font-family: FontAwesome;}
.pic3:before {content: "\f06e";font-family: FontAwesome;}
.pic4:before {content: "\f02f";font-family: FontAwesome;}

.zwtop.post .news #listContent {float: right;width: 320px;padding-top:25px;padding-bottom:30px;margin-right:18px;}/*列表右边*/
.zwtop.post .news #listContent .mlist .content_list .item_blocks {position: relative;padding: 18px 0 24px}/*列表高度*/
.zwtop.post .news #listContent .mlist .content_list .item_blocks:not(:last-child) {border-bottom: 1px solid #e5e5e5}/*列表底部线条*/
.zwtop.post .news #listContent .mlist .content_list .item_blocks:hover {box-shadow: 0 0 60px -10px rgba(0, 0, 0, .1)}/*列表效果*/
.zwtop.post .news #listContent .mlist .content_list .item_blocks:hover:before {width: 100%;opacity: 1}
.zwtop.post .news #listContent .mlist .content_list .item_blocks:hover .item_wrapper {margin-left: 20px}
.zwtop.post .news #listContent .mlist .content_list .item_blocks:hover .item_des {padding-left: 5px}
.zwtop.post .news #listContent .mlist .content_list .item_blocks:before {content: "";transition: all .36s ease;position: absolute;left: 0;right: 0;margin: auto;bottom: -2px;width: 40%;border: 1px solid #00c0ff;opacity: 0}
.zwtop.post .news #listContent .mlist .content_list .item_blocks .item_img {display: none}/*列表不显示图片*/
.zwtop.post .news #listContent .mlist .content_list .item_blocks .item_wrapper {transition: all .36s ease;position: relative}
.zwtop.post .news #listContent .mlist .content_list .item_blocks .item_wrapper .date_wrap {font-size: 16px;line-height: 30px;overflow: hidden;position: absolute;top: 0;left: 2px;font-family: HELVETICANEUELTPRO-THEX, Arial}
.zwtop.post .news #listContent .mlist .content_list .item_blocks .item_wrapper .date_wrap .year {display: none}/*列表不显示年份*/
.zwtop.post .news #listContent .mlist .content_list .item_blocks .item_wrapper .item_info .title {position: relative;font-size: 14px;line-height: 30px;color: #888;padding-left: 76px;max-width: 200px}
.zwtop.post .news #listContent .mlist .content_list .item_blocks .item_wrapper .item_info .title:before {content: "";position: absolute;width: 15px;border-top: 1px solid #ccc;top: 14px;left: 52px}/*相关列表线条*/
.zwtop.post .news #listContent .mlist .content_list .item_blocks .item_tags {display: none}
.zwtop.post .news #listContent .mlist .content_list .item_blocks .item_des {transition: all .36s ease;margin-top: 13px;font-size: 13px;line-height: 24px;height: 48px;width: 280px;overflow: hidden;}
.zwtop.post .news #listContent .mlist .content_list .item_blocks .item_des .description {color: #999;}

.zwtop.post .news #tabBtn .post-next .infor-wrap .title,.zwtop.post .news #tabBtn .post-prev .infor-wrap .title {font-size: 13px;}/*正文下一篇*/
.zwtop.post .news #tabBtn .post-next:hover .infor-wrap .title,.zwtop.post .news #tabBtn .post-prev:hover .infor-wrap .title {width: 150px;}
.zwtop.post .news #tabBtn .post-next:hover:not(.empty) .infor-wrap .title {width: 150px;padding-left: 110px;}
.zwtop.post .news #tabBtn .post-prev:hover:not(.empty) .infor-wrap .title {width: 150px;padding-right: 110px;}
.zwtop.post #tabBtn .post-next,.zwtop.post #tabBtn .post-prev {transition: all .36s ease;position: relative;width: 50%;height: 120px;overflow: hidden;float: left;padding: 10px;box-sizing: border-box;background: #f5f5f5;margin-bottom: 30px;}
.zwtop.post #tabBtn .post-next:not(.empty):hover,.zwtop.post #tabBtn .post-prev:not(.empty):hover {background: #00c0ff;}/*正文下一篇鼠标经过背景*/
.zwtop.post #tabBtn .post-next:not(.empty):hover .infor-wrap .title,.zwtop.post #tabBtn .post-prev:not(.empty):hover .infor-wrap .title {color: #fff;}
.zwtop.post #tabBtn .post-next:not(.empty):hover .img-wrap,.zwtop.post #tabBtn .post-prev:not(.empty):hover .img-wrap {opacity: 1;}
.zwtop.post #tabBtn .post-next.empty .details,.zwtop.post #tabBtn .post-prev.empty .details {display: none;}
.zwtop.post #tabBtn .post-next .img-wrap,.zwtop.post #tabBtn .post-prev .img-wrap {transition: all .36s ease;opacity: 0;width:100px;height: auto;position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.zwtop.post #tabBtn .post-next .img-wrap img,.zwtop.post #tabBtn .post-prev .img-wrap img {width: 100%;}
.zwtop.post #tabBtn .post-next .details,.zwtop.post #tabBtn .post-prev .details {position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 40px;height: 16px;color: transparent;overflow: hidden;}
.zwtop.post #tabBtn .post-next .infor-wrap,.zwtop.post #tabBtn .post-prev .infor-wrap {width: 250px;}
.zwtop.post #tabBtn .post-next .infor-wrap .title,.zwtop.post #tabBtn .post-prev .infor-wrap .title {transition: all .36s ease;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;line-height: 100px;display: block;color: #999;}
.zwtop.post #tabBtn .post-prev {float: left;padding-left: 106px;}
.zwtop.post #tabBtn .post-prev:hover .details:before {right: 60px;}
.zwtop.post #tabBtn .post-prev:hover .details:after {right: 15px;opacity: 1}
.zwtop.post #tabBtn .post-prev .img-wrap { right: 15px}
.zwtop.post #tabBtn .post-prev .infor-wrap {float: left}
.zwtop.post #tabBtn .post-prev .details {border-right: 1px solid #e5e5e5;left: 22px;}

.zwtop.post #tabBtn .post-prev .details:after,.zwtop.post #tabBtn .post-prev .details:before {content: "\f177";font-family: FontAwesome;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;transition: all .36s ease;color: #999;position: absolute;top: 50%;font-size: 20px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%)}
.zwtop.post #tabBtn .post-prev .details:after,.zwtop.post #tabBtn .post-prev .details:hover {color: #fff;}
.zwtop.post #tabBtn .post-prev:hover:not(.empty) .infor-wrap .title {margin-left: -20px;transition-delay: .1s}
.zwtop.post #tabBtn .post-prev .details:before {right: 15px}
.zwtop.post #tabBtn .post-prev .details:after {right: -30px;opacity: 0}
.zwtop.post #tabBtn .post-next {float: right;padding-right: 106px}
.zwtop.post #tabBtn .post-next:hover .details:before {left: 60px}
.zwtop.post #tabBtn .post-next:hover .details:after {left: 15px;opacity: 1}
.zwtop.post #tabBtn .post-next .img-wrap {left: 15px}
.zwtop.post #tabBtn .post-next .infor-wrap {float: right}
.zwtop.post #tabBtn .post-next .details {right: 22px;border-left: 1px solid #e5e5e5}
.zwtop.post #tabBtn .post-next .details:after,.zwtop.post #tabBtn .post-next .details:before {content: "\f178";font-family: FontAwesome;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;transition: all .36s ease;color: #999;position: absolute;top: 50%;font-size: 20px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%)}
.zwtop.post #tabBtn .post-next .details:after,.zwtop.post #tabBtn .post-next .details:hover {color: #fff;}
.zwtop.post #tabBtn .post-next:hover:not(.empty) .infor-wrap .title {margin-right: -20px;transition-delay: .1s}
.zwtop.post #tabBtn .post-next .details:before {left: 15px}
.zwtop.post #tabBtn .post-next .details:after {left: -30px;opacity: 0}
.zwtop.post #tabBtn .post-next .infor-wrap .title {text-align: right}
.agent-pc .zwtop.post .team #postContent {width: 100%}

/*产品正文*/
.module .module_containerss { margin: 0 auto; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; max-width:100%;width: 1280px;}
.cpzwtop.post .project #postContent #postInfo .title {font-size: 16px;line-height: 30px;color: #888}
.cpzwtop.post .project #postContent #postInfo .usetdate {padding-top: 20px;}
.cpzwtop.post .project #postContent #postInfo .usetdate a {padding: 7px 20px;border: 1px solid rgba(0, 0, 0, .15);transition: all .3s ease-out 0s;border-radius: 20px;margin-right: 10px;}
.cpzwtop.post .project #postContent #postInfo .usetdate a:hover {color:#fff;background-color: #222;/*border-color: #222;*/}
.cpzwtop.post .project #postContent #postInfo .cppp {padding-top: 25px;}
.cpzwtop.post .project #postContent #postInfo .cppp a {padding: 5px 15px;border: 1px solid rgba(0, 0, 0, .15);transition: all .3s ease-out 0s;margin-right: 10px}
.cpzwtop.post .project #postContent #postInfo .cppp a:hover {color: #fff;background-color: #00c0ff;border-color: #00c0ff;}
.cpzwtop.post .project #postContent #postInfo .bztitle {margin-top: 12px;letter-spacing:1px;margin-bottom: 10px;}
.cpzwtop.post .project #postContent #postInfo .description {float:left;padding-top: 35px}
.cpzwtop.post .project #postContent #postInfo .description a {background:#222;color:#fff;padding:12px 46px;border:1px solid rgba(0,0,0,.15);transition: all .3s ease-out 0s;margin-right:10px}
.cpzwtop.post .project #postContent #postInfo .description a:hover {color: #fff;background-color: #00c0ff;border-color: #00c0ff;}
.cpzwtop.post .project #postContent #postInfo .description1 {float:left;padding-top: 35px}
.cpzwtop.post .project #postContent #postInfo .description1 a {background:#222;color:#fff;padding:12px 52px;border:1px solid rgba(0,0,0,.15);transition: all .3s ease-out 0s;margin-right:10px}
.cpzwtop.post .project #postContent #postInfo .description1 a:hover {color: #fff;background-color: #24AA39;border-color: #24AA39;}
.alipay {background-position: -192px -286px; background-repeat: no-repeat;}
.alipay img {left: 18%; top: 277px; margin-left: -91px; display: none; position: absolute;border: 5px solid #00c0ff;z-index: 2;}
.alipay:hover img {width: 180px; display: block;}
.wxpay {background-position: -192px -286px; background-repeat: no-repeat;}
.wxpay img {left: 55%; top: 277px; margin-left: -81px; display: none; position: absolute;border: 5px solid #24AA39;z-index: 2;}
.wxpay:hover img {width: 180px; display: block;}
.cpzwtop.post .project #listContent .mlist .content_list .item_block img {width: 100%}
.cpzwtop.post .project #listContent .mlist .content_list .item_block .item_box .item_img {width: 178px;float: left;margin-right: 15px}
.cpzwtop.post .project #listContent .mlist .content_list .item_block .item_box .item_wrapper {float: left;width: 120px}
.cpzwtop.post .project #listContent .mlist .content_list .item_block .item_wrapper .date_wrap {display: none}
.cpzwtop.post .project #listContent .mlist .content_list .item_block .item_des {display: none}
.cpzwtop.post .project #listContent .mlist .content_list .item_block .details {display: none}
.cpzwtop.post #tabBtn .post-next,.cpzwtop.post #tabBtn .post-prev {transition: all .36s ease;position: relative;width: 50%;height: 120px;overflow: hidden;float: left;padding: 10px;box-sizing: border-box;background: #f5f5f5}
.cpzwtop.post #tabBtn .post-next:not(.empty):hover,.cpzwtop.post #tabBtn .post-prev:not(.empty):hover {background: #00c0ff}
.cpzwtop.post #tabBtn .post-next:not(.empty):hover .infor-wrap .title,.cpzwtop.post #tabBtn .post-prev:not(.empty):hover .infor-wrap .title {color: #fff}
.cpzwtop.post #tabBtn .post-next:not(.empty):hover .infor-wrap .subtitle,.cpzwtop.post #tabBtn .post-prev:not(.empty):hover .infor-wrap .subtitle {color: #a0a6bc}
.cpzwtop.post #tabBtn .post-next:not(.empty):hover .img-wrap,.cpzwtop.post #tabBtn .post-prev:not(.empty):hover .img-wrap {opacity: 1}
.cpzwtop.post #tabBtn .post-next.empty,.cpzwtop.post #tabBtn .post-prev.empty {cursor: default}
.cpzwtop.post #tabBtn .post-next.empty .details,.cpzwtop.post #tabBtn .post-prev.empty .details {display: none}
.cpzwtop.post #tabBtn .post-next .img-wrap,.cpzwtop.post #tabBtn .post-prev .img-wrap {transition: all .36s ease;opacity: 0;width: 100px;height: auto;position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%)}
.cpzwtop.post #tabBtn .post-next .img-wrap img,.cpzwtop.post #tabBtn .post-prev .img-wrap img {width: 100%}
.cpzwtop.post #tabBtn .post-next .details,.cpzwtop.post #tabBtn .post-prev .details {position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 40px;height: 16px;color: transparent;overflow: hidden}
.cpzwtop.post #tabBtn .post-next .infor-wrap,.cpzwtop.post #tabBtn .post-prev .infor-wrap {width: 250px}
.cpzwtop.post #tabBtn .post-next .infor-wrap .title,.cpzwtop.post #tabBtn .post-prev .infor-wrap .title {transition: all .36s ease;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;line-height: 100px;display: block;color: #999;font-size: 13px;}
.cpzwtop.post #tabBtn .post-next .infor-wrap .subtitle,.cpzwtop.post #tabBtn .post-prev .infor-wrap .subtitle {transition: all .36s ease;display: none;height: 30px;overflow: hidden;font-size: 13px;line-height: 30px}
.cpzwtop.post #tabBtn .post-prev {float: left;padding-left: 106px}
.cpzwtop.post #tabBtn .post-prev:hover .details:before {right: 60px}
.cpzwtop.post #tabBtn .post-prev:hover .details:after {right: 15px;opacity: 1}
.cpzwtop.post #tabBtn .post-prev .img-wrap {right: 15px}
.cpzwtop.post #tabBtn .post-prev .infor-wrap {float: left}
.cpzwtop.post #tabBtn .post-prev .details {border-right: 1px solid #e5e5e5;left: 22px}
.cpzwtop.post #tabBtn .post-prev .details:after,.cpzwtop.post #tabBtn .post-prev .details:before {content: "\f177";font-family: FontAwesome;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;transition: all .36s ease;color: #999;position: absolute;top: 50%;font-size: 20px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%)}
.cpzwtop.post #tabBtn .post-prev .details:after,.cpzwtop.post #tabBtn .post-prev .details:hover {color: #fff;}
.cpzwtop.post #tabBtn .post-prev .details:before {right: 15px}
.cpzwtop.post #tabBtn .post-prev .details:after {right: -30px;opacity: 0}
.cpzwtop.post #tabBtn .post-next {float: right;padding-right: 106px}
.cpzwtop.post #tabBtn .post-next:hover .details:before {left: 60px}
.cpzwtop.post #tabBtn .post-next:hover .details:after {left: 15px;opacity: 1}
.cpzwtop.post #tabBtn .post-next .img-wrap {left: 15px}
.cpzwtop.post #tabBtn .post-next .infor-wrap {float: right}
.cpzwtop.post #tabBtn .post-next .details {right: 22px;border-left: 1px solid #e5e5e5}
.cpzwtop.post #tabBtn .post-next .details:after,.cpzwtop.post #tabBtn .post-next .details:before {content: "\f178";font-family: FontAwesome;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;transition: all .36s ease;color: #999;position: absolute;top: 50%;font-size: 20px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%)}
.cpzwtop.post #tabBtn .post-next .details:after,.cpzwtop.post #tabBtn .post-next .details:hover {color: #fff;}
.cpzwtop.post #tabBtn .post-next .details:before {left: 15px}
.cpzwtop.post #tabBtn .post-next .details:after {left: -30px;opacity: 0}
.cpzwtop.post #tabBtn .post-next .infor-wrap .title {text-align: right}
.cpzwtop .content {position: relative;font-size: 13px;line-height: 24px;background: #fff}
.cpzwtop #postContent .postbody {padding-top:15px;margin-bottom: 60px;letter-spacing:1px;font-size: 14px;}
.cpzwtop.post .service #listContent .content_wrapper .content_list .item_block {margin-bottom: 40px}
.cpzwtop.post #postContent {margin-bottom:30px}
.cpzwtop.post .project #listContent .mlist .content_list .item_block .item_box .item_wrapper {width: 195px;padding-top: 5px}
.cpzwtop.post .project #listContent .mlist .content_list .item_block .item_wrapper .item_info .title {position: relative;font-size: 14px;line-height: 30px;color: #888;letter-spacing:0.5px;}
.cpzwtop.post .project #listContent .mlist .content_list .item_block .item_wrapper .item_info .subtitle {transition: all .36s ease;font-size: 12px;line-height: 24px;height:50px;overflow: hidden;white-space: normal;color: #999;letter-spacing:0.5px;}
.cpzwtop.post #tabBtn .post-next:hover:not(.empty) .infor-wrap .title {margin-right: -20px;transition-delay: .1s}
.cpzwtop.post #tabBtn .post-prev:hover:not(.empty) .infor-wrap .title {margin-left: -20px;transition-delay: .1s}
.cpzwtop.post .project #listContent {width: 100%;float: left;margin-bottom: 40px;margin-left:6px;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
.cpzwtop.post .project #listContent .mlist .content_list .item_block {padding:10px;width:396px;height: 120px;float: left;margin-right:10px;transition: all .5s ease;border-bottom: 1px solid #e5e5e5;}
.cpzwtop.post .project #listContent .mlist .content_list .item_block:hover {padding-left: 10px;box-shadow: 0 10px 30px rgba(0, 0, 0, .1);border-bottom: 1px solid #e5e5e5}
.cpzwtop.post .project #postContent {width: 100%;float: left;margin-top: 30px;border-top: 1px solid #e7eaec;}
.cpzwtop.post #postSlider {display: block;width: 630px;height: 400px;padding-top: 50px;float: left;}
.cpzwtop.post .project #postContent #postInfo {width: 585px;position: absolute;top: 50px;right: calc(78px);border-bottom: none;float: right;height: 400px;}
.cpzwtop.post .project #postContent #postInfo .title {font-size: 23px;border-bottom: 1px solid rgba(0, 0, 0, .1);padding-bottom: 13px;letter-spacing:1px;}

/*案例栏目*/
#listcase {position: relative;}
.module3 {position: relative;overflow: hidden;background: #fff;}
#listcase .module3 .bgmask {background-color: rgba(0,0,0,.7);position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: none}
#listcase .module3.bgShow .bgmask {display: block}
#listcase #mteam .summary p {text-align: center}
#listcase #mteam .summary p.title {color: #fff;font-size: 24px}
#listcase #mteam .summary p.title a{color:#888;font-size: 15px;}
#listcase #mteam .summary p.subtitle {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #a5a5a5;font-size: 12px;margin-bottom:20px;margin-top: 8px}
#listcase #mteam .header img {float: left;width: 280px; height: 160px;margin: 10px;border-radius: 0px;border: 1px solid #e7eaec;cursor: pointer;transition: all 0.35s;}
#listcase #mteam .header img:hover {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(1.12);transform: scale(1.12);} 
#listcase .module .content { position: inherit; top: inherit; }
#listcase #mteam .content { height: auto; margin-top: 0; padding: 80px 0; }
#listcase #mteam a.details { display: block; width: 250px; height: 35px; border-radius: 0px; background-color: #00c0ff; line-height: 34px; border: #e7eaec 1px solid; margin: 160px auto 35px; text-align: center; color: #fff; font-size: 12px; text-transform: uppercase; }
#listcase #mteam .content_lists li:hover a.details { color: #fff; border: #f7eaec 1px solid; background-color: #f96868; }
#listcase a.more i, #listcase a.details i, #sitecontent .npagePage a.details i { display: none; }
#mteam .content_lists li { background-color: #fff;border: 1px solid #e7eaec;}
#listcase #mteam .module-content .header a { position: relative; display: block; background-color: #fff; overflow: hidden; height: 180px; max-height: 180px; }
#listcase #mteam .summarys { float: left; width: auto; margin: 10px 20px 10px; }
#listcase #mteam .summarys p {text-align: left; color: #999;font-size: 13px;}
#listcase #mteam .summarys p.title {color: #fff;font-size: 24px}
#listcase #mteam .summarys p.title a{color:#00c0ff;font-size: 14px;}
#listcase #mteam .summarys p.subtitle {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #999;font-size: 12px;margin-bottom:15px;margin-top: 0px}
#listcase #mteam .summarys .description { width: auto; height: 55px; font-size: 13px; margin-bottom: 10px; }
.zwtop.post .news #listContent .mlist .content_list .item_blocks .item_imgcase {margin: 5px 5px 5px 5px;text-align:center;}/*列表显示图片*/

/*下载栏目*/
.module .module_containersss {position: relative;max-width: 1280px;margin: 0 auto;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}
#indexPage .service .content_wrapper,.npagePage:not(.post) .service .content_wrapper {position: relative;margin-right: -15px}
#indexPage .service .item_block,.npagePage:not(.post) .service .item_block {width: calc(75% / 3 - 15px);height: auto;float: left;margin-right: 13px;margin-bottom: 20px;position: relative}
#indexPage .service .item_block:hover .item_img img,.npagePage:not(.post) .service .item_block:hover .item_img img {-webkit-transform: scale(1.08);-ms-transform: scale(1.08);transform: scale(1.08)}/*图片效果*/
#indexPage .service .item_block:hover .item_wrapper,.npagePage:not(.post) .service .item_block:hover .item_wrapper {-webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px)}/*文本上下效*/
#indexPage .service .item_block .item_img,.npagePage:not(.post) .service .item_block .item_img {transition: all .36s ease;overflow: hidden;margin: 10px}
#indexPage .service .item_block .item_img img,.npagePage:not(.post) .service .item_block .item_img img {transition: all .36s ease;width: 100%}
#indexPage .service .item_block .item_wrapper,.npagePage:not(.post) .service .item_block .item_wrapper {transition: all .36s ease;padding: 35px 20px 0}
#indexPage .service .item_block .item_wrapper .item_info,.npagePage:not(.post) .service .item_block .item_wrapper .item_info {text-align: left}
#indexPage .service .item_block .item_wrapper .item_info .title,.npagePage:not(.post) .service .item_block .item_wrapper .item_info .title {color: #888;font-size: 14px;line-height: 25px;text-align: center;position: relative;padding-bottom: 20px;letter-spacing:1px;}/*名称*/
#indexPage .service .item_block:hover .item_wrapper .item_info .title, .npagePage:not(.post) .service .item_block:hover .item_wrapper .item_info .title {color: #fff;}
.npagePage:not(.post) .service .item_block .item_wrapper .item_info .title::after {background-color: rgba(255, 255, 255, .4);}
#indexPage .service .item_block .item_wrapper .item_info .title:after,.npagePage:not(.post) .service .item_block .item_wrapper .item_info .title:after {content: '';width:100%;height: 1px;background-color: #ffffff6b;position: absolute;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%)}/*线条*/
#indexPage .service .item_block .item_wrapper .item_des .description, .npagePage:not(.post) .service .item_block .item_wrapper .item_des .description {line-height: 20px;height:45px;overflow: hidden;font-size: 13px;letter-spacing:1px;}/*备注*/
#indexPage .service .item_block:hover .item_wrapper .item_des .description,.npagePage:not(.post) .service .item_block:hover .item_wrapper .item_des .description {color:#fff;}
#indexPage .service .item_block .item_wrapper .item_info .subtitle,.npagePage:not(.post) .service .item_block .item_wrapper .item_info .subtitle {font-size: 14px;margin-top: 10px;line-height: 16px;text-align: center;display: none}
#indexPage .service .item_block .item_wrapper .item_des,.npagePage:not(.post) .service .item_block .item_wrapper .item_des {padding: 20px 0 82px;font-size: 13px;text-align: center}
#indexPage .service .item_block .detailscase,.npagePage:not(.post) .service .item_block .detailscase:before {font-family: FontAwesome;speak: none;transition: all .36s ease;content: "\f107";font-size: 20px;color: #fff;position: absolute;bottom:12px;left: 48%;opacity: 0}
#indexPage .service .item_block:hover .detailscase i:before,.npagePage:not(.post) .service .item_block:hover .detailscase:before {opacity: 1}
#indexPage .service .item_block .item_wrapper .item_des,.npagePage:not(.post) .service .item_block .item_wrapper .item_des {padding: 12px 0 35px}
#indexPage .service .item_block .item_wrapper,.npagePage:not(.post) .service .item_block .item_wrapper {padding-top: 25px}
#indexPage .service .item_block .item_wrapper .item_info .title,.npagePage:not(.post) .service .item_block .item_wrapper .item_info .title {padding-bottom: 10px}
#indexPage .service .item_block,.npagePage:not(.post) .service .item_block {/*border-bottom: 1px solid #e7eaec;*/border: 1px solid #e7eaec;}/*底线*/
#indexPage .service .item_block:hover,.npagePage:not(.post) .service .item_block:hover {box-shadow: none;}
#indexPage .service .item_block .item_img,.npagePage:not(.post) .service .item_block .item_img {margin: 0;}
#indexPage .service .item_block:hover,.npagePage:not(.post) .service .item_block:hover {background-color: #00c0ff;box-shadow: 0 10px 30px rgba(0, 0, 0, .12);border-color: #e7eaec;background: -webkit-linear-gradient(#f96868, #00c0ff);}

/*下载正文*/
.cpzwtop.post #postSliders {display: block;width: 550px;height: 350px;padding-top: 50px;float: left;}
.cpzwtop.post .project #postContent #postInfos {width: 665px;position: absolute;top: 50px;right: calc(78px);border-bottom: none;float: right;height: 400px;}
.cpzwtop.post .project #postContent #postInfos .title {font-size: 23px;border-bottom: 1px solid rgba(0, 0, 0, .1);padding-bottom: 13px;letter-spacing:1px;}
.cpzwtop.post .project #postContent #postInfos .title {font-size: 16px;line-height: 30px;color: #888}
.cpzwtop.post .project #postContent #postInfos .usetdate {padding-top: 20px;}
.cpzwtop.post .project #postContent #postInfos .usetdate a {padding: 7px 20px;border: 1px solid rgba(0, 0, 0, .15);transition: all .3s ease-out 0s;border-radius: 20px;margin-right: 10px;}
.cpzwtop.post .project #postContent #postInfos .usetdate a:hover {color:#fff;background-color: #222;/*border-color: #222;*/}
.cpzwtop.post .project #postContent #postInfos .cppp {padding-top: 25px;}
.cpzwtop.post .project #postContent #postInfos .cppp a {padding: 5px 15px;border: 1px solid rgba(0, 0, 0, .15);transition: all .3s ease-out 0s;margin-right: 10px}
.cpzwtop.post .project #postContent #postInfos .cppp a:hover {color: #fff;background-color: #00c0ff;border-color: #00c0ff;}
.cpzwtop.post .project #postContent #postInfos .bztitle {margin-top: 12px;letter-spacing:1px;margin-bottom: 10px;}
.cpzwtop.post .project #postContent #postInfos .description {float:left;padding-top: 35px}
.cpzwtop.post .project #postContent #postInfos .description a {background:#222;color:#fff;padding:12px 46px;border:1px solid rgba(0,0,0,.15);transition: all .3s ease-out 0s;margin-right:10px}
.cpzwtop.post .project #postContent #postInfos .description a:hover {color: #fff;background-color: #00c0ff;border-color: #00c0ff;}
.cpzwtop.post .project #postContent #postInfos .description1 {float:left;padding-top: 35px}
.cpzwtop.post .project #postContent #postInfos .description1 a {background:#222;color:#fff;padding:12px 52px;border:1px solid rgba(0,0,0,.15);transition:all .3s ease-out 0s;margin-right:10px}
.cpzwtop.post .project #postContent #postInfos .description1 a:hover {color: #fff;background-color: #24AA39;border-color: #24AA39;}

/*图片栏目*/
.bx-photowrapper {margin: 0 auto;max-width:1280px;}
#photolist .phototitem a img {float: none;width: 100%;height: auto;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;/*border:1px solid #00c0ff;*/}
#photolist .phototitem a:hover img {transform: scale(1.2, 1.2)}
#photolist .phototitem a .photo_info {width: 100%;height: 100%;background: rgba(0,0,0,0);position: absolute;left: 0;top: 0;transition: all ease-out .3s;}
#photolist .phototitem a:hover .photo_info {background: rgba(0,0,0,.7)}
#photolist .photowrapper {max-width:100%;}
#photolist .phototitem a:hover .photo_info { background: rgba(0,0,0,.3); }
#photolist .phototitem a .photo_info div { position:absolute;height:100px;width:100%;bottom: -100px;margin-top:0;top:auto; background-color: transparent; transition: all 0.3s ease-out 0s; }
#photolist .phototitem a .photo_info div:after {content:'';width:100%;height:1px;background:#e7eaec;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;margin: 12px 0; display: block;}
#photolist .phototitem a:hover .photo_info div:after { background: #00c0ff; }
#photolist .phototitem a .photo_info p.titles {margin-top: 12px;letter-spacing:1px;color:#888;font-size: 14px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#photolist .phototitem a .photo_info p.titles:hover {color:#00c0ff;}
#photolist .phototitem a .photo_info p.titles:before {content: "\f16d";font-family: FontAwesome;margin-left: 7px;margin-right: 7px;}
#photolist .phototitem a .photo_info p.titlesv {margin-top: 12px;letter-spacing:1px;color:#888;font-size: 14px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}/*视频图标*/
#photolist .phototitem a .photo_info p.titlesv:hover {color:#00c0ff;}/*视频图标*/
#photolist .phototitem a .photo_info p.titlesv:before {content: "\f152";font-family: FontAwesome;margin-left: 7px;margin-right: 7px;}/*视频图标*/
#photolist .phototitem a .photo_info p.subtitles {margin-top: 0px;color:#999;letter-spacing:1px;font-size: 12px; padding-top:5px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#photolist .phototitem a .photo_info p.subtitles:before {content: "\f0c9";font-family: FontAwesome;margin-left: 7px;margin-right: 7px;}
#photolist .phototitem a .photo_info p.subtitless {margin-top: 0px;color:#999;letter-spacing:1px;font-size: 12px; padding-top:5px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#photolist .phototitem a .photo_info p.subtitless:before {content: "\f017";font-family: FontAwesome;margin-left: 7px;margin-right: 7px;}
#photolist .phototitem a::after {content: '+'; width: 50px; height: 50px; line-height: 50px; margin: 0 auto; margin-left: -26px; margin-top: 0px; display: inline-block; position: absolute; top: 0%; left: 50%; z-index: 10; border-radius: 50px; border: 1px solid rgba(255,255,255,.5); transition: all 0.6s cubic-bezier(.17, .84, .44, 1) 0s; opacity: 0; color: #fff; font-size: 40px; text-align: center; font-family: "Times New Roman", "微软雅黑"; }
#photolist .phototitem:hover a::after { margin-top: -26px; top: 50%; opacity: 1; }
#photolist .phototitem a {display: block;overflow: hidden;}

/*招聘栏目*/
.module4 {position: relative;overflow: hidden;background: #fff;}
.job .job_list li {float: left;width:416px;margin: 5px 5px 5px 5px;background: #f8f8f8;}
.job .job_list li a {display: block;padding: 8%;}
.job .job_list li a:hover {background-color: #e7eaec;}
.job .job_list li .date_wrap {position: absolute;}
.job .job_list li .date_wrap .md, .job .job_list li .date_wrap .year {position: relative;display: block;text-align: right;font-family: HELVETICANEUELTPRO-THEX, Arial;}
.job .job_list li .date_wrap .year {top: 28px;color: #999;font-size: 9pt;}
.job .job_list li .date_wrap .md {top: -18px;color: #999;font-size: 24px;}
.job .job_list li .title {overflow: hidden;margin-left: 75pt;width: auto;font-size: 14px;color: #888;font-family: '微软雅黑'text-align: left;text-overflow: ellipsis;white-space: nowrap;font-size: 1pc;line-height: 20px;}
.ellipsis {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.job .job_list li .description {color: #999;overflow: hidden;margin-top: 22px;margin-left: 75pt;width: auto;height: 46px;text-align: left;line-height: 23px;}

/*留言栏目*/
.drive { padding-top: 0px; width:100%; padding-bottom:20px;letter-spacing:1px;}
.gbook ul{padding-bottom:12px;}
.facepic{float:left;width:100px;height:100px;padding:5px;}
.gbookkj{float:right;width:660px;padding:10px}
.gbookkj li{line-height:22px;margin-bottom: 5px;font-size: 13px;}
.gbookkj .text{border-radius:5px;background:#f8f8f8;;border: 1px solid #f8f8f8;padding:5px;font-size:13px;color:#999;font-family: '微软雅黑';margin-bottom:10px;}
.admintext{float:left;width:765px;margin-left:10px;padding:5px;border-radius:5px;background:#e7eaec;;border: 1px solid #e7eaec;font-size:13px;color:#888;font-family: '微软雅黑';list-style-type:none;}
.admintext span{font-size:10px;}

#listgbook {float:left;width:380px;margin-left:20px;margin-top:0px;margin-bottom:30px;}
.gbookslk {height:30px;line-height:25px;padding-left:3px;border:1px solid #ccc;letter-spacing:1px;border-radius:0px;font-size:13px;width:370px;color:#00c0ff;transition: all 0.3s ease-out 0s;margin-bottom:10px;}
.gbookslk:hover {border: #00c0ff 1px solid;}
.gbookslkk {width:367px;height:120px;border:1px solid #ccc;letter-spacing:1px;border-radius:0px;font-size:13px;transition:all .2s linear 0s;margin:1px 0;padding:3px;color:#00c0ff;transition: all 0.3s ease-out 0s;margin-bottom:10px;}
.gbookslkk:hover {border: #00c0ff 1px solid;}
.gbookslkkk {height:30px;line-height:25px;padding-left:3px;border:1px solid #ccc;letter-spacing:1px;border-radius:0px;font-size:13px;width:70px;color:#00c0ff;transition: all 0.3s ease-out 0s;margin-bottom:10px;}
.gbookslkkk:hover {border: #00c0ff 1px solid;}
.gbookkj_bj {background-color: #f8f8f8;}
.gbook_btn,.red_btn2 {min-width:375px;height:30px;background-color:#00c0ff;cursor:pointer;margin-top:15px;font-size:14px;border:none;color:#fff;font-size:14px;transition: all 0.3s ease-out 0s;font-family:"微软雅黑";font-weight:700}
.gbook_btn:hover {background-color:#f96868;}

/*品牌栏目*/
#projectlist .projectitem a {display: block;overflow: hidden;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
.project_img {/*border:1px solid #00c0ff;*/}
#projectlist .projectitem a img {float: none;width: 100%;height: auto;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;/*border:1px solid #00c0ff;*/}
#projectlist .projectitem a:hover img {transform: scale(1.2, 1.2)}
#projectlist .projectitem a .project_info {width: 100%;height: 100%;background: rgba(0,0,0,0);position: absolute;left: 0;top: 0;transition: all ease-out .3s;}
#projectlist .projectitem a:hover .project_info {background: rgba(0,0,0,.7)}
#projectlist .projectitem a .project_info p {text-align: center;color: #ccc;padding: 0 20px;margin-top: -4px;font-size: 12px;}
#projectlist .projectitem a .project_info div {position: relative;top: 50%;margin-top: -15px}
#projectlist .projectitem a .project_info p.title {margin-top: 10px;color: rgba(0,0,0,0);font-size: 13px;transition: all ease-out .3s;font-family: '微软雅黑';}
#projectlist .projectitem a:hover .project_info p.title {margin-top: 0px;color: #fff;font-size: 14pxfont-family: '微软雅黑';}
#projectlist .projectitem a .project_info p.subtitle {margin-top: 16px;color: rgba(0,0,0,0);font-size: 12px;transition: all ease-out .3s;font-family: '微软雅黑';}
#projectlist .projectitem a:hover .project_info p.subtitle {margin-top: 0px;color: #b7b7b7;}
#projectmore {width: 100%;height: 150px;line-height: 150px;text-align: center;font-size: 20px;color: #fff;display: block;background: #343434;transition: all ease-out .3s;text-indent: 0px;position: relative;z-index: 1}
#projectmore:hover {width: 100%;height: 150px;line-height: 150px;text-align: center;font-size: 20px;color: #fff;display: block;background: #00c0ff;text-indent: -50px;}
.module-content .description {width: 720px;text-align: center;height: 50px;margin: 0 auto;font-size: 13px;color: #848484;line-height: 24px;overflow: hidden;}
#projectlist .bx-viewport { padding-bottom: 5px;}
#projectlist .projectitem a .project_info::after { width: 0%; height: 60px; position: absolute; content: ""; top: 100%; left: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background-color: #00c0ff; z-index: -1; }/*光标经过背景*/
#projectlist .projectitem a:hover .project_info::after { width: 100%; }
#projectlist .projectitem a .project_info p.title { margin: 0 40px; color: #fff; padding: 10px 0px 0px; }/*品牌名称*/
#projectlist .projectitem a .project_info div { position: absolute; height: 60px; width:100%; bottom:-60px; margin-top:0;top:auto; background-color:#9ba5a9; transition: all 0.3s ease-out 0s;}/*默认背景*/
#projectlist .projectitem a:hover .project_info div { background-color: transparent; }
#projectlist .projectitem a:hover .project_info p.title { color: #fff; }
#projectlist .projectitem a .project_info p.subtitle { margin-top:4px; color: #ccc; }/*所属分类*/
#projectlist .projectitem a:hover .project_info p.subtitle { color: #ccc;margin-top:4px; }
#projectlist .projectitem { margin-bottom: 100px; }
#projectlist .projectitem a:hover .project_info { background: transparent;}
.brandkj{margin: 0 auto;width:100%; max-width:1200px;margin-bottom: 30px;letter-spacing:1px;line-height:22px;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;font-size: 14px;}
.brandtext{float:right;margin:0px 0px 30px 0px;width:680px;}

/*Tag栏目*/
.module .module_containertag { margin: 0 auto; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; max-width: 100% }
.tagjd { float: left }
#taglist .tagtitem{ width:100%; height:150px; border-bottom:rgba(0,0,0,0.05) 1px solid;transition:all ease-out .2s; position:relative;}
#taglist .tagcontent{ width:1280px; height:90px; padding-top:40px; margin:0px auto; display:block; position:relative; z-index:1;letter-spacing:1px;}
#taglist .taginfo{ margin-left:160px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#taglist .tagdate{ width:180px}
#taglist .tagdate p{font-family: HELVETICANEUELTPRO-THEX, Arial, "微软雅黑";}
#taglist .taginfo .md{ color:#00c0ff;font-size:60px; line-height:50px;  text-align:right}
#taglist .taginfo .year{ color:#999; font-size:16px; text-align:right;margin-left:10px}
#taglist .tagbody{margin-left:110px}
#taglist .tagbody .title{ width:650px; height:20px; line-height:20px; font-size:16px;color:#888;font-family: HELVETICANEUELTPRO-THEX, Arial, "微软雅黑";}
#taglist .tagbody .description{width:650px;height:42px;line-height:22px;font-size:13px; color:#999;margin-top:10px;overflow:hidden;font-family: HELVETICANEUELTPRO-THEX, Arial, "微软雅黑";}
#taglist .tagtitem i{ font-size:36px; margin-top:20px; color:rgba(0,0,0,0); transition:all ease-out .3s; text-indent:-30px;}
#taglist .tagtitem:hover i{ font-size:36px; margin-top:20px; color:#fff; text-indent:0px;}
#taglist .tagtitem:hover .taginfo{ transform:translate3d(-50px,0,0);-webkit-transform:translate3d(-50px,0,0);-moz-transform:translate3d(-50px,0,0);}
#taglist .tagtitem:hover p{ color:#fff}
#taglist .tagtitem:hover a{ color:#fff}
#taglist .tagtitem:hover{ background:#00c0ff}
#taglist .tagbody .title { height: 30px; }
#taglist .tagbody .description { color: #999; }
#taglist .tagdate { width: 200px; float: right; margin: 10px 0px 0px 140px; padding-left: 20px; border-left: 1px solid rgb(230, 230, 230); }
#taglist .taginfo { margin-left: 40px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1); }
#taglist .tagtitem:hover { background: #00c0ff }
#taglist .taginfo .md { color: #00c0ff; font-size: 50px; text-align: left; }
#taglist .taginfo .year { text-align: left; }
#taglist .tagtitem i { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; color: #ECE4E4; }
#taglist .tagtitem { height: 160px; }
.taglistsname { color: #999; font-size: 13px;padding:1px;}
.taglistsname:before {content: "\f1e1";font-family: FontAwesome;color: #999; font-size: 14px;margin-right:5px;}
.taglistsname:hover:before {content: "\f1e1";font-family: FontAwesome;color: #fff;}
.tagpic{width:80px; height:80px; text-align:center;overflow:hidden;border-radius:50%; overflow:hidden;margin:0 0 0 0}

/*友情链接*/
.linkskj{margin: 0 auto;width:100%;max-width:1200px;margin-bottom:15px;letter-spacing:1px;line-height:22px;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
.linkstext{margin: 0 auto;width:100%;max-width:1200px;margin-bottom: 30px;letter-spacing:1px;line-height:22px;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
.links-grid {box-sizing: border-box;}
.links-grid a img {padding: 0.3em;border: 1px solid #222;background-color:#222;margin: 2px 2px 2px 2px;transition: .5s ease-in;-webkit-transition: .5s ease-in;}
.links-grid a img:hover {padding: 0.3em;/*border: 1px solid #fff;*/background-color:#00c0ff;border: 1px solid #00c0ff;}
.links-text a {list-style-type:none;border-radius:0px;margin:0px;padding: 6px 10px;background-color: #00c0ff;color: #fff;line-height: 40px;}
.links-text a:hover {list-style-type:none;border-radius:0px;margin:0px;padding: 8px 10px;background-color: #2e3238;color: #00c0ff;line-height: 40px;}

/*会员信息页*/
.npagePage .userbg {padding: 0 0 0 0;background:url(/plugins/user/bg.png) right top no-repeat; float:left; width:100%;height:550px;margin: 0 auto;background-position: center; background-size: cover; background-repeat: no-repeat}/*登陆页*/
.npagePage .userbg1 {padding: 0 0 0 0;background:url(/plugins/user/bg1.png) right top no-repeat; float:left; width:100%;height:550px;margin: 0 auto;background-position: center; background-size: cover; background-repeat: no-repeat}
.contact_inf { width: 1200px; margin: 0 auto; min-height: 550px;}
.ytx {border:5px solid #00c0ff;overflow:hidden;border-radius:50%;}
.sub_list {float: left; width: 200px; background: #00c0ff;opacity: 0.7;border-radius:5px;padding: 10px 0 60px 0; margin-left:50px;margin-right:30px;margin-top:40px}
.sub_list dl dd a { display: block; width: 149px; height: 53px; padding-left: 25px; margin: 0 auto; border-bottom: 1px solid #fff; overflow: hidden; text-overflow: hidden; white-space: nowrap; font-size:15px;color:#fff;font-family: '微软雅黑'; line-height: 53px }
.sub_list dl dd:hover a, .sub_list dl .sub_on a {display: block; width: 149px; height: 53px; padding-left: 25px; margin: 0 auto; border-bottom: 1px solid #fff; overflow: hidden; text-overflow: hidden; white-space: nowrap; font-size:15px;color:#fff;font-family: '微软雅黑'; line-height: 53px}
.sub_list dl dd:hover, .sub_list dl li:hover, .sub_on {display: block; width: 149px; height: 53px; padding-left: 25px; margin: 0 auto; border-bottom: 1px solid #fff; overflow: hidden; text-overflow: hidden; white-space: nowrap; font-size:15px;color:#fff;font-family: '微软雅黑'; line-height: 53px }
.talent { float: left; padding: 0 0 0px 0; width: 850px; font-size: 14px ;margin-right:50px;margin-top:40px}
.talent h3 { font-size:18px;color:#00c0ff;font-family: '微软雅黑';margin-bottom: 20px; margin-top: 40px }
.talent_text dl { border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 20px }
.talent_text dl dt { float: left; width: 200px; text-align: center }
.talent_text dl dd { width: 580px; height: 200px; margin-left: 20px; display: table-cell; vertical-align: middle }
.infotable td {height: 40px;line-height: 40px;border-bottom: 1px dashed #fff}
.infotable .red_btn2 {margin: 0px;padding:5px 25px;border-radius:5px;}
.infotable input,.infotable textarea,.infotable select {font-size:15px;color:#999;font-family: '微软雅黑'; padding: 4px; outline: none; text-shadow: 0px 0px 0px #fff; -webkit-border-radius: 3px; -moz-border-radius:0px; border-radius:0px; border: 1px solid #fff; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; background:#fff}
.infotable input:focus,.infotable textarea:focus ,.infotable select:focus{ border: 1px solid #fafafa; -webkit-box-shadow: 0px 0px 6px #00c0ff; -moz-box-shadow: 0px 0px 5px #00c0ff; box-shadow: 0px 0px 5px #00c0ff;}
.red_btn2 { background: #00c0ff; color: #fff; margin-left: 20px; width: 74px; height: 25px; font-weight: 400 }
.red_btn2:hover { background: #fff;color: #999;}
.tips { margin: 15px; line-height: 28px; border: #FFDD8D 1px solid; background-color: #FFFBCC; color: #666666; padding: 0 9px; zoom: 1;opacity: 0.8;}
.tips span { color: #d94a4a; font-weight:bold;}
.red_btn { background:#f96868;width:200px;height:40px;color:#fff;margin-top:20px}
.red_btn:hover {background:#00c0ff}