html{background:#f9f9f9;color:#2a2a2a;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0; margin:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}
html {font-size: 625%;/*10 ÷ 16 × 100% = 62.5%*/}
/*******CSS reset*************/
body{color:#2a2a2a;font-size:14px;font-family:"AdobeFanHeitiStd-Bold";z-index:2;}
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.t_r{text-align:right;}
.left{ float:left;}
.right{ float:right;}
.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;left:50%;}
.hidden{display:none;}
.w{ width:83%; margin:0 auto; max-width:1280px;}
/********General**********/
.header{ width:100%; float:left;height:auto; overflow:hidden; }
.bannerw{ width:100%; height:auto; overflow:hidden; float:left;margin-top:80px; overflow:hidden;}
.lang{ background:url(../Image/lang.png) center no-repeat; text-indent:.1rem; color:#e60516; width:.61rem;}
.lang a{ color:#e60516 !important}
.cd-main-header{
  height:1.23rem; position:absolute; width:100%; top:0; left:0; z-index:999;
   transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;}
.cd-logo {
    top:.27rem; position:absolute;
    left:5%;}
  
.topover{ border-bottom:1px solid #CCC; position:fixed; top:0; left:0; height:.6rem;background:#fff; z-index:9999;
box-shadow: 0px -2px 6px #000;
}
.topover .cd-logo{top:.1rem;}
.topover .cd-logo img{ height:.4rem;}

.bt{ width:100%; text-align:center; margin:0 auto;}
.bt p{ font-size:50px;  color:#2a2a2a; font-weight:500;  line-height:2;}
.bt span{ display:block; background:url(../Image/btxian.png) top center no-repeat; line-height:2; font-size:30px; color:#d9d9d9;}

.about{ width:100%;  margin-top:5%; }
.aboutul{ margin-top:2%;}
.aboutli{ width:32%; margin-right:1.99%; float:left; overflow:hidden; box-shadow: 0px 0px 5px #888888;
-moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari 和 Chrome */
  border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.aboutli:nth-child(2){ margin-right:0;}

.aboutul{ margin-top:2%;}
.aboutli{ width:49%; margin-right:2%; float:left; overflow:hidden; box-shadow: 0px 0px 5px #888888;
-moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari 和 Chrome */
  border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.about:nth-child(2){ margin-right:0;}
.aboutpic{width:100%; padding-bottom:69.8%; position:relative; overflow:hidden;}
.aboutpic img{ position:absolute; left:0; width:100%; height:100%; top:0;transform:translate(0,0); transition:all .8s ease-in 0s; }
.aboutli:hover img{transform: scale(1.1); transition: all .8s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .8s ease 0s; }
.aboutli p{ padding:40px; padding-bottom:20px; font-size:20px; font-weight:bold; color:#2a2a2a;}
.aboutli span{ display:block; padding:40px; padding-top:0; padding-bottom:20px; font-size:16px; color:#777777;}
.aboutli font{ display:block; padding-bottom:20px; float:right; padding-right:40px; padding-left:30px; font-size:16px; background:url(../Image/newseye.png)left 3px no-repeat; color:#777777; }




.pro{ width:100%; float:left; margin-top:5%;}
.pro ul{ width:100%; margin-top:5%;}
.pro ul li{ width:50%; float:left;}
.pro ul li p{ width:100%; padding-bottom:53.33%; position:relative;}
.pro ul li img{ display:block; position: absolute; bottom:0; left:0; max-width:90%;transform:translate(0,0); transition:all .8s ease-in 0s; }
.pro ul li:hover img{transform: scale(1.1); transition: all .8s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .8s ease 0s; }
.pro ul li span{ display:block; font-size:40px; line-height:3; text-align: center; }
.adpic{ width:48%; float:left; margin-top:.7rem;}
.adpic img{ width:100%;}
.adpic2{ width:48%; float:left; margin-top:.7rem; float:right;}
.adpic2 img{ width:100%;}
.news{ width:100%;  margin-top:5%; }
.newsul{ margin-top:2%;}
.newsli{ width:32%; margin-right:1.99%; float:left; overflow:hidden; box-shadow: 0px 0px 5px #888888;
-moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari 和 Chrome */
  border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.newsli:nth-child(3){ margin-right:0;}
.newslipic{ width:100%; padding-bottom:66.15%; position:relative; overflow:hidden;}
.newslipic img{ position:absolute; left:0; width:100%; height:100%; top:0;transform:translate(0,0); transition:all .8s ease-in 0s; }
.newsli:hover img{transform: scale(1.1); transition: all .8s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .8s ease 0s; }
.newsli p{ margin:40px; margin-bottom:20px; font-size:20px; font-weight:bold; color:#2a2a2a;}
.newsli span{ display:block; margin:40px; margin-top:0; margin-bottom:20px; font-size:16px; color:#777777;}
.newsli font{ display:block; margin-bottom:20px; float:right; padding-right:40px; padding-left:30px; font-size:16px; background:url(../Image/newseye.png)left 3px no-repeat; color:#777777; }

.kysl1{ width:100%; padding-top:50px; padding-bottom:50px; background:#fafafa; float:left; margin-top:50px;}
.kysl1 img{ float:left; width:60%; margin-left:5%;}
.kysl1w{ width:35%; float:left; font-size:20px; line-height:2; padding-left:15px; border-left:5px solid #ff0000;}

.kysl2{ width:100%;float:left; margin-top:100px;}
.kysl2 img{ float:left; width:60%; }
.kysl2w{ width:35%; float:left; margin-left:5%;font-size:20px; line-height:2; padding-right:15px; border-right:5px solid #ff0000;}


.kysl3{ width:100%;float:left; margin-top:100px; padding-top:50px; padding-bottom:50px; background:#fafafa; }
.kysl3 img{ float:left; width:60%; }
.kysl3w{ width:35%; float:left; margin-left:5%;font-size:20px; line-height:2; padding-right:15px; border-right:5px solid #ff0000;}

.kysl4{ width:100%;  float:left; margin-top:50px;}
.kysl4 img{ float:left; width:40%; margin-left:5%;}
.kysl4w{ width:45%; float:left; font-size:20px; line-height:2; padding-left:15px; border-left:5px solid #ff0000;}

.kysl5{ width:100%; padding-top:50px; padding-bottom:50px; background:#fafafa; float:left; margin-top:50px;}
.kysl5 img{ float:left; width:55%; }
.kysl5w{ width:40%; float:right; font-size:20px; line-height:2; padding-right:15px; border-right:5px solid #ff0000;}



.footer{ width:100%; margin-top:1.17rem; padding:.4rem 0; background:#505050;}
.flogo{ background:url(../Image/flogo.png) top left no-repeat; float:left; width:26.7%;}
.fmobile{ font-size:16px; color:#ffffff; margin-top:1.32rem;}
.fmobile font{ font-size:.3rem; color:#ffffff; font-weight:bold;}
.fmes{ width:2.55rem; background:url(../Image/mesbj.png) center no-repeat; height:.4rem; margin-top:.15rem;}
.fmes a{ display:block; width:100%; height:100%;}
.fmes i{ width:.14rem; height:.4rem; background:url(../Image/mesjiantou.png) center no-repeat; float:right; margin-right:.3rem;
transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;}
.fmes:hover i{ margin-right:.1rem;}
.ftel{ width:45.6%; height:2.80rem; float:left; border-left:1px dashed #919192;border-right:1px dashed #919192; margin-top:.38rem;}
.ftel li{ width:100%; float:left; padding-left:20%;  font-size:16px; color:#fff; line-height:2;}
.ftel li p{ font-size:25px; font-weight:bold; line-height:1.5; margin-bottom:15px;}
.ftel li font{ font-size:16px; color:#ffffff; }
.ewm{ float:right; margin-right:1rem; min-height:1.92rem; padding-left:1.47rem; background:url(../Image/ewm.png) left top no-repeat; margin-top:.8rem;}
.ewm p{ font-size:14px; color:#919192; line-height:1.8;}
.ewm p i{ font-size:30px; color:#ffffff; font-weight:bold;}
.ewm p font{ font-size:.24rem; color:#ffffff;}
.admin{ width:100%; margin-top:.2rem; font-size:14px; color:#919192;}
.admin p{ float:right;}

.nbanner{ width:100%; height:0rem; float:left; margin-top:.82rem;}
.bannerbt{ text-align:center; margin-top:1.38rem; line-height:2;}
.bannerbt p{ font-size:.36rem; color:#121212; font-weight:bold;}
.bannerbt span{ font-size:18px; color:#121212; display:block;}
.bannerbt i{ display:block; height:.42rem; margin-top:.2rem; background:url(../Image/bannerbiao.png) center no-repeat;
transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}
.nbanner i:hover{ margin-top:.4rem;}
.nabout{ width:100%; margin-top:.5rem;}
.nabt{}
.nabt p{ font-size:.3rem; color:#121212; font-weight:bold;}
.nabt span{ font-size:18px; color:#121212;}
.naboutw{ width:50%; font-size:.14rem; margin-top:.2rem; float:left; color:#121212; line-height:2; padding-right:5%;}
.naboutpic{width:50%;  float:right; margin-top:.2rem;}
.naboutpic img{ width:100%;}

.moblfzlc{ display:none;}



#owl-demo{ margin-top:.6rem;}
#owl-demo .item{ text-align:center; padding-bottom:0px;}
#owl-demo .item p{ font-size:.28rem; font-weight:bold; color:#121212;}
#owl-demo .item span{ display:block; font-size:.24rem; color:#121212; font-weight:bold; margin-top:.4rem;}
#owl-demo .item font{ display:block; font-size:.16rem; color:#121212; text-align:left; line-height:2; margin-top:.2rem}
#owl-demo .item img{ display:block; margin-top:.2rem; max-width:100%;}

.sllist{ width:100%; float:left; margin-top:40px;}
.sllist li{ width:100%; overflow:hidden; float:left; overflow:hidden;
transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;}

.sllist li .sl_desc{ width:100%; height:20%; left:0; bottom:0;  padding:10px;


transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;}
.sllist li .sl_desc p{font-size:18px; color:#FFF; font-weight: bold;  line-height:2;}
.sllist li .sl_desc span{font-size:16px;color:#FFF;  font-weight:bold; padding-left:10px;  display: block;line-height:2;}
.sllist li .sl_desc span font{ font-weight:normal; display:block; }

.culture{ width:100%; float:left; margin-top:.4rem;}
.neiw{ width:73%; margin:0 auto;}
.adh{ width:31%; float:left; margin-right:3.3%; margin-top:.5rem;}
.adh:nth-child(3){ float:right; margin-right:0;}
.adh ul{ background:#ececec; padding-bottom:.2rem;color:#555555;}
.adh ul span{ width:90%; margin-top:.1rem; display:block; border-bottom:1px solid #FFF; margin:0 auto; line-height:3;}
.adh ul p{ width:100%; position:relative; padding-bottom:63.3%; overflow:hidden; margin-top:.2rem;}
.adh ul p img{ position:absolute; top:0; left:0; width:100%; height:100%;transform:translate(0,0); transition:all .5s ease-in 0s;}
.adh:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s;}
.adh ul a{ font-size:16px; display: block; width:90%; margin:0 auto;  line-height:3;}
.adh ul:hover{ background:#d44651; color:#FFF;}
.nprolist{ float:left; background:#FFF; width:100%; }
.nprolist ul{ width:100%; overflow:hidden;}
.nprolist li{ overflow:hidden; width:50%; height:auto; float:left; background:#f4f4f4;}
.nprolist li img{ width:100%; display:block;transition: all .8s ease 0s; -webkit-transform: all .8s ease 0s;}
.nprolist li:hover img{transform: scale(1.1); transition: all .8s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .8s ease 0s;}
.nprolist li p{ font-size:.24rem; color:#333; position:absolute; top:50%; left:65%;}
.page{ width:100%; text-align:center; margin-top:40px;}
.page a{ padding:5px 15px; background:#e60012; border:1px solid #e60012; color:#FFF; margin:0 5px;}
.page .current{border:1px solid #e60012; color:#2244a0;padding:5px 15px; margin:0 5px;}
.nhj{ width:70%; float:right;}
.nhj li{ border:1px solid #dcdcdc; margin-bottom:.2rem; width:31%; float:left; margin-right:3.5%;}
.nhj li p{ width:100%; overflow:hidden; padding-bottom:74.4%; position:relative;}
.nhj li p img{ position:absolute; top:0; left:0; width:100%; height:100%;transform:translate(0,0); transition:all .5s ease-in 0s;}
.nhj li p:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; }
.nhj li:nth-child(3n+3){ margin-right:0;}
.nhj li span{ display:block; font-size:.24rem; color:#3c3c3c; text-align:center; line-height:3;}

.team{ width:100%; float:right; margin-top:.5rem;}
.team li{ border:1px solid #dcdcdc; margin-bottom:.2rem; width:31%; float:left; margin-right:3.5%;}
.team li p{ width:100%; overflow:hidden; padding-bottom:74.4%; position:relative;}
.team li p img{ position:absolute; top:0; left:0; width:100%; height:100%;transform:translate(0,0); transition:all .5s ease-in 0s;}
.team li p:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; }
.team li:nth-child(3n+1){ margin-right:0;}
.team li span{ display:block; font-size:.24rem; color:#3c3c3c; text-align:center; line-height:3;}
.nkyslw{ width:100%; color:#FFF; font-size:18px; line-height:2.5; }
.nkysl{background:url(../Image/kyslbj.jpg) center no-repeat; padding:100px 50px;}




.nhjwz{ width:28%; float:left; padding:20px 0; font-size:18px; line-height:2;}
.nhonor{width:100%; margin-top:.5rem;}
.nhonor li p{ width:280px; height:285px; background:#FFF;
display: table-cell;
vertical-align:middle;
/*设置水平居中*/
text-align:center;}
.nhonor li p img{max-width:280px; max-height:285px;vertical-align:middle;}
.nhonor li{ font-size:.14rem; color:#4d4d4d; line-height:2; text-align:center;}

.nteam li p{ width:280px; height:285px; background:#FFF;
display: table-cell;
vertical-align:middle;
/*设置水平居中*/
text-align:center;}
.nteam li p img{max-width:280px; max-height:285px;vertical-align:middle;}
.nteam li{ font-size:.14rem; color:#4d4d4d; line-height:2; text-align:center;}
.lichw{ width:100%; float:left; position:relative;}
.lichpic{ width:45%; float:left;}
.lichpic img{ width:100%;}
.lichw ul{ width:53%; float:right; position:absolute; right:0; height:100%; overflow:auto; background:url(../Image/lichul.png) left repeat-y;}
.lichw li{ border-bottom:1px solid #e5e5e5; width:90%; margin:0 5%; float:left; height:.71rem; margin-bottom:.3rem;}
.lichw li p{ font-size:.22rem; color:#2167d2; font-weight: bold;}
.lichw li span{ font-size:.14rem; color:#292929;}
.nmain{ width:100%; float:left; padding-bottom:.8rem;}
.prolist{ margin-top:.3rem;}
.prolistbt{ font-size:.4rem; font-style:italic; color:#333; line-height:2;}
.nnews{ width:80%; border-left:12px solid #f7f7f9; float:left; padding:5%; }

.con{ width:80%; font-size:16px; margin:30px auto;}
.con img{ max-width:100%;}

.newslist{ width:100%; margin-bottom:.54rem; float:left;}
.newslist_l{ width:55%; float:left; overflow:hidden;}
.newslist_l img{ width:100%;transform:translate(0,0); transition:all .5s ease-in 0s;}
.newslist:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s;}

.newtupian{ width:100%;}
.newtupian img{ display:block; margin:0 auto; max-width:100%;}
.newslist_r{width: 45%; float:right;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    padding-left: .3rem;}
.newslist_r p{    color: #717071;
    margin-bottom: .07rem;
    font-size:.16rem;
    line-height: 1.5;}
.newslist_r span{ display:block;    color: #b3b4b4;
    font-size: .14rem;
    margin-bottom:.36rem}
.newslist_r span i{ background:url(../Image/eye.png) no-repeat left center; padding-left:25px;}
.newslist_r font{ display:block;    color: #808081;
    font-size: .15rem;
    line-height: .28rem;
    text-indent: .30rem;
    max-height: 230px;
    overflow: hidden;}


.npropic{}
.npropic img{padding:5px; display:block; border:1px solid #999; margin:0 auto; max-width:600px; }


.nkysllist{ width:48%; border:1px solid #999; margin-right:2%; margin-bottom:2%; padding:5px; float:left;}
.nkysllist_l{ width:55%; float:left; overflow:hidden;}
.nkysllist_l img{ width:100%;transform:translate(0,0); transition:all .5s ease-in 0s;}
.nkysllist:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s;}
.nkysllist_r{width: 45%; float:right;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    padding-left: .1rem;}
.nkysllist_r p{    color: #717071;
    margin-bottom: .07rem;
    font-size:.16rem;
    line-height: 1.5;}
.nkysllist_r span{ display:block;    color: #b3b4b4;
    font-size: .14rem;
    margin-bottom:.1rem}
.nkysllist_r span i{ background:url(../Image/eye.png) no-repeat left center; padding-left:25px;}
.nkysllist_r font{ display:block;    color: #808081;
    font-size: .15rem;
    line-height: .28rem;
    max-height: 84px;
    overflow: hidden;}	
	
	
	
	
.ncont li{ width:49.5%;}
.inner_con{ margin-top:.5rem;}
.newxswl{ width:100%; height:auto; background:url(../Image/newxswlbj.jpg) repeat-x;}



#guestsmt{width:100%; margin-top:.5rem;}
.guestipt{width:30%;height:46px;float:left;margin-bottom:24px;margin-right:5%;border:none;outline:none;background-color:rgb(240,240,240);
box-sizing:border-box;padding:0px 46px 0 10px;font-size:14px;line-height:46px;font-family:"微软雅黑";}
#guestsmt #name{background:url(../Image//m1.png) no-repeat right 10px center rgb(240,240,240);}
#guestsmt #tel{background:url(../Image//m3.png) no-repeat right 10px center rgb(240,240,240);}
#guestsmt #email{background:url(../Image//m2.png) no-repeat right 10px center rgb(240,240,240);}
.guestmr{margin-right:0px;}
.guestinfo{width:100%;height:164px;float:left;margin-bottom:24px;border:none;outline:none;
box-sizing:border-box;padding:10px 46px 10px 10px;font-size:14px;line-height:24px;font-family:"微软雅黑";
background:url(../Image//m4.png) no-repeat right 10px top 12px rgb(240,240,240);}
.guestimg{width:80px;height:36px;float:left;margin-top:5px;}
.guestbtn{width:150px;height:36px;margin:auto;margin-top:24px;display:block;border:1px solid #e60012;font-size:16px;line-height:36px;text-align:center;color:rgb(77,77,77);background:none;cursor:pointer;
-webkit-transition:all 0.6s;transition:all 0.6s;}
.guestbtn:hover{background:#e60012;border:1px solid #e60012;border-radius:36px;border:none;color:#FFF;}
#prev_next{ float:left; margin-top:20px; padding-top:2%; border-top:1px dashed #CCC; width:100%;}
#prev_next li{ width:100%; font-size:0.14rem; line-height:2; float:left; margin-bottom:2%;}
#prev_next li a{  color:#e60012; line-height:1; margin-right:1%; border:1px solid #e60012; padding:0.05rem 0.1rem; font-style:normal;
-moz-border-radius: 0.2rem; /* Firefox */
  -webkit-border-radius:  0.2rem; /* Safari 和 Chrome */
  border-radius:  0.2rem; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
#prev_next li:hover a{ background:#e60012; color:#FFF;}
.newsinfo{ width:80%; float:left; border-left:12px solid #f7f7f9; padding:3%; }
.nproinfo{ width:80%; float:left; border-left:12px solid #f7f7f9; padding:3%; }
.newsinfo h1{  font-size:0.2rem;text-align:center; color:#333333; margin-bottom:2%;}
.newstime{margin:2% 2% 0 0; background:url(../Image/newstime.png) left center no-repeat; display:inline; padding-left:0.2rem;}
.newszuozhe{  margin:2% 2% 0 0; background:url(../Image/admintb.jpg) left center no-repeat;  display:inline;padding-left:0.2rem;}
.newslaiyuan{margin:2% 2% 0 0; background:url(../Image/laiyuantb.jpg) left center no-repeat; display:inline;padding-left:0.2rem;}
.newsclick{margin:2% 2% 0 0; background:url(../Image/click.jpg) left center no-repeat; display:inline;padding-left:0.2rem;}
#allmap{width:100%;height:3.5rem;overflow:hidden; float:left;}


.yftx{ margin-top:.5rem; width:100%;}
.yftx ul{ width:100%; float:left; margin-top:.2rem;}
.yftx li{ overflow:hidden; position:relative; padding-bottom:33.9%; width:23%; float:left; margin-right:2.66%;}
.yftx li img{ position:absolute; width:100%; left:0; top:0; height:100%;transform:translate(0,0); transition:all .5s ease-in 0s;}
.yftx li:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; }
.yftx li p{ position:absolute; font-size:.24rem; color:#ffffff; width:100%; text-align:center;text-shadow:5px 2px 6px #000; left:0; bottom:.2rem; text-align:center;}
.yftx li:nth-child(4){ margin-right:0;}
.zlzs{ width:100%; margin-top:.5rem;}
.zlzsbj{ width:100%; height:5.8rem; margin-top:.2rem; background:url(../Image/zlzsbj.jpg) fixed center no-repeat; background-size:cover;}
.zlzs img{ max-width:50%; margin-top:.8rem;}
.zlzs ul{ width:50%; float:right;}
.zlzs ul p{ width:100%; font-size:.3rem; color:#121212; margin-top:1.4rem; margin-bottom:.3rem;}
.zlzs li{ float:left; position:relative; width:30%; padding-bottom:30%; margin:0 1%;  font-size:.3rem;  text-align:center; float:left;  background:#FFF;
-moz-border-radius:50%; /* Firefox */
  -webkit-border-radius:50%; /* Safari 和 Chrome */
  border-radius:50%; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
.zlzs li:nth-child(2){ border:1px solid #b67867;}
.zlzs li:nth-child(3){ border:1px solid #9db3a5;}
.zlzs li:nth-child(4){ border:1px solid #6e4d9d;}
.zlzs li:nth-child(2):hover{ background:#b67867; color:#fff}
.zlzs li:nth-child(3):hover{ background:#9db3a5; color:#fff}
.zlzs li:nth-child(4):hover{ background:#6e4d9d; color:#fff}
.zlzs li span{ display:block; width:100%; padding-top:.6rem; position:absolute; left:0; top:0; text-align:center; z-index:999;color:#121212;}
.zlzs li:hover span{ color:#FFF;}
.jscx{ width:100%; margin-top:.5rem;}
.jscx ul{ width:100%; margin-top:.2rem;}
.jscx li{ width:30%; float:left; margin:0 1.5%; float:left; overflow:hidden; background:#ececec;
-moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari 和 Chrome */
  border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
.jscx li p{ width:100%; padding-bottom:66.5%; position:relative;}
.jscx li p img{ position:absolute; width:100%; height:100%; top:0; left:0;}
.jscx li span{ font-size:.24rem; color:#030303; line-height:3; display:block; padding:0 30px;}
.jscx li font{ display:block; font-size:.16rem; color:#636363; line-height:1.8; padding:0 30px; padding-bottom:30px; display:block;}
.rczl{ width:50%; float:left; margin-top:.5rem; padding-right:10%;}
.rczlbt{ background:url(../Image/rczlbt.png) left center no-repeat; padding-left:.8rem;}
.rczlbt p{ font-size:.3rem; color:#040404;}
.rczlbt span{ font-size:.16rem; color:#121212;}
.rczlw{ font-size:.14rem; color:#979696; line-height:2; margin-top:.2rem;}
.rcsh{ width:90%; margin-top:.5rem; float:left; padding-top:33.5%; position:relative; background:url(../Image/rcsh.jpg) top center no-repeat; background-size:100% 100%; }
.rcshw{ font-size:.16rem; color:#020202; line-height:2; width:3.58rem; position:absolute; top:.8rem; left:.8rem;}
.rcshw span{ padding-bottom:.1rem; font-size:.24rem; color:#020202; display:block; margin:.2rem 0; background:url(../Image/rcshxian.jpg.png) bottom left no-repeat;}

.rcsh2{ width:90%; float:right; padding-top:33.5%; margin-top:.7rem; position:relative; background:url(../Image/rcsh2.jpg) top center no-repeat; background-size:100% 100%; }
.rcsh2w{ font-size:.16rem; color:#020202; line-height:2; width:3.58rem; position:absolute; top:.8rem; left:.8rem;}
.nconw{ width:100%; float:left; margin-top:.5rem; background-size:50% auto;}
.nconw p{ font-size:.2rem; padding-left:10px; width:100%; float:left; color:#000000; border-left:5px solid  #e60012; line-height:1.8;}
.nconw ul{ width:46%; float:left; margin-top:.2rem; margin:2%;}
.nconw li{ font-size:.16rem; width:4rem; height:.45rem; color:#616160; line-height:.45rem; margin-top:.2rem; text-indent:.65rem; border-bottom:1px dashed #b9b9b8;}
.nconw ul li:nth-child(1){ background:url(../Image/tel1.png) 20px center no-repeat;}
.nconw ul li:nth-child(2){ background:url(../Image/tel2.png) 20px center no-repeat;}
.nconw ul li:nth-child(3){ background:url(../Image/tel3.png) 20px center no-repeat;}
.nconw ul li:nth-child(4){ background:url(../Image/tel4.png) 20px center no-repeat;}
.nkysl{ margin-top:30px;}
.nkysl ul{ margin-top:30px;  }
.nkysl li{ width:100%; border-bottom:1px dashed #F00; margin-bottom:10px;}
.nkysl li p{ font-size:20px;}
.nkysl li p span{ float:right;}
.nkysl li font{ display:block; font-size:16px;}


.jobs{ width:100%; float:right; margin-top:.5rem}
.jobs dl{ width:100%; background:#585959; float:left; height:.71rem; border-bottom:1px solid #f6f6f6;}
.jobs dd{float:left; background:#fff; font-size:.14rem; color:#FFF; line-height:.71rem; text-indent:.3rem; background:url(../Image/jobslixian.png) right center repeat-y;
-moz-border-radius: 3px; /* Firefox */
  -webkit-border-radius: 3px; /* Safari 和 Chrome */
  border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.jobs .d1{width:40%;}
.jobs .d2{width:20%}
.jobs li{ width:100%; float:left; border-bottom:1px solid #dcdcdc;}
.jobs li .p{ width:40.5%; float:left; background:#fff; line-height:.71rem; text-align:center; font-size:.13rem; color:#676c68; text-align:left;  text-indent:.3rem;}
.jobs li .p1{width:40%;}
.jobs li .p2{width:20%}
.jobs li .jobsinfo{ width:100%;   line-height:2; font-size:.16rem;  height:0; overflow:hidden; padding:0 5%;
transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -webkit-transition: all 0.8s ease 0s; background:url(../Image/jobscon.png) .4rem top no-repeat #f0f0f0;
}
.jobs li.on .jobsinfo{ height:auto; padding:.5rem 5%;}

.jobsside{ width:23%; float:left;}
.jobssidebt{ width:100%;}
.jobssidebt p{ font-size:.14rem; color:#6c6c6c;}
.jobssidebt span{ font-size:.23rem; color:#3c3c3c;}
.jobsside ul{ width:100%; margin-top:.37rem; background:url(../Image/jobsli.png) top left no-repeat; padding-top:.06rem;}
.jobsside li{ width:90%; height:.75rem; padding-left:10%; border-bottom:1px solid #f6f6f6; padding-top:.25rem; background:#2167d2; color:#FFF;}
.jobsside li p{ font-size:.2rem; color:#ffffff;}
.jobsside li span{ font-size:.14rem; color:#ffffff;}
.jobscon{ margin-top:.3rem; padding:10%; width:80%; line-height:2; background:#FFF;}
.jobscon p{ font-size:.24rem; color:#2167d2;}
.jobscon span{ font-size:.16rem; color:#2167d2;}
.nprobj{ width:100%; margin-top:.3rem; float:left; background:#FFF;}
.nprof{ width:20%; margin-right:-12px;border-right:12px solid #f7f7f9; float:left; padding:2%; }
.nprof li{ color:#9fa0a0; font-size:.2rem; margin-top:.1rem; margin-bottom:.2rem; float: left; clear:both;}
.nprof dl{ margin-top:.3rem;}
.nprof dd{ font-size:.16rem; color:#727171; line-height:2; margin-top:.2rem; float: left; clear:both;}
.nprof dd i{ width:0%; border-bottom:1px solid #727171; display:block;
transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}
.nprof dd:hover i{ width:100%;}
.npro{ width:80%; border-left:12px solid #f7f7f9; padding:3%; float:left;}
.npro li{  margin-bottom:.2rem; width:31%; float:left; margin-right:3.5%;}
.npro li p{ width:100%; overflow:hidden; padding-bottom:100%; position:relative;}
.npro li p img{ position:absolute; top:0; left:0; width:100%; height:100%;transform:translate(0,0); transition:all .5s ease-in 0s;}
.npro li:nth-child(3n){ margin-right:0;}
.npro li span{ display:block; font-size:.14rem; color:#3c3c3c; text-align:center; line-height:3;}
.main{ width:100%; float:left;}
.tdh{ float:left; text-align:center; width:100%; margin-top:.3rem; }
.tdh ul{ width:100%; overflow:hidden;}
.tdh li{ overflow:hidden; width:50%; height:auto; display: inline-block; background:#f4f4f4;}
.tdh li img{ width:100%; display:block;transition: all .8s ease 0s; -webkit-transform: all .8s ease 0s;}
.tdh li:hover img{transform: scale(1.1); transition: all .8s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .8s ease 0s;}
.tdh li p{ font-size:.3rem; color:#000; position:absolute; top:45%; left:65%;}





















