/* CSS Document */

@font-face {
font-family: 'CenturyGothicRegular';
src:url('../fonts/CenturyGothic.eot');
src:local('CenturyGothic Regular'),
local('CenturyGothic'),
url('../fonts/CenturyGothic.woff') format('woff'),
url('../fonts/CenturyGothic.ttf') format('truetype'),
url('../fonts/CenturyGothic.svg#CenturyGothic') format('svg');}
*{ margin:0; padding:0; font-size:14px; font-family:Century Gothic, '微软雅黑'; color:#454545; line-height:24px;}
body{ width:100%; margin:0 auto;}
ul,li,ol,em,i,span,p,img{ margin:0; padding:0; border:0; list-style:none; font-style:normal;}
span{ display:inline-block; vertical-align:middle;}
input:focus{outline:none;}
a{ text-decoration:none; transition:color 0.3s; transition:background 0.3s; border-radius:40px;}
a:hover{ transition:color 0.3s; transition:background 0.3s;}

a.btnyellow{ width:126px; height:36px; float:left; border:solid 1px #f3bf4b; font-size:16px; line-height:36px; color:#f3bf4b;}
a:hover.btnyellow{ background:#f3bf4b; color:#fff;}
a.btnyellow i{ width:20px; height:20px; float:left; background:url(../images/iconbox.png) no-repeat left top; background-position:-160px -20px; text-indent:-9999px; margin:8px 3px 0 20px;}
a:hover.btnyellow i{ background-position:-200px -20px;}

a.btnblue{ width:126px; height:36px; float:left; border:solid 1px #13bbda; font-size:16px; line-height:36px; color:#13bbda;}
a:hover.btnblue{ background:#13bbda; color:#fff;}
a.btnblue i{ width:20px; height:20px; float:left; background:url(../images/iconbox.png) no-repeat left top; background-position:-180px -20px; text-indent:-9999px; margin:8px 3px 0 20px;}
a:hover.btnblue i{ background-position:-200px -20px;}

a.btnwhite{ width:126px; height:36px; float:left; border:solid 1px #fff; font-size:16px; line-height:36px; color:#fff;}
a:hover.btnwhite{ background:#fff; color:#f3bf4b;}
a.btnwhite i{ width:20px; height:20px; float:left; background:url(../images/iconbox.png) no-repeat left top; background-position:-200px -20px; text-indent:-9999px; margin:8px 3px 0 20px;}
a:hover.btnwhite i{ background-position:-160px -20px;}

a.btnwhite2{ width:126px; height:36px; float:left; border:solid 1px #fff; font-size:16px; line-height:36px; color:#fff;}
a:hover.btnwhite2{ background:#fff; color:#13bbda;}
a.btnwhite2 i{ width:20px; height:20px; float:left; background:url(../images/iconbox.png) no-repeat left top; background-position:-200px -20px; text-indent:-9999px; margin:8px 3px 0 20px;}
a:hover.btnwhite2 i{ background-position:-180px -20px;}

a.btnyellows{ width:100px; height:30px; float:left; border:solid 1px #f3bf4b; font-size:14px; line-height:30px; color:#f3bf4b;}
a:hover.btnyellows{ border:solid 1px #f3bf4b; background:#f3bf4b; color:#fff;}
a.btnyellows i{ width:20px; height:20px; float:left; background:url(../images/iconbox.png) no-repeat left top; background-position:-200px 0; text-indent:-9999px; margin:6px 0 0 10px;}
a:hover.btnyellows i{ background-position:-180px 0;}

.full{ width:100%; float:left; margin:0 auto;}
.fullbox{ width:1000px; margin:0 auto;}

.header{ width:100%; float:left; margin:0 auto; height:40px; background:#fff; border-bottom:solid 1px #ededed; display:none;}
.headerblock{ position:relative; width:100%; margin:0 auto;}
.headerbox{ position:absolute; left:40px; right:40px; float:left;}
.headerbox span{ float:left; line-height:20px; margin-top:10px;}
.headerbox span i{ width:20px; height:20px; float:left; background:url(../images/iconbox.png) no-repeat left top; text-indent:-9999px; margin-right:2px;}
.headerbox span i.sty1{ background-position:0 0;}
.headerbox span i.sty2{ background-position:0 -20px;}
.headerbox span i.sty3{ background-position:-60px 0;}
.headerbox span i.sty4{ background-position:-80px 0;}
.headerbox span a{ font-size:14px; color:#999; line-height:20px;}
.headerbox span a:hover{ color:#f3bf4b;}
.headerbox span a:hover i.sty2{ background-position:-40px -20px;}
.headerbox span a:hover i.sty3{ background-position:-60px -20px;}
.headerbox span a:hover i.sty4{ background-position:-80px -20px;}
.headerbox span.left{ float:left; margin-right:15px; font-family:Arial;}
.headerbox span.left em{ font-size:16px; color:#f3bf4b; font-weight:bold; line-height:20px;}
.headerbox span.right{ float:right; margin-left:15px;}

.fixedNav{ position:fixed; float:left; left:0px; top:0; width:100%; z-index:9999; _position:absolute; _top:expression(eval(document.documentElement.scrollTop)); }
.nav{ width:100%; float:left; background-color:#fff; height:100px; box-shadow:0 1px 5px 0 rgba(41,85,115,.21);}
.navblock{ width:100%; margin:0 auto;}
.navbox{ width:100%; float:left;}
.logo-box{ width:270px; float:left;}
.logo-box a{ width:270px; height:50px; float:left; background:url(../images/iconbox.png) no-repeat left top; background-position:0 -40px; text-indent:-9999px; border-radius:0; margin:22px 0 0 40px;}
.sign-box{ float:right; margin-right:40px;}
.sign-box a{ height:30px; float:left; font-size:14px; line-height:30px; color:#999; border:solid 1px #ddd; border-radius:20px; padding:0 15px; margin-left:10px; margin-top:35px;}
.sign-box a:hover.sty1{ border:solid 1px #f3bf4b; color:#f3bf4b;}
.sign-box a.sty2{ background:#13bbda; border:solid 1px #13bbda; color:#fff;}
.sign-box a:hover.sty2{ background:#17c7e7; border:solid 1px #17c7e7;}
.sign-box a.sty2 i, .sign-box a.sty2 em{ color:#fff; line-height:30px;}
.sign-box a.sty2 em{ margin-left:5px;}

.navword{ float:right; margin-top:40px; margin-right:30px;}
.navword a{ font-size:16px; float:left; line-height:24px; color:#555; margin:0 18px;}
.navword a:hover, .navword a.sel{ color:#13bbda;}
.navword a i{ width:10px; height:10px; float:right; background:url(../images/xsicon.png) no-repeat left top; background-position:0 0; margin:8px 0 0 2px;}
.navword span{ display:inline-block; float:left;}
.nav-draplist { position:relative; height:30px; float:left;}
.nav-drapbox{ position:absolute; width:100px; float:left; background:#fff; left:-14px; top:30px; display:none; padding:10px 0; box-shadow:2px 2px 0 rgba(0,0,0,.15); border:solid 1px #eee; border-radius:5px; z-index:30000;}
.nav-drapbox2{ left:0;}
.nav-draplist:hover div.nav-drapbox{ display:block;}
.nav-drapbox:hover{ display:block;}
.nav-drapbox a{ width:100%; float:left; margin:0; font-size:14px; text-align:center; line-height:28px;}
.nav-drapbox i{ position:absolute; top:-13px; right:20px; font-size:12px; color:#fff; text-shadow:0 -2px 0 #eee;}
.nav-drapbox2 i{ right:3px;}
.navnew em{ width:20px; height:20px; float:right; background:url(../images/newsicon.gif) no-repeat left top; margin-left:5px;}

.flexslider{position:relative; height:450px; overflow:hidden; background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative; z-index:1;}
.slides li{ height:450px; background-size:cover !important; background-position:50% 50% !important; background-repeat:no-repeat !important;}
.flex-control-nav{position:absolute; bottom:10px; z-index:2; width:100%; text-align:center;}
.flex-control-nav li{display:inline-block; width:13px; height:13px; margin:0 5px;}
.flex-control-nav a{display:inline-block; width:13px; height:13px; line-height:40px; overflow:hidden; background:url(../images/dot.png) right 0 no-repeat; cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute; z-index:3; width:100%; top:45%;}
.flex-direction-nav li a{display:block; width:50px; height:50px; overflow:hidden; cursor:pointer; position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px; background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px; background:url(../images/next.png) center center no-repeat;}

.topic{ width:100%; float:left;}
.topword{ width:460px; float:left; margin-right:40px;}
.topword span{ width:100%; float:left;}
.topword span.topictt{ font-size:50px; line-height:60px; color:#fff; margin-top:110px; margin-bottom:20px;}
.topword span.topictt2{ font-size:45px; line-height:60px; color:#fff; margin-top:120px; margin-bottom:20px;}
.topword span.sty1{ font-size:24px; line-height:30px; color:#fff; margin-bottom:10px;}
.topword span.sty2{ font-size:17px; line-height:30px; color:#fff; margin-bottom:25px;}
.topword span.sty3{ font-size:18px; line-height:30px; color:#fff; margin-bottom:25px;}
.topword span.sign a{ width:126px; height:36px; float:left; border:solid 1px #fff; font-size:18px; line-height:36px; color:#fff; }
.topword span.sign a:hover{ background:#fff; color:#f3bf4b;}
.topword span.sign a i{ width:20px; height:20px; float:left; background:url(../images/iconbox.png) no-repeat left top; background-position:-140px -20px; text-indent:-9999px; margin:8px 3px 0 16px;}
.topword span.sign a:hover i{ background-position:-120px -20px;}
.topword span.sign a.master{ width:180px; text-align:center; background:#fff; color:#f3bf4b; height:40px; line-height:40px;}
.topword span.sign a:hover.master{ background:#f3bf4b; border:solid 1px #f3bf4b; color:#ffffff;}
.topword span.sign2 a{ height:40px; float:left; border:solid 1px #fff; font-size:20px; line-height:38px; color:#fff; padding:0 25px;}
.topword span.sign2 a:hover{ background:#ffffff; color:#f3bf4b;}
.topword span.sign2 a.EditorVideo{ background:#f3bf4b; border:solid 1px #f3bf4b; color:#ffffff; margin-left:10px;}
.topword span.sign2 a:hover.EditorVideo{ background:#ffffff; border:solid 1px #ffffff; color:#f3bf4b;}
.imgarea{ width:500px; float:left;}
.imgarea span img{ margin-top:110px;}
.imgarea span.img2 img{ margin-top:50px;}
.imgarea span.img3 img{ margin-top:65px;}
.editor_block{ width:600px; height:400px; float:right; background:url(../images/bgbanner.png) no-repeat right top; margin-top:50px;}
.editor_box{ width:100%; float:left;}
.editor_box img{ float:right; margin-top:201px; margin-right:10px;}
.topic2{ width:100%; float:left; background:url(../images/topic6.png) no-repeat center top; height:400px; margin-top:50px;}
.topic2 span.btn{ width:220px; float:left; margin:280px 390px 0 390px;}
.topic2 span.btn a{ width:100%; float:left; height:52px; background:#f3bf4b; color:#fff; font-size:26px; line-height:26px; text-align:center; line-height:50px;}
.topic2 span.btn a:hover{ background:#fff; color:#f3bf4b;}
.topic3{ width:100%; float:left; height:280px; margin-top:120px;}
.topic3 span.sty1{ width:410px; float:left;}
.topic3 span.sty2{ width:420px; float:left;}
.topic3 span.sty2 i{ width:100%; float:left; margin-bottom:20px;}
.topic3 span.sty2 a{ float:left; height:52px; background:#f3bf4b; color:#fff; font-size:26px; line-height:26px; padding:0 30px; text-align:center; line-height:50px;}
.topic3 span.sty2 a:hover{ background:#fff; color:#f3bf4b;}
.topic3 span.sty3{ width:170px; float:left;}

.fsbook_box{ width:100%; height:450px; float:left; background:url(../images/fsbookline.png) repeat left top;}
.fsbookleft{ width:355px; float:left; margin-top:110px;}
.fsbookleft span{ width:100%; display:block; float:left;}
.fsbookleft span.imgs{ margin-bottom:20px;}
.fsbookright{ width:225px; float:right; margin-top:100px;}
.fsbookmid{ position:relative; width:420px; height:400px; float:left; background:url(../images/fsbookmobile.png) no-repeat left top; margin-top:50px;}
.fsbookmid i.sty1{ position:absolute; top:26px; right:75px; z-index:1000;}
.fsbookmid i.sty2{ position:absolute; bottom:70px; right:85px; z-index:999;}
.fsbookmid i.sty2 img{ width:155px !important; height:268px !important;}

.bggray{ width:100%; float:left; background:url(../images/bgcontent.png) repeat-x left top; height:480px;}
.pronav{ width:100%; float:left;}
.wrapper {width:1000px; float:left; margin:0 auto;}
.section { float:left;}
.section .dots {width:1000px; height:50px; text-align:center; background:#fff;}
.section .dot {float:left; height:130px; cursor:default;}
.section .dot i{ width:80px; height:65px; margin:20px 125px 5px 125px; float:left; background:url(../images/iconbox.png) no-repeat left top; text-indent:-9999px;}
.section .dot i.mail{ background-position:0 -135px;}
.section .dot i.sms{ background-position:-80px -135px;}
.section .dot i.rem{ background-position:-160px -135px;}
.section .dot span{ width:100%; float:left; text-align:center; font-size:16px;}
.section .dot span a{ font-size:16px;}
.section .dot1 { width:330px; background:#f1f1f1;}
.section .dot1.active {background:#fff;}
.section .dot1.active span a{ color:#13bbda;}
.section .dot1.active i{ background-position:0 -200px;}
.section .dot2 { width:340px; background:#f1f1f1;}
.section .dot2.active {background:#fff;}
.section .dot2.active span a{ color:#13bbda;}
.section .dot2.active i{ background-position:-80px -200px;}
.section .dot3 { width:330px; background:#f1f1f1;}
.section .dot3.active {background:#fff;}
.section .dot3.active span a{ color:#13bbda;}
.section .dot3.active i{ background-position:-160px -200px;}
.section .banner ul li{ height:480px;}
.section .dot6{ width:20%; float:left; height:40px; text-align:center; border-bottom:solid 1px #eee;}
.section .dot6 a{ width:100%; cursor:pointer; display:inline-block; border-radius:0; height:38px;}
.section .dot6.active a, .section .dot6:hover a{ color:#13bbda; border-bottom:solid 3px #13bbda;}

.section .dot7{ width:25%; float:left; height:40px; text-align:center; border-bottom:solid 1px #eee;}
.section .dot7 a{ width:100%; cursor:pointer; display:inline-block; border-radius:0; height:38px;}
.section .dot7.active a, .section .dot7:hover a{ color:#13bbda; border-bottom:solid 3px #13bbda;}

.probox{ width:100%; float:left; margin-top:30px;}
.proboxl{ width:300px; float:left; margin-right:30px; margin-top:30px;}
.proboxl span{ width:100%; float:left; line-height:24px; margin-bottom:15px;}
.proboxl span.tt1{ font-size:26px; line-height:32px; color:#454545;}
.proboxr{ width:670px; float:left;}
.proboxrt{ width:100%; float:left; margin:10px 0;}
.proboxrt span{ font-size:14px; font-weight:bold; float:left; text-align:center; line-height:14px;}
.proboxrt span.sty1{ width:132px; border-right:solid 2px #b8b8b8; color:#f3bf4b;}
.proboxrt span.sty2{ width:400px; border-right:solid 2px #b8b8b8; color:#13bbda;}
.proboxrt span.sty3{ width:134px; color:#777;}
.proboxrm{ width:100%; float:left;}
.proboxrm span{ float:left; width:132px; height:25px; line-height:25px; background:#dfdfdf; color:#777; text-align:center; border-right:solid 2px #fff; font-size:13px;}
.proboxrm span.last{ margin:0; border:0;}
.proboxrb{ width:100%; height:200px; float:left; background:url(../images/bgpro.png) no-repeat left top;}
.btnbox1{ width:100%; float:left; margin-top:15px;}
.btnbox1 span{ float:left; vertical-align:top;}
.btnbox1 span a{ width:95px; float:left; height:24px; line-height:24px; text-align:center; color:#fff; margin-bottom:10px; transition:background 0.2s;}
.btnbox1 span a.yellow{ background:#f3bf4b;}
.btnbox1 span a:hover.yellow{ background:#d65900;}
.btnbox1 span a.blue{ background:#13bbda;}
.btnbox1 span a:hover.blue{ background:#00849d;}
.btnbox1 span a.gray{ background:#c0c0c0;}
.btnbox1 span a:hover.gray{ background:#aaa;}
.btnbox1 span.sty1{ width:95px; float:left; margin:0 19px 0 18px;}
.btnbox1 span.sty2{ width:95px; float:left; margin:0 19px 0 20px;}
.btnbox1 span.sty3{ width:95px; float:left; margin:0 86px 0 87px;}
.btnbox1 span.sty4{ width:95px; float:left; margin:0 19px 0 20px;}
.btnbox1 span.sty4 a{ margin-top:34px;}
.btnbox2{ width:100%; float:left;}
.btnbox2 span{ width:95px; float:left; margin:0 355px 0 220px;}
.btnbox2 span a{ width:95px; float:left; background:#13bbda; height:24px; line-height:24px; text-align:center; color:#fff; margin-bottom:10px;}
.btnbox2 span a:hover{ background:#00849d;}
.proboxlast{ width:100%; float:left;}
.proboxlast span{ float:left; text-align:left; font-size:13px; margin-top:5px; color:#777;}
.proboxlast span.sty1{ width:112px;}
.proboxlast span.sty2{ width:145px;}
.proboxlast span.sty3{ width:124px;}
.proboxlast span.sty4{ width:132px;}
.proboxlast span.sty5{ width:102px;}
.proboxlast span.sty6{ width:55px;}

.service{ width:100%; float:left; background:rgba(0,0,0,.05);}
.serviceblock{ width:1000px; margin:0 auto;}
.servicebox{ width:100%; float:left; margin:100px 0;}
.servicet{ width:100%; float:left; margin-bottom:20px;}
.servicet span{ width:100%; float:left; font-size:14px; margin-bottom:5px; text-align:center;}
.servicet span.tt1{ font-size:36px; line-height:40px;}
.servicet span.tt2{ font-size:28px; line-height:32px; margin-bottom:20px;}
.servicet span.tt3{ font-size:18px; line-height:24px;}
.servicem{ width:1000px; float:left; margin:30px 0;}
.servicem li{ float:left; width:140px; height:140px; margin:0 13px;}
.servicem li a{ width:136px; height:136px; float:left; border-radius:50%; color:#898989;}
.servicem li a i{ width:100%; display:inline-block; font-size:40px; line-height:40px; margin-top:35px; text-align:center; color:#898989;}
.servicem li a span{ width:100%; float:left; text-align:center; font-size:14px; line-height:24px; margin-top:8px; color:#898989;}
.servicem li a:hover span, .servicem li a:hover i{ color:#fff;}
.serviceb{ width:100%; float:left;}
.serviceb a{ margin:0 435px;}

.bg-yellow{ border:solid 2px #f3bf4b;}
.bg-yellow:hover{ background:#f3bf4b;}
.bg-purple{ border:solid 2px #cd90e2;}
.bg-purple:hover{ background:#cd90e2;}
.bg-green{ border:solid 2px #7dd79a;}
.bg-green:hover{ background:#7dd79a;}
.bg-lblue{ border:solid 2px #43c5c0;}
.bg-lblue:hover{ background:#43c5c0;}
.bg-blue{ border:solid 2px #13bbda;}
.bg-blue:hover{ background:#13bbda;}

.caseblock{ width:100%; float:left; margin:100px 0;}
.caset{ width:100%; float:left; margin-bottom:20px;}
.caset span{ width:100%; float:left; font-size:14px; margin-bottom:5px; text-align:center;}
.caset span.tt1{ font-size:36px; line-height:40px; color:#454545;}
.caset span.tt2{ font-size:28px; line-height:32px; margin-bottom:20px; color:#454545;}
.caset span.tt3{ font-size:18px; line-height:24px; color:#454545;}
.casem{ width:850px; float:left; margin:30px 75px;}
.casem li{ float:left; width:140px; height:140px; margin:0 15px;}
.casem li a{ width:136px; height:140px; float:left; background:#13bbda; border-radius:50%;}
.casem li a:hover{ background:#17c7e7;}
.casem li a div.view{ display:block;}
.casem li a div.view i{ width:100%; float:left; text-align:center; font-size:40px; color:#fff; line-height:50px; margin-top:35px;}
.casem li a div.view span{ width:100%; float:left; text-align:center; color:#fff; font-size:16px;}
.casem li a div.none{ display:none; width:100%; float:left; text-align:center; color:#fff; font-size:16px; margin-top:65px;}
.casem li a:hover div.view{ display:none;}
.casem li a:hover div.none{ display:block;}
.caseb{ width:100%; float:left;}
.caseb a{ margin:0 435px;}

.marfull{ width:100%; float:left; background:rgba(0,0,0,.05);}
.marblock{ width:1000px; margin:0 auto;}
.marbox{ width:100%; float:left; margin:100px 0;}
.resource{ width:100%; float:left; margin-bottom:20px;}
.resource span{ width:100%; float:left; font-size:14px; margin-bottom:5px; text-align:center;}
.resource span.tt1{ font-size:36px; line-height:40px; color:#454545;}
.resource span.tt2{ font-size:28px; line-height:32px; margin-bottom:20px; color:#454545;}
.resource span.tt3{ font-size:16px; line-height:24px; color:#454545;}
.resource span.tt4{ font-size:28px; line-height:32px; color:#454545;}
.resource2{ width:100%; float:left; margin:50px 0 20px 0;}
.resource2 span{ width:100%; float:left; font-size:14px; margin-bottom:5px; text-align:center;}
.resource2 span.tt1{ font-size:36px; line-height:40px; color:#454545;}
.resource2 span.tt2{ font-size:28px; line-height:32px; color:#454545;}
.resblock{ width:1000px; float:left; background:#ffffff;}
.resbox{ width:950px; float:left; margin:25px;}
.resleft, .resmid, .resright{ width:300px; float:left;}
.resmid{ margin-left:25px;}
.resmid span{ width:100%; float:left; font-size:13px; color:#777; line-height:20px; margin-bottom:10px;}
.resmid span.tt{ font-size:18px; line-height:24px; color:#454545;}
.resright{ margin-left:25px;}
.resright span{ width:100%; float:left; margin-bottom:10px;}
.resright span.last{ margin-bottom:0;}
.resright span a{ width:100%; float:left; font-size:14px;}
.resright span a i{ float:left; background:#f3bf4b; width:45px; height:25px; line-height:25px; font-size:14px; color:#fff; text-align:center; margin-right:10px;}
.resright span a:hover{ color:#f3bf4b; text-decoration:underline;}

.resbox li{ float:left; background:#e7e6eb; width:300px; margin-right:25px; transition:color 0.3s; transition:background 0.3s;}
.resbox li.last{ margin:0;}
.resbox li div.knowbox{ width:270px; float:left; margin:15px;}
.resbox li div.knowleft{ width:90px; float:left;}
.resbox li div.knowright{ width:165px; float:left; margin-left:15px;}
.resbox li div.knowright span{ width:100%; float:left; font-size:13px; color:#777; line-height:20px; margin-bottom:10px;}
.resbox li div.knowright span.tt{ font-size:18px; line-height:24px; color:#454545;}
.resbox li div.knowright span.last{ margin-bottom:0;}
.resbox li:hover{ background:#13bbda; transition:color 0.3s; transition:background 0.3s;}
.resbox li:hover div.knowright span{ color:#fff;}
.resbox li:hover div.knowright span a{ border:solid 1px #fff; color:#fff;}
.resbox li:hover div.knowright span a i{ background-position:-180px 0;}
.resbox li div.knowright span a{ width:100px; height:30px; float:left; border:solid 1px #555; font-size:14px; line-height:30px; color:#555;}
.resbox li div.knowright span a:hover{ background:#fff; border:solid 1px #fff; color:#13bbda;}
.resbox li div.knowright span a  i{ width:20px; height:20px; float:left; background:url(../images/iconbox.png) no-repeat left top; background-position:-160px 0; text-indent:-9999px; margin:6px 0 0 10px;}
.resbox li div.knowright span a:hover i{ background-position:-220px 0;}

.customer{ width:100%; float:left; margin:100px 0;}
.customert{ width:100%; float:left; margin-bottom:20px;}
.customert span{ width:100%; float:left; font-size:14px; margin-bottom:5px; text-align:center;}
.customert span.tt1{ font-size:36px; line-height:40px; color:#454545;}
.customert span.tt2{ font-size:28px; line-height:32px; margin-bottom:20px; color:#454545;}
.customert span.tt3{ font-size:18px; line-height:24px; color:#454545;}
.customerm{ width:990px; float:left; margin:0 5px; margin-bottom:20px;}
.customerm li{ width:115px; height:100px; float:left; margin-right:10px; margin-bottom:10px; background:#edecf0; transition:color 0.3s; transition:background 0.3s;}
.customerm li.last{ margin-right:0;}
.customerm li:hover{ background:#f9f9f9; transition:color 0.3s; transition:background 0.3s;}
.customerm li a{ width:115px; height:110px; float:left;}
.customerm li a i{ width:115px; height:100px; float:left; background:url(../images/logo.png) no-repeat left top; text-indent:-9999px;}
.customerm li a i.sty1{ background-position:0 0;}
.customerm li a i.sty2{ background-position:-115px 0;}
.customerm li a i.sty3{ background-position:-230px 0;}
.customerm li a i.sty4{ background-position:-345px 0;}
.customerm li a i.sty5{ background-position:0 -100px;}
.customerm li a i.sty6{ background-position:-115px -100px;}
.customerm li a i.sty7{ background-position:-230px -100px;}
.customerm li a i.sty8{ background-position:-345px -100px;}
.customerm li a i.sty9{ background-position:0 -200px;}
.customerm li a i.sty10{ background-position:-115px -200px;}
.customerm li a i.sty11{ background-position:-230px -200px;}
.customerm li a i.sty12{ background-position:-345px -200px;}
.customerm li a i.sty13{ background-position:0 -300px;}
.customerm li a i.sty14{ background-position:-115px -300px;}
.customerm li a i.sty15{ background-position:-230px -300px;}
.customerm li a i.sty16{ background-position:-345px -300px;}
.customerb{ width:100%; float:left;}
.customerb a{ margin:0 435px;}

.topbanner{ width:100%; float:left;}
.topbanner span{ width:100%; float:left; height:260px; text-indent:-9999px;}
.topbanner span.sty1{ background:url(../images/probanner.png) no-repeat center center;}
.topbanner span.sty2{ background:url(../images/emailbanner.png) no-repeat center center;}
.topbanner span.sty3{ background:url(../images/smsbanner.png) no-repeat center center;}
.topbanner span.sty4{ background:url(../images/rembanner.png) no-repeat center center;}
.topbanner span.sty5{ background:url(../images/aboutbanner.png) no-repeat center center;}
.topbanner span.sty6{ background:url(../images/servicebanner.png) no-repeat center center;}
.topbanner span.sty7{ background:url(../images/resourcebanner.png) no-repeat center center;}
.topbanner span.sty8{ background:url(../images/casebanner.png) no-repeat center center;} 
.topbanner span.sty9{ background:url(../images/statementbanner.png) no-repeat center center;}
.topbanner span.sty10{ background:url(../images/knowledgebanner.png) no-repeat center center;}
.topbanner span.sty11{ background:url(../images/signbanner.png) no-repeat center center;}
.topbanner span.sty12{ background:url(../images/bgwelcome.jpg) no-repeat top center;}

.product{ width:100%; float:left;}
.productblock{ width:1000px; margin:0 auto;}
.productbox{ width:100%; float:left; margin:100px 0;}

.topttblock{ width:100%; float:left; margin-bottom:20px;}
.topttblock span{ width:100%; float:left; font-size:14px; margin-bottom:10px; text-align:center;}
.topttblock span.tt1{ font-size:36px; line-height:40px; color:#454545;}
.topttblock span.tt2{ font-size:24px; line-height:32px; margin-bottom:20px; color:#454545;}
.topttblock span.tt3{ font-size:18px; line-height:24px; color:#454545;}
.topttblock span.tt4{ font-size:18px; line-height:24px; margin-bottom:10px;}
.topttblock span.tt5{ font-size:36px; line-height:40px; margin-bottom:20px; color:#f3bf4b;}
.topttblock span.f16{ font-size:16px; line-height:30px; margin-bottom:20px;}
.topttblock span em.yellow{ font-size:16px; color:#f3bf4b; font-weight:bold;}
.topttblock span img{ margin-top:20px;}
.topttblock span.last a{ float:left; margin:10px 435px 0 435px; text-align:left;}
.topttblock span.buttons{ width:180px; float:left; margin:0 410px; margin-top:10px;}
.topttblock span.buttons a{ width:176px; font-size:16px !important; padding:3px 0;}
.topttblock span.buttons2:hover i{ background:#13bbda;}
.topttblock span.buttons2:hover a{ color:#444;}

.topttcase{ width:100%; float:left; padding-bottom:30px;}
.topttcase span.tt{ width:100%; float:left; text-align:center; margin-bottom:25px; font-size:22px;}
.topttcase li{ width:88px; float:left; margin-left:20px; height:88px; background:#f5f5f5; border:solid 1px #ddd; border-radius:20%; cursor:pointer;}
.topttcase li:hover{ border:solid 1px #ddd; background:#ffffff;}
.topttcase li a{ width:100%; float:left;}
.topttcase li a i{ width:75px; height:75px; float:left; background:url(../images/caseLogo.png) no-repeat left top; margin:6px;}
.topttcase li a i.sty1{ background-position:0 0;}
.topttcase li a i.sty2{ background-position:-75px 0;}
.topttcase li a i.sty3{ background-position:-150px 0;}
.topttcase li a i.sty4{ background-position:-225px 0;}
.topttcase li a i.sty5{ background-position:-300px 0;}
.topttcase li a i.sty6{ background-position:-375px 0;}
.topttcase li a i.sty7{ background-position:-450px 0;}
.topttcase li a i.sty8{ background-position:-525px 0;}
.topttcase li a i.sty9{ background-position:-600px 0;}
.topttcase li a:hover i.sty1{ background-position:0 -75px;}
.topttcase li a:hover i.sty2{ background-position:-75px -75px;}
.topttcase li a:hover i.sty3{ background-position:-150px -75px;}
.topttcase li a:hover i.sty4{ background-position:-225px -75px;}
.topttcase li a:hover i.sty5{ background-position:-300px -75px;}
.topttcase li a:hover i.sty6{ background-position:-375px -75px;}
.topttcase li a:hover i.sty7{ background-position:-450px -75px;}
.topttcase li a:hover i.sty8{ background-position:-525px -75px;}
.topttcase li a:hover i.sty9{ background-position:-600px -75px;}

.sms{ width:100%; float:left; background:url(../images/bgsms.jpg); background-size:cover !important; background-position:50% 50% !important; background-repeat:no-repeat !important;}
.smsarea{ width:100%; float:left; background:url(../images/bgline4.png) repeat left top;}
.smsblock{ width:1000px; margin:0 auto;}
.smsbox2{ width:100%; float:left; margin:100px 0;}
.smsleft{ width:480px; float:left; margin-right:40px;}
.smsright{ width:480px; float:left;}
.smsright span{ width:100%; float:left; color:#fff; font-size:13px; line-height:24px; margin-bottom:10px;}
.smsright span.tt1{ font-size:26px; line-height:32px; margin-bottom:15px;}
.smsright span.infolist{ margin-bottom:15px;}
.smsright span.infolist i{ width:30%; float:left; font-size:13px; color:#fff; line-height:24px;}
.smsright span.infolist i em{ color:#13bbda;}

.smscene_topic{ width:100%; float:left; height:510px;}
.smscene{ width:100%; float:left; background:#f5f5f5;}
.smscene_block{ width:990px; margin:0 auto;}
.smscene_box{ width:100%; float:left; margin:70px auto 50px auto;}
.smscene_boxt{ width:100%; float:left; margin-bottom:20px;}
.smscene_boxt span{ width:100%; float:left; font-size:14px; margin-bottom:10px; text-align:center;}
.smscene_boxt span.tt1{ font-size:36px; line-height:40px; color:#454545;}
.smscene_boxt span.tt2{ font-size:20px; line-height:24px; color:#454545;}
.smscene_boxm{ width:100%; float:left;}
.smscene_boxm li{ width:330px; float:left; margin-bottom:30px;}
.smscene_boxm li span{ width:100%; float:left; text-align:center; font-size:14px; color:#555;}
.smscene_boxm li span.tt{ font-size:24px; line-height:30px; margin-bottom:5px;}
.smscene_boxm li span i{ float:left; text-align:center; width:78px; height:78px; border:solid 2px #f3bf4b; font-size:36px; color:#f3bf4b; line-height:80px; margin:0 125px 20px 125px; border-radius:50%; cursor:default; transition:color 0.3s; transition:background 0.3s;}
.smscene_boxm li span i:hover{ background:#f3bf4b; color:#fff; transition:color 0.3s; transition:background 0.3s;}

.smscene_gn{ width:100%; float:left; background:#ffffff;}
.smscene_gnblock{ width:1000px; margin:0 auto;}
.smscene_gnbox{ width:100%; float:left; margin:70px auto;}
.smscene_gnboxl{ width:550px; float:left;}
.smscene_gnboxr{ width:420px; float:right;}
.smscene_gnboxr li{ width:140px; float:left; margin-top:20px;}
.smscene_gnboxr li span{ width:100%; float:left; text-align:center; font-size:15px; color:#888; cursor:default;}
.smscene_gnboxr li span i{ float:left; font-size:40px; margin:0 50px 10px 50px; line-height:40px; color:#999;}
.smscene_gnboxr li span i:hover{ color:#444;}

.smscene_cycle{ width:100%; float:left;}
.smscene_cycle li{ width:165px; float:left; margin-bottom:20px;}
.smscene_cycle li span.sm{ width:80%; float:left; text-align:center; font-size:12px; color:#888; cursor:default; line-height:20px; margin:0 10%;}
.smscene_cycle li span.tt{ width:100%; float:left; text-align:center; font-size:18px; color:#444; margin-bottom:8px;}
.smscene_cycle li span i{ float:left; text-align:center; width:78px; height:78px; background:#13bbda; font-size:32px; color:#fff; line-height:80px; margin:0 42px 10px 42px; border-radius:50%; cursor:default; transition:color 0.3s; transition:background 0.3s;}
.smscene_cycle li span i:hover{ background:#17c7e7; transition:color 0.3s; transition:background 0.3s;}
.smscene_tiyan{ width:100%; float:left; margin-bottom:30px;}
.smscene_tiyan span.tt{ width:100%; float:left; text-align:center; font-size:20px; margin:15px 0;}
.smscene_tiyan span.btn{ width:230px; float:left; margin:0 380px;}
.smscene_tiyan span.btn a{ width:100%; float:left; text-align:center; background:#f3bf4b; font-size:20px; color:#fff; line-height:30px; padding:10px 0;}
.smscene_tiyan span.btn a:hover{ background:#ff8630;}

.remarket{ width:100%; float:left;}
.remarketl{ width:480px; float:left; margin-right:40px;}
.remarketl span{ width:100%; float:left; font-size:13px; line-height:24px; margin-bottom:15px;}
.remarketl span.tt1{ font-size:26px; line-height:32px; color:#454545;}
.remarketl span.tt2{ font-size:14px; line-height:24px; margin-bottom:10px;}
.remarketr{ width:480px; float:left;}

.emailbox{ width:100%; float:left; margin:100px 0;}
.emailnav{ width:840px; float:left; margin:0 80px; height:100px;}
.emailnav li{ width:140px; float:left;}
.emailnav li span{ width:100%; float:left; text-align:center;}
.emailnav li span a{ width:100%; float:left; text-align:center; font-size:14px;}
.emailnav li span i{ width:80px; height:70px; float:left; background:url(../images/iconbox.png) no-repeat left top; margin-left:30px; margin-bottom:5px; text-indent:-9999px;}
.emailnav li span i.sty1{ background-position:-160px -555px;}
.emailnav li span i.sty2{ background-position:-240px -555px;}
.emailnav li span i.sty3{ background-position:-320px -555px;}
.emailnav li span i.sty4{ background-position:-400px -555px;}
.emailnav li span i.sty5{ background-position:-480px -555px;}
.emailnav li span i.sty6{ background-position:-320px -415px;}
.emailnav li:hover span i.sty1{ background-position:-160px -625px;}
.emailnav li:hover span i.sty2{ background-position:-240px -625px;}
.emailnav li:hover span i.sty3{ background-position:-320px -625px;}
.emailnav li:hover span i.sty4{ background-position:-400px -625px;}
.emailnav li:hover span i.sty5{ background-position:-480px -625px;}
.emailnav li:hover span i.sty6{ background-position:-320px -485px;}
.emailnav li:hover a{ color:#13bbda;}

.Editor{ width:100%; float:left; background:#eeeeee;}
.Editorblock{ width:1000px; margin:0 auto;}
.Editorbox{ width:100%; float:left; margin:80px 0;}
.Editorleft{ width:480px; float:left;}
.Editorright{ width:480px; float:left; margin-left:40px; margin-top:20px;}
.Editorright span{ width:100%; float:left; line-height:24px; margin-bottom:10px; color:#454545;}
.Editorright span.tt1{ font-size:26px; line-height:32px; margin-bottom:15px;}
.Editorright span.infolist{ width:50%; float:left; margin-bottom:2px;}
.Editorright span.infolist i{ float:left; width:16px; height:16px; line-height:16px; margin-top:3px; margin-right:5px; background:#13bbda; color:#fff; text-align:center; border-radius:8px;}
.Editorright span.last a{ width:100%; float:left; text-align:left; margin-top:10px; font-size:15px; color:#13bbda; font-weight:bold; text-decoration:underline;}

.subscribe{ width:100%; float:left; background:#ffffff;}
.subblock{ width:1000px; margin:0 auto;}
.subbox{ width:100%; float:left; margin:100px 0;}
.subleft{ width:480px; float:left; margin-right:40px;}
.subleft span{ width:100%; float:left; line-height:24px; margin-bottom:10px; color:#454545;}
.subleft span.tt1{ font-size:26px; line-height:32px; margin-bottom:15px;}
.subleft span.infolist{ margin-bottom:2px;}
.subleft span.infolist i{ float:left; width:16px; height:16px; line-height:16px; margin-top:3px; margin-right:5px; background:#13bbda; color:#fff; text-align:center; border-radius:8px;}
.subright{ width:480px; float:left;}

.platform{ width:100%; float:left; padding:80px 0; background:#f2f2f2;}
.platformblock{ width:100%; float:left;}
.platformt{ width:100%; float:left; margin-bottom:10px;}
.platformt span{ width:100%; float:left; line-height:24px; margin-bottom:10px; color:#454545; text-align:center;}
.platformt span.tt1{ font-size:26px; line-height:32px;}
.platformm{ width:100%; float:left;}
.platformm li{ width:235px; float:left; margin-right:20px;}
.platformm li.last{ margin:0;}
.platformm li span{ width:100%; float:left; margin-bottom:10px;}
.platformm li span.first{ height:145px;}
.platformm li span.blue{ background:#13bbda;}
.platformm li span.yellow{ background:#f3bf4b;}
.platformm li span.gray{ background:#7f7f7f;}
.platformm li span.green{ background:#7dd79a;}
.platformm li span.first em{ width:100%; float:left; display:inline-block; text-align:center; font-size:16px; color:#fff;}
.platformm li span.first i{ width:80px; height:70px; float:left; background:url(../images/iconbox.png) no-repeat left top; margin:25px 77px 5px 78px; text-indent:-9999px;}
.platformm li span.first i.sty1{ background-position:-160px -695px;}
.platformm li span.first i.sty2{ background-position:-240px -695px;}
.platformm li span.first i.sty3{ background-position:-320px -695px;}
.platformm li span.first i.sty4{ background-position:-400px -695px;}
.platformm li span.last{ font-size:13px;}

.trigger{ width:100%; float:left; background:#ffffff;}
.trigblock{ width:1000px; margin:0 auto;}
.trigbox{ width:100%; float:left; margin:100px 0;}
.trigleft{ width:480px; float:left; margin-right:40px;}
.trigleft span{ width:100%; float:left; line-height:24px; margin-bottom:10px; color:#454545;}
.trigleft span.tt1{ font-size:26px; line-height:32px; margin-bottom:15px;}
.trigleft span.tt2{ font-size:14px; line-height:24px; font-weight:bold; margin-bottom:5px;}
.trigleft span.infolist i{ width:30%; float:left; color:#454545;}
.trigleft span.infolist i.last{ width:70%;}
.trigleft span.infolist i em{ color:#f3bf4b;}
.trigright{ width:480px; float:left;}

.personality{ width:100%; float:left; padding:100px 0; background:#f2f2f2;}
.persblock{ width:100%; float:left;}
.personleft{ width:480px; float:left; margin-right:40px;}
.personright{ width:480px; float:left;}
.personright span{ width:100%; float:left; line-height:24px; margin-bottom:10px; color:#454545;}
.personright span.tt1{ font-size:26px; line-height:32px; margin-bottom:15px;}

.newsletter{ width:100%; float:left; background:#ffffff;}
.newsblock{ width:1000px; margin:0 auto;}
.newsbox{ width:100%; float:left; margin:80px 0;}
.newst{ width:100%; float:left; margin-bottom:20px;}
.newst span{ width:100%; float:left; line-height:24px; margin-bottom:10px; color:#454545; text-align:center;}
.newst span.tt1{ font-size:26px; line-height:32px; margin-bottom:15px;}
.newsm{ width:100%; float:left;}
.newsm li{ width:480px; float:left; margin-right:40px; margin-bottom:20px;}
.newsm li.last{ margin-right:0;}
.newsmleft{ width:100px; float:left;}
.newsmleft i{ width:80px; height:80px; float:left; background:url(../images/iconbox.png) no-repeat left top; text-indent:-9999px;}
.newsmleft i.sty1{ background-position:-240px -180px;}
.newsmleft i.sty2{ background-position:-320px -180px;}
.newsmleft i.sty3{ background-position:-400px -180px;}
.newsmleft i.sty4{ background-position:-480px -180px;}
.newsmright{ width:380px; float:left;}
.newsmright span{ width:100%; float:left; line-height:24px; margin-bottom:10px; color:#454545;}
.newsmright span.stt{ font-size:16px; font-weight:bold;}

.survey{ width:100%; float:left; padding:80px 0; background:#f2f2f2;}
.surveyblock{ width:100%; float:left;}
.surveyleft{ width:480px; float:left; margin-right:40px;}
.surveyleft span{ width:100%; float:left; line-height:24px; margin-bottom:10px; color:#454545;}
.surveyleft span.tt1{ font-size:26px; line-height:32px; margin-bottom:15px;}
.surveyleft span.infolist i{ width:100%; float:left; color:#454545;}
.surveyleft span.infolist i em{ color:#f3bf4b;}
.surveyright{ width:480px; float:left;}

.smsbox{ width:100%; float:left; margin:50px 0 30px 0;}
.smsm{ width:100%; float:left;}
.smsm span{ width:100%; float:left;}
.smsm span.tt1{ font-size:26px; line-height:32px; margin-bottom:15px; text-align:center; color:#454545; margin:10px 0 40px 0;}
.smsm li{ width:310px; float:left; margin-right:35px; margin-bottom:20px;}
.smsm li.last{ margin-right:0;}
.smsmleft{ width:100px; float:left;}
.smsmleft i{ width:80px; height:80px; float:left; background:url(../images/iconbox.png) no-repeat left top; text-indent:-9999px;}
.smsmleft i.sty1{ background-position:0 -765px;}
.smsmleft i.sty2{ background-position:-80px -765px;}
.smsmleft i.sty3{ background-position:-160px -765px;}
.smsmleft i.sty4{ background-position:-240px -765px;}
.smsmleft i.sty5{ background-position:-320px -765px;}
.smsmleft i.sty6{ background-position:-400px -765px;}
.smsmright{ width:210px; float:left;}
.smsmright span{ width:100%; float:left; font-size:13px; line-height:24px; margin-bottom:10px;}
.smsmright span.stt{ font-size:17px; color:#454545;}

.smssend{ width:100%; float:left; background:#f2f2f2;}
.smssendblock{ width:1000px; margin:0 auto;}
.smssendbox{ width:100%; float:left; margin:100px 0;}
.smssendl{ width:445px; float:left;}
.smssendl span{ width:100%; float:left;}
.smssendr{ width:555px; float:left;}
.smssendr span{ width:100%; float:left; line-height:24px; margin-bottom:10px; color:#454545;}
.smssendr span.tt1{ font-size:26px; line-height:32px; margin:15px 0;}
.smssendr span.infolist i{ width:100%; float:left; line-height:25px;}
.smssendr span.infolist i em{ color:#13bbda;}

.smsall{ width:100%; float:left; margin:100px 0;}
.smsallt{ width:100%; float:left; margin-bottom:10px;}
.smsallt span{ width:100%; float:left; line-height:24px; color:#454545; text-align:center;}
.smsallt span.tt1{ font-size:26px; line-height:32px; margin-bottom:25px;}
.smsallm{ width:100%; float:left;}
.smsallm li{ width:320px; height:110px; float:left; margin-right:20px; margin-bottom:20px;}
.smsallm li.last{ margin:0;}
.smsallm li.blue{ background:#13bbda;}
.smsallm li.green{ background:#7dd79a;}
.smsallm li.yellow{ background:#f3bf4b;}
.smsallm li.gray1{ background:#f2f2f2;}
.smsallm li.gray2{ background:#7f7f7f;}
.msallbox{ width:280px; float:left; margin:20px 20px 0 20px;}
.msallbox span{ width:100%; float:left; line-height:24px; color:#fff; font-size:13px;}
.msallbox span.stt{ font-size:16px; line-height:24px; margin-bottom:5px;}
.smsallm li.gray1 span{ color:#555;}

.remarketing{ width:100%; float:left; margin:100px 0;}
.adplan{ width:100%; float:left; background:#dfdfdf;}
.adplanblock{ width:1000px; margin:0 auto;}
.adplanbox{ width:100%; float:left; margin:100px 0;}
.adplanl{ width:630px; float:left;}
.adplanr{ width:370px; height:210px; float:left; background:url(../images/bgadplan.png) no-repeat left top; margin-top:20px;}
.adplanr span{ width:230px; float:left; margin:40px 60px 0 80px; font-size:16px; line-height:32px;}

.addsp{ width:100%; float:left; margin:100px 0;}
.addspt{ width:100%; float:left; margin-bottom:10px;}
.addspt span{ width:100%; float:left; line-height:24px; color:#454545; text-align:center;}
.addspt span.tt1{ font-size:26px; line-height:32px; margin-bottom:15px;}
.addspt span.tt1 em{ font-size:20px; color:#13bbda; font-weight:bold;}
.addspm{ width:100%; float:left;}
.addspm table{ width:100%; border:0;}
.addspm td{ font-size:14px; background:#f5f5f5; line-height:24px; padding:6px 0; text-align:center; border-right:solid 2px #fff; border-bottom:solid 2px #fff;}
.addspm td.f16{ font-size:16px; color:#454545;}
.addspm td.first{ width:33%;}
.addspm td.blue{ font-size:16px; padding:10px 0; background:#13bbda; color:#fff;}
.addspm tr:hover td{ background:#eeeeee;}
.addspm tr:hover td.blue{ background:#13bbda;}

.aboutbox{ width:100%; float:left; margin:50px 0 30px 0;}
.history{ width:100%; float:left; background:url(../images/bghistory.jpg) no-repeat center top;}
.historyarea{ width:100%; float:left; background:url(../images/bgline5.png) repeat left top;}
.historyblock{ width:1000px; margin:0 auto;}
.historybox{ width:100%; float:left; margin:100px 0;}
.historybox span{ width:100%; float:left; line-height:24px; color:#454545; text-align:center;}
.historybox span.tt1{ font-size:26px; line-height:32px; color:#fff; margin-bottom:25px;}

.Corebox{ width:100%; float:left; margin:100px 0;}
.Coret{ width:100%; float:left; margin-bottom:10px;}
.Coret span{ width:100%; float:left; line-height:24px; margin-bottom:10px; color:#454545; text-align:center;}
.Coret span.tt1{ font-size:26px; line-height:32px;}
.Corem{ width:100%; float:left;}
.Corem li{ width:235px; min-height:140px; float:left; margin-right:20px; border-radius:3px;}
.Corem li.last{ margin:0;}
.Corem li.blue{ background:#13bbda;}
.Corem li.yellow{ background:#f3bf4b;}
.Corem li.gray{ background:#7f7f7f;}
.Corem li.green{ background:#7dd79a;}
.corembox{ width:195px; float:left; margin:20px 20px 0 20px;}
.corembox span{ width:100%; float:left; margin-bottom:8px; color:#fff;}
.corembox span.stt{ font-size:16px; font-weight:bold;}
.corembox span.last{ text-align:center; margin-top:20px;}

.team{ width:100%; float:left; background:url(../images/bgteam.jpg); background-size:cover !important; background-position:50% 50% !important; background-repeat:no-repeat !important;}
.teamarea{ width:100%; float:left; background:rgba(255,255,255,.1);}
.teamblock{ width:1000px; margin:0 auto;}
.teambox{ width:100%; float:left; margin:100px 0;}
.teamt{ width:100%; float:left; margin-bottom:20px;}
.teamt span{ width:100%; float:left; line-height:24px; color:#fff; text-align:center;}
.teamt span.tt1{ font-size:26px; line-height:32px; margin-bottom:10px;}
.teamm{ width:100%; float:left;}
.teamm li{ width:170px; float:left; margin-left:25px;}
.teamm li.last{ margin-right:25px;}
.teamm li span{ width:100%; float:left; color:#eee; font-size:13px; line-height:24px;}
.teamm li span.sty1{ float:left; width:120px; height:120px; margin:0 25px 20px 25px; background:#13bbda; border-radius:60px; transition:background 0.3s;}
.teamm li span.sty1:hover{ background:#f3bf4b; transition:background 0.3s;}
.teamm li span.sty1 i{ width:100%; float:left; text-align:center; color:#fff; line-height:24px; font-size:16px; margin-top:40px;}
.teamm li span.sty1 i em{ color:#fff;}

.join{ width:100%; float:left; background:url(../images/bgjoin.jpg); background-size:cover !important; background-position:50% 50% !important; background-repeat:no-repeat !important;}
.joinarea{ width:100%; float:left; background:url(../images/bgline5.png) repeat left top;}
.joinblock{ width:1000px; margin:0 auto;}
.joinbox{ width:100%; float:left; margin:100px 0;}
.joinbox span{ width:100%; float:left; line-height:24px; color:#fff; margin-bottom:10px; text-align:center;}
.joinbox span.tt1{ font-size:26px; line-height:32px; color:#fff; margin-bottom:20px;}
.joinbox span.tt2{ font-size:16px; line-height:28px; margin-bottom:10px; color:#fff;}
.joinbox span.last{ margin-bottom:0;}

.honorbox{ width:950px; float:left; margin:50px 25px 30px 25px;}
.honort{ width:100%; float:left; margin-bottom:10px;}
.honort span{ width:100%; float:left; line-height:24px; color:#454545; text-align:center;}
.honort span.tt1{ font-size:26px; line-height:32px; margin-bottom:25px;}
.honorm{ width:100%; float:left;}
.honorml{ width:460px; float:left; margin-right:30px; margin-bottom:20px;}
.honormr{ width:460px; float:left; margin-bottom:20px;}
.honorimg{ width:135px; float:left;}
.honorimg img{ border-radius:50%; border:solid 1px #ccc;}
.honorinfo{ width:325px; float:left;}
.honorinfo span{ width:100%; float:left; line-height:24px; font-size:13px; margin-bottom:10px;}
.honorinfo span.stt{ font-size:17px; color:#454545;}

.contactbox{ width:100%; float:left; margin:100px 0;}
.contactt{ width:100%; float:left; margin-bottom:20px;}
.contactt span{ width:100%; float:left; line-height:24px; color:#454545; text-align:center; margin-bottom:10px;}
.contactt span.tt1{ font-size:26px; line-height:32px;}
.contactt span.tt2{ font-size:16px; line-height:24px;}
.contactt span.tt2 em{ color:#f3bf4b; font-weight:bold; font-size:16px;}
.contacttml{ width:444px; float:left; border-right:solid 1px #ccc; height:150px;}
.contacttml span{ width:425px; float:left; font-size:13px; line-height:24px; margin-bottom:10px;}
.contacttml span.stt{ font-size:17px; color:#454545; line-height:24px;}
.contacttmm{ width:314px; float:left; border-right:solid 1px #ccc; height:150px;}
.contacttmm span{ width:264px; float:left; font-size:13px; line-height:24px; margin:0 20px 10px 20px;}
.contacttmm span.stt{ font-size:17px; color:#454545; line-height:24px;}
.contacttmr{ width:240px; float:left; height:150px;}
.contacttmr span{ width:220px; float:left; font-size:13px; line-height:24px; margin-left:20px; margin-bottom:10px;}
.contacttmr span.stt{ font-size:17px; color:#454545; line-height:24px;}

.servicenav{ width:840px; float:left; margin:0 80px; height:100px;}
.servicenav li{ width:140px; float:left;}
.servicenav li span{ width:100%; float:left; text-align:center;}
.servicenav li span a{ width:100%; float:left; text-align:center; font-size:14px;}
.servicenav li span i{ width:100%; display:inline-block; font-size:50px; line-height:60px; text-align:center; color:#898989;}
.servicenav li:hover a, .servicenav li:hover i{ color:#13bbda;}

.project{ width:100%; float:left; background:#ececec;}
.projectblock{ width:1000px; margin:0 auto;}
.projectbox{ width:100%; float:left; margin:100px 0;}
.projectt{ width:100%; float:left; margin-bottom:20px;}
.projectt span{ width:100%; float:left; line-height:24px; margin-bottom:15px; color:#454545; text-align:center;}
.projectt span.tt1{ font-size:26px; line-height:32px;}
.projectt span em{ color:#f3bf4b;}
.projectm{ width:660px; float:left; margin:0 170px;}
.projectml{ width:315px; float:left;}
.projectml span{ width:100%; float:left; margin-bottom:5px; color:#454545;}
.projectml span.last{ width:270px; float:left; margin-left:45px;}
.projectmr{ width:345px; float:left;}
.projectmr span{ width:100%; float:left; margin-bottom:10px; color:#454545;}
.projectmr span.first{ margin-top:20px;}
.projectmr span.last{ text-align:center;}
.projectmr span.sty1{ background:#fff; height:40px; line-height:40px; border-radius:15px; color:#555;}
.projectmr span.sty1 i{ width:20px; height:20px; line-height:20px; float:left; background:#13bbda; border-radius:10px; color:#fff; text-align:center; margin:10px 10px 0 20px;}

.datebox{ width:100%; float:left; margin:100px 0;}
.datet{ width:100%; float:left; margin-bottom:10px;}
.datet span{ width:100%; float:left; line-height:24px; margin-bottom:15px; color:#454545; text-align:center;}
.datet span.tt1{ font-size:26px; line-height:32px;}
.datem{ width:100%; float:left;}
.datem li{ width:235px; height:125px; float:left; margin-right:20px; border-radius:3px;}
.datem li.last{ margin:0;}
.datem li.blue{ background:#13bbda;}
.datem li.yellow{ background:#f3bf4b;}
.datem li.gray{ background:#7f7f7f;}
.datem li.green{ background:#7dd79a;}
.datembox{ width:195px; float:left; margin:20px 20px 0 20px;}
.datembox span{ width:100%; float:left; margin-bottom:8px; line-height:20px; font-size:13px; color:#fff;}
.datembox span.stt{ font-size:16px; font-weight:bold;}
.datembox span.last{ text-align:center; margin-top:20px;}

.planbox{ width:100%; float:left; margin-bottom:50px;}
.plant{ width:100%; float:left; margin-bottom:10px;}
.plant span{ width:100%; float:left; line-height:24px; margin-bottom:15px; color:#454545; text-align:center;}
.plant span.tt1{ font-size:26px; line-height:32px;}
.plant span em{ color:#f3bf4b;}
.plant span.last{ background:#ededed; padding:30px 0; margin-bottom:0;}

.activitybox{ width:100%; float:left; margin-bottom:50px;}
.activityt{ width:100%; float:left; margin-bottom:10px;}
.activityt span{ width:100%; float:left; line-height:24px; margin-bottom:15px; color:#454545; text-align:center;}
.activityt span.tt1{ font-size:26px; line-height:32px;}
.activitym{ width:600px; float:left; margin:0 200px;}
.activitys{ width:200px; float:left;}
.activitys span{ width:100%; float:left; margin-bottom:10px; line-height:24px; text-align:center;}

.monitor{ width:100%; float:left; background:#ececec;}
.monitorblock{ width:1000px; margin:0 auto;}
.monitorbox{ width:100%; float:left; margin:100px 0;}
.monitort{ width:100%; float:left; margin-bottom:20px;}
.monitort span{ width:100%; float:left; line-height:24px; color:#454545; text-align:center;}
.monitort span.tt1{ font-size:26px; line-height:32px; margin-bottom:15px;}
.monitort span em{ color:#f3bf4b;}
.monitorm{ width:100%; float:left;}
.monitorm li{ width:182px; height:75px; float:left; margin-right:15px; background:#fff; border:solid 3px #e2e2e2;}
.monitorm li.last{ margin:0;}
.monitorm li span{ width:100%; float:left; text-align:center; margin-top:15px;}
.monitorm li span.sty1{ margin-top:25px;}

.reportbox{ width:100%; float:left; margin:100px 0;}
.reportt{ width:100%; float:left; margin-bottom:20px;}
.reportt span{ width:100%; float:left; line-height:24px; color:#454545; text-align:center;}
.reportt span.tt1{ font-size:26px; line-height:32px; margin-bottom:15px;}
.reportt span em{ color:#f3bf4b;}
.reportm{ width:100%; float:left;}
.reportm table{ width:100%; border:0;}
.reportm td{ font-size:14px; background:#f5f5f5; line-height:24px; padding:6px 0; text-align:center; border-right:solid 2px #fff; border-bottom:solid 2px #fff;}
.reportm td.first{ width:25%;}
.reportm td.blue{ font-size:16px; padding:10px 0; background:#13bbda; color:#fff;}
.reportm tr:hover td{ background:#eeeeee;}
.reportm tr:hover td.blue{ background:#13bbda;}

.cyclebox{ width:100%; float:left; margin-bottom:50px;}
.cyclet{ width:100%; float:left; margin-bottom:20px;}
.cyclet span{ width:100%; float:left; line-height:24px; color:#454545; text-align:center;}
.cyclet span.tt1{ font-size:26px; line-height:32px; margin-bottom:15px;}
.cyclem{ width:660px; float:left; margin:0 170px;}
.cyclems{ width:165px; float:left;}
.cyclems span{ width:100%; float:left; font-size:13px; text-align:center;}
.cyclems span i{ float:left; width:60px; height:60px; line-height:60px; font-size:16px; background:#13bbda; color:#fff; text-align:center; border-radius:30px; margin:0 52px 10px 53px;}

.resourcebox{ width:100%; float:left; margin:50px 0 10px 0;}
.newnav{ width:100%; float:left; background:#e1e1e1; margin-bottom:35px;}
.newnav span{ width:100%; float:left; height:40px; line-height:40px; text-align:center;}
.newnav span em{ display:inline-block; margin:0 15px; font-weight:bold;}
.newnav span a{ line-height:40px; font-size:14px;}
.newnav span a.sel, .newnav span a:hover{ color:#13bbda;}
.newnav a i{ width:20px; height:20px; display:inline-block; background:url(../images/newsicon.gif) no-repeat left top;}
.newsinfobox{ width:100%; float:left; margin-bottom:10px;}
.newsinfobox li{ width:310px; float:left; margin-right:35px; margin-bottom:35px;}
.newsinfobox li.last{ margin-right:0;}
.newsinfobox li span{ width:100%; float:left; margin-bottom:5px; line-height:24px;}
.newsinfobox li span img{ margin-bottom:5px; border:0;}
.newsinfobox li span.num{ margin-bottom:10px;}
.newsinfobox li span.stt a{ font-size:17px; line-height:24px; color:#454545;}
.newsinfobox li span.stt a:hover{ color:#13bbda;}
.newsinfobox li span.wordbox{ height:70px; margin:0;}
.newsinfobox li span a.newsbtn{ width:100px; height:30px; float:left; border:solid 2px #777; font-size:14px; line-height:30px; color:#777; margin-top:5px;}
.newsinfobox li span a:hover.newsbtn{ border:solid 2px #13bbda; background:#13bbda; color:#fff;}
.newsinfobox li span a.newsbtn i{ width:20px; height:20px; float:left; background:url(../images/iconbox.png) no-repeat left top; background-position:-160px 0; text-indent:-9999px; margin:6px 0 0 10px;}
.newsinfobox li span a:hover.newsbtn i{ background-position:-180px 0;}
.pagenav{ width:100%; float:left; margin-bottom:50px;}
.pagenav div#AspNetPager1{ width:320px; float:left; margin:0 340px;}
.pagenav div#AspNetPager1 span{ float:left; width:28px; height:28px; line-height:28px; text-align:center; background:#13bbda; color:#fff !important; border:solid 1px #13bbda;}
.pagenav div#AspNetPager1 a{ float:left; width:28px; height:28px; line-height:28px; text-align:center; color:#777; border:solid 1px #ccc;}
.pagenav div#AspNetPager1 a:hover{ color:#13bbda; border:solid 1px #13bbda;}

.knowledgebox{ width:100%; float:left; margin:50px 0 10px 0;}
.newsinfoblock{ width:100%; float:left; margin:15px 0 50px 0;}
.newsinfol{ width:660px; float:left; margin-right:50px;}
.newsinfolt{ width:100%; float:left; margin-bottom:20px;}
.newsinfolt span{ width:100%; float:left; line-height:26px; margin-bottom:10px;}
.newsinfolt span.tt{ font-size:22px; margin-bottom:20px; color:#454545;}
.newsinfolt span.stt{ font-size:17px; margin-top:5px;}
.newsinfolb{ width:100%; float:left; border-top:solid 2px #eee; padding-top:20px;}
.newsinfolb span{ float:left; font-size:13px; line-height:30px;}
.newsinfolb span.first{ width:160px;}
.newsinfolb span.mid{ width:220px; text-align:center;}
.newsinfolb span.mid a:hover{ color:#13bbda; text-decoration:underline;}
.newsinfolb span.last{ width:280px; float:left;}
.newsinfolb span.last a{ float:right; line-height:30px;}
.newsinfolb span.last a i{ float:right; width:200px; height:30px; background:url(../images/shareicon.png) no-repeat left center; text-indent:-9999px;}

.newsinfor{ width:290px; float:left;}
.newsinfort{ width:100%; float:left; margin-bottom:40px;}
.newsinfort span{ width:100%; float:left; line-height:24px;}
.newsinfort span.tt{ font-size:20px; border-bottom:solid 2px #13bbda; padding-bottom:15px;}
.newsinfort li{ width:100%; float:left; padding:18px 0; border-bottom:dotted 1px #ccc;}
.newsinfortl{ width:125px; float:left;}
.newsinfortr{ width:165px; float:left;}
.newsinfortr a:hover{ color:#13bbda; text-decoration:underline;}
.newsinforb{ width:100%; float:left;}
.newsinforb span{ width:100%; float:left; line-height:24px;}
.newsinforb span.tt{ font-size:20px; border-bottom:solid 2px #13bbda; padding-bottom:15px;}
.newsinforb li{ width:100%; float:left; padding:10px 0; border-bottom:dotted 1px #ccc;}
.newsinforb li a:hover{ color:#13bbda; text-decoration:underline;}
.newsinforb li em{ float:right; color:#999;}

.casearea{ width:100%; float:left; margin-top:50px;}
.caseinfobox{ width:100%; float:left; margin-bottom:10px;}
.caseinfobox li{ width:235px; float:left; margin-right:20px; margin-bottom:35px;}
.caseinfobox li.last{ margin-right:0;}
.caseinfobox li span{ width:100%; float:left; margin-bottom:10px; font-size:13px; line-height:24px;}
.caseinfobox li span.stt{ margin-bottom:5px;}
.caseinfobox li span.stt a{ font-size:17px; line-height:24px; color:#454545;}
.caseinfobox li span.stt a:hover{ color:#13bbda;}
.caseinfobox li span a.newsbtn{ width:100px; height:30px; float:left; border:solid 1px #777; font-size:14px; line-height:30px; color:#777; margin-top:5px;}
.caseinfobox li span a:hover.newsbtn{ border:solid 1px #13bbda; background:#13bbda; color:#fff;}
.caseinfobox li span a.newsbtn i{ width:20px; height:20px; float:left; background:url(../images/iconbox.png) no-repeat left top; background-position:-160px 0; text-indent:-9999px; margin:6px 0 0 10px;}
.caseinfobox li span a:hover.newsbtn i{ background-position:-180px 0;}
.caseinfol{ width:235px; float:left; margin-right:20px; margin-bottom:50px;}
.caseinfol span{ width:100%; float:left;}
.caseinfor{ width:745px; float:left; margin-bottom:50px;}
.caseinfor span{ width:100%; float:left; line-height:26px; margin-bottom:10px;}
.caseinfor span img{ margin:10px 0;}
.caseinfor span.tt{ font-size:22px; margin-bottom:10px; color:#454545;}
.caseinfor span.stt{ font-size:15px; margin:10px 0; font-weight:bold;}

.kehu{ width:100%; float:left; background:#f2f2f2;}
.kehublock{ width:1000px; margin:0 auto;}
.kehubox{ width:100%; float:left; margin:100px 0;}
.kehuboxt{ width:100%; float:left; margin-bottom:20px;}
.kehuboxt span{ width:100%; float:left; font-size:13px; line-height:24px; margin-bottom:15px; text-align:center;}
.kehuboxt span.tt1{ font-size:26px; line-height:32px; color:#454545;}
.kehuboxt span.tt2{ font-size:16px; line-height:24px; margin-bottom:10px;}
.kehuboxm{ width:990px; float:left; margin:0 5px; margin-bottom:20px;}
.kehuboxm li{ width:115px; height:100px; float:left; margin-right:10px; margin-bottom:10px; background:#fff; transition:color 0.3s; transition:background 0.3s;}
.kehuboxm li.last{ margin-right:0;}
.kehuboxm li:hover{ background:#dedede; transition:color 0.3s; transition:background 0.3s;}
.kehuboxm li a{ width:115px; height:110px; float:left;}
.kehuboxm li a i{ width:115px; height:100px; float:left; background:url(../images/logo.png) no-repeat left top; text-indent:-9999px;}
.kehuboxm li a i.sty1{ background-position:0 0;}
.kehuboxm li a i.sty2{ background-position:-115px 0;}
.kehuboxm li a i.sty3{ background-position:-230px 0;}
.kehuboxm li a i.sty4{ background-position:-345px 0;}
.kehuboxm li a i.sty5{ background-position:0 -100px;}
.kehuboxm li a i.sty6{ background-position:-115px -100px;}
.kehuboxm li a i.sty7{ background-position:-230px -100px;}
.kehuboxm li a i.sty8{ background-position:-345px -100px;}
.kehuboxm li a i.sty9{ background-position:0 -200px;}
.kehuboxm li a i.sty10{ background-position:-115px -200px;}
.kehuboxm li a i.sty11{ background-position:-230px -200px;}
.kehuboxm li a i.sty12{ background-position:-345px -200px;}
.kehuboxm li a i.sty13{ background-position:0 -300px;}
.kehuboxm li a i.sty14{ background-position:-115px -300px;}
.kehuboxm li a i.sty15{ background-position:-230px -300px;}
.kehuboxm li a i.sty16{ background-position:-345px -300px;}
.kehuboxm li a i.sty17{ background-position:0 -400px;}
.kehuboxm li a i.sty18{ background-position:-115px -400px;}
.kehuboxm li a i.sty19{ background-position:-230px -400px;}
.kehuboxm li a i.sty20{ background-position:-345px -400px;}
.kehuboxm li a i.sty21{ background-position:0 -500px;}
.kehuboxm li a i.sty22{ background-position:-115px -500px;}
.kehuboxm li a i.sty23{ background-position:-230px -500px;}
.kehuboxm li a i.sty24{ background-position:-345px -500px;}
.kehuboxm li a i.sty25{ background-position:0 -600px;}
.kehuboxm li a i.sty26{ background-position:-115px -600px;}
.kehuboxm li a i.sty27{ background-position:-230px -600px;}
.kehuboxm li a i.sty28{ background-position:-345px -600px;}
.kehuboxm li a i.sty29{ background-position:0 -700px;}
.kehuboxm li a i.sty30{ background-position:-115px -700px;}
.kehuboxm li a i.sty31{ background-position:-230px -700px;}
.kehuboxm li a i.sty32{ background-position:-345px -700px;}
.kehuboxm li a i.sty33{ background-position:0 -800px;}
.kehuboxm li a i.sty34{ background-position:-115px -800px;}
.kehuboxm li a i.sty35{ background-position:-230px -800px;}
.kehuboxm li a i.sty36{ background-position:-345px -800px;}
.kehuboxm li a i.sty37{ background-position:0 -900px;}
.kehuboxm li a i.sty38{ background-position:-115px -900px;}
.kehuboxm li a i.sty39{ background-position:-230px -900px;}
.kehuboxm li a i.sty40{ background-position:-345px -900px;}

.statement{ width:100%; float:left; margin:100px 0;}
.statementbox{ width:100%; float:left; margin-bottom:20px;}
.statementbox span{ width:100%; float:left; font-size:14px; margin-bottom:10px; line-height:24px;}
.statementbox span.tt1{ font-size:26px; line-height:30px; color:#454545; margin-bottom:30px; text-align:center;}
.statementbox span.tt2{ font-size:18px; line-height:25px; color:#454545; margin-bottom:30px; text-align:center;}
.statementbox span.tt3{ font-size:28px; line-height:30px; color:#454545; margin-bottom:20px; text-align:center;}
.statementbox span.stt{ font-size:16px; font-weight:bold; line-height:25px; margin:10px 0;}
.statementbox span.last{ text-align:right; margin-bottom:30px;}
.statementbox span a{ text-decoration:underline;}
.statementbox span a:hover{ color:#f3bf4b;}
.statementbox span.red{ color:#f00;}

.signbox{ width:100%; float:left; margin:100px 0;}
.signleft{ width:690px; float:left; margin-right:50px;}
.signleftt{ width:100%; float:left; margin-bottom:5px;}
.signleftt span{ width:100%; float:left; line-height:24px; margin-bottom:15px;}
.signleftt span.tt{ font-size:28px; line-height:32px; color:#454545;}
.signleftt span.red{ color:#f00;}
.signleftm{ width:100%; float:left;}
.signleftm span{ width:100%; float:left; margin-bottom:15px; height:35px;}
.signleftm span i{ width:80px; font-size:16px; float:left; line-height:35px; height:35px;}
.signleftm span.last i{ margin-left:10px;}
.signleftm span input, .signleftm span select{ width:580px; float:right; height:35px; padding:0; border:solid 1px #e5e5e5; background:#fff; text-indent:10px; line-height:35px; color:#999;}
.signleftm span input:hover, .signleftm span select:hover{ border:solid 1px #f3bf4b; box-shadow:2px 2px 0 #ddd;}
.signleftm span em{ color:#f00;}
.signleftm span.button{ border:0; background:none; height:45px; margin-top:10px; margin-bottom:0;}
.signleftm span.button input{ width:160px; height:45px; float:left; background:#f3bf4b; border:none; text-align:center; color:#fff; font-size:18px; line-height:45px; cursor:pointer; transition:color 0.3s; transition:background 0.3s;}
.signleftm span.button input:hover{ background:#ff7c1e; transition:color 0.3s; transition:background 0.3s;}
.signleftm span.pact{ width:100%; float:left; background:none; border:none; height:20px; margin-top:10px;}
.signleftm span.pact input{ width:14px; height:20px; float:left; margin-right:5px;}
.signleftm span.pact a{ text-decoration:underline;}
.signleftm span.pact a:hover{ color:#f3bf4b;}
.signright{ width:260px; float:left;}
.signright span{ width:100%; float:left; line-height:24px; margin-bottom:15px;}
.signright span.tt1{ font-size:24px; line-height:32px; color:#454545;}
.signright span.tt2{ font-size:18px; line-height:24px; color:#454545;}
.signright span.word{ padding-bottom:20px; border-bottom:solid 1px #eee; margin-bottom:20px;}
.signright span.last{ margin-bottom:5px;}
.signright span.last i{ width:20px; height:20px; float:left; background:url(../images/iconbox.png) no-repeat left top; text-indent:-9999px; margin-right:3px;}
.signright span.last i.phone{ background-position:0 0;}
.signright span.last i.mail{ background-position:0 -20px;}
.signright span.last em{ font-size:16px; font-weight:bold; color:#f3bf4b;}

.sign_info{ width:100%; float:left; background:#e5e5e5; margin-bottom:15px; padding:5px 0;}
.sign_info:hover{ background:dddddd;}
.sign_info span{ float:left; margin-left:10px; font-size:13px; line-height:25px;}
.sign_info span input{ float:left; margin:6px 3px 0 0;}

.login{ width:100%; float:left; background:#f2f2f2 url(../images/bglogin7.jpg) repeat center top; margin-bottom:20px; position:relative;}
.loginblock{ width:1000px; margin:0 auto;}
.loginbox{ width:100%; float:left;}
.loginleft{ width:620px; float:left; margin-right:40px;}
.loginleft2{ position:absolute; width:620px; min-height:500px; float:left; margin-right:40px; bottom:0; background:url(../images/bgbanner.png) no-repeat left bottom;}
.loginleft2 span{ width:600px; float:left; margin-bottom:10px; margin-left:20px; color:#fff; font-size:16px; line-height:22px;}
.loginleft2 span.tt{ font-size:40px; line-height:55px; margin-bottom:10px; margin-top:10px;}
.loginleft2 i{ position:relative; width:100%; float:left;}
.loginleft2 i img{ position:absolute; right:30px; top:170px;}
.loginright{ width:340px; float:right; background:#ffffff; min-height:410px; margin:70px 0;}
.login_tab{ width:100%; float:left;}
.login_tabbox{ width:100%; float:left;}
.login_tabbox a{ width:50%; float:left; text-align:center; line-height:55px; line-height:55px; font-size:18px; border-radius:0; border-bottom:solid 2px #e5e5e5;}
.login_tabbox a.current{ border-bottom:solid 2px #13bbda;}
.loginfobox{ width:280px; float:left; margin:20px 30px;}
.loginfobox span{ width:100%; float:left; margin-bottom:10px; font-size:14px; line-height:24px;}
.loginfobox span.tt{ font-size:28px; line-height:32px; margin-bottom:15px;}
.loginfobox span.word{ margin-bottom:2px;}
.loginfobox span.word em{ font-size:13px; color:#777;}
.loginfobox span input{ width:278px; height:33px; float:left; border:solid 1px #ddd; padding:0; margin:0; text-indent:5px; color:#999;}
.loginfobox span.sty2 input{ width:115px; margin-right:10px;}
.loginfobox span.sty2 i{ float:left; margin-right:5px;}
.loginfobox span.sty2 a{ float:left; line-height:35px;}
.loginfobox span.sty2 a:hover{ text-decoration:underline;}
.loginfobox span select{ width:278px; height:33px; float:left; border:solid 1px #ddd; padding:0; margin:0; text-indent:5px;}
.loginfobox span.button{ margin-top:10px;}
.loginfobox span.button input{ width:100%; height:40px; float:left; background:#13bbda; border:none; text-align:center; color:#fff; font-size:18px; line-height:40px; cursor:pointer; transition:color 0.3s; transition:background 0.3s;}
.loginfobox span.button input:hover{ background:#08b5d5; transition:color 0.3s; transition:background 0.3s;}
.loginfobox span.last{ margin-top:5px; margin-bottom:0;}
.loginfobox span.last i{ width:25px; height:20px; float:left; background:url(../images/iconbox.png) no-repeat left top; background-position:-240px 0; text-indent:-9999px;}
.loginfobox span.last a:hover{ text-decoration:underline; color:#f3bf4b;}
.loginfobox span.last a:hover em{ color:#f3bf4b;}
.loginfobox span.last a.Pull-Right{ float:right;}
.loginfobox span.red{ color:#f00; margin-right:5px; font-size:13px;}

.footword{ width:100%; float:left;}
.footword span{ width:100%; float:left; text-align:center;}

.footer{ width:100%; float:left; background:url(../images/bgfooter.png); background-size:cover !important; background-position:50% 50% !important; background-repeat:no-repeat !important;}
.footarea{ width:100%; float:left; background:url(../images/bgline2.png) repeat left top;}
.footblock{ width:1000px; margin:0 auto;}
.footbox{ width:100%; float:left; margin:80px 0 30px 0;}
.footleft{ width:450px; float:left; margin-right:70px;}
.footleft span{ width:100%; float:left; color:#eee; line-height:24px; font-size:13px; margin-bottom:10px;}
.footleft span.last{ margin-bottom:0;}
.footleft span.logo i{ width:240px; height:45px; float:left; background:url(../images/iconbox.png) no-repeat left top; background-position:0 -90px; text-indent:-9999px;}
.footleft span.tt1{ font-size:15px; line-height:25px; margin-bottom:20px;}
.footleft span.tt2 i{ width:95px; float:left;}
.footleft span.tt2 i img{ width:80px;}
.footleft span.tt2 em{ float:left; font-size:20px; line-height:24px; color:#eee; margin-top:30px;}
.footmid{ width:200px; float:left; margin-right:35px;}
.footmid span{ width:100%; float:left; color:#eee; line-height:24px; font-size:13px;}
.footmid span:hover{ color:#e78925;}
.footmid span.tt:hover{ color:#eee;}
.footmid span.tt{ font-size:18px; margin-bottom:15px;}
.footmid span i{ width:20px; height:20px; float:left; background:url(../images/iconbox.png) no-repeat left top; text-indent:-9999px; margin-right:2px;}
.footmid span i.phone{ background-position:-20px 0;}
.footmid span i.mail{ background-position:-20px -20px;}
.footmid span i.site{ background-position:-100px 0;}
.footmid span i.sina{ background-position:-100px -20px;}
.footmid span i.wechat{ background-position:-160px -405px; width:105px; height:105px; margin-top:10px;}
.footmid span a{ color:#eee;}
.footmid span a:hover{ color:#e78925;}

.footright{ width:245px; float:left;}
.footright span{ width:100%; float:left; color:#eee; line-height:24px; font-size:13px; margin-bottom:10px;}
.footright span.tt{ font-size:18px; margin-bottom:15px;}
.footright span.infobox{ width:243px; border:solid 1px #999; height:30px; transition:color 0.3s;}
.footright span.infobox:hover{ border:solid 1px #eee; transition:color 0.3s;}
.footright span.infobox i{ width:50px; float:left; margin-left:13px; height:30px; line-height:30px; color:#aaa;}
.footright span.infobox input{ width:165px; float:left; background:none; border:none; height:30px; color:#eee;}
.footright span.infobox em{ line-height:30px; font-size:15px; color:#999;}
.footright span.last{ margin:5px 0 0 0;}
.footright span.last input.button{ float:left; width:120px; height:36px; line-height:32px; padding:0; font-size:16px; background:#f3bf4b; transition:background 0.3s; border:none; color:#fff; text-align:center; cursor:pointer;}
.footright span.last input.button:hover{ background:#fc842e; transition:background 0.3s; color:#fff;}
.footinfo{ width:100%; float:left; margin-top:40px; padding:15px 0 10px 0; border-top:solid 2px #999;}
.footinfoleft{ width:300px; float:left;}
.footinfoleft a{ float:left; font-size:12px; line-height:24px; color:#aaa; margin-right:10px;}
.footinfoleft a:hover{ color:#13bbda;}
.footinforight{ width:675px; float:right;}
.footinforight span{ width:100%; float:right; text-align:right; font-size:12px; color:#aaa;}
.gsicon{ width:25px; float:right; text-align:right;}

.popbox{ float:left; width:245px; height:auto; cursor:default; background:#ffffff; margin-bottom:10px;}
.popbox span{ width:70%; float:left; text-align:left; padding-left:5px; color:#f3bf4b; font-size:14px; line-height:22px; margin:0 !important;}
.popbox span.btn{ width:20%; float:right;}
.popbox span.btn a{ float:right; color:#f3bf4b; font-weight:bold; font-size:14px; text-decoration:none; line-height:22px; padding:0 5px;}

.Cpassword{ width:100%; float:left; background:#f2f2f2; border:solid 1px #ddd; margin:10px 0 35px 0; padding:8px 0;}
.Cpassword a{ width:30%; float:left; text-align:center; font-size:16px; color:#888;}
.Cpassword a.sel{ color:#f3bf4b; font-weight:bold;}
.Cpassword i{ width:5%; float:left; font-family:'宋体'; color:#888;}
.CpasswordM{ width:500px; float:left; margin:0 95px;}
.CpasswordM span{ width:100%; float:left; margin-bottom:15px;}
.CpasswordM span input{ width:498px; float:left; height:40px; padding:0; border:solid 1px #ddd; background:#fff; text-indent:10px; line-height:40px; color:#999;}
.CpasswordM span input:hover{ border:solid 1px #aaa;}
.CpasswordM span input.sty2{ width:260px; margin-right:10px;}
.CpasswordM span em.ewm{ width:100px; height:40px; background:#aaa; float:left; margin-right:10px;}
.CpasswordM span em.red{ color:#f00;}
.CpasswordM span a{ line-height:40px; font-size:13px; color:#888;}
.CpasswordM span a:hover{ color:#f3bf4b;}
.CpasswordM span.last{ width:500px; float:left; margin:10px 0;}
.CpasswordM span.last a{ width:100%; float:left; background:#f3bf4b; color:#fff; text-align:center; font-size:18px;}
.CpasswordM span.last a:hover{ background:#ff7d1f;}
.CpasswordM span.tt{ font-size:18px; line-height:40px;}
.CpasswordM span.tt a{ float:right; width:120px; line-height:40px; font-size:15px; background:#f2f2f2; color:#888; border:solid 1px #ddd; text-align:center;}
.CpasswordM span.tt a:hover{ background:#e5e5e5;}
.CpasswordM span.tt a.yellow{ background:#f3bf4b; border:solid 1px #f3bf4b; color:#fff;}
.CpasswordM span.tt a.yellow:hover{ background:#ff7d1f;}
.CpasswordM span.changeok{ font-size:28px; color:#f3bf4b; text-align:center; margin-bottom:30px;}
.CpasswordM span.last2 a{ width:60%; float:left; background:#aaa; color:#fff; text-align:center; font-size:18px; margin:0 20%;}
.CpasswordM span.last2 a:hover{ background:#888;}

.headuserarea{ display:none; position:absolute; width:100px; height:100px; right:480px; top:60px; z-index:999;}
.headuserarea2{ background:#aaa; float:left; width:100px; position:absolute; background:#fff; border-radius:3px; border:solid 1px #eee; box-shadow:2px 2px 0 rgba(0,0,0,0.1); top:10px;}
.headuserarea2 span.icon{ width:100%; float:left; height:0;}
.headuserarea2 span.icon i{ position:absolute; width:15px; height:10px; float:left; top:-9px; right:10px; background:url(../images/xsicon.png) no-repeat left top; background-position:0 -10px;}
.headuserblock{ width:70px; float:left; margin:10px 15px;}
.headuserblock span{ width:100%; float:left; height:28px;}
.headuserblock span a{ width:100%; float:left; margin:0; padding:0; font-size:14px;}
.headuserblock span a:hover{ color:#f3bf4b;}

.AD_main{ width:100%; position:fixed; height:150px; float:left; bottom:0; background:rgba(20,20,20,0.85); right:-91.9%; border-radius:0 0 0 0; z-index:99999;}
.AD_main2{ width:100%; float:left; height:150px; position:relative;}
.AD_bar{ width:25px; height:25px; position:absolute; left:5px; top:65px; background:url(../images/mini_bg.png) no-repeat; display:block;}
.AD_Box{ width:90%; float:right; height:150px; text-align:center;}
.AD_Box span{ float:left;}
.AD_Box span a{ margin-right:10px;}
.AD_Box2{ width:7.5%; float:left; text-align:left; height:150px; margin-left:2.5%; display:none;}

@media only screen and (max-width:1010px){
.AD_main{ display:none !important;}
}

.f42{ font-size:42px !important; line-height:110% !important;}
.f40{ font-size:40px !important; line-height:110% !important;}
.f36{ font-size:36px !important; line-height:120% !important;}
.f32{ font-size:32px !important; line-height:120% !important;}
.f28{ font-size:28px !important; line-height:140% !important;}
.f26{ font-size:26px !important; line-height:140% !important;}
.f24{ font-size:24px !important; line-height:140% !important;}
.f22{ font-size:22px !important; line-height:160% !important;}
.f20{ font-size:20px !important; line-height:160% !important;}
.f18{ font-size:18px !important; line-height:180% !important;}
.f16{ font-size:16px !important; line-height:180% !important;}
.f14{ font-size:14px !important; line-height:190% !important;}
.f12{ font-size:12px !important; line-height:190% !important;}
.f-white{ color:#fff !important;}
.f-gray{ color:#898989 !important;}

.fbold{ font-weight:bold !important;}
.mt5{ margin-top:5px !important;}
.mt10{ margin-top:10px !important;}
.mt15{ margin-top:15px !important;}
.mt20{ margin-top:20px !important;}
.mt50{ margin-top:50px !important;}
.ml5{ margin-left:5px !important;}
.ml10{ margin-left:10px !important;}
.ml15{ margin-left:15px !important;}
.ml20{ margin-left:20px !important;}
.ml25{ margin-left:25px !important;}
.ml45{ margin-left:45px !important;}
.mr5{ margin-right:5px !important;}
.mr10{ margin-right:10px !important;}
.mr15{ margin-right:15px !important;}
.mr20{ margin-right:20px !important;}
.mb5{ margin-bottom:5px !important;}
.mb10{ margin-bottom:10px !important;}
.mb15{ margin-bottom:15px !important;}
.mb20{ margin-bottom:20px !important;}
.mb25{ margin-bottom:25px !important;}
.mb30{ margin-bottom:30px !important;}
.mb80{ margin-bottom:80px !important;}
.mbnone{ margin-bottom:0 !important;}
.mrnone{ margin-right:0 !important;}
.t-left{ text-align:left !important;}
.t-center{ text-align:center !important;}

.w100{ width:100%; float:left;}
.w450{ width:450px;}
.bg-dark{ background:#6f7378;}
.bg-gray{ background:#edf1f4;}
.bg-lgray{ background:#f7f9fb;}
.pull-left{ float:left;}
.pull-right{ float:right;}
.link-yellow{ color:#f3bf4b;}
.link-blue{ color:#13bbda;}
.link-yellow:hover, .link-yellow:hover{ text-decoration:underline;}
.btn-blue-lg{ height:50px; line-height:50px; display:inline-block; padding:0 30px; background:#13bbda; font-size:20px; color:#fff; text-align:center; cursor:pointer;}
.btn-blue-lg:hover{ background:#17c7e7;}
.btn-yellow-radio{ height:48px; line-height:48px; display:inline-block; padding:0 30px; background:#f3bf4b; font-size:16px; color:#fff; text-align:center; cursor:pointer; border-radius:24px;}
.btn-yellow-radio:hover{ background:#ffce61;}
.btn-yellow-line{ height:48px; line-height:48px; display:inline-block; padding:0 30px; border:solid 1px #f3bf4b; font-size:16px; color:#f3bf4b; text-align:center; cursor:pointer; border-radius:25px;}
.btn-yellow-line:hover{ background:#ffce61; border:solid 1px #f3bf4b; color:#fff;}
.btn-blue-line{ height:36px; line-height:36px; display:inline-block; padding:0 24px; border:solid 1px #13bbda; font-size:16px; color:#13bbda; text-align:center; cursor:pointer; border-radius:25px;}
.btn-blue-line:hover{ background:#13bbda; border:solid 1px #13bbda; color:#fff;}

.page-banner{ width:100%; float:left; height:450px;}
.page-banner-box{ width:1000px; margin:0 auto;}
.page-banner-inner{ width:100%; float:left;}
.page-banner-left{ width:450px; float:left;}
.page-banner-left span{ width:100%; float:left; line-height:190%; color:#ffffff;}
.page-banner-left span.btt{ font-size:42px; line-height:60px; margin-top:70px;}
.page-banner-right{ width:500px; float:right;}
.page-banner-right i.banner-image{ width:100%; float:left; height:400px; margin-top:50px;}
.page-content{ width:100%; float:left; margin:100px 0;}
.page-ttblock{ width:100%; float:left;}
.page-content span{ width:100%; float:left; text-align:center; font-size:14px; line-height:190%; color:#454545;}
.page-conbox span{ text-align:left;}
.page-conlist{ width:270px; float:left; margin-right:95px;}
.page-conlist img{ width:270px; height:auto;}
.pages-list span{ text-align:left !important;}

.ad-banner{ width:100%; float:left; height:450px; background:url(../images/bgad.jpg) no-repeat center center;}
.ad-banner1{ width:100%; float:left; height:260px; background:url(../images/bgad1.jpg) no-repeat center center;}
.ad-banner2{ width:100%; float:left; height:260px; background:url(../images/bgad2.jpg) no-repeat center center;}
.ad-banner3{ width:100%; float:left; height:260px; background:url(../images/bgad3.jpg) no-repeat center center;}
.ad-banner-box{ width:1000px; margin:0 auto;}
.ad-banner-inner{ width:100%; float:left;}
.ad-banner-left{ width:450px; float:left;}
.ad-banner-left span{ width:100%; float:left; line-height:190%; color:#454545;}
.ad-banner-left span.btt{ font-size:42px; line-height:60px; margin-top:100px;}
.social-contbox{ width:420px; background:#fff; padding:50px 30px;}
.social-contbox i.qqimg{ display:inline-block; width:120px; height:120px; border-radius:50%; border:solid 1px #edf1f4; margin-bottom:20px;}
.social-contbox i.qqimg img{ margin-top:30px;}
.ad-zz{ width:100%; float:left; height:260px; background:linear-gradient(30deg, rgba(283,123,130,.1), rgba(108,100,219,.1));}
.ad-zz2{ width:100%; float:left; height:450px; background:linear-gradient(30deg, rgba(283,123,130,.05), rgba(108,100,219,.05));}

.social-conlist{ width:270px; float:left; margin-right:95px;}
.social-conlist i.qqimg{ display:inline-block; width:120px; height:120px; border-radius:50%; border:solid 1px #6f7378; margin-bottom:20px;}
.social-conlist i.qqimg img{ margin-top:30px;}
.adinfo-box{ width:480px; display:inline-block; margin-bottom:15px;}
.adinfo-box input{ width:100%; height:45px; text-indent:10px; border:solid 1px #e5eaee; border-radius:3px;}

.qqad-boxleft{ width:400px; float:left; margin-top:90px;}
.qqad-boxleft span{ width:100%; float:left; text-align:left;}
.qqad-boxleft span.list{ width:auto; margin-right:30px; float:left;}
.qqad-boxright{ width:510px; float:right; margin-top:50px;}
.qqad-boxright img{ width:510px; height:380px;}

.wechat-ad{ width:220px; float:left; margin-right:40px;}
.wechat-ad2{ width:460px; float:left; margin-right:80px;}

.pro-inner{ width:290px; float:left; margin:30px 65px 30px 0;}
.pro-inner span{ width:100%; float:left; text-align:center;}
.pro-inner i{ width:80px; height:80px; line-height:80px; font-size:40px; display:inline-block; background:#13bbda; color:#fff; border-radius:50%; margin-bottom:15px; cursor:default;}
.pro-inner i.last{ border:solid 1px #13bbda; background:none; color:#13bbda;}