body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; list-style:none;font-family: "微软雅黑";}
a{color:#2b2b2b; text-decoration:none}
body{ font-size:12px; background-color: #ffffff;}
img { border:0px;}
*{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

.whole{ width: 100%; height: auto; margin: 0 auto; overflow: hidden; position: relative;}
.batten{ width: 100%; height: auto; background-color: #0e9be1; overflow: hidden; margin: 0 auto;}
.bat-con{ width: 980px; height: 28px; overflow: hidden; margin: 0 auto; color: #ffffff; font-size: 12px; line-height: 28px;}
.batten-name{ float: left;}
.batten-tel{ float: right; background-image: url(../images/iconPhone.jpg); background-repeat: no-repeat; padding-left: 18px;}
.head-nav{ width: 980px; height: 102px; overflow: hidden; margin: 0 auto;}
.head-nav .logo{ float: left; width: 136px; height: 102px; overflow: hidden;}
.head-nav .logo img{ transform:scale(1.0,1.0); transition:all 0.35s;}
.head-nav .logo:hover img{ transform:scale(1.1,1.1); transition:all 0.35s; -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transition:all 0.35s; -moz-transition:all 0.35s;}
.nav-list{ float: right; border-left: 1px solid #e6e6e6;}
.nav-list a{ float: left; width: 95px; height: 102px; overflow: hidden; border-right: 1px solid #e6e6e6; color: #3a3a3a; font-size: 15px; text-align: center; line-height: 32px;}
.nav-list a .list-pic{ float: left; width: 28px; height: 24px; overflow: hidden; margin: 28px auto 0 33px;}
.nav-list a .list-name{ float: left; width: 100%;}
.list-home{ background: url(../images/index-home.png) top no-repeat;}
.list-us{ background: url(../images/index-us.png) top no-repeat;}
.list-cases{ background: url(../images/index-cases.png) top no-repeat;}
.list-service{ background: url(../images/index-service.png) top no-repeat;}
.list-option{ background: url(../images/index-opinion.png) top no-repeat;}
.list-join{ background: url(../images/index-join.png) top no-repeat;}
.list-content{ background: url(../images/index-content.png) top no-repeat;}
.active{ background-color: #0e9be1; color: #ffffff !important; border-right: 1px solid #ffffff !important;}
.nav-list a:hover{ background-color: #0e9be1; color: #ffffff !important; border-right: 1px solid #ffffff !important;}
.active .list-pic{ background-position: 0 -24px !important;}
.nav-list a:hover .list-pic{ background-position: 0 -24px !important;}
.banner{ width: 100%; height: auto; overflow: hidden; margin: 0 auto; background-color: #007ad1;}
.banner-pic{ width: 980px; height: 380px; margin: 0 auto; overflow: hidden;}
.content-list{ width: 100%; height: 266px; background-color: #f3f3f3; overflow: hidden;}
.Clist-detail{ width: 980px; height: auto; overflow: hidden; margin: 0 auto;}
.Clist{ float: left; width: 152px; height: 157px; overflow: hidden; margin-left: 124px; margin-top: 53px;}
.ClistNoleft{ margin-left: 0;}
.list_talk{ background-color: #ff8548;}
.list_wechat{ background-color: #d4bf30;}
.list_wisdom{ background-color: #0e9be1;}
.list_service{ background-color: #30d4b3;}
span.list_icon{ float: left; width: 75px; height: 75px; margin-left: 38.5px; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; transition: 1s transform ease-in-out; -webkit-transition: 1s transform ease-in-out; -moz-transtion:1s transform ease-in-out;}
span.list_icon:hover{ transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg);}
span.Clist-name{ float: left; width: 100%; text-align: center; font-size: 16px; color: #3a3a3a; line-height: 30px; padding-top: 6px;}
span.ClistCon{ float: left; width: 100%; font-size: 12px; color: #a5a5a5; line-height: 20px;}
.more{ color: #0e9be1; padding-left: 5px;}

.content-content{ width: 100%; height: auto; margin: 0 auto; overflow: hidden;}
.con-con{ width: 980px; height: auto; margin: 0 auto; overflow: hidden; padding-top: 35px;}
.company{ width: 100%; height: auto; overflow: hidden; margin-bottom: 45px;}
.company-left{ float: left; width: 538px; height: auto; overflow: hidden;}
.company-title{ float: left; width: 100%; height: 33px;}
.company-name{ float: left; width: 50%; height: 32px; border-bottom: 1px solid #0e9be1; font-size: 18px; line-height: 32px; color: #0e9be1; text-indent: 26px; background-image: url(../images/title_home.png); background-repeat: no-repeat;}
.company-name a{ color: #4e4e4e; padding: 0 2px;}
.company-name span{ font-size: 14px; color: #bebebe;}
.company-more{ float: right; width: 50%; height: 32px; border-bottom: 1px solid #cccccc;}
.company-more a{ float: right; text-align: right; font-size: 14px; color: #cecece; line-height: 32px;}
.company-more a:hover{ color: #0e9be1;}
.company-name-con{ width: 100%; height: auto; overflow: hidden;}
.company-name-con img{ float: left; padding-top: 20px;}
.company-name-con p{ float: right; width: 300px; height: auto; padding-top: 40px; font-size: 12px; color: #a5a5a5; text-indent: 24px; line-height: 26px;}


.company-right{ float: right; width: 410px; height: auto; overflow: hidden;}
.company-cases{ float: right; width: 100%; height: 33px;}
.company-tName{float: left; width: 50%; height: 32px; border-bottom: 1px solid #0e9be1; font-size: 18px; line-height: 32px; color: #0e9be1; text-indent: 26px; background-image: url(../images/title_cases.png); background-repeat: no-repeat;}
.company-tName a{ color: #4e4e4e; padding: 0 2px;}
.company-tName span{ font-size: 14px; color: #bebebe;}
.slideBox{ float: left; width: 100%; height: 139px; overflow: hidden; margin: 0 auto; margin-top: 20px; position: relative;}
.slideBox .bd{ width: 261px; height: 139px; overflow: hidden; margin: 0 auto; position:relative; z-index:0;}
.slideBox .bd li{ width:100%; height:auto; position: relative; zoom: 1;}
.slideBox .bd li img{ width:100%; height:auto; display:block; vertical-align:top;}
.slideBox .prev, .slideBox .next{ position: absolute; display: block; width: 22px; height: 22px; overflow: hidden; top: 50%; margin-top: -11px;}
.slideBox .prev{ left: 40px; background-image: url(../images/prev.jpg); background-repeat: no-repeat;}
.slideBox .next{ right: 40px; background-image: url(../images/next.jpg); background-repeat: no-repeat;}

.Co-branding{ width: 100%; height: auto; margin: 0 auto; overflow: hidden;}
.company-co-name{float: left; width: 24%; height: 32px; border-bottom: 1px solid #0e9be1; font-size: 18px; line-height: 32px; color: #0e9be1; text-indent: 26px; background-image: url(../images/title_collaborate.png); background-repeat: no-repeat;}
.co-more{ width: 76% !important;}
.Co-title{ width: 100%; height: 33px; margin: 0 auto; overflow: hidden;}
.Co-con{ width: 100%; height: auto; overflow: hidden; margin: 22px auto 78px auto;}
.Co-con ul{ width: 100%; height: auto; overflow: hidden;}
.Co-con ul li{ float: left; width: 120px; height: 50px; overflow: hidden; margin-left: 23px;}
.Nomar{ margin-left: 0 !important;}

.footer{ width: 100%; height: auto; margin: 0 auto; overflow: hidden; background-color: #007ad1;}
.footer-con{ width: 980px; height: auto; overflow: hidden; margin: 0 auto; border-bottom: 1px solid #ffffff;}
.footer-cc{ width: 750px; height: auto; float: left; overflow: hidden; color: #ffffff;}
.footer-list{ float: left; width: 150px; height: auto; padding-top: 18px;}
.footer-list span{ float: left;}
span.aboutUs{ font-size: 14px; border-bottom: 1px solid #ffffff; line-height: 30px;}
span.aboutList{ width: 100%; padding-top: 28px;}
span.aboutList ul{ width: 100%; height: auto; overflow: hidden; padding-bottom: 24px;}
span.aboutList ul li{ list-style-type:disc; line-height: 26px;}
span.aboutList ul li a{ color: #ffffff;}
span.aboutList ul li a:hover{text-decoration:underline;color: #e4e6e8; cursor: pointer;}
.footer-address{ width: 97px; height: auto; float: right; overflow: hidden; margin-top: 72px;}
.footer-address img{ width: 97px; height: 97px;}
.footer-address p{ color: #ffffff; font-size: 12px; text-align: center; line-height: 24px; font-family: "宋体";}
.add{ width: 980px; height: 40px; margin: 0 auto; overflow: hidden; text-align: center; color: #ffffff; line-height: 40px; font-size: 12px;}

.weighing{ width: 66px; position: fixed; right: 0; bottom: 150px; z-index: 9999; background: rgba(0,0,0,0.5); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; display: none;}
.weighing ul{ width: 100%; height: auto; margin: 8px auto;}
.weighing ul li{ width: 44px; height: 50px; margin: 0 11px; position: relative; border-bottom: 1px solid rgba(255,255,255,0.3); cursor: pointer;}
.ewma{ border-bottom: none !important;}
.ewm{ position: absolute; left: -100px; bottom: -10px; display: none;}
.zan,.messages{ position: absolute; width: 0; height: 50px; overflow: hidden; background-color: rgba(0,0,0,0.6); color: #ffffff; top: 0; right: 55px; text-align: center; font-size: 14px; color: #ffffff; line-height: 50px;}