﻿@charset "utf-8";
/* 公共样式 */
body{ font-size:16px; color:#333; font-family: "微软雅黑";-webkit-font-smoothing:antialiased; background:#fff;}
body,ul,li,dl,dt,dd,h1,h2,h3,input,p,textarea{ margin:0; padding:0; list-style:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
a{text-decoration:none; color: #333;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
header,footer,nav,section,article{ display:block}
input{ font-size:100%;-webkit-appearance:none; border-radius:0; -webkit-border-radius:0;background: none;border: none; outline: none;}
button{outline: none; border: none;}
img{ border:none}
.fl{float: left;}
.fr{float:right}
.clearfix:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type="number"] {-moz-appearance: textfield;}
.grid-980, .w {width: 980px;  margin: 0 auto; }
.footAtt p{font-size:14px;}
.footLinks{font-size:12px;}
/*header 导航和轮播图 styele begin*/
.header{position: relative;z-index: 1000;}
.header-nav-wrap{height:68px;_position: relative;  _zoom: 1;}
.header-nav-wrap-inner {  _position: relative;  _zoom: 1;  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);  }
.hn-fixed{_position:static;}
.hn-fixed .header-nav-wrap-inner{position: fixed;  top: -80px;  width: 100%;  box-shadow: 0 0 11px rgba(0,0,0,.22);  z-index: 190;  _position: absolute;  _top: expression(eval(document.documentElement.scrollTop));  }
.main-nav {  /*height: 169px;*/  border-bottom: 1px solid #e6e6e6;  background-color: #fff;  font-family: 'Microsoft Yahei','\5FAE\8F6F\96C5\9ED1',Arial,'Hiragino Sans GB','\5B8B\4F53';  }
.nav-wrap {  /*height: 169px;*/  border-bottom: 1px solid #e6e6e6;  position: relative;}
.main-nav-logo {position: relative; text-align:center;}
.main-nav .main-nav-logo a{height: 41px;}
.main-nav .main-nav-logo a img{margin-top: 15px;}
.main-nav .nav { margin: 17px 0 0 0px; font-size: 16px;width: 100%; position:relative;
}
.main-nav .nav .nav-box .nav-item{  width: 105px;  height: 40px;  line-height: 40px;  float: left;  text-align: center;  margin-right: 2px;  border: 0px solid #fff;  border-radius: 3px;position: static;   display: block;  }
.main-nav .nav .nav-box .nav-item.hebjobLink{  width: 90px;height: 34px;line-height: 34px;background: #e95903;border-radius: 4px;position: absolute;right: 0px;;padding-right: 7px;}
.main-nav .nav .nav-box .nav-item.hebjobLink a{font-size: 12px; color: #fff;}
.main-nav .nav .nav-box .nav-item.hebjobLink i.nav-arrow-right{position: absolute;top: 13px;}
.main-nav .nav .nav-box .nav-item.hebjobLink:hover .nav-arrow-right{animation: narrow-right .8s linear infinite;-webkit-animation: narrow-right .8s linear infinite;}

.nav-item a:hover{color: #e95903; }
.main-nav .nav .nav-box .nav-item{ -moz-transition: border-color .1s ease-in-out;  -o-transition: border-color .1s ease-in-out;  -webkit-transition: border-color .1s ease-in-out;  transition: border-color .1s ease-in-out;}
.main-nav .nav .nav-box .current .nav-item-primary{color: #e95903; }
/*.main-nav .nav .nav-box .nav-item .nav-item-primary {  -moz-transition: font-weight .1s ease-in-out;  -o-transition: font-weight .1s ease-in-out;  -webkit-transition: font-weight .1s ease-in-out;  transition: font-weight .1s ease-in-out;  }*/
.main-nav .nav .nav-box .nav-item-hover .nav-item-primary {  -moz-box-shadow: 0 0 15px rgba(0,0,0,.2);  -webkit-box-shadow: 0 0 15px rgba(0,0,0,.2);  box-shadow: 0 0 15px rgba(0,0,0,.2);  color: #e95903; }

.main-nav .nav .nav-box .nav-item .dropbox {  margin-top: -3px;  opacity: 0;  -moz-transition: opacity .1s ease-in-out,margin-top .2s ease-in-out,visibility .2s ease-in-out;  -o-transition: opacity .1s ease-in-out,margin-top .2s ease-in-out,visibility .2s ease-in-out;  -webkit-transition: opacity .1s ease-in-out,margin-top .2s ease-in-out,visibility .2s ease-in-out;  transition: opacity .1s ease-in-out,margin-top .2s ease-in-out,visibility .2s ease-in-out;  }
.dropbox .dl{width: 150px;overflow: hidden;}
.main-nav .nav .nav-box .nav-item-hover{  border-color:#e6e6e6;  background-color: #fff;  z-index: 21;  }
.main-nav .nav .nav-box .nav-item .dropbox {  position: absolute;  background-color: #fff;  width: 360px;  min-height: 192px;  left: 260px;  padding: 10px 0;  border: 1px solid #e6e6e6;  border-radius: 0 3px 3px;  visibility: hidden;  z-index: 1009;  -moz-box-shadow: 0 0 15px rgba(0,0,0,.1);  -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);  box-shadow: 0 0 15px rgba(0,0,0,.1);  }
.main-nav .nav .nav-box .nav-item-hover .dropbox{  margin-top: 0;  opacity: 1;  visibility: visible;  }
.main-nav .nav .nav-box .nav-item .nav-item-primary {  display: block;  }
.main-nav .nav .nav-box .nav-item-hover .nav-item-primary b{  display: block;  width: 100%;  position: absolute;  height: 10px;  background: #fff;  bottom:-1px;  left: 0;  z-index: 999;  }
.main-nav .nav .nav-box .nav-item .dropbox .noah-service{  width: 100%;  }
.main-nav .nav .nav-box .nav-item .dropbox dt{  position: relative;  font-size: 14px; color: #323232;  margin-bottom: 10px;  }
.main-nav .nav .nav-box .nav-item .dropbox dt .sub-line{  position: absolute;  width: 30px;  height: 2px;  background: #323232;  overflow: hidden;  left: 0;  top: 36px;  }
.main-nav .nav .nav-box .nav-item .dropbox dl {  width:220px;  overflow: hidden;  }
.main-nav .nav .nav-box .nav-item .dropbox dl.fangan{width:313px;}
.main-nav .nav .nav-box .nav-item .dropbox dl {  float: left;  margin-left: 25px;  text-align: left;  font-size: 14px;  }
.main-nav .nav .nav-box .nav-item .dropbox dl dd{padding-left: 24px;}
.main-nav .nav .nav-box .nav-item .dropbox dl dd .noah-service-left{  margin-right:60px;  }
.main-nav .nav .nav-box .nav-item .dropbox dl dd a{color: #8c8c8c; padding-top:4px;}
.main-nav .nav .nav-box .nav-item .dropbox dl dd ul li{display: block;height: 35px;margin-left:5px;}
.main-nav .nav .nav-box .nav-item .dropbox .dropbox-ad {  position: absolute;  right: 0;  margin: 19px 30px 0 0;  }
.main-nav .nav .nav-box .nav-item .dropbox.service-online dl{  width: 320px;}
.main-nav .nav .nav-box .nav-item .dropbox.service-online dl .service-online-left{margin-right: 100px;}
.main-nav .nav .nav-box .nav-item .dropbox dd li a:hover {background: 0 0;color: #e95903;}

.dropbox a{position: relative;}
.nav-item .dropbox .subIco {  width: 20px;  height: 22px;  background: url(/images/head_icon.png) no-repeat;  position: absolute;  left: -28px;  top: 1px;  }
.nav-item .dropbox .subIco.s1{background-position:-186px -2px ;}
.nav-item .dropbox .subIco.s2{background-position:-267px 0 ;}
.nav-item .dropbox .subIco.s3{background-position:-0px 0 ;}
.nav-item .dropbox .subIco.s4{background-position:-44px 0 ;}
.nav-item .dropbox .subIco.s5{background-position:-63px 0 ;}
.nav-item .dropbox .subIco.s6{background-position:-164px 0 ;}
.nav-item .dropbox .subIco.s7{background-position:-23px -1px ;}
.nav-item .dropbox .subIco.s8{background-position:-124px 0 ;}
.nav-item .dropbox .subIco.s9{background-position:-144px 0 ;}
.nav-item .dropbox .subIco.s10{background-position:-83px 0 ;}
.nav-item .dropbox .subIco.s11{background-position:-247px 0 ;}
.nav-item .dropbox .subIco.s12{background-position:-207px 0 ;}
.nav-item .dropbox .subIco.s13{background-position:-227px 0 ;}
.nav-item .dropbox .subIco.s14{background-position:-266px 0 ;}
.nav-item .dropbox .subIco.s15{background-position:-186px 0 ;}
.nav-item .dropbox .subIco.s16{background-position:-285px 0 ;}
.nav-item .dropbox .subIco.s17{background-position:-103px 0 ;}
.nav-item .dropbox .subIco.s18{background-position:-305px 0 ;}
.nav-item .dropbox .subIco.s19{background-position:-331px 0 ;}
.nav-item .dropbox .subIco.s20{background-position:-353px 0 ;}
.nav-item .dropbox .subIco.s21{background-position:-374px 0 ;}
.nav-item .dropbox .subIco.s22{background-position:-403px 0 ;}
.nav-item .dropbox .subIco.s23{background-position:-427px 0 ;}

.main-nav .nav .nav-box .nav-item .dropbox dd li a:hover .subIco.s1{background-position:-186px -24px;}
.main-nav .nav .nav-box .nav-item .dropbox dd li a:hover .subIco.s2{background-position:-267px -22px;}
.main-nav .nav .nav-box .nav-item .dropbox dd li a:hover .subIco.s3{background-position:-0px -22px;}
.main-nav .nav .nav-box .nav-item .dropbox dd li a:hover .subIco.s4{background-position:-44px -22px;}
.main-nav .nav .nav-box .nav-item .dropbox dd li a:hover .subIco.s5{background-position:-63px -22px;}
.main-nav .nav .nav-box .nav-item .dropbox dd li a:hover .subIco.s6{background-position:-164px -22px;}
.main-nav .nav .nav-box .nav-item .dropbox dd li a:hover .subIco.s7{background-position:-23px -23px;}
.main-nav .nav .nav-box .nav-item .dropbox dd li a:hover .subIco.s8{background-position:-124px -22px;}
.main-nav .nav .nav-box .nav-item .dropbox dd li a:hover .subIco.s9{background-position:-144px -22px;}
.main-nav .nav .nav-box .nav-item .dropbox dd li a:hover .subIco.s10{background-position:-83px -22px;}
.main-nav .nav .nav-box .nav-item .dropbox dd li a:hover .subIco.s11{background-position:-247px -22px;}
.main-nav .nav .nav-box .nav-item .dropbox dd li a:hover .subIco.s12{background-position:-207px -22px;}
.main-nav .nav .nav-box .nav-item .dropbox dd li a:hover .subIco.s13{background-position:-227px -22px;}
.main-nav .nav .nav-box .nav-item .dropbox dd li a:hover .subIco.s14{background-position:-266px -22px;}
.main-nav .nav .nav-box .nav-item .dropbox dd li a:hover .subIco.s15{background-position:-186px -22px;}
.main-nav .nav .nav-box .nav-item .dropbox dd li a:hover .subIco.s16{background-position:-285px -22px;}
.main-nav .nav .nav-box .nav-item .dropbox dd li a:hover .subIco.s17{background-position:-103px -22px;}
.main-nav .nav .nav-box .nav-item .dropbox dd li a:hover .subIco.s18{background-position:-305px -22px;}
.main-nav .nav .nav-box .nav-item .dropbox dd li a:hover .subIco.s19{background-position:-331px -22px;}
.main-nav .nav .nav-box .nav-item .dropbox dd li a:hover .subIco.s20{background-position:-353px -22px;}
.main-nav .nav .nav-box .nav-item .dropbox dd li a:hover .subIco.s21{background-position:-374px -22px;}
.main-nav .nav .nav-box .nav-item .dropbox dd li a:hover .subIco.s22{background-position:-403px -22px;}
.main-nav .nav .nav-box .nav-item .dropbox dd li a:hover .subIco.s23{background-position:-427px -22px;}

.nav-arrow{background: url("/images/index_icon.png" ) no-repeat center;width: 9px;height: 9px;display: inline-block;background-position: 0 0;margin-left: 5px;}
.main-nav .nav .nav-box .nav-item-hover .nav-arrow{background-position: 0 -11px;}
.nav-arrow-right{background-position: 0 -23px;}


    /*轮播*/
.slide-renzheng{
    /*display: block;*/
    /*width: 980px;*/
    /*margin: 0 auto;*/
    /*padding: 58px 0 0 12px;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 50%;*/
    /*margin-left: -490px;*/
    color: #fff;
    z-index: 1111111;
}

/*导航和轮播 style 结束*/

.container{width: 100%;}
/*最新鲜招聘 开始*/
.latest-news-line{font-size: 14px;color: #555;padding: 15px 0 15px 30px;overflow:hidden;position: relative;}
.latest-news-icon{display: inline-block;background: url("/images/index_icon.png") 0 -131px no-repeat;width: 24px;height: 18px;position: absolute;left: 0;top: 15px;}
.latest-news-line span,.latest-news-line a{display: inline-block;height: 18px;line-height: 18px;}
.latest-news-line span{}
.latest-news-line a{padding: 0 15px;border-right: 1px solid #aaaaaa;}
.latest-news-line a.zz{color: #e95903;}
.latest-news-line a:hover{text-decoration: underline;}
.head-news{background-color: #f5f5f5;-moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1); /* 老的 Firefox */  -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);  box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);height: 220px;}
.head-news .head-news-inner{}
.com-focus{position: relative;}
.com-focus .latest-news-line{}
.com-focus .hot-plate{}
.com-focus .hot-plate .m-hot-left{width: 260px;height: 340px;margin-right: 2px;}
.com-focus .hot-plate .m-hot-left.gov-recruit{position: relative;z-index: 999;}
.inner-img{cursor: pointer;overflow: hidden;position:relative;}
.inner-img a{display:block;}

.inner-img:before{ 
           content: "";
            position: absolute;
            overflow: hidden;
            background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
            background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
            background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
            background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
            -webkit-transform: skewX(-25deg);
            -moz-transform: skewX(-25deg);
}
.inner-img:before {
    width: 50px;
    height: 350px;
    top: -100px;
    left: -150px;
}
.inner-img:hover::before{
             -webkit-transition: left .8s;
            -moz-transition: left .8s;
            transition: left .8s;
            left:300px;
}

.inner-img img{display: block;}
.gov-intro{/*width: 380px;height: 110px;*/background: #eceef1;padding: 10px 20px;border-radius: 4px;width:160px;}
.gov-intro h3{font-weight: normal;font-size: 14px;color: #666666; margin: 0 0 5px 0}
.gov-intro p{font-size: 12px;color: #666;overflow: hidden; text-overflow:ellipsis;/*height:90px;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;*/line-height:22px;}
    /*slide滑出模块*/
.hot-slide-box{
    z-index: 1001;position: absolute;background: #fff;-moz-box-shadow: 0 0 15px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
    box-shadow: 0 0 15px rgba(0,0,0,.1);
}
.gov-slide-box{width: 418px;width:200px;border: 1px solid #c1c5cf;height: 288px; padding:30px; left:-50px;top:0;  }
.gov-slide-an{    opacity: 0;visibility: hidden;
    -moz-transition: opacity .3s ease-in-out,left .2s ease-in-out,visibility .2s ease-in-out;
    -o-transition: opacity .3s ease-in-out,left .2s ease-in-out,visibility .2s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out,left .2s ease-in-out,visibility .2s ease-in-out;
    transition: opacity .3s ease-in-out,left .2s ease-in-out,visibility .2s ease-in-out}


.gov-slide-box ul,.hrClub-slide-box ul{overflow: hidden;margin-top: 15px;}
.gov-slide-box ul li,.hrClub-slide-box ul li{height: 26px;line-height: 26px;background: url("/images/index_icon.png") no-repeat center left; background-position: 0 -31px;padding-left: 15px;width: 380px;width:260px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gov-slide-box ul li a,.hrClub-slide-box ul li a{font-size: 14px;color: #333333;}
.gov-slide-box ul li a:hover,.hrClub-slide-box ul li a:hover{text-decoration: underline;color:#e95903;}
.more-gov-recurit{color: #e95903;font-size: 14px;display: block;margin-top: 10px;padding-left: 15px;}

.gov-recruit.nav-item-hover .gov-slide-an{ margin-top: 0;  opacity: 1;visibility: visible;left:0px;}
.hot-narrow-left{display: block;background: url("/images/index_icon.png");background-position: 0 -55px;position: absolute;height: 29px;width: 15px;left: -11px;top:20px;}
    /*中间部分*/
.m-hot-mid{width: 478px;height: 340px;}
.m-hot-mid-top,.m-hot-right-top{height: 169px;}
.m-hot-mid-top-left,.m-hot-mid-top-right{height: 100%;}
.m-hot-mid-bottom,.m-hot-right-bottom{margin-top: 2px;}
.hrClub{position: relative;z-index: 998;}
.hrClub-figure{margin-right: 10px;}
.hrCulb-lists{width: 310px;}
.hrClub-slide-box{width: 100%; height:100%; box-sizing:border-box; border: 1px solid #c1c5cf; padding:20px 40px; bottom:-30px; }
.hrClub-slide-box ul{margin-top: 0;}
.hrClub-slide-box ul li{width: 300px;}
.hrClub-slide-an{opacity: 0;visibility: hidden;
    -moz-transition: opacity .3s ease-in-out,bottom .2s ease-in-out,visibility .2s ease-in-out;
    -o-transition: opacity .3s ease-in-out,bottom .2s ease-in-out,visibility .2s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out,bottom .2s ease-in-out,visibility .2s ease-in-out;
    transition: opacity .3s ease-in-out,bottom .2s ease-in-out,visibility .2s ease-in-out}
.hrClub.nav-item-hover .hrClub-slide-an{ margin-top: 0;  opacity: 1;visibility: visible;bottom:0px;}
.hot-narrow-top{display: block;background: url("/images/index_icon.png");background-position: 0 -100px;position: absolute;height: 14px;width: 27px;left: 15px;bottom:-12px;z-index: 9999;}
/*.inner-img img{
    transition: all .5s ease-in-out;
    transform:scale(1,1);
    -moz-transform:scale(1,1);
    -webkit-transform:scale(1,1);
    -o-transform:scale(1,1);}*/
/*.inner-img:hover img{transform:scale(1.02,1.02);
    -moz-transform:scale(1.02,1.02);
    -webkit-transform:scale(1.02,1.02);
    -o-transform:scale(1.02,1.02);}*/
.hot-menu{width: 12px;height: 11px;display: block;position: absolute;bottom:10px;right: 10px;background: url("/images/m-hot-menu.png") no-repeat;}
/*最新鲜招聘 结束*/


/*产品tab开始*/
.product-content{width: 980px; margin:30px auto;}
    /*模块头部公共样式******************************/
.m-content-title .m-title{display: block;text-align: center;}
.m-content-title .m-title .m-title-en{font-size: 18px;color: #e95903;}
.m-content-title .m-title .m-title-cn{font-size: 18px; color: #000;}
.m-content-title .titie-lines{display: block;width:178px;height: 3px; background: url(../images/titie-lines.jpg) no-repeat center;margin:10px auto; }
.m-content-title .sub-title{text-align: center;font-size: 12px;color: #999;}
.product-box{text-align: center;margin-top:20px;}
.tab-nav .fea-div{width: 155px;  margin: 15px 4px;  display: inline-block;float: left;}
.tab-nav .fea-div .img-title{    font-size: 14px;  margin-top: 10px;  color: #555555;  margin-bottom: 20px;}
.tab-nav .fea-div .img-title-current{font-size: 14px;  margin-top: 10px;  color: #e95903;  text-align: center;  margin-bottom: 20px; }
.fea-div .img-circle, .fea-div .img-circle-current, .fea-div:hover .img-circle, .fea-div:hover .img-circle-current {  transition: background-color 0.3s ease;  -webkit-transition: background-color 0.3s ease;  -moz-transition: background-color 0.3s ease;}
.tab-nav .fea-div .fea-title.fea-title-current{ color: #e95903;  text-align: center;  margin-bottom: 20px;}
.img-circle {  border: 1px solid #aaa;  width: 57px;  height: 57px;  margin: 0 auto;  background-color: #fff;  border-radius: 50%;  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  -o-border-radius: 50%;  background-image: url("/images/product_icon.png");  background-repeat: no-repeat;  }
.img-circle-one {  background-position: 11px -46px;  }
.img-circle-two {  background-position: -39px -45px;  }
.img-circle-three {  background-position: -88px -44px;  }
.img-circle-four {  background-position: -142px -45px;  }
.img-circle-five {  background-position: -195px -46px;  }
.img-circle-six {  background-position: -245px -44px;  }
.img-circle-seven {  background-position: -300px -44px;  }
.img-circle-eight {  background-position: -350px -44px;  }
.img-circle-nine {  background-position: -404px -44px;  }

.img-circle-current{ border: 1px solid #e95903;background-color: #e95903;  width: 57px;  height: 57px;  margin: 0 auto;  border-radius: 50%;background-image: url("/images/product_icon.png"); background-repeat: no-repeat;   -webkit-border-radius: 50%;  -moz-border-radius: 50%;  -o-border-radius: 50%;}
.img-circle-current-one{ background-position: 11px 9px;}
.img-circle-current-two{ background-position: -39px 11px;}
.img-circle-current-three{ background-position: -88px 11px;}
.img-circle-current-four{ background-position: -142px 10px;}
.img-circle-current-five{ background-position: -195px 9px;}
.img-circle-current-six{ background-position: -245px 11px;}
.img-circle-current-seven{ background-position: -300px 11px;}
.img-circle-current-eight{ background-position: -350px 11px;}
.img-circle-current-nine{ background-position: -404px 11px;}



.com-probox li {  position: relative;  height: 500px;  }
.com-c {  width:980px;  margin: 0 auto;  position: relative;  }
.pr-img {  width: 490px;  }
.pr-txt {  width: 460px;  }
.pr-h1 {  color: #040404;  font-size: 24px;  line-height: 24px;  margin: 20px 0; text-align:left; }
.pr-title{color: #e95903;display: inline-block;  margin-right: 15px;}
.pr-info{text-align: left;color: #666;font-size: 14px;height: 200px;overflow: hidden;text-overflow:ellipsis;  overflow:hidden;line-height: 24px;}
.pr-a{width: 160px;height: 36px;background: #e95903;text-align: center;display: block;line-height: 36px;color: #fff;border-radius: 4px;position: relative;}
.pr-a .nav-arrow{position: absolute;top: 15px;}
.pr-a:hover .nav-arrow-right{animation: narrow-right .8s linear infinite;-webkit-animation: narrow-right .8s linear infinite;}
.pr-a:hover{opacity: .8;}
.pr-title-detail{}
.xz{position: absolute;top: 0px;left: 60px;
    /*animation:top 1s;    animation-fill-mode: forwards;*/
    /*animation-direction: alternate;*/
}

.slide-solution{background: url("/images/solution-bg.png") no-repeat left center;background-size:980px 300px;width:980px;height:300px;}
.solution-link:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
.solution-link {    height: 20px;position:absolute;
    font-size: 14px;
    line-height: 20px;
    color: #333;}
.solution-link p{float:left;margin:0 10px;font-size:15px;}
.solution-link span{position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background: #41bce7;
    margin: 5px 0;
    float:left;
}
    .solution-link span:after {
    content: "";
    position: absolute;
    left: -5px;
    top: -5px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #41bce7;
    opacity: 0.3
    }
    .solution-link.nav-item-hover span:after {
     background: #00fcff;
    animation: Circle 1.2s infinite linear;
    }
      @keyframes Circle{
	0%{
		transform: scale(0.5);
		opacity: 0;
	}
	50%{
		transform: scale(1);
		opacity: 0.3;
	}
	100%{
		transform: scale(0.5);
		opacity: 0;		
	}
}
.solution-link.s-l-1{left:85px;top:175px;}
.solution-link.s-l-2{left:356px;top:57px;}
.solution-link.s-l-3{left:403px;top:134px;}
.solution-link.s-l-4{left:625px;top:98px;}
.solution-link.s-l-5{left:637px;top:175px;}
.solution-link.s-l-6{left:821px;top:260px;}
/*产品tab结束*/
@keyframes narrow-right{
    from {margin-left:5px;}
    to {margin-left:10px;}
}
@-webkit-keyframes narrow-right{
    from {margin-left:5px;}
    to {margin-left:10px;}
}
@keyframes top{
    from { top:100px;}
    to{top:0px;}
}

/*在线服务开始*/
.service-online{margin: 50px auto 40px;}
.service-online .service-title{padding: 30px 0 15px ;border-top: 1px solid #ddd;width: 558px;font-size: 16px;color: #333;text-align: center;margin: 0 auto;}
.service-online .service-online-content{position: relative;border:1px solid #d6d8de;border-right: none; width: 961px;margin: 0 auto;}
.service-box{width: 159px;height: 68px;border-right: 1px solid #d6d8de;float: left;text-align: center;position: relative;padding: 30px 0;font-size: 14px;transition: all 1s;}
.service-box-icon{background: url("/images/service-icon.png") no-repeat;text-align: center;display: block;width: 44px;height: 44px;margin: 0 auto 6px; font-size: 14px;}
.service-m-1 .service-box-icon {background-position: 0 0;}
.service-m-2 .service-box-icon {background-position: -64px 0;}
.service-m-3 .service-box-icon {background-position: -128px 0;}
.service-m-4 .service-box-icon {background-position: -192px 0;}
.service-m-5 .service-box-icon {background-position: -256px 0;}
.service-m-6 .service-box-icon {background-position: -320px 0;}
.service-box:hover{background: url("/images/service-hover.png" ) no-repeat center;background-size: cover;}
/*在线服务结束*/


/*资讯中心开始**********/
.information {margin-bottom:50px;}
.info-inner{position: relative;margin-top: 30px;}
.info-center-left{width: 470px;border-right:1px solid #ddd;padding-right:20px;}
.info-center-right{width: 460px;}
.info-box{position: relative;}
.noah-tea,.noah-focus{margin-bottom: 20px;}
.hd{width: 100%;margin-bottom: 10px;}
.hd-cn{font-size: 14px;}
.hd-fn{color: #9da4af;font-size: 14px;}
.hd-en{font-size: 14px;color: #9da4af;font-family: Arial;}
.noah-tea .hd-cn{color: #eb7b5d;}
.zhengce .hd-cn{color: #e0aa00;}
.noah-focus .hd-cn{color: #80bf85;}
.zhicheng .hd-cn{color: #80a5ca;}
.info-figure{width: 180px;height: 135px;margin-right: 16px;}
.info-figure img{width: 180px;height: 135px;}
.info-text{width: 100%;}
.noah-tea .info-text,.noah-focus .info-text{width: 260px;}
.info-title{font-size: 16px;color: #333;padding: 0 0 10px 0;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;font-weight:bold;}
.info-text p{font-size: 14px;color: #666;line-height: 21px;}
.noah-tea .info-text p,.noah-focus .info-text p{height: 84px;overflow: hidden; text-overflow:ellipsis;word-break: break-all;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.release-time{color: #9da4af;font-size: 12px;font-style: normal;display: inline-block;margin-top: 4px;}
.zhengce .release-time{float: right;margin-right: 15px;}
.zhengce .info-text h3{display: inline-block;width:350px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.zhengce .info-text p{height: 42px;overflow: hidden; text-overflow:ellipsis;word-break: break-all;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

.zhicheng .inner-content ul{overflow: hidden;}
.zhicheng .inner-content ul li{height: 25px;line-height: 25px;font-size: 14px;}
.zhicheng .inner-content ul li:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.zhicheng .inner-content ul li span{float: left;display: block;width:420px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.zhicheng .inner-content ul li .release-time{float: right;margin-top: 0;}
.zhicheng .inner-content ul li a:hover{color: #e95903;}
.zhicheng .inner-content ul li a:hover span{text-decoration: underline;}
.info-box a:hover .info-title{color: #e95903;text-decoration: underline;}


.more-information {position:relative;width:120px; height:36px;line-height:36px;text-align:center;display:block;margin:25px auto 0;color:#fff;background:#e95903;border-radius:4px;}
.more-information:hover{opacity:.8;}
.more-information .nav-arrow {
    position: absolute;
    top: 15px;
}
.more-information:hover .nav-arrow-right {
    animation: narrow-right .8s linear infinite;
    -webkit-animation: narrow-right .8s linear infinite;
}
.nav-arrow-right {
    background-position: 0 -23px;
}
/*资讯中心结束*********/

/*右侧导航条开始*/
.sideBar{  width: 50px;  position: fixed;  left: 50%;  margin-left: 620px;  bottom: 40px;  display: block;  z-index: 100001;  }
.sideBar-block{
    width: 40px;
    height: 40px;
    border-radius: 3px;
    margin-top: 2px;
    display: block;
    position: relative;
    background: url(/images/sidebar.jpg) no-repeat;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
}
.sideBar-block.qr-code i{
    position: absolute;
    visibility: hidden;
    z-index: 5;
    width: 130px;
    height: 277px;
    background: url(/images/qr-code.png) center  no-repeat;
    background-size: 130px 277px;
    opacity: 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
    left: -140px;
    top: -233px;
}


.sideBar a.qr-code{background-position:-84px 0;}
.sideBar a.qr-code:hover{background-position:-84px -40px;}
.sideBar a.phone400{background-position: -126px 0; }
.sideBar a.phone400:hover{background-position:-126px -40px;}
.phone400 i{background: url("/images/sidebar.jpg") no-repeat #e95903;color: #fff;font-size: 14px;width: 150px;text-align: center;position: absolute;
    visibility: hidden;
    z-index: 5;
    width: 121px;
    height: 39px;
    line-height: 39px;
    font-style: normal;
    left: -120px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
    box-shadow: 0 0 15px rgba(0,0,0,.2);
    border-radius: 4px;
    background-position: -126px 0;
    padding-left: 20px;
}
a.phone400:hover i{
    visibility: visible;
    opacity: 1;
    left: -148px;
}
.sideBar a.online-service{background-position: 0 0;}
.sideBar a.online-service:hover{background-position:0 -40px;}
.sideBar a.backTop{background-position: -42px 0;}
.sideBar a.backTop:hover{background-position:-42px -40px;}
.sideBar a.qr-code:hover i {
    visibility: visible;
    opacity: 1;
    left: -145px;
}
/*右侧导航条结束*/


.com-part {
    background: #fff;
    width: 100%;
    margin-top: 30px;
}

.up-hover{position:relative;}
.upBox-slide-box{position:absolute; width:238px; height:169px; box-sizing:border-box; overflow:hidden; left:0; top:-30px; background:#fff; border: 1px solid #c1c5cf; padding:10px;}
.upBox-slide-an{opacity: 0; visibility: hidden;
    -moz-transition: opacity .3s ease-in-out,top .2s ease-in-out,visibility .2s ease-in-out;
    -o-transition: opacity .3s ease-in-out,top .2s ease-in-out,visibility .2s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out,top .2s ease-in-out,visibility .2s ease-in-out;
    transition: opacity .3s ease-in-out,top .2s ease-in-out,visibility .2s ease-in-out}
.up-hover.nav-item-hover .upBox-slide-an{margin-top: 0;  opacity: 1; visibility: visible; top:0;}
.rightBox-slide-box{position:absolute; width:238px; height:169px; box-sizing:border-box; overflow:hidden;top:0; right:-30px; background:#fff; border: 1px solid #c1c5cf; padding:10px;}
.rightBox-slide-an{opacity: 0; visibility: hidden;
    -moz-transition: opacity .3s ease-in-out,right .2s ease-in-out,visibility .2s ease-in-out;
    -o-transition: opacity .3s ease-in-out,right .2s ease-in-out,visibility .2s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out,right .2s ease-in-out,visibility .2s ease-in-out;
    transition: opacity .3s ease-in-out,right .2s ease-in-out,visibility .2s ease-in-out}
.up-hover.nav-item-hover .rightBox-slide-an{margin-top: 0;  opacity: 1; visibility: visible; right:0;}

.gov-intro{width:100%; height:100%; box-sizing:border-box;}

.leftBox-slide-box{width:262px; height:340px; box-sizing:border-box;} 


#cert{width:980px; margin-top:30px;}
#cert li{float:left; padding:0 5px;}
#cert li img{height:80px; }