@charset "utf-8";


*{ margin: 0; padding: 0;  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,PingFang SC,Noto Sans,Noto Sans CJK SC,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,sans-serif ; box-sizing: border-box; }
html,body{ min-height:100vh; width: 100%; margin: 0 auto; color: #666;   }
body{ position: relative; background: #fff ; font-size: 14px; margin: auto; font-family: "微软雅黑"  ; overflow-x: hidden;  -webkit-font-smoothing: antialiased;}

a{ color: #666; text-decoration: none;}
	
a:hover,
a:focus{ text-decoration: none;}
i,em{font-style: normal; }
ul{ margin: 0; padding: 0;}
li{ list-style: none;}
img{ max-width: 100%; border: none;}
/*body{ -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none;  -khtml-user-select:none; user-select:none;}
html{-webkit-user-select:none;  -moz-user-select:none;  -ms-user-select:none;  user-select:none; -khtml-user-select:none;  }*/
input,select,textarea{ outline: none;}


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */ color:#888;}
input::-moz-placeholder , textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#888;}
input::-ms-placeholder ,textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#888; }
input::-o-placeholder { /* Mozilla Firefox 19+ */ color:#888; }
input::-ms-input-placeholder, textarea:-ms-input-placeholder  { /* Internet Explorer 10+ */ color:#888;}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.swiper-button-prev:focus,
.swiper-button-next:focus{ display: none;}

/* fonts特殊字体 */
@font-face {
    font-family: 'dincond-regular-webfont';
    src: url('../fonts/dincond-regular-webfont.eot');
    src: url('../fonts/dincond-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dincond-regular-webfont.woff2') format('woff2'),
    url('../fonts/dincond-regular-webfont.woff') format('woff'),
    url('../fonts/dincond-regular-webfont.ttf') format('truetype'),
    url('../fonts/dincond-regular-webfont.svg#dincond-regular-webfont') format('svg');
}

@font-face {
    font-family: 'dincond-medium-webfont';
    src: url('../fonts/dincond-medium-webfont.eot');
	src: url('../fonts/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-medium-webfont.woff2') format('woff2'),
	url('../fonts/dincond-medium-webfont.woff') format('woff'),
	url('../fonts/dincond-medium-webfont.ttf') format('truetype'),
	url('../fonts/dincond-medium-webfont.svg#dincond-medium-webfont') format('svg');
}


@font-face {
    font-family: 'dincond-bold-webfont';
    src: url('../fonts/dincond-bold-webfont.eot');
	src: url('../fonts/dincond-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-bold-webfont.woff2') format('woff2'),
	url('../fonts/dincond-bold-webfont.woff') format('woff'),
	url('../fonts/dincond-bold-webfont.ttf') format('truetype'),
	url('../fonts/dincond-bold-webfont.svg#dincond-bold-webfont') format('svg');
}


@font-face {
    font-family: 'din-bold-webfont';
    src: url('../fonts/din-bold-webfont.eot');
	src: url('../fonts/din-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din-bold-webfont.woff2') format('woff2'),
	url('../fonts/din-bold-webfont.woff') format('woff'),
	url('../fonts/din-bold-webfont.ttf') format('truetype'),
	url('../fonts/din-bold-webfont.svg#din-bold-webfont') format('svg');
}

@font-face {
    font-family: 'din-light-webfont';
    src: url('../fonts/din-light-webfont.eot');
	src: url('../fonts/din-light-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din-light-webfont.woff2') format('woff2'),
	url('../fonts/din-light-webfont.woff') format('woff'),
	url('../fonts/din-light-webfont.ttf') format('truetype'),
	url('../fonts/din-light-webfont.svg#din-light-webfont') format('svg');
}

@font-face {
    font-family: 'din-medium-webfont';
    src: url('../fonts/din-medium-webfont.eot');
	src: url('../fonts/din-medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din-medium-webfont.woff2') format('woff2'),
	url('../fonts/din-medium-webfont.woff') format('woff'),
	url('../fonts/din-medium-webfont.ttf') format('truetype'),
	url('../fonts/din-medium-webfont.svg#din-medium-webfont') format('svg');
}

@font-face {
  font-family: "din-regular";
  src: url("../fonts/din-regular.woff2") format("woff2"),
   url("../fonts/din-regular.woff") format("woff"),
   url("../fonts/din-regular.ttf") format("truetype"),
   url("../fonts/din-regular.eot") format("embedded-opentype"),
   url("../fonts/din-regular.svg") format("svg");
}






/* body::-webkit-scrollbar{
  width:10px;
  height:10px;
}
body::-webkit-scrollbar-track{
  background: #666;
  border-radius:2px;
}
body::-webkit-scrollbar-thumb{
  background: #222;
  border-radius:10px;
}
 */

.fl{ float: left;}
.fr{ float: right;}
.clear{ clear: both;}
.clearfix:after{ content: ''; display: block; clear: both; width: 0px; height: 0px; overflow: hidden;}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0); background:none; outline: none;}
img{vertical-align: middle;  max-width:100%; border:none;-webkit-tap-highlight-color:rgba(255,0,0,0); blr:expression(this.onFocus=this.blur());}

.wrapper{ width: 1200px; margin: auto;}


.bgwhite{ background: #fff;}


.img{ overflow: hidden;}
.img img{ width: 100%; height: 100%; object-fit: cover;}
.scale img{ width: 100%; height: 100%; transition: 0.7s;}
.scale:hover img{ transform: scale(0.9);}
.fushu{ position: relative; transition: all .2s linear; }
.fushu:hover{  transform: translate3d(0, -7px, 0);   /*box-shadow: 0px 0px 10px rgba(209,169,62,0.4);*/ }


/*    hover 效果         */
.self{ position: relative;  transition: all 0.5s; cursor: pointer;}
.self:hover:before{
    content: "";
    width: 220px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -185px;
    overflow: hidden;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,hsla(0,0%,100%,.05)),color-stop(50%,hsla(0,0%,100%,.15)),color-stop(100%,hsla(0,0%,100%,.05)));
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
	z-index: 55;
}
.self:before{  
	-webkit-animation: shine-left 1.2s infinite;
    -moz-animation: shine-left 1.2s infinite;
    -o-animation: shine-left 1.2s infinite;
    animation: shine-left 1.2s infinite;
 }
@-webkit-keyframes shine-left {
	0% {
		left: -180px
	}
	to {
		left: 150%
	}
}





.over1{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.over2,
.over3,
.over4,
.over5,
.over6,
.over7,
.over9{ display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden; }
.over2{ -webkit-line-clamp: 2;}
.over3{ -webkit-line-clamp: 3;}
.over4{ -webkit-line-clamp: 4;}
.over5{ -webkit-line-clamp: 5;}
.over6{ -webkit-line-clamp: 6;}
.over7{ -webkit-line-clamp: 7;}
.over9{ -webkit-line-clamp: 9;}





/******header*********/


.header{ height: 100px;  }
.headleft{ width: 950px;}
.logo{  margin-top: 9px; height: 82px; width: 98px;}
.logo img{ max-height: 82px;}
.nav { margin-left: 140px; }
.nav li{ position: relative; float: left; margin: 0 50px 0 0 ; text-align: center; transition: 0.3s;  height: 100px;  z-index: 550;}
.nav li::after{ content: ''; position: absolute; left: 0; bottom: 0;  right: 0;  transition: 0.3s; width: 1px; height: 0px; background: #017cc2; opacity: 0;
 margin: auto;}
.nav li:last-child{ margin-right: 0; }
.nav li span{ display: block; line-height: 1; padding-top: 40px; transition: 0.3s;}
.nav li i{ opacity: 0; font-size: 12px; color: #888; text-transform: capitalize;transition: 0.3s; }
.nav li.active i,
.nav li:hover i{ opacity: 1; }
.nav li.active span,
.nav li:hover span{ padding-top: 25px; color: #dd4f0f; font-weight: bold;}
.nav li.active::after,
.nav li:hover::after{ height: 30px; opacity: 1;}
.hideal{ position: absolute; bottom: -50px;  display: none; left: -30px; width: 1250px; background: rgba(0,0,0,0.2);padding-left: 32px; text-align: left;}
.hideal a{ display: inline-block; color: #fff; line-height: 50px; margin-right: 60px; }
@media  screen and (max-width:1366px) {
	.hideal a{margin-right: 20px;}
}
.hideal a:hover{ font-weight: bold;}
.nav li:hover .hideal{ display: block;}

.banner img{ width: 100%;}



.search { position: relative; margin-top: 35px; }	
.search input{ color: #888; display: block; width: 160px; height: 30px; border-radius: 300px; background: #eee url(../images/sec.png) no-repeat right 10px center; padding: 0 35px 0 10px; border: 0; }
.search input[ type=submit ]{ position: absolute; top: 0; right: 2px; width: 35px;  background: none; padding: 0; opacity: 0; z-index: 2; cursor: pointer; }



.footer{ position: relative; margin-top: 80px; border-top: 4px solid #DD4F0F; height: 400px; background: url(../images/fotbg.jpg) no-repeat center; padding-top: 65px;}
.fotnav{ width: 750px; }
.fotnav li{ float: left; width: 100px; margin-right: 24px;}
.fotnav li:nth-child(1){ width: 86px;}
.fotnav li>a{ font-weight: bold; color: #fff;  margin-bottom: 20px; display: block;}
.fotnav .dd a{ display: block; font-size: 12px; color: #aeadc1; line-height: 30px;}
.fotnav .dd a:hover{ color: #DD4F0D;}

.erw{ width: 120px; height: 120px; font-size: 12px; color: #fff; text-align: center; margin-top: 20px;}
.erw p{ margin-top: 14px;}


.bq{ position: absolute; bottom: 0;/* height: 90px; */ border-top: 1px solid rgba(255,255,255,0.1); width: 1200px; left: 0; right: 0; margin: auto; padding-top: 32px; }
.lee { line-height: 26px; font-size: 12px; color: #56557f;}
.lee a{ color: #56557f; margin-left: 22px;}
.share{   }
#share a{display: block; width: 38px; height: 38px; border-radius: 50%;  padding: 0; margin: 0 5px 0 ; opacity: 0.5;}
#share .bds_weixin{ background: url(../images/shre1.png) no-repeat center  ;}
#share .bds_tsina{  background: url(../images/shre3.png) no-repeat center  ;}
#share .bds_sqq{    background: url(../images/shre2.png) no-repeat center ;}
#share .bds_tqq{    background: url(../images/shre4.png) no-repeat center ;}
#share a:hover{ opacity: 1;}
.bd_weixin_popup .bd_weixin_popup_main{ padding: 10px 0 !important;}
.bd_weixin_popup .bd_weixin_popup_foot{ line-height: 18px !important; text-align: center !important;}








.bantion span{ width: 8px; height: 8px; background: #fff; }
.bantion span.swiper-pagination-bullet-active{ background: #fff;}



.about{ position: relative; background: url(../images/abbg.jpg) no-repeat center; height: 420px; padding-top: 93px;  z-index: 1;}
.about::before{ content: ''; position: absolute; top: 50%; width: 100%; height: 1px; background: #eee; z-index: -1; }
.abimg{ position: relative; width: 240px; height: 240px; border-radius: 50%; }
.abimg dl{ position: absolute; left: 0; top: 0;  width: 100%; height: 100%; text-align: center; color: #fff;background: url(../images/playVideo.png) no-repeat center; }
.abimg dt{ font-size: 18px; border-bottom: 1px solid rgba(255,255,255,0.3); margin-top: 90px;padding-bottom: 3px; margin-bottom: 3px; }
.abimg dd{ font-size: 12px; text-transform: uppercase; font-family: "din-regular"; letter-spacing: 2px; padding-left: 2px;}

.abtxt{ position: relative; width: 910px;  }
.abtxt dt{ font-family: 'din-bold-webfont'; font-size: 50px; color: #eee; line-height: 40px; }
.abtxt dd{ font-size: 26px; color: #000; margin-top: 15px;}
.abtxt .took{ font-size: 16px; line-height: 30px; color: #666; width: 680px;  margin-top: 50px;}
.Amore{ position: absolute; top: 105px; right: 0; color: #fff; background: #dd4f0f url(../images/rr.png) no-repeat center right 18px; width: 140px; height: 44px; padding: 0 18px; line-height: 44px; font-size: 12px;  font-family: "din-regular";}




.case{ background: url(../images/probg.jpg) no-repeat center / cover;  padding-bottom: 50px; overflow: hidden; }
.title{ text-align: center; color: #000; font-size: 40px; margin: 80px 0 0;}
.title dd{ font-family: "din-regular"; font-size: 14px; color: #aaa; letter-spacing: 5px; padding-left: 5px;  text-transform: uppercase;}

.caseTit{ position: relative; text-align: center;  height: 46px; line-height: 46px; overflow: hidden; margin: 35px 0 25px; z-index: 1;}
.caseTit::after{ position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 1px; background: #ccc; z-index: -1;}
.caseTit span{ display: inline-block; margin: 0 45px; font-size: 16px; color: #666; height: 46px; cursor: pointer;}
.caseTit span.active{ color: #DD4F0F; border-bottom: 2px solid #DD4F0F;}

.case-list ul{ display: none;}
.case-list li{ float: left; width: 380px; display:inline-block; position:relative;}
.case-list li:nth-child(3n){ margin-right: 0;margin-left: 20px;}
.case-list li:nth-of-type(3n+2){margin-left: 20px;}
.case-list li .img{ height: 240px;}
.case-list li .img img{transform:scale(1);}
.case-list li:hover .img img{transform:scale(.9);}
/* .case-list li .txt{background-color:rgba(0,0,0,0.3);} */
.case-list li .inner{position:relative;}
.case-list li  p{ font-size: 16px; color: #000000; height: 54px; line-height: 54px; text-align: center; transition: 0.3s;}
.case-list li i{ color: #888888; /* background:  url(../images/rr1.png) no-repeat center right 18px; */background: url(../images/rr1.png) no-repeat center right 18px; width: 140px; height: 44px; padding: 0 18px; line-height: 44px; font-size: 14px;  font-family: "din-regular"; border: 1px solid #888; display: block; margin: auto; transition: 0.3s;}

.case-list li:hover p{font-size: 20px;}
.case-list li:hover i{ background: #dd4f0f url(../images/rr.png) no-repeat center right 18px; color: #fff; border-color: #DD4F0F;background-color:#dd4f0f;}



.new-list{ margin-top: 60px;}
.newleft{ width: 420px; }
.newleft .img{ height: 280px;}
.newleft .txt{ padding: 25px 20px 20px; background: #f6f6f6;}
.newleft .name{ font-size: 16px; color: #000; margin-bottom: 12px ; font-family: '微软雅黑 Light'; font-weight: bold;}
.newleft p{ margin: 0 0 20px; line-height: 26px; color: #888;}
.newleft i{  font-family: "din-regular"; font-size: 12px; color: #888;}
.newleft .bantion { text-align: right; padding-right: 20px; bottom: 22px;}
.newleft .bantion span{ width: 6px; height: 6px; background: #ccc; opacity: 1; }
.newleft .bantion span.swiper-pagination-bullet-active{ background: #DD4F0F;}

.newrght{ width: 765px;}
.newrght li{ float: left; width: 375px; height: 216px; border: 1px solid #f6f6f6; background: #f6f6f6; padding: 35px 20px; transition: 0.4s;  margin: 0 15px 18px 0 ;}
.newrght li:nth-child(2n){ margin-right: 0;}
.newdl{  width: 50px; text-align: center; position: relative; height: 145px;}
.newdl::after{  position: absolute; content: ''; left: 0; bottom: 0; right: 0; margin: auto; width: 20px; height: 1px; background: #aaa;}
.newdl dt{  font-size: 50px; color: #017cc2; line-height: 40px;   font-family: "din-regular"; transition: 0.4s;}
.newdl dd{ font-size: 12px; color: #aaa;  font-family: "din-regular"; margin-top: 5px;}
.newrght li .txt{ width: 255px; line-height: 26px; }
.newrght li .nema{ color: #000; height: 52px; margin-bottom: 21px; font-family: '微软雅黑 Light'; font-weight: bold;}

.newrght li:hover{ border-color: #eee; background: #fff;}
.newrght li:hover dt{ color: #DD4F0F;}

.dialogVideo{position: fixed;width: 100%;height: 100%;top: 0;left: 0; z-index: -1;transition: all .5s .5s;opacity: 0; background-color: rgba(0,0,0,.5);display: none;}
.dialogVideo.active{display: block;opacity: 1;z-index: 999;transition: all .5s .5s;}
.dialogVideo video{width: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.dialogVideo span{position: absolute;top: 40px;right: 40px;color: #fff;font-size: 42px;cursor: pointer;}


/*  ab */
.subNav{ background: #f4f4f4; height: 80px; overflow: hidden; }
.subNav .suleft { color: #666; padding-left: 20px; background: url(../images/home.png) no-repeat left center; }
.subNav .suleft i{ color: #666;}
.subNav .suleft a{ display: inline-block; color: #666; margin: 0 3px;  line-height: 80px;}
.subNav .suleft a.active{ color: #DD4F0F;}
.subrig a{ margin-right: 70px; display: inline-block; color: #222; font-size: 16px; height: 80px; line-height: 80px; }
.subrig a:last-child{ margin-right: 0;}
.subrig a.active{ color: #DD4F0F; font-weight: bold; border-bottom:2px solid #DD4F0F;}


.nabbox{ padding-top: 38px;}
.nabbox .abtxt{ width: 600px;}
.nabok{ line-height: 32px; font-size: 16px; color: #666; }
.nabok img{text-align:center; max-width:100%; }
/**.nabok p{ margin-top: 26px;}**/
.information{width: 1200px;margin: auto;}
.information p{text-align: start!important;}
.information p span{display: block;text-align: start;}
.information img{margin: auto;}

.nabimg{ position: relative; width: 530px; padding-top: 230px; background: url(../images/abrbg.png) no-repeat top 25px center;  text-align: center;}
.bird{ position: absolute; right: 15px; top: 0; }
.bt{ position: absolute; top: 132px; width: 100%; color: #DD4F0F;  font-size: 16px; letter-spacing: 4px; padding-left: 4px;}


.gifImg{  color: #666; line-height: 60px; text-align: center; margin: 40px 0 0;}
.gifImg img{ width: 60px; height: 60px;}



/* lylist */
.lylist{}
.lylist li{ float: left; width: 370px; height: 260px; border: 1px solid #eee; margin: 44px 45px 0 0;}
.lylist li:nth-child(3n){ margin-right: 0;}
.lylist li .img{ height: 100%; padding: 5px;}



/*  */
.zzimg{ height: 760px; background: url(../images/ggbg.jpg) no-repeat center; text-align: center; padding-top: 70px;}

/* 文化 */
.whbox{ background: url(../images/whbg.jpg) no-repeat center bottom; padding-bottom: 50px; padding-top: 55px;}
.whiper{ position: relative; width: 920px; padding: 0 40px;  margin: auto;  }

.whiper .pp,
.whiper .nn{ margin-top: -36px; width: 73px; height: 73px; border-radius: 50%; opacity: 1; top: 50%;}
.whiper .pp{ left: 0; background: url(../images/le.png) no-repeat center / cover;  }
.whiper .nn{ right:0; background: url(../images/hr.png) no-repeat center / cover; }
.whiper .pp:hover{ background-image: url(../images/le1.png); }
.whiper .nn:hover{  background-image: url(../images/hr1.png); }

.whli{ text-align: center; margin-top: 50px;}
.whli dt{ color: #DD4F0F; font-size: 24px; margin-top: 35px;}
.whli dd{ font-size: 18px; color: #000; margin:15px 0 5px;}
.whli i{ width: 26px; height: 1px; background: #000; display: inline-block; }


/*  new */
.news{  margin-top: 50px;}
.news li{ position: relative; margin-top: 40px;}
.news li::after{ content: ''; position: absolute; right: 0; bottom: 0; width: 920px; height: 1px; background: #eee ;}
.news li .img{  width: 250px; height: 160px;}
.news li .img img{ transition: 0.8s;}
.news li .txt{ width: 750px; margin-left: 29px;}
.news .txt .ntit{ font-size: 18px; color: #000; font-family: '微软雅黑 Light'; font-weight: bold; margin-top: 20px; margin-bottom: 20px;}
.news .txt p{ line-height: 26px; color: #888;}
.news li .newsdl{ height: 98px; margin-top: 18px; }

.news li:hover .img img{ transform: scale(1.03);}

.news li:hover .ntit,
.news li:hover dt{ color: #DD4F0F;}


.m-page{ text-align: center;  line-height: 40px; color: #999; font-family: arial; margin-top: 50px;}
.m-page a{  display: inline-block; width: 40px; height: 40px;  margin: 0 5px; box-sizing: border-box;  vertical-align: middle; background: #eee; color: #222;}
.m-page a.z-crt{ background: #DD4F0F; color: #fff;}
.m-page a.pagenxt,
.m-page a.pageprv{ width: 100px; color: #666666;}
			

/*  */
.ncase{}
.ncase li{ margin-top: 50px;}



/*  */

/*  6-1  招聘*/
.rcList{ margin-top: 37px; margin-bottom: 30px;}
.rcList ul li{ box-sizing: border-box;    padding-bottom: 25px;}
.rcList .rcTop{  padding: 20px 110px 15px 40px; box-sizing: border-box; transition: 0.5s; background: url(../images/jt.png) no-repeat right 40px center; cursor: pointer;  border: 1px solid #eee;}
.rcList .left{ width: 400px; }
.rcList .left .txImg{position: relative; width: 120px; height: 120px;  border: 1px solid #f4f4f4; border-radius: 50%; overflow: hidden; }
.rcList .left .txImg::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50% ; border: 3px solid #DD4F0F; transition: 0.3s; opacity: 0; box-sizing: border-box; }
.rcList .left div.fr{ width: 230px; border-left:1px solid #ddd; height: 80px; padding: 13px 0; padding-left: 33px; box-sizing: border-box; margin-top:21px;}
.rcList .left div.fr p{ font-size: 18px; font-weight: bold; color: #222; line-height: 30px; margin-bottom: 7px; transition: 0.5s;}
.rcList .left div.fr i{ display: block;  color: #888;}
.rcList .right{ width: 605px; padding-top: 35px;}
.rcList .right em{ display: inline-block; width: 50px; height: 1px; background: #e6e6e6; vertical-align: top; margin-top: 10px; transition: 0.5s;}
.rcList .right .tobok{ display: inline-block; width: 532px; margin-left: 18px; color: #888; line-height: 24px; height: 48px; overflow: hidden;}

.rcBot{  padding: 20px 40px; background: #eee; display: none; }
.rcBot .rcbotTop { padding: 15px 0; border-bottom: 2px solid #e0e0e0; margin-bottom: 25px;}
.rcBot .rcbotTop .rc-Lee{ float: left; width: 320px; box-sizing: border-box; padding-right: 30px; line-height: 30px;}
.rcBot .rcbotTop .rc-Lee i{ color: #333;}
.rcBot .rcbotTop .rc-Lee em{ color: #dd4f0d;}
.rcBot .rcbotBot { line-height: 30px; color: #888;}

.rcBot .scbtn{ margin: 50px 0;}
.rcBot .scbtn .btnOne{ position: relative; display: inline-block; width: 140px; height: 42px; background: url(../images/rcZpsc.png) no-repeat center;  overflow: hidden;}
.rcBot .scbtn .btnOne input{ position: absolute; z-index: 11; left: 0; top: 0 ; width: 100%; height: 100%; opacity: 0;cursor: pointer;}
.rcBot .scbtn input[type=button]{ width: 140px; height: 42px; border: none; background: #Fff; color: #DD4F0D; border-radius: 300px; margin-left: 20px; vertical-align: top; cursor: pointer;}

.rcList ul li:hover .rcTop{ background-color: #f1f4f7; background-position: right 30px center; background-image: url(../images/jt1.png);}
.rcList ul li:hover .txImg::after{ opacity: 1;}
.rcList ul li:hover .left div.fr p{ color: #dd4f0d;}
.rcList ul li:hover .right em{ background: #dd4f0d;}


/*  */
.contus{ margin-top: 50px;}
.conTop{ position: relative; z-index: 2; background: url(../images/ccbg.jpg) no-repeat center; height: 340px; padding: 58px 40px 50px;}

.conleft{ max-width: 45%; }
.Ename{ font-size: 50px; line-height: 40px; font-family: 'din-bold-webfont'; color: rgba(255,255,255,0.2);}
.Cname{ font-size: 30px; color:#fff; margin: 15px 0 25px;}
.hello{ color: #fff; font-size: 18px; margin-bottom: 25px;}
.conleft p{ line-height: 26px;  color: rgba(255,255,255,0.4);}

.conrght{ max-width: 45%;padding-top: 7px; }
.conrght .add{ padding-left: 60px; height: 46px; margin-bottom: 35px; }
.conrght .add span{ color: rgba(255,255,255,0.6);  }
.conrght .add p{ color: #fff; font-size: 16px;}
.conrght .ad01{  background: url(../images/add1.png) no-repeat left center; }
.conrght .ad02{  background: url(../images/add2.png) no-repeat left center; }
.conrght .ad02 p{ font-size: 30px; font-family: "din-regular";}
.conrght .ad03{  background: url(../images/add3.png) no-repeat left center; }

.map{ margin-top: -48px; height: 560px;}
.map img{ height: 560px;}




.flexa{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); display: none;  z-index: 98989898;}
.flexa img{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 60%; margin: auto;}