/* CSS Document */
/*公共样式*/
*{margin:0; padding:0; border:0;}
*:focus{outline:none;}
html{ overflow-x:hidden;}
body {margin:0; padding:0; border:0; font-size:12px; font-family:"微软雅黑";}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}
table,td,tr,th{ font-size:12px;}
li{list-style-type:none;}
img{vertical-align:top;border:0; width: 100%;}
ol,ul {list-style:none; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 { font-size:12px;}
a {text-decoration:none;}
em,i{font-style:normal;}
.clear{ clear:both;}
input[type="submit"],input[type="button"]{ cursor: pointer;}
#page{  width:100%;margin:0 auto; max-width:840px;  overflow-x:hidden; /*opacity:0  */ }
.clear{ clear: both; }
.f01{ font-family:"微软雅黑";}
.l{ float:left;}
.r{ float:right;}
.blank{ height:10px;}
.blank1{ height:15px;}
.blank2{ height:20px;}
.blank3{ height:25px;}
.blank4{ height:30px;}
.header,.main,.footer{ width:100%; margin:0 auto;}




/*-----头部-------------------------------------------------------------------*/
.warp_header{ position: relative;z-index: 999;}
.warp_header .logo{ width: 2.44rem; height: 1.07rem; float: left; margin-left: 0.3rem;}
.warp_header .logo img{ width: 100%;}

.warp_header .menu{ width: .45rem; height: .33rem;  background: url(../images/menu_bg.jpg) no-repeat;  background-size: .45rem .33rem;  position: absolute; z-index: 99; top:.33rem;right: .3rem;cursor: pointer;display: inline-block;  transition: background .2s ease-out;}
.warp_header .menu.active{ background: url(../images/nope.jpg) no-repeat; background-size: .33rem .33rem;display: inline-block; width: .33rem; height: .33rem;right: .4rem; transition: background .2s ease-out;}
.index_nav{  width: 100%;  display: none; position: absolute; z-index: 9999; background: #fff; max-width:840px;}
.index_nav li{height: .88rem; color: #666666; font-size: .3rem;  margin: 0 auto;width: 92%; border-bottom: 1px solid #cccccc; line-height: .88rem; }
.index_nav li a{color: #666666; padding-left: .1rem;display: block;height: .88rem;width: 92%;}
.index_nav .no_line{border-bottom: none;}



/*-----banner-------------------------------------------------------------------*/

.withe_bg{position: absolute; z-index: 99; top: .5rem; width: 7.8rem; height: 4.34rem;  background: url(../images/withe_bg.png); left: .3rem; }
.withe_bg .adv{ width: 5.25rem;  height: 1.20rem; display: block; margin: 0 auto; padding-top:.35rem;}
.withe_bg .adv img{width: 5.25rem;  height: 1.20rem;}

.withe_bg .form{width: 4.42rem; margin: 0 auto;  padding: .3rem;}
.withe_bg .form form .td{width: 4.32rem;height: .62rem; display: block;margin-bottom: 0.1rem; background: #fff;}
.withe_bg .form form .td label{ width: .82rem; height: .62rem; display: block; background: #fff; line-height:.62rem;text-align: center; float: left; font-size: .24rem;color: #666666;  }
.withe_bg .form form .td input{ border-radius:0; float: left;border-left:1px solid #cccccc;  height: 0.3rem;width: 3.4rem; margin-top: .14rem;display: block; font-size: .24rem; }
.withe_bg .form form .submit button{width: 4.32rem;  background-color: #fab414;   height: .78rem; display: block; text-align: center; line-height:.78rem; border-radius:0; font-size: .34rem;font-weight: bold;font-style: italic; color: white; font-family: 微软雅黑; }
.withe_bg .form form .submit input{width: 4.32rem;  background-color: #fab414;   height: .78rem; display: block; text-align: center; line-height:.78rem; border-radius:0; font-size: .34rem;font-weight: bold;font-style: italic; color: white; font-family: 微软雅黑; }

/*-----four-------------------------------------------------------------------*/

.hot{width: .63rem; height: 1.83rem; position: absolute; z-index: 999;top:.36rem; right: .3rem;}
.hot img{width: .63rem; height: 1.83rem;}

.warp_main{margin-top: .64rem; position: relative;}
.warp_main .warp_four{  }
.warp_main .warp_four li{width: 3.75rem;  float: left; margin-left: .3rem; margin-bottom: .3rem;}
.warp_main .warp_four li img{width: 100%;}

.warp_main .four_logo{ width: 2.64rem;  position: absolute;z-index: 99; top:1.2rem; left: 2.9rem;}
.warp_main .four_logo img{width: 100%;}


/*-----footer-------------------------------------------------------------------*/

.warp_footer{ position: relative; margin-top: .37rem;}
.warp_footer .left{width: 46%; height: 1.2rem; background-color: #1f2229; float: left; padding-left: 4% }
.warp_footer .left li{ width: 30%; float: left; margin-top: .16rem; margin-right: 14%; }
.warp_footer .left li p{background: url(../images/active.png)center no-repeat;  width: 100%; height: 0.5rem; display: block;  margin-bottom: .09rem; background-size: .45rem .5rem;}
.warp_footer .left li p1{background: url(../images/bar.png)center no-repeat;  width: 100%; height: 0.48rem; display: block;  margin-bottom: .11rem; background-size: .47rem .48rem;}
.warp_footer .left li span{width: 100%;display: block;   font-size: .24rem; color: #fff; font-family: "微软雅黑"; text-align: center;}
.warp_footer .left li a:hover p{background: url(../images/active_ed.png)center no-repeat; width: 100%; height: 0.5rem; display: block;  margin-bottom: .09rem; background-size: .45rem .5rem;}
.warp_footer .left li a:hover p1{background: url(../images/bar_ed.png)center no-repeat;  width: 100%; height: 0.48rem; display: block;  margin-bottom: .11rem; background-size: .47rem .48rem;}
.warp_footer .left li a span{color:#fff;}
.warp_footer .left li a:hover span{ color:#fab414; }

.warp_footer .center{background:url(../images/center.png) no-repeat; text-align: center;line-height: 1.44rem; background-size:  1.44rem  1.44rem; width: 1.44rem; height:1.44rem;  position: absolute; z-index: 999; top:-.3rem; left: 3.5rem;}
.warp_footer .center a{color: #fff;font-size: .24rem; font-family: "微软雅黑";}
.warp_footer .center img{width: 100%;}

.warp_footer .right{width: 45%; height: 1.2rem; background-color: #1f2229; float: right;padding-right: 5% ; }
.warp_footer .right li{ width: 30%; float: right; margin-top: .16rem; margin-left: 14%; }
.warp_footer .right li p{background: url(../images/dh.png)center no-repeat;  width: 100%; height: 0.48rem; display: block;  margin-bottom: .09rem; background-size: .51rem .48rem;}
.warp_footer .right li p1{background: url(../images/service.png)center no-repeat;  width: 100%; height: 0.48rem; display: block;  margin-bottom: .09rem; background-size: .49rem .48rem;}
.warp_footer .right li a:hover p{background: url(../images/dh_ed.png)center no-repeat;  width: 100%; height: 0.48rem; display: block;  margin-bottom: .09rem; background-size: .51rem .48rem;}
.warp_footer .right li a:hover p1{background: url(../images/service_ed.png)center no-repeat;  width: 100%; height: 0.48rem; display: block;  margin-bottom: .09rem; background-size: .49rem .48rem;}
.warp_footer .right li span{width: 100%;display: block;   font-size: .24rem; color: #fff; font-family: "微软雅黑"; text-align: center;}
.warp_footer .right li a:hover span{ color:#fab414; }



/*-----about-------------------------------------------------------------------*/

.about_header{ height: 1.15rem; width: 100%;  border-bottom: 1px solid #cdcdcd; position:fixed;z-index:999; background: #fff;max-width:840px;}
.about_header .title{width: 93%; margin: 0 auto;height: 1.15rem; text-align: center;line-height: 1.15rem; color: #1f2229; font-size: .46rem;}
.about_header .more{ display: block;  font-size: .38rem; color:#ffb713;font-family: "微软雅黑";    transform: translateY(-50%);    -moz-transform: translateY(-50%);    -webkit-transform: translateY(-50%);    -o-transform: translateY(-50%);    top: 50%; }
.about_header .view{position: absolute; left: 4%; }
.about_header .view::before{content: "";    display: inline-block;    vertical-align: middle; background: url(../images/view_ed.png)left center no-repeat; background-size: .33rem ; width: .33rem; height: .47rem;}

.tabBox .hd{width: 100%; margin: 0 auto; height: .99rem; border-bottom: 1px solid #cdcdcd;padding-top:1.15rem;overflow:hidden;}

.tabBox .hd ul li{width: 28% ; float: left; line-height: .95rem; text-align: center; font-size: .32rem; color: #333333; display: block; margin-left: 3.7%;}
.tabBox .hd ul li a{width: 100% ; height:.95rem;display: block;color: #333333; }
.tabBox .hd ul li a:hover{color: #ffb713; border-bottom: 4px solid #ffb713;}
.tabBox .hd ul li.on a{color: #ffb713; border-bottom: 4px solid #ffb713;}
.tabBox .hd ul .line{background: url(../images/em.png) center no-repeat; width: 1px; height: .28rem; float: left; display: block;  margin-top: .33rem; margin-left: .1rem;}

.about_main{width: 93%; margin-top: .31rem; margin-left: .3rem; margin-bottom: .2rem; }
.about_main .title{ width: 100%;height.4rem; text-align: center; line-height: .4rem; color: #333333; font-size: .32rem;  margin-top: .5rem;}
.about_main .pic{width: 7.8rem; margin-top: .25rem;}
.about_main p{text-align:left;color: #666666;font-size: .28rem; line-height: .5rem; margin-top: .28rem;margin-bottom: .33rem;}
.about_main .text{height: 6.3rem;}
.about_main .text .p1{float: left;  width: 48%; margin-bottom: .3rem;}
.about_main .text .p2{float:right;width: 48%;margin-bottom: .3rem;}




.culture_main{ width: 100% ;  }
.culture_main ul {overflow: hidden;zoom:1;}
.culture_main ul li{ width: 3.75rem; height: 4.64rem; margin-left: .3rem; margin-top: .3rem; float: left; display: block;}
.culture_main ul .bg1{background: url(../images/cultur_pic1.png) no-repeat; background-size:3.75rem  4.64rem; }
.culture_main ul .bg2{background: url(../images/cultur_pic2.png) no-repeat; background-size:3.75rem  4.64rem; }
.culture_main ul .bg3{background: url(../images/cultur_pic3.png) no-repeat; background-size:3.75rem  4.64rem; }
.culture_main ul .bg4{background: url(../images/cultur_pic4.png) no-repeat; background-size:3.75rem  4.64rem; }
.culture_main ul .bg5{background: url(../images/cultur_pic15.png) no-repeat; background-size:3.75rem  4.64rem; }
.culture_main ul .bg6{background: url(../images/cultur_pic6.png) no-repeat; background-size:3.75rem  4.64rem; }

.culture_main ul li p{margin-top: 2.6rem; text-align: center; line-height: .47rem; color:#fff; font-size: .26rem;}
.culture_main ul li p1{margin-top: 2.6rem; text-align: center; color:#fff; font-size: .26rem;width: 3.75rem; display: block; margin-top: 2.9rem; line-height: .5rem;}

.contact_main{width: 93%; margin: 0 auto;}
.contact_main .contact_pic{ padding-top: .3rem; }
.contact_main .title{color: #333333;font-size:.32rem; margin-top: .4rem;}
.contact_main .line{background: url(../images/contact_line.jpg)no-repeat; width: 7.8rem; height: 2px;display:block; margin-top: .25rem; margin-bottom: .45rem;}

.contact_main p1{  color: #333333; font-size: .28rem; background: url(../images/tep.jpg)0rem .09rem no-repeat;  background-size: .15rem .27rem; padding-left: .4rem; margin-bottom: .13rem; display: block;}
.contact_main p2{color: #333333; font-size: .28rem;display: block; background: url(../images/email.jpg)0rem .1rem no-repeat; background-size: .2rem .14rem; padding-left: .4rem;margin-bottom: .13rem; }
.contact_main p3{color: #333333; font-size: .28rem;display: block;background: url(../images/add.jpg)0rem .06rem no-repeat; background-size: .21rem .27rem;padding-left: .4rem;margin-bottom: .13rem;}

.contact_main p1 span{color: #666666;}
.contact_main p2 span{color: #666666;}
.contact_main p3 span{color: #666666;}
.contact_main .txt{height: 4.76rem;}



/*----- 招聘-----------------------------------------------------------------*/
.offers_warp{padding-top:1.15rem; width: 93%; margin: 0 auto;}
.offers_warp .pic{ width: 7.8rem ; height: 2.9rem; margin-top: .3rem; }

.bellows{box-sizing: border-box;-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; margin-top: .4rem; margin-bottom: .73rem;}
.vtitle{ width: 100%; height: .93rem;  font-size: .32rem; color: #333333;    position: relative; line-height: .93rem;   border-top:1px solid #cdcdcd; }
.v{float:right; display:inline-block; background: url(../images/zp_ed3.png) no-repeat;  width: .3rem; height: .3rem; background-size: .3rem .6rem;overflow: hidden; margin-top:.3rem; margin-right:.3rem;}
.v02{background-position:0 -.3rem;}
.v01{background-position:0 0;}
.vconlist{width: 100%; overflow: hidden;zoom:1;}
.vconlist .p1{ height: .7rem;color: #666666; font-size: .26rem; width: 3rem; margin-right: .3rem; display: block; float: left; line-height: .7rem; }
.vconlist .p2{float: left;height: .7rem;color: #666666; font-size: .26rem; width: 3rem;display: block;line-height: .7rem; }

.text1{ margin-top: .3rem; }
.text1 p{font-size: .26rem; color:#666666; margin-top: .06rem;} 

.text2{ margin-top: .5rem; }
.text2 p{font-size: .26rem; color:#666666; margin-top: .06rem;} 

.text3{ margin-top: .5rem;  height: 1.86rem;}
.text3 p{font-size: .26rem; color:#666666; margin-top: .06rem;} 



/*-----news_list-----------------------------------------------------------------*/

.news_warp{padding-top:1.15rem; width: 100%; margin: 0 auto; }
.news_warp .news_list{height: .99rem; width: 100%; border-bottom: 1px solid #cdcdcd;}
.news_warp .news_list li{ width: 49.2%; float: left;height: .99rem; }
.news_warp .news_list li span{width: 85%; margin: 0 auto; height:.95rem; display: block;}
.news_warp .news_list li span a{  font-size: .32rem; width: 85%; margin: 0 auto; height:.95rem;display: block;color: #333333;  line-height: .95rem; text-align: center;}
.news_warp .news_list li span a:hover{color: #ffb713; border-bottom: 4px solid #ffb713;}
.news_warp .news_list li span a.on{color: #ffb713; border-bottom: 4px solid #ffb713;}
.news_warp .news_list .line{background: url(../images/em.png) center no-repeat; width: 1px; height: .28rem; float: left; display: block;  margin-top: .33rem; margin-left: .1rem;}

.news_warp .banner_list{}
.news_warp .banner_list li{position: relative;}
.news_warp .banner_list li .title{font-size: .24rem; text-align: center; line-height: .5rem; left: 0; width: 100%; height: .5rem; background:url(../images/banner_list_op.png); color:#fff; display: block; position: absolute; z-index: 999; bottom: 0;}
.news_warp .news_nav {width: 93%; margin: 0 auto 1rem auto;}
.news_warp .news_nav ul{ padding-bottom: 0.6rem; }
.news_warp .news_nav ul li{ font-size: .3rem; width: 100% ;  height: 1.2rem; line-height: 1.2rem; display: block; border-bottom:1px solid #cdcdcd; }
.news_warp .news_nav ul li span{ width: 1.55rem; font-size: .26rem; color: #999999;  height: 1.2rem; display: block;float: right; }
.news_warp .news_nav ul li a{ color:#000; width: 100% ;  height: 1.2rem;  display: block;}
.news_warp .news_nav ul li a:hover{color: #ffb713;}


.news_warp .news_show {width: 93%;  margin: .21rem auto 0 auto;}
.news_warp .news_show .title{width:100% ; height: .71rem; text-align: center; line-height: .71rem;color: #333333; font-size: .34rem;}
.news_warp .news_show .read{ width: 100%; height: .55rem; display: block;  line-height: .55rem;}
.news_warp .news_show .read .left{ float: left;  color: #999999; font-size: .26rem; padding-left: .9rem;}
.news_warp .news_show .read .right{float: left; margin-left: .18rem; }
.news_warp .news_show .read .right em{color: #999999; font-size: .26rem; margin-left: .26rem;}
.news_warp .news_show .read .right em span{color:#ffb713;}
.news_warp .news_show p{font-size: .26rem;color:#666666;width: 100%; margin-top: .39rem;line-height: .46rem;}


.news_warp .news_show .like{ display: block; width: .74rem; height: 1.27rem;  background: url(../images/like_ed1.png) no-repeat; background-size: .74rem .74rem;   margin: 0 auto; text-align: center; line-height: 2.1rem;
 color: #666666; font-size: .26rem; margin-top: .5rem;}

 .news_warp .news_show .like.active{display: block; width: .74rem; height: 1.27rem;  background: url(../images/like_ed2.png) no-repeat; background-size: .74rem .74rem;   margin: 0 auto; text-align: center; line-height: 2.1rem;
 color: #666666; font-size: .26rem; margin-top: .5rem;}

 .news_warp .news_show  .keyword{ font-size: .26rem;color: #999999;  margin-top: .4rem;}
  .news_warp .news_show  .keyword span a{color :#43aafa; margin-right: .2rem; float:left: ;}

  .news_warp .news_show .txt{ margin-top: .23rem; height: 1.45rem; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd ; width: 100%; display: block;}

.news_warp .news_show .txt a{color: #999999; font-size: .3rem; height: .45rem;}
.news_warp .news_show .txt .prve{ overflow: hidden;zoom:1; width: 100%; display:block; padding-top: .26rem;}
.news_warp .news_show .txt .next{ margin-top: .11rem;display: block; }
.news_warp .news_show .txt .next span{ color: #666666;  width: 100%;} 
.news_warp .news_show .back{width: 100%; height: 1.09rem; line-height: 1.09rem;border-bottom: 1px solid #cdcdcd ;}
.news_warp .news_show .back a{ color: #999999; font-size: .3rem; }
.news_warp .news_show  .read_list{margin-top: .36rem; margin-bottom: 1.19rem;}
.news_warp .news_show  .read_list .tag{ color: #333333; font-size: .34rem; }
.news_warp .news_show  .read_list .list li {width: 100%;  margin-top: .34rem; height: 1.2rem;}
.news_warp .news_show  .read_list .list .pic{ width: 20% ;float: left; }
.news_warp .news_show  .read_list .list .txt1{ float: right; width: 77%; }
.news_warp .news_show  .read_list .list .txt1 .title1{height: .55rem; width: 100%; display: block; color: #333333;font-size: .3rem;}
.news_warp .news_show  .read_list .list .txt1 .text{color:#666666; font-size: .22rem;line-height:.35rem;}




/*分页---------*/


.page{height: .53rem;margin:0 auto;width: 6rem;margin-bottom:.6rem}
.page a{
	    padding-top:.07rem;
        padding-bottom:.07rem;
        padding-left:.2rem;
        padding-right:.2rem;
        text-align:center; 
        display: block; 
        float: left; 
        border: 1px solid #cccccc; 
        margin-left: .13rem; 
        color:#666666; 
        font-size: .26rem;
}
.page a:hover{ background: #ffb713;color: #fff; }

.page a.on{background: #ffb713;color: #fff;}




/*-----case_list----------------------------------------------------------------*/
.case {width: 93%; margin: 0 auto;padding-top:1.4rem;}/*min-height: 30.8rem;*/
.case .red{background: url(../images/red.png) no-repeat;  height: 5.88rem; background-size: 100% 5.88rem; overflow: hidden;}
.case .td1 {width: 6.35rem; margin: 1.13rem auto 0 .3rem;  min-height: 1.08rem;  }
.case .td1 span{ color: #db4453; font-size: .34rem; font-weight: bold;  display: block; margin-bottom: .2rem;}
.case p{color:#333333; font-size: .26rem; line-height: .5rem;}
.case  span1{ color: #db4453; font-size: .34rem; font-weight: bold;  display: block; margin-bottom: .1rem; margin-top: .2rem;}
.case .td2{width: 6.35rem; margin: 0rem auto 0 .3rem;}
.case .line{ height: 1px; width: 6.35rem; background: #cdcdcd; margin: .25rem auto 0 .3rem;}


.case .green{background: url(../images/green.png) no-repeat;  height: 5.47rem; background-size: 100% 5.47rem; overflow: hidden; margin-top: .4rem;}
.case .green span,.case .green span1{color:#a0d468;}

.case .org{background: url(../images/org.png) no-repeat;  height: 5.97rem; background-size: 100% 5.97rem; overflow: hidden; margin-top: .4rem;}
.case .org span,.case .org span1{color:#f6bb46;}

.case .blue{background: url(../images/blue.png) no-repeat;  height: 5.48rem; background-size: 100% 5.48rem; overflow: hidden; margin-top: .4rem;}
.case .blue span,.case .blue span1{color:#51c1e9;}

.case .fh{background: url(../images/fh.png) no-repeat;  height: 5.47rem; background-size: 100% 5.47rem; overflow: hidden; margin-top: .4rem;}
.case .fh span,.case .fh span1{color:#ec87c1;}


/*-----success----------------------------------------------------------------*/

.success{width: 93%; margin: 0 auto;padding-top:1.4rem;}
.success .txt{ width: 100%; height: 2.8rem; background: #000; }
.success .txt .title{color:#fff;font-size: .34rem; text-align: center; padding-top: .4rem; }
.success .txt .title span{ margin-left: .4rem; color:#ffb713;}
.success .txt .text{font-size: .26rem;color:#fff ; width: 93%; margin: .3rem auto 0 auto; line-height: .4rem;}


.success .td1{ margin-top: .4rem; margin-bottom: .37rem; }
.success .td1 .tag{ color:#333333;font-size: .34rem; }
.success .td1 .line{ width: .67rem; height: 1px;  background: #ffb713; display: block; margin-top: .3rem; margin-bottom: .3rem; }
.success .td1 p{color: #666666; font-size: .26rem; line-height: .5rem;}
.success .line1{ width: 100%; height: 1px; background: #d1cece; display: block; }
.success .td1 p em{ width: .34rem; display:block;  height: .4rem; float: left;}


.success .last{}
.success .last .tag{ width: 100%; height: .6rem; border-bottom: 1px solid #ffb713; }
.success .last .tag span{ width: 2.02rem; height: .6rem;display: block; text-align: center;line-height: .6rem; color: #fff; font-size: .34rem; background: #ffb713;}
.success .last .text{ width: 100%; margin: 0 auto; line-height: .5rem; height: 3.7rem; border-bottom: 1px solid #ffb713; font-size: .26rem; color: #666666; margin-top: .35rem;}
.success .last .text p{width: 94%;   margin: 0 auto;}
.success .last .pages{ width: 100%; height: .9rem; margin-top: .3rem; margin-bottom: .9rem; }
.success .last .pages a {  margin-right: 3%; color:#fff; font-size: .34rem;width: 47%; height: .9rem; display: block;background: #cccccc; line-height: .9rem; text-align: center; float: left;  box-sizing:border-box;}
.success .last .pages a.on{background: #ffb713; }


/*-----feedback----------------------------------------------------------------*/
.feedback{width: 93%; margin: 0 auto;padding-top:1.6rem;    height: 11.6rem;}

.feedback form span label{ width: 22% ;color: #333333; font-size: .28rem; float: right; height: .84rem; line-height: .84rem; text-align: right;}
.feedback form span label em{color: #ff0000; font-size: .28rem;}
.feedback form span input{  padding-left: 1%;  box-shadow:none; border-radius:0; float: right;width: 74%; height: .8rem; border: 1px solid #cecece; margin-bottom: .28rem; margin-left: 2%;font-size: .28rem;}

.feedback form span{ width: 100%;display: block;}

.feedback form span textarea{padding-left: 1%; border-radius:0;float: right; height: 3.86rem;    width: 74%; margin-left: 2%;border: 1px solid #cecece; padding-top: .28rem;font-size: .28rem;}

.feedback form .but{ float: right; width: 74.4%;}
.feedback form .but button{background: #666666; width: 2rem;height: .8rem;  display: block; color: #fff; font-size: .34rem;float: left; margin-right: .32rem; margin-top: 0.3rem;}
.feedback form .but button.on{background: #ffb713;}


.feedback form span .select{ float: right;width: 75.4%;margin-left: 2%;position: relative;margin-bottom: .28rem;}
.feedback form span .select dt{ color: #333333; padding-left: 2%;font-size: .28rem;   height: .8rem;  display: inline-block; border: 1px solid #cecece;  background: url(../images/browsers.jpg) no-repeat right center;    line-height: .8rem;cursor: pointer;    width: 98%;    overflow: hidden;   position: relative;    z-index: 99;  background-size: .85rem .82rem;}


.feedback form span .select dd { position: absolute;  z-index: 9999;   border: 1px solid #d2ccc4; background: #fff;  display: none;      width: 99.6%;top: .82rem;}
.feedback form span .select dd ul { max-height: 3rem;    width: 100%;      overflow: auto;}
.feedback form span .select dd ul li{height: .8rem; display: block; font-size: .28rem; line-height: .8rem;padding-left: 1%;color: #000;}
.feedback form span .select dd ul li a{display:block;height: .8rem; color: #000;}
.feedback form span .select dd ul li a:hover{background:#f5f5f5;}


/*-----service----------------------------------------------------------------*/

.service{padding-top:1.15rem; width: 100%; margin: 0 auto; }
.service .service_list{height: .99rem; width: 100%; border-bottom: 1px solid #cdcdcd;}
.service .service_list li{ width: 49.2%; float: left;height: .99rem; }
.service .service_list li span{width: 85%; margin: 0 auto; height:.95rem; display: block;}
.service .service_list li span a{  font-size: .32rem; width: 60%; margin: 0 auto; height:.95rem;display: block;color: #333333;  line-height: .95rem; text-align: center;}
.service .service_list li span a:hover{color: #ffb713; border-bottom: 4px solid #ffb713;}
.service .service_list li span a.on{color: #ffb713; border-bottom: 4px solid #ffb713;}
.service .service_list .line{background: url(../images/em.png) center no-repeat; width: 1px; height: .28rem; float: left; display: block;  margin-top: .33rem; margin-left: .1rem;}

.service .s_about{ width: 100%; margin: 0 auto; height: 2.7rem; border-bottom: 1px solid #cdcdcd;   }
.service .title{color: #333333;font-size: .34rem; margin: 0 auto; width:100%; text-align: center;margin-top: .48rem;}
.service .s_about p{ width: 89%; margin: 0 auto; color: #666666; font-size: .24rem; line-height: .45rem; margin-top: .3rem; }

.service .tag{ width: 100%; height: .7rem; background: #f0f0f0; margin-top: .38rem;}
.service .tag .left{width: 30%;height: .7rem;float: left; color: #333333; font-size: .3rem; line-height: .7rem; padding-left: 20%;}
.service .tag .right{width: 38%;height: .7rem; float: left;color: #333333; font-size: .3rem;line-height: .7rem;padding-left: 12%;}
.service .txt{width: 100%;}
.service .txt .d1{ height: 2.3rem; border-bottom: 1px solid #cdcdcd;overflow: hidden;}
.service .txt .lf{ text-align: center; width: 17%; padding-top: .3rem;color: #f6622f; font-size: .26rem; float: left;margin-bottom: .63rem;}
.service .txt .center{line-height: .4rem; height: 2rem;  width: 41.3%; padding-top: .3rem; color: #333333;font-size: .24rem;float: left; margin: 0 auto;border-right: 1px solid #cdcdcd;border-left: 1px solid #cdcdcd;}
.service .txt .rg{line-height: .4rem; width: 40.2%;padding-top: .3rem;float: left; color: #999999;font-size: .24rem;}
.service .txt .center p{ width: 90%; margin: 0 auto; }
.service .txt .rg p{ width: 90%; margin: 0 auto; }



.service .txt .d2{ height: 1.9rem; border-bottom: 1px solid #cdcdcd;overflow: hidden;}
.service .txt .d3{ height: 1.7rem; border-bottom: 1px solid #cdcdcd;overflow: hidden;}
.service .txt .d4{ height: 1.25rem; border-bottom: 1px solid #cdcdcd;overflow: hidden;}
.service .txt .d5{ height: 1.4rem; border-bottom: 1px solid #cdcdcd;overflow: hidden;}
.service .txt .d6{ height: 2.1rem; border-bottom: 1px solid #cdcdcd;overflow: hidden;}
.service .txt .d7{ height: 1.67rem; border-bottom: 1px solid #cdcdcd;overflow: hidden;}
.service .txt .d8{ height: 1.27rem; border-bottom: 1px solid #cdcdcd;overflow: hidden;}



.ss_pic{ margin-top: .36rem; }

.ser_list {width: 100%; overflow: hidden;zoom:1;}
.ser_list li{ width: 100%; display: block; overflow: hidden;zoom:1;}
.ser_list li .pic{ width: 35%; float:left;}
.ser_list li .text{display: block; padding-top: .68rem; padding-left:11%; width: 54%;float: left;  color: #666666; font-size: .26rem; background: url(../images/ser_line.png)0rem .85rem  no-repeat; background-size: .45rem 1px;}


.zj_pic { position: relative; width: 100%; margin-top: .4rem; margin-bottom: 1.04rem; }
.zj_pic .list li{float: left; width: 29%; }