/*
* website core.css create by zy 2016-5-13
*/

/* global css stylesheet */
html,body{margin: 0; padding: 0; font-size: 100%; height: 100%; width: 100%; min-width: 1200px;}
body{color: #3c3c3c; font-size: 14px; font-family: "Microsoft YaHei",tahoma,arial,"Hiragino Sans GB","宋体",sans-serif;}
div,p,ul,li,blockquote,h1,h2,h3,h4,h5,h6,span,i,em,label,form,input,button,a,table,images,textarea,dl,dt,dd{margin: 0; padding: 0;}
ul,ol,li{list-style: none;}
a{color: #333333; text-decoration: none; outline: none;}
a:hover{color: #340c70;}
images{border: none;}

/* common css */
.fl{float: left;}
.fr{float: right;}
.tx-center{text-align: center;}
.tx-right{text-align: right;}
.clear{clear:both;height:0;overflow:hidden;}
.hidden{display: none;}
.p-t-5{padding-top: 5px;}
.p-t-10{padding-top: 10px;}
.p-t-20{padding-top: 20px;}
.p-t-30{padding-top: 30px;}
.p-t-35{padding-top: 35px;}
.p-t-47{padding-top: 47px;}
.p-b-10{padding-bottom: 10px;}
.p-b-20{padding-bottom: 20px;}
.p-b-30{padding-bottom: 30px;}
.p-b-40{padding-bottom: 40px;}
.p-b-200{padding-bottom: 200px;}
.p-l-15{padding-left: 15px;}
.p-l-30{padding-left: 30px;}
.p-l-35{padding-left: 35px;}
.p-r-15{padding-right: 15px;}
.p-r-20{padding-right: 20px;}
.p-r-32{padding-right: 32px;}
.m-l-65{margin-left: 65px;}
.m-t-55{margin-top: 55px;}
.f-12{font-size: 12px;}
.f-14{font-size: 14px;}
.f-15{font-size: 15px;}
.f-16{font-size: 16px;}
.f-18{font-size: 18px;}
.f-20{font-size: 20px;}
.f-22{font-size: 22px;}
.f-24{font-size: 24px;}
.f-26{font-size: 26px;}
.f-28{font-size: 28px;}
.f-36{font-size: 36px;}
.f-w-l{font-weight: lighter;}
.c-t-555{color: #555555;}
.c-t-777{color: #646464;}
.c-t-999{color: #999999;}
.c-t-97a{color: #77797a;}
.c-t-fff{color: #ffffff;}
.c-t-b0d{color: #b0d5e4;}
.c-t-3da{color: #3da4c6;}
.c-t-858{color: #858a90;}
.c-t-858 a{color: #858a90;}
.c-b-383{background-color: #383f46;}
.c-b-f5f{background-color: #f5f5f5;}
.c-b-ebe{background-color: #ebebeb;}
.c-b-fff{background-color: #ffffff;}
.c-b-3da{background-color: #3da4c6;}
.c-b-ea5{background-color: #ea5b58;}
.b-b-2{border-bottom: 2px solid #dedede;}
.n-b-r{border-right: none !important;}
.w-360{width: 360px;}
.l-h-24{line-height: 24px;}
.l-h-26{line-height: 26px;}

/* layout css */
.container{position: relative;min-height: 100%; _height:100%; clear: both; width: 100%; min-width: 100%;}
.wrap{clear: both; box-sizing: border-box; width: 100%; min-width: 100%;}
.inner{width: 1200px; margin: 0 auto; clear: both; overflow: hidden;}

/* icon css */
.ico-more{display: inline-block; height: 7px; width: 7px; background: url(../images/sprite.png) no-repeat left top; margin-left: 3px;}
.ion-q1{background: url(../images/sprite.png) no-repeat -350px top;}
.ion-q2{background: url(../images/sprite.png) no-repeat -350px -91px;}
.ion-q3{background: url(../images/sprite.png) no-repeat -350px -184px;}
.ion-q4{background: url(../images/sprite.png) no-repeat -350px -274px;}
.ion-kh-mail{background: url(../images/sprite.png) no-repeat left -60px;}
.ion-kh-tel{background: url(../images/sprite.png) no-repeat left -136px;}
.ico-qrcode{display: block; height: 92px; width: 92px; background: url(../images/sprite.png) no-repeat left -237px;}
.ico-fw-01{display: block; height: 40px; width: 36px; background: url(../images/sprite.png) no-repeat right -367px; color: #ffffff; text-align: center; font-size: 18px; line-height: 40px;}
.ico-pos{height: 21px; width: 21px; display: inline-block; background: url(../images/sprite.png) no-repeat -106px -61px;}
.ico-tel{height: 21px; width: 21px; display: inline-block; background: url(../images/sprite.png) no-repeat -172px -61px;}
.ico-mail{height: 21px; width: 21px; display: inline-block; background: url(../images/sprite.png) no-repeat -238px -59px;}
.chat-1{height: 44px; width: 44px; display: inline-block; background: url(../images/sprite.png) no-repeat left -387px; margin-right: 50px;}
.chat-2{height: 44px; width: 44px; display: inline-block; background: url(../images/sprite.png) no-repeat -70px -387px; margin-right: 50px;}
.chat-3{height: 44px; width: 44px; display: inline-block; background: url(../images/sprite.png) no-repeat -139px -387px; margin-right: 50px;}
.icon-dot{height: 7px; width: 7px; background: transparent; border: 3px solid #ffffff; position: absolute; right: 20px; top: 20px; border-radius: 50%;}
.icon-foot-kefu{height: 120px; width: 253px; background: url(../images/sprite.png) no-repeat -93px -223px; margin: 0 auto;}
.pipe-first{background: url(../images/sprite.png) no-repeat left -456px; margin-right: -1px; cursor: pointer;}
.pipe-last{background: url(../images/sprite.png) no-repeat -102px -456px; cursor: pointer;}
.pipe-f-disable{background: url(../images/sprite.png) no-repeat -34px -456px; cursor: not-allowed;}
.pipe-l-disable{background: url(../images/sprite.png) no-repeat -68px -456px; cursor: not-allowed;}
.article-nav .active{background-color: #276e85;}
.article-nav .icon-news{background: url(../images/sprite.png) no-repeat 18px -613px;}
.article-nav .active.icon-news{background: #276e85 url(../images/sprite.png) no-repeat 18px -685px;}
.article-nav .icon-question{background: #3da4c6 url(../images/sprite.png) no-repeat -184px -734px;}
.article-nav .active.icon-question{background: #276e85 url(../images/sprite.png) no-repeat -184px -805px;}

/* button css */
.ibtn{display: inline-block; border: none; border: 0; border-radius: 4px; text-align: center; width: 130px; height: 48px; box-sizing: border-box; cursor: pointer;}
.ibtn:hover{background-color: #d5504e;}

/* animation css */
.service-box div:hover .service-pic{-moz-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transform: scale(1.1,1.1); -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.qiye-box div:hover .qiye-pic{-moz-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transform: scale(1.1,1.1); -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.pipe-ball .ball-box{-moz-transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -o-transition: all 0.5s ease-in 0s; transition: all 0.5s ease-in 0s;}
.pipe-ball .ball-box:hover{bottom:0; background-color: #3da4c6; border: 1px solid #3da4c6; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.lean-pic{transition: right 1s ease 0s;}
.meta-title>p>span>a .ico-more{transition: all 0.5s ease-in 0s;}
.meta-title>p>span>a:hover .ico-more{transform: rotate(360deg); transition: all 0.5s ease-in 0s;}

/* dialog plug css */
.dialog-mask{position: absolute; z-index: 999; opacity: .4; background-color: #000000; top: 0; left: 0;}
.dialog-out{border-radius: 4px; background-color: #ffffff; position: fixed; z-index: 1001;}
.close-btn{position: absolute; right: 7px; top: 7px; height: 28px; width: 28px; background: url(../images/sprite.png) no-repeat -100px -126px; cursor: pointer;}
.close-btn:hover{background: url(../images/sprite.png) no-repeat -153px -126px;}
.dialog-inner{padding: 60px 30px 0 30px; text-align: center; font-size: 18px;}
.action-btn{position: absolute; bottom: 45px; left: 35%; background-color: #ea5b58; font-size: 16px; color: #ffffff;}

/* banner plug css */
#JS_banner{float:left;width:100%;min-width:1200px; height: auto; clear: both; overflow: hidden;}
.banner-box{float:left;width: 100%; min-width:1200px; height: auto; position: relative; clear: both; overflow: hidden;}
.banner-images{width: 100%;min-width:1200px; height: auto; position: relative; overflow: hidden;}
.banner-box a{display: block; margin: 0; padding: 0; float: left; border: none;}
.banner-box span{display: block; margin: 0; padding: 0; height: inherit; width: inherit; background-size: 100% 100%; border: none;}
.pager-box{position: absolute; bottom: 10px; z-index: 7; text-align: center; left: 0; width: 100%;}
.pager-box li{display: inline-block; background-color:rgba(255,255,255,0.5); height: 10px; width: 10px; margin-right: 14px; border-radius: 50%; cursor: pointer; overflow: hidden; text-indent: -100px;}
.pager-box li:hover{background-color:rgba(255,255,255,0.8);}
.page-active{background-color: rgba(255,255,255,1) !important;}
.banner-inner{position:absolute; left: 0; top: 0; z-index: 3;}
.banner-btn{height: 100%; width: 100px; cursor: pointer; position: absolute; z-index: 5; opacity: .1; filter:alpha(opacity:10);}
.left-btn{left: 0; top: 0; background: url(../images/banner_left_btn.png) no-repeat center center;}
.right-btn{right: 0; top: 0; background: url(../images/banner_right_btn.png) no-repeat center center;}
.left-btn:hover{opacity: .8; filter:alpha(opacity:80);}
.right-btn:hover{opacity: .8; filter:alpha(opacity:80);}

/* tip plug css */
.tip-out{position: absolute; z-index: 99; border: 0px solid #000000; background-color: rgba(0,0,0,.6); display: none; border-radius: 3px; text-align: center; color: #ffffff; font-size: 12px; line-height: 27px; padding: 2px 10px;}
.tip-arrow{position: absolute; height: 0; width: 0; line-height: 0; border-top: 7px solid rgba(0,0,0,.6); border-left: 6px solid transparent; border-right: 6px solid transparent; left: 7px; bottom: -7px;}

/* gototop_btn css */
.go-to-top{height: 40px; width: 40px; background: #dedede url(../images/sprite.png) no-repeat 9px -777px;; position: fixed; bottom: 60px; right: 30px; cursor: pointer; border-radius: 3px; display: none; border: 1px solid #cfcfcf;}
.go-to-top:hover{background-color: #cfcfcf;}

/* old browser warn css */
.old-browser{width: 100%; height: 35px; background-color: #ffecbf; text-align: center; display: none; line-height: 35px;}
.old-close{display: inline-block; height: 20px; width: 20px; line-height: 18px; text-align: center; cursor: pointer; background-color: #ffffff; font-size: 15px;}