/* 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:#444; 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;}
a:hover{ transition:color 0.3s; transition:background 0.3s;}

a.btnyellow{ width:126px; height:36px; float:left; border:solid 2px #ed7118; font-size:16px; line-height:36px; color:#ed7118;}
a:hover.btnyellow{ background:#ed7118; 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; text-decoration:-9999px;}
a:hover.btnyellow i{ background-position:-200px -20px;}

a.btnblue{ width:126px; height:36px; float:left; border:solid 2px #0f9fba; font-size:16px; line-height:36px; color:#0f9fba;}
a:hover.btnblue{ background:#0f9fba; 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; text-decoration:-9999px;}
a:hover.btnblue i{ background-position:-200px -20px;}

a.btnwhite{ width:126px; height:36px; float:left; border:solid 2px #fff; font-size:16px; line-height:36px; color:#fff;}
a:hover.btnwhite{ background:#fff; color:#ed7118;}
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; text-decoration:-9999px;}
a:hover.btnwhite i{ background-position:-160px -20px;}

a.btnwhite2{ width:126px; height:36px; float:left; border:solid 2px #fff; font-size:16px; line-height:36px; color:#fff;}
a:hover.btnwhite2{ background:#fff; color:#0f9fba;}
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; text-decoration:-9999px;}
a:hover.btnwhite2 i{ background-position:-180px -20px;}

a.btnyellows{ width:100px; height:30px; float:left; border:solid 2px #ed7118; font-size:14px; line-height:30px; color:#ed7118;}
a:hover.btnyellows{ border:solid 2px #ed7118; background:#ed7118; 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; text-decoration:-9999px;}
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;}
.headerblock{ width:1000px; margin:0 auto;}
.headerbox{ width:100%; 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:#ed7118;}
.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:#ed7118; 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:100000; _position:absolute; _top:expression(eval(document.documentElement.scrollTop)); }
.nav{/* position:fixed !important; top:41px; left:0; z-index:99;*/ width:100%; float:left; background:#fff; height:100px; box-shadow:0px 2px 3px #888; -moz-box-shadow:0px 2px 3px #888; -webkit-box-shadow:0px 2px 3px #888;}
.navblock{ width:1000px; margin:0 auto;}
.navbox{ width:100%; float:left;}
.navbox span{ float:left; height:100px;}
.navbox span.logo{ width:380px;}
.navbox span.logo a{ width:270px; height:50px; float:left; background:url(../images/iconbox.png) no-repeat left top; background-position:0 -40px; text-indent:-9999px; margin-top:25px;}
.navbox span.navword{ width:510px; float:left; margin-top:40px;}
.navbox span.navword a{ font-size:16px; float:left; line-height:24px; margin-left:25px; color:#555;}
.navbox span.navword a:hover, .navbox span.navword a.sel{ color:#0f9fba;}
.navbox span.sign{ float:right;}
.navbox span.sign a{ width:110px; height:34px; float:left; font-size:14px; line-height:34px; background:#aaa; color:#fff; margin-top:35px;}
.navbox span.sign a:hover{ background:#ed7118;}
.navbox span.sign a i{ width:20px; height:20px; float:left; background:url(../images/iconbox.png) no-repeat left top; background-position:-140px 0; text-indent:-9999px; margin:7px 2px 0 12px; text-decoration:-9999px;}

.flexslider{position:relative; height:500px; overflow:hidden; }
.slides{position:relative; z-index:1;}
.slides li{height:500px;}
.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; *display:inline; zoom:1;}
.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%; position:absolute;left:50%;margin-left:-60px;margin-top:310px;}
.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:100px; 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.sign a{ width:126px; height:36px; float:left; border:solid 2px #fff; font-size:18px; line-height:36px; color:#fff; }
.topword span.sign a:hover{ background:#fff; color:#ed7118;}
.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; text-decoration:-9999px;}
.topword span.sign a:hover i{ background-position:-120px -20px;}
.imgarea{ width:500px; float:left;}
.imgarea span img{ margin-top:110px;}
.imgarea span.img2 img{ margin-top:85px;}

.bggray{ width:100%; float:left; background:url(../images/bgcontent.png) repeat-x left top; height:480px;}
.pronav{ width:100%; float:left; height:130px;}
.wrapper {width:1000px; float:left; margin:0 auto; zoom:1;}
.section { float:left;}
.section .dots {width:1000px; height:130px; 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 .dot1 { width:330px; background:#f1f1f1;}
.section .dot1.active {background:#fff;}
.section .dot1.active span{ color:#0f9fba;}
.section .dot1.active i{ background-position:0 -200px;}
.section .dot2 { width:340px; background:#f1f1f1;}
.section .dot2.active {background:#fff;}
.section .dot2.active span{ color:#0f9fba;}
.section .dot2.active i{ background-position:-80px -200px;}
.section .dot3 { width:330px; background:#f1f1f1;}
.section .dot3.active {background:#fff;}
.section .dot3.active span{ color:#0f9fba;}
.section .dot3.active i{ background-position:-160px -200px;}
.section .banner ul li{ height:470px;}
.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:28px; line-height:32px; color:#222;}
.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:#ed7118;}
.proboxrt span.sty2{ width:400px; border-right:solid 2px #b8b8b8; color:#0f9fba;}
.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:#ed7118;}
.btnbox1 span a:hover.yellow{ background:#d65900;}
.btnbox1 span a.blue{ background:#0f9fba;}
.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:#0f9fba; 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:url(../images/bgseavice.jpg) no-repeat center top;}
.servicearea{ width:100%; float:left; background:url(../images/bgline1.png) repeat left top;}
.serviceblock{ width:1000px; margin:0 auto;}
.servicebox{ width:100%; float:left; margin:50px 0;}
.servicet{ width:100%; float:left; margin-bottom:20px;}
.servicet span{ width:100%; float:left; font-size:14px; color:#eee; margin-bottom:5px; text-align:center;}
.servicet span.tt1{ font-size:35px; 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:950px; float:left; margin:0 25px 30px 25px;}
.servicem li{ float:left; width:150px; height:150px; margin-right:10px;}
.servicem li.last{ margin-right:0;}
.servicem li a{ width:150px; height:150px; float:left; background:#fff;}
.servicem li a:hover{ background:#0f9fba;}
.servicem li a i{ width:80px; height:70px; float:left; background:url(../images/iconbox.png) no-repeat left top; margin:25px 35px 0 35px; text-indent:-9999px;}
.servicem li a i.sty1{ background-position:0 -265px;}
.servicem li a i.sty2{ background-position:-80px -265px;}
.servicem li a i.sty3{ background-position:-160px -265px;}
.servicem li a i.sty4{ background-position:-240px -265px;}
.servicem li a i.sty5{ background-position:-320px -265px;}
.servicem li a i.sty6{ background-position:-400px -265px;}
.servicem li a:hover i.sty1{ background-position:0 -335px;}
.servicem li a:hover i.sty2{ background-position:-80px -335px;}
.servicem li a:hover i.sty3{ background-position:-160px -335px;}
.servicem li a:hover i.sty4{ background-position:-240px -335px;}
.servicem li a:hover i.sty5{ background-position:-320px -335px;}
.servicem li a:hover i.sty6{ background-position:-400px -335px;}
.servicem li a span{ width:100%; float:left; text-align:center; font-size:16px; line-height:24px; margin-top:8px;}
.servicem li a:hover span{ color:#fff;}
.serviceb{ width:100%; float:left;}
.serviceb a{ margin:0 435px;}

.caseblock{ width:100%; float:left; margin:50px 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:35px; line-height:40px; color:#333;;}
.caset span.tt2{ font-size:28px; line-height:32px; margin-bottom:20px; color:#222;}
.caset span.tt3{ font-size:18px; line-height:24px; color:#222;}
.casem{ width:810px; float:left; margin:0 95px 30px 95px;}
.casem li{ float:left; width:150px; height:150px; margin-right:15px;}
.casem li.last{ margin-right:0;}
.casem li a{ width:150px; height:150px; float:left; background:url(../images/iconbox.png) no-repeat left top; background-position:0 -405px; transition:background 0s;}
.casem li a:hover{ background-position:0 -555px;}
.casem li a div.view{ display:block;}
.casem li a div.view i{ width:45px; height:45px; float:left; background:url(../images/iconbox.png) no-repeat left top; margin:35px 52px 0 53px; text-indent:-9999px;}
.casem li a div.view i.sty1{ background-position:-260px -135px;}
.casem li a div.view i.sty2{ background-position:-305px -135px;}
.casem li a div.view i.sty3{ background-position:-350px -135px;}
.casem li a div.view i.sty4{ background-position:-395px -135px;}
.casem li a div.view i.sty5{ background-position:-440px -135px;}
.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:#ffffff url(../images/bgline2.png) repeat left top;}
.marblock{ width:1000px; margin:0 auto;}
.marbox{ width:100%; float:left; margin:50px 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:35px; line-height:40px; color:#333;}
.resource span.tt2{ font-size:28px; line-height:32px; margin-bottom:20px; color:#222;}
.resource span.tt3{ font-size:18px; line-height:24px; color:#222;}
.resource span.tt4{ font-size:28px; line-height:32px; color:#222;}
.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:35px; line-height:40px; color:#333;}
.resource2 span.tt2{ font-size:28px; line-height:32px; color:#222;}
.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:#222;}
.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:#ed7118; width:45px; height:25px; line-height:25px; font-size:14px; color:#fff; text-align:center; margin-right:10px;}
.resright span a:hover{ color:#ed7118; 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:#222;}
.resbox li div.knowright span.last{ margin-bottom:0;}
.resbox li:hover{ background:#0f9fba; 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 2px #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 2px #555; font-size:14px; line-height:30px; color:#555;}
.resbox li div.knowright span a:hover{ background:#fff; border:solid 2px #fff; color:#0f9fba;}
.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; text-decoration:-9999px;}
.resbox li div.knowright span a:hover i{ background-position:-220px 0;}

.customer{ width:100%; float:left; margin:50px 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:35px; line-height:40px; color:#333;}
.customert span.tt2{ font-size:28px; line-height:32px; margin-bottom:20px; color:#222;}
.customert span.tt3{ font-size:18px; line-height:24px; color:#222;}
.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;}

.product{ width:100%; float:left;}
.productblock{ width:1000px; margin:0 auto;}
.productbox{ width:100%; float:left; margin:50px 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:35px; line-height:40px; color:#333;}
.topttblock span.tt2{ font-size:28px; line-height:32px; margin-bottom:20px; color:#222;}
.topttblock span.tt3{ font-size:18px; line-height:24px; color:#222;}
.topttblock span.tt4{ font-size:18px; line-height:24px; margin-bottom:10px;}
.topttblock span img{ margin-top:20px;}
.topttblock span.last a{ float:left; margin:10px 435px 0 435px; text-align:left;}

.sms{ width:100%; float:left; background:url(../images/bgsms.jpg) no-repeat center top;}
.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:50px 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:28px; 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:#0f9fba;}

.remarket{ width:100%; float:left; margin-top:30px;}
.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:28px; line-height:32px; color:#222;}
.remarketl span.tt2{ font-size:14px; line-height:24px; margin-bottom:10px;}
.remarketr{ width:480px; float:left;}

.emailbox{ width:100%; float:left; margin:50px 0;}
.emailnav{ width:700px; float:left; margin:0 150px; 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: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 a{ color:#0f9fba;}

.subscribe{ width:100%; float:left; background:#e9e9e9;}
.subblock{ width:1000px; margin:0 auto;}
.subbox{ width:100%; float:left; margin:50px 0;}
.subleft{ width:480px; float:left; margin-right:40px;}
.subleft span{ width:100%; float:left; line-height:24px; margin-bottom:10px; color:#222;}
.subleft span.tt1{ font-size:28px; 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:#0f9fba; color:#fff; text-align:center; border-radius:8px;}
.subright{ width:480px; float:left;}

.platform{ width:100%; float:left; margin:50px 0;}
.platformt{ width:100%; float:left; margin-bottom:10px;}
.platformt span{ width:100%; float:left; line-height:24px; margin-bottom:10px; color:#222; text-align:center;}
.platformt span.tt1{ font-size:28px; 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:#0f9fba;}
.platformm li span.yellow{ background:#ed7019;}
.platformm li span.gray{ background:#7f7f7f;}
.platformm li span.green{ background:#68a736;}
.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:#e9e9e9;}
.trigblock{ width:1000px; margin:0 auto;}
.trigbox{ width:100%; float:left; margin:50px 0;}
.trigleft{ width:480px; float:left; margin-right:40px;}
.trigleft span{ width:100%; float:left; line-height:24px; margin-bottom:10px; color:#222;}
.trigleft span.tt1{ font-size:28px; 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:#222;}
.trigleft span.infolist i.last{ width:70%;}
.trigleft span.infolist i em{ color:#ed7118;}
.trigright{ width:480px; float:left;}

.personality{ width:100%; float:left; margin:50px 0;}
.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:#222;}
.personright span.tt1{ font-size:28px; line-height:32px; margin-bottom:15px;}

.newsletter{ width:100%; float:left; background:#e9e9e9;}
.newsblock{ width:1000px; margin:0 auto;}
.newsbox{ width:100%; float:left; margin:50px 0 30px 0;}
.newst{ width:100%; float:left; margin-bottom:20px;}
.newst span{ width:100%; float:left; line-height:24px; margin-bottom:10px; color:#222; text-align:center;}
.newst span.tt1{ font-size:28px; 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:#222;}
.newsmright span.stt{ font-size:16px; font-weight:bold;}

.survey{ width:100%; float:left; margin:50px 0;}
.surveyleft{ width:480px; float:left; margin-right:40px;}
.surveyleft span{ width:100%; float:left; line-height:24px; margin-bottom:10px; color:#222;}
.surveyleft span.tt1{ font-size:28px; line-height:32px; margin-bottom:15px;}
.surveyleft span.infolist i{ width:100%; float:left; color:#222;}
.surveyleft span.infolist i em{ color:#ed7118;}
.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:28px; line-height:32px; margin-bottom:15px; text-align:center; color:#222; 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:#222;}

.smssend{ width:100%; float:left; background:#f2f2f2;}
.smssendblock{ width:1000px; margin:0 auto;}
.smssendbox{ width:100%; float:left; margin:50px 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:#222;}
.smssendr span.tt1{ font-size:28px; line-height:32px; margin:15px 0;}
.smssendr span.infolist i{ width:100%; float:left; line-height:25px;}
.smssendr span.infolist i em{ color:#0f9fba;}

.smsall{ width:100%; float:left; margin:50px 0;}
.smsallt{ width:100%; float:left; margin-bottom:10px;}
.smsallt span{ width:100%; float:left; line-height:24px; color:#222; text-align:center;}
.smsallt span.tt1{ font-size:28px; 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:#0f9fba;}
.smsallm li.green{ background:#68a736;}
.smsallm li.yellow{ background:#ed7019;}
.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:50px 0;}
.adplan{ width:100%; float:left; background:#dfdfdf;}
.adplanblock{ width:1000px; margin:0 auto;}
.adplanbox{ width:100%; float:left; margin:50px 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:50px 0;}
.addspt{ width:100%; float:left; margin-bottom:10px;}
.addspt span{ width:100%; float:left; line-height:24px; color:#222; text-align:center;}
.addspt span.tt1{ font-size:28px; line-height:32px; margin-bottom:15px;}
.addspt span.tt1 em{ font-size:20px; color:#0f9fba; 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:#333;}
.addspm td.first{ width:33%;}
.addspm td.blue{ font-size:16px; padding:10px 0; background:#0f9fba; color:#fff;}
.addspm tr:hover td{ background:#eeeeee;}
.addspm tr:hover td.blue{ background:#0f9fba;}

.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:50px 0;}
.historybox span{ width:100%; float:left; line-height:24px; color:#222; text-align:center;}
.historybox span.tt1{ font-size:28px; line-height:32px; color:#fff; margin-bottom:25px;}

.Corebox{ width:100%; float:left; margin:50px 0;}
.Coret{ width:100%; float:left; margin-bottom:10px;}
.Coret span{ width:100%; float:left; line-height:24px; margin-bottom:10px; color:#222; text-align:center;}
.Coret span.tt1{ font-size:28px; line-height:32px;}
.Corem{ width:100%; float:left;}
.Corem li{ width:235px; height:160px; float:left; margin-right:20px;}
.Corem li.last{ margin:0;}
.Corem li.blue{ background:#0f9fba;}
.Corem li.yellow{ background:#ed7019;}
.Corem li.gray{ background:#7f7f7f;}
.Corem li.green{ background:#68a736;}
.corembox{ width:175px; float:left; margin:30px 30px 0 30px;}
.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) no-repeat center top;}
.teamarea{ width:100%; float:left; background:url(../images/bgline6.png) repeat left top;}
.teamblock{ width:1000px; margin:0 auto;}
.teambox{ width:100%; float:left; margin:50px 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:28px; 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 10px 25px; background:#0f9fba; border-radius:60px; transition:background 0.3s;}
.teamm li span.sty1:hover{ background:#ed7118; 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) no-repeat center top;}
.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:50px 0;}
.joinbox span{ width:100%; float:left; line-height:24px; color:#fff; margin-bottom:10px; text-align:center;}
.joinbox span.tt1{ font-size:28px; 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:#222; text-align:center;}
.honort span.tt1{ font-size:28px; 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;}
.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:#222;}

.contactbox{ width:100%; float:left; margin:50px 0;}
.contactt{ width:100%; float:left; margin-bottom:20px;}
.contactt span{ width:100%; float:left; line-height:24px; color:#222; text-align:center; margin-bottom:10px;}
.contactt span.tt1{ font-size:28px; line-height:32px;}
.contactt span.tt2{ font-size:16px; line-height:24px;}
.contactt span.tt2 em{ color:#ed7118; 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:#222; 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:#222; 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:#222; 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:80px; height:70px; float:left; background:url(../images/iconbox.png) no-repeat left top; margin-left:30px; margin-bottom:5px; text-indent:-9999px;}
.servicenav li span i.sty1{ background-position:0 -845px;}
.servicenav li span i.sty2{ background-position:-80px -845px;}
.servicenav li span i.sty3{ background-position:-160px -845px;}
.servicenav li span i.sty4{ background-position:-240px -845px;}
.servicenav li span i.sty5{ background-position:-320px -845px;}
.servicenav li span i.sty6{ background-position:-400px -845px;}
.servicenav li:hover span i.sty1{ background-position:0 -265px;}
.servicenav li:hover span i.sty2{ background-position:-80px -265px;}
.servicenav li:hover span i.sty3{ background-position:-160px -265px;}
.servicenav li:hover span i.sty4{ background-position:-240px -265px;}
.servicenav li:hover span i.sty5{ background-position:-320px -265px;}
.servicenav li:hover span i.sty6{ background-position:-400px -265px;}
.servicenav li:hover a{ color:#0f9fba;}

.project{ width:100%; float:left; background:#ececec;}
.projectblock{ width:1000px; margin:0 auto;}
.projectbox{ width:100%; float:left; margin:50px 0;}
.projectt{ width:100%; float:left; margin-bottom:20px;}
.projectt span{ width:100%; float:left; line-height:24px; margin-bottom:15px; color:#222; text-align:center;}
.projectt span.tt1{ font-size:28px; line-height:32px;}
.projectt span em{ color:#ed7118;}
.projectm{ width:660px; float:left; margin:0 170px;}
.projectml{ width:315px; float:left;}
.projectml span{ width:100%; float:left; margin-bottom:5px; color:#222;}
.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:#222;}
.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:#0f9fba; border-radius:10px; color:#fff; text-align:center; margin:10px 10px 0 20px;}

.datebox{ width:100%; float:left; margin:50px 0;}
.datet{ width:100%; float:left; margin-bottom:10px;}
.datet span{ width:100%; float:left; line-height:24px; margin-bottom:15px; color:#222; text-align:center;}
.datet span.tt1{ font-size:28px; line-height:32px;}
.datem{ width:100%; float:left;}
.datem li{ width:235px; height:125px; float:left; margin-right:20px;}
.datem li.last{ margin:0;}
.datem li.blue{ background:#0f9fba;}
.datem li.yellow{ background:#ed7019;}
.datem li.gray{ background:#7f7f7f;}
.datem li.green{ background:#68a736;}
.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:#222; text-align:center;}
.plant span.tt1{ font-size:28px; line-height:32px;}
.plant span em{ color:#ed7118;}
.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:#222; text-align:center;}
.activityt span.tt1{ font-size:28px; 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:50px 0;}
.monitort{ width:100%; float:left; margin-bottom:20px;}
.monitort span{ width:100%; float:left; line-height:24px; color:#222; text-align:center;}
.monitort span.tt1{ font-size:28px; line-height:32px; margin-bottom:15px;}
.monitort span em{ color:#ed7118;}
.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:50px 0;}
.reportt{ width:100%; float:left; margin-bottom:20px;}
.reportt span{ width:100%; float:left; line-height:24px; color:#222; text-align:center;}
.reportt span.tt1{ font-size:28px; line-height:32px; margin-bottom:15px;}
.reportt span em{ color:#ed7118;}
.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:#0f9fba; color:#fff;}
.reportm tr:hover td{ background:#eeeeee;}
.reportm tr:hover td.blue{ background:#0f9fba;}

.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:#222; text-align:center;}
.cyclet span.tt1{ font-size:28px; 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:#0f9fba; 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:#0f9fba;}
.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:#222;}
.newsinfobox li span.stt a:hover{ color:#0f9fba;}
.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 #0f9fba; background:#0f9fba; 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; text-decoration:-9999px;}
.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:#0f9fba; color:#fff !important; border:solid 1px #0f9fba;}
.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:#0f9fba; border:solid 1px #0f9fba;}

.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:#222;}
.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:#0f9fba; 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 #0f9fba; 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:#0f9fba; 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 #0f9fba; padding-bottom:15px;}
.newsinforb li{ width:100%; float:left; padding:10px 0; border-bottom:dotted 1px #ccc;}
.newsinforb li a:hover{ color:#0f9fba; 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:#222;}
.caseinfobox li span.stt a:hover{ color:#0f9fba;}
.caseinfobox 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;}
.caseinfobox li span a:hover.newsbtn{ border:solid 2px #0f9fba; background:#0f9fba; 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; text-decoration:-9999px;}
.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:#222;}
.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:50px 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:28px; line-height:32px; color:#222;}
.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;}

.statement{ width:100%; float:left; margin:50px 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:28px; line-height:30px; color:#222; margin-bottom:30px; text-align:center;}
.statementbox span.tt2{ font-size:18px; line-height:25px; color:#222; margin-bottom:30px; text-align:center;}
.statementbox span.tt3{ font-size:28px; line-height:30px; color:#222; 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:#ed7118;}
.statementbox span.red{ color:#f00;}

.signbox{ width:100%; float:left; margin:50px 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:#222;}
.signleftt span.red{ color:#f00;}
.signleftm{ width:100%; float:left;}
.signleftm span{ width:333px; float:left; margin-right:20px; margin-bottom:15px; background:#f9f9f9; border:solid 1px #ddd; height:38px;}
.signleftm span.last{ margin-right:0;}
.signleftm span i{ width:35px; float:left; margin-left:10px; line-height:38px; height:38px;}
.signleftm span i.sty1{ width:65px;}
.signleftm span input{ width:270px; float:left; height:38px; padding:0; background:none; border:none; line-height:30px;}
.signleftm span input.sty1{ width:240px;}
.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:#ed7118; 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;}
.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:#ed7118;}
.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:#222;}
.signright span.tt2{ font-size:18px; line-height:24px; color:#222;}
.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:#ed7118;}

.login{ width:100%; float:left; background:#140203 url(../images/bglogin.png) no-repeat center top; margin-bottom:20px;}
.loginblock{ width:1000px; margin:0 auto;}
.loginbox{ width:100%; float:left; margin:70px 0;}
.loginleft{ width:620px; float:left; margin-right:40px;}
.loginright{ width:340px; float:left; background:url(../images/bgloginbox.png) repeat left top; box-shadow:2px 2px 5px #000;}
.loginfobox{ width:280px; float:left; margin:35px 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;}
.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:135px; height:40px; float:left; background:#0f9fba; border:none; margin-right:10px; 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.button a{ width:135px; height:40px; float:left; background:#bbb; text-align:center; color:#fff; font-size:18px; line-height:40px;}
.loginfobox span.button a:hover{ background:#ccc;}
.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:#ed7118;}
.loginfobox span.last a:hover em{ color:#ed7118;}
.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; margin-bottom:20px;}



.footer{ width:100%; float:left; background:url(../images/bgfooter.png) no-repeat center top;}
.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-top:60px;}
.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:#444;}
.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:#ed7118; 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 25px 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:#0f9fba;}
.footinforight{ width:675px; float:left;}
.footinforight span{ width:100%; float:left; text-align:right; font-size:12px; color:#aaa;}
.gsicon{ width:25px; float:right; text-align:right;}