@charset "utf-8";
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}body,button,input,select,textarea{-webkit-text-size-adjust:none;font:12px/1.5 Arial,microsoft yahei,sans-serif}h1,h2,h3,h4,h5,h6{font-size:100%}address,cite,dfn,em,var{font-style:normal}ul,ol,li{list-style:none}a{color:inherit;outline:none;text-decoration:none}legend{color:#000}fieldset,img{border:0;vertical-align:top;}section,article,aside,header,footer,nav,dialog,figure{display:block;}figure{margin:0;}button,input,select,textarea{outline: none;font-size:100%}table{border-collapse:collapse;border-spacing:0}.clear{display:block;height:0;overflow:hidden;clear:both}
.clearfix:after{content:'\20';display:block;height:0;clear:both}
.clearfix{*zoom:1}a:link,a:visited{text-decoration:none}a:hover,a:active{text-decoration:none}a{expression_r(this.onFocus=this.blur())}
*,*:before,*:after{box-sizing: border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
body { position:relative; color:#848484; background:#fff; font-family: 微软雅黑;}
.wrap { position:relative; width:1200px; margin:0 auto; clear:both; }
.header,.container,.footer { position:relative; margin:0 auto; }
.fl { float: left !important;}
.fr { float: right !important;}
a:hover { text-decoration:none;color: #000;transition:color .5s;-webkit-transition:color .5s;-moz-transition:color .5s;}
/*
.header { border-bottom:3px solid #e3e3e3;}
.logo { float:left; width:120px; height:55px; padding:20px 0 15px; overflow: hidden; }
*/

body { min-width:1200px;}

.nav { float:right; padding-top:5px;}
.nav li { position:relative; float:left; padding-left:35px; }
.nav li a { height:28px; color:#231815; font-size: 14px; line-height: 19px; text-align:center; }
.nav li a em { display:block; line-height:10px; font-size: 10px; line-height: 10px; color:#231815; text-transform:uppercase; }
.nav li a:hover em,.nav li a:hover,.nav li.current a em,.nav li.current a { color: #00a0e9;}

.subNav { position:fixed; top:76px; left:0; background:url(../images/subNav_bg.png) repeat; width:100%; z-index:2;}
.subNav .sub {display:none;}
.subNav .sub .subcenter { margin:0 auto; display:table; padding:19px 0 28px}
.subNav .sub dl { float:left; margin:0 52px;}
.subNav .sub dl dt a { color:#ffffff; font-size: 14px; line-height: 14px; font-weight: bold;}
.subNav .sub dl .sanji { border-top:1px solid #868d99; padding-top:8px; margin-top:11px;}
.subNav .sub dl dd a { color:#ffffff; font-size: 12px; line-height: 20px;}

.rightArea { float:right; width: 500px; padding-top: 10px;}
.set { float:right; margin-right: 20px; padding:7px 0 11px; height:18px;}
.set li { background:url(../images/icon_1.jpg) no-repeat right center; padding:0 5px; float:left;}
.set li a {color:#888888; font-size: 12px; line-height: 12px;}
.set li a:hover { color: #627cb3;}
.set li:nth-child(2) { background: none;}
/* search */
.search-form { float:right; margin-top: 4px; width:205px; height:24px; overflow:hidden; }
.search-input { float: left; padding:3px 5px; width:171px; height:18px; line-height: 18px; border:none; background:url(../images/search.jpg) no-repeat;}
.search-btn { float: left; width:24px; height:24px; border:none; background:url(../images/search.jpg) no-repeat right; cursor:pointer; text-indent:-999em; }

.footer { background:#f2f2f2;}
.copyright { margin:0 auto; display:table; height:40px;}
.copyright a {color:#666666; font-size: 12px; line-height: 40px; background:url(../images/icon_1.jpg) no-repeat right center; padding:0 19px;}
.copyright a:last-child { background: none;}
.footer .tj { position:absolute; top:15px; right:0;}

.banner { position:relative; width:100%; height:636px; overflow: hidden;}
.banner .bd { position:relative;left:50%; width:1920px;margin-left:-960px;text-align: center; }
.banner .bd li,.banner .bd li a { display:block; width:100%; height:100%; }
.banner .hd { position:absolute; bottom:48px; left:50%; width:1200px; margin-left:-600px; height:15px; text-align:center; }
.banner .hd li { display:inline-block; width:12px; height:12px; margin:0 18px; background: rgba(255, 255, 255, 0.7); border-radius: 100%; text-indent:-999em; overflow:hidden; cursor:pointer;  }
.banner .hd li.on { background-color: #ffffff; }
.banner img {transition:1.5s ease-in-out;opacity: 1;}
.banner .hover img {opacity:.6;}
/*bound*/
.search-bound{position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.5);opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;z-index:9999;}
.search-bound.is-vis{opacity: 1;visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}
.bound-con {position: relative;width:340px;margin:300px auto;height:145px;background: #FFF;border-radius: .4rem .4rem .4rem .4rem;text-align: center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;font-size: 26px;padding-top: 38px}
.bound-close{ position: absolute;right:30px;bottom:25px; z-index: 10;width:auto;display: block;font-size:18px;}
.is-vis .bound-con {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}

/*            */
header{height: 91px;}
header .logo{height: 46px; width: auto; float: left; margin-top: 20px;}
header .logo img{height: 100%; width: auto;}
header .search{float: right; padding-top: 47px;}
header .search form{float: right; position: relative;}
header .search form input{width: 180px; height: 25px; border: 1px solid #cecece; padding: 0 33px 0 13px;
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -ms-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;}
header .search form input::-moz-placeholder{color: #b4b4b4; font-size: 12px;}
header .search form input:-moz-placeholder{color: #b4b4b4; font-size: 12px;}
header .search form input:-ms-input-placeholder{color: #b4b4b4; font-size: 12px;}
header .search form input::-webkit-input-placeholder{color: #b4b4b4; font-size: 12px;}
header .search form input:focus{ border: 1px solid #073190;}
header .search form button{width: 30px; height: 23px; position: absolute; top: 1px; right: 1px; cursor: pointer; background: url("../images/sear.png") no-repeat center center; border: none; outline: none;}
header .search p{float: right; line-height: 24px; font-size: 14px; color: #9a9a9a; padding-right: 17px;}
header .search p span{font-size: 15px; font-family: Arial; color: #818181; font-style: italic; margin-left: 7px;}
nav{height: 58px; background-color: #24c553; border-bottom: 4px solid #b7b7b7;}
nav ul li{line-height: 54px; margin-right: 7px; float: left; position: relative;}
nav ul li a{padding: 0 78px; font-size: 18px; font-weight: bold; color: #ffffff; display: block;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;}
/*   padding: 0 78px;  */
nav ul li:first-child a{padding: 0 23px;}
nav ul li:last-child a{padding: 0 40px;}
/*  padding: 0 38px;  */
/*
nav ul li:first-child a{padding: 0 68px 0 0;}
nav ul li:last-child a{padding: 0 69px;}
*/
nav ul li:last-child{margin-right: 0;}
nav ul li a:hover{background-color: #0ca037; color: #ffffff;}
nav ul .current a{background-color: #0ca037; color: #ffffff;}
nav ul li .subMenu{position: absolute; top: 84px; visibility: hidden; opacity: 0; left: 50%; z-index: 96; background-color: rgba(255, 255, 255, 0.9); min-width: 100%; padding: 26px 0 21px 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.55s ease-in-out;
    -moz-transition: all 0.55s ease-in-out;
    -ms-transition: all 0.55s ease-in-out;
    -o-transition: all 0.55s ease-in-out;
    transition: all 0.55s ease-in-out;}
nav ul li .subMenu dl dd a{color: #3d3d3d; font-size: 14px; line-height: 50px; padding: 0 49px 0 73px; white-space: nowrap; font-weight: normal;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;}
nav ul .current .subMenu dl dd a{color: #3d3d3d; background-color: transparent;}
nav ul li .subMenu dl dd:hover a{background-color: rgba(12,160,55, 0.81); color: #ffffff; padding:0 37px 0 85px;}
nav ul li .subMenu dl dd{position: relative;}
nav ul li .subMenu dl dd::before{content: ""; width: 5px; height: 7px; background: url("../images/arrow1.png") no-repeat; background-size: contain; position: absolute; left: 49px; top: 22px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;}
nav ul li .subMenu dl dd:hover::before{background: url("../images/arrow2.png") no-repeat;}
nav ul li::before{content: ""; width: 100%; height: 4px; background-color: #0ca037; position: absolute; bottom: -4px; left: 0; z-index: 98;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;}
nav ul li:last-child .subMenu dl dd a{padding: 0 15px 0 52px;}
nav ul li:last-child .subMenu dl dd::before{left: 25px;}
nav ul li:last-child .subMenu dl dd:hover a{padding: 0 25px 0 62px;}
nav ul li:hover .subMenu{visibility: visible; opacity: 1; top: 54px;}
nav ul li:hover::before{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);}
/*        */
.fHide{
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);}
.fixService{position: fixed; width: 182px; top:35%; right: 11px; z-index: 199; background-color: #ffffff;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;}
.fixService::before{content: "";width: 0; height: 0; border: 8px solid transparent;
    border-bottom: 8px solid #eaeaea; position: absolute; top: -16px; left: 50%; margin-left: -8px;}
.fixService .title{height: 43px; background-color: #f3f3f3; text-align: center;}
.fixService .title p{color: #545454; line-height: 43px; font-size: 16px; font-weight: bold;}
.fixService .closeS{width: 19px; height: 19px; border-radius: 50%; background-color: #adadad; display: block; position: absolute; top:13px; right: 12px; text-align: center; color: #ffffff;
           box-shadow: 0 0 3px #d0d0d0; cursor: pointer;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;}
.fixService .closeS:hover{
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    transform: rotateZ(180deg);}
.fixService .consultation{padding: 12px 0; text-align: center;}
.fixService .consultation p{font-size: 12px; line-height: 26px; }
.fixService .consultation p a{color: #555555; display: block; }
.fixService .consultation p a span{padding-left: 18px; position: relative;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;}
.fixService .consultation p a span::before{content: ""; width: 16px; height: 17px; background: url("../images/qqt.jpg") no-repeat; background-size: contain; position: absolute; left: 0; top: 0;}
.fixService .number{height: 45px; background-color: #f8f8f8; text-align: center;}
.fixService .number p{line-height: 45px; color: #666666; font-size: 14px;}
.fixService .number p span{padding-left: 5px;}
.fixService .codeI{padding: 9px 0 17px; text-align: center;}
.fixService .codeI img{width: 104px; height: 104px; margin-bottom: 9px;}
.fixService .codeI p{line-height: 20px; font-size: 14px; color: #666666;}
.fixService .consultation p:hover a span{margin-left: -20px; color: #555555;}
.fixService .consultation p a:hover span{color: #2084C9;}


/*          */
footer{height: 505px; }
footer .bgPic{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); padding: 53px 0 0;}
footer .bgPic .wrap{padding: 0 7px;}
footer .bgPic .titleList{margin-bottom: 46px;}
footer .bgPic .titleList ul li{float: left; margin: 0 24px;}
/*   margin: 0 33px;  */
footer .bgPic .titleList ul li:first-child{margin-left: 0;}
footer .bgPic .titleList ul li:last-child{margin-right: 0;}
footer .bgPic .titleList ul li a{line-height: 31px; font-size: 16px; color: #ffffff;}
footer .bgPic .titleList ul li a:hover{color: #24c553;}
footer .bgPic .addressLeft{float: left;}
footer .bgPic .addressLeft h3{line-height: 34px; height: 34px; font-size: 20px; font-weight: normal; color: #ffffff; position: relative; margin-bottom: 27px;}
footer .bgPic .addressLeft h3 span{font-size: 12px; color: #969696; margin-left: 9px;}
footer .bgPic .addressLeft h3::before{width: 40px; height: 2px; content: ""; background-color: #24c553; position: absolute; left: 0; bottom: -8px;}
footer .bgPic .addressLeft h4{line-height: 33px; font-size: 16px; color: #24c553; font-weight: normal; margin-bottom: 6px;}
footer .bgPic .addressLeft p{line-height: 26px; font-size: 14px; color: #b5b5b5;}
footer .bgPic .addressLeft .hotLine{margin: 21px 0 48px;}
footer .bgPic .addressLeft .hotLine span{width: 25px; height: 25px; display: inline-block; float: left; border-radius: 50%; margin-right: 15px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;}
footer .bgPic .addressLeft .hotLine span a{display: block; height: 100%;}
footer .bgPic .addressLeft .hotLine span:nth-child(1){background: #6d6d6d url("../images/qq.png") no-repeat center center; }
footer .bgPic .addressLeft .hotLine span:nth-child(2){background: #6d6d6d url("../images/weixin2.png") no-repeat center center; position: relative;}
footer .bgPic .addressLeft .hotLine span:nth-child(1):hover{background: #ffffff url("../images/qq2.png") no-repeat center center; }
footer .bgPic .addressLeft .hotLine span:nth-child(2):hover{background: #ffffff url("../images/weixin.png") no-repeat center center; }
footer .bgPic .addressLeft .hotLine span .code{width: 140px; height: 116px; text-align: right; position: absolute; left: 25px; top: -47px; opacity: 0; visibility: hidden;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -ms-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;}
footer .bgPic .addressLeft .hotLine span .code img{height: 100%; width: auto; border-radius: 5px;}
footer .bgPic .addressLeft .hotLine span:hover .code{visibility: visible; opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);}
footer .bgPic .addressLeft .copyRi p{line-height: 23px; font-size: 12px; color: #b5b5b5;}
footer .bgPic .addressLeft .copyRi p a:hover{color: #2084C9;}
footer .bgPic .formRight{float: right; width: 500px;}
footer .bgPic .formRight input{width: 413px; height: 34px; float: right; outline: none; border: none; background-color: rgba(255, 255, 255, 0.2); margin-bottom: 22px;
             color: #ffffff; font-size: 16px; padding: 0 12px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;}
footer .bgPic .formRight label{line-height: 34px; font-size: 14px; color: #b5b5b5; float: right; margin-right: 17px;}
footer .bgPic .formRight input:focus{background-color: rgba(255, 255, 255, 0.34);}
footer .bgPic .formRight textarea{width: 413px; height: 74px; resize: none; background-color: rgba(255, 255, 255, 0.2); float: right; border: none;
         padding: 6px 12px; font-size: 16px; color: #ffffff; margin-bottom: 23px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;}
footer .bgPic .formRight textarea:focus{background-color: rgba(255, 255, 255, 0.34);}
footer .bgPic .formRight button{width: 200px; height: 40px; background-color: #2084c9; font-size: 16px; color: #ffffff; border: none; margin-left: 87px; cursor: pointer;
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;}
footer .bgPic .formRight button:hover{background-color: rgba(32, 132, 201, 0.79);}