@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0; padding:0;}
body {color:#333;font-size:12px; font-family: "pingfangsc","微软雅黑";position: relative;}
td,th,caption {font-size:12px;}
h1, h2, h3, h4, h5, h6 {/*font-weight:normal;*/font-size:100%; }
address, caption, cite, code, dfn, em, th, var{ font-style:normal;font-weight:normal;}
a{color:#333;text-decoration:none;}
a:hover {cursor:pointer;text-decoration:none; color: #940000;}
/* a{blr:expression(this.onFocus=this.blur())} */
*:focus{outline:0;}
fieldset,img {border:none;}
ol,ul,li {list-style:none;}
span,i{display:inline-block; font-style: normal;}
input, textarea, select, button {font-size:12px;;outline:none; font-family: "pingfangsc","微软雅黑";}
table{border-collapse:collapse;border-spacing:0;}
textarea {resize:none;}
.max_width{ width: 100%; }
.min_width{ width: 1200px; margin: 0 auto;}
.left{ float: left;}
.right{ float: right;}
/* css common */
.clearfix:after {content: ".";display: block;height:0;clear:both; visibility:hidden; }
.clearfix {*zoom:1;}
.clear{clear:both;}
/*pccss reset 结束*/
.header{ line-height: 100px;  position: relative; height: 100px; }
.header a.logo{ float: left;width: 176px; height: 42px; display: block; margin: 29px 0;}
.header a.logo img{ width: 176px; height: 42px;}
.header ul{float: left; margin-left: 100px; width: 800px;}
.header ul li{position: relative;float: left;font-size: 16px;height:100px; width: 100px; text-align: center;}
.header ul li a{ color: #000;  display: block; position: relative;}
.header ul li.on a,.header ul li:hover a{color: #940000; font-weight: bold;}
.header ul li a:before { content: ""; width: 100%; height: 3px; background: #940000; position: absolute; left: 0; bottom: 0; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .52s cubic-bezier(.215,.61,.355,1); transition: -webkit-transform .52s cubic-bezier(.215,.61,.355,1); transition: transform .52s cubic-bezier(.215,.61,.355,1); transition: transform .52s cubic-bezier(.215,.61,.355,1),-webkit-transform .52s cubic-bezier(.215,.61,.355,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9; }
.header ul li:hover a:before, .header ul li.on a:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9; }


.header a.shop_btn{ width: 88px; background: #940000; height: 25px; display: block; float: left; text-align: center; color: #fff; font-size: 13px; line-height: 25px; margin-top: 18px;}
.header a.shop_btn img{  margin-right: 5px; vertical-align: middle; position: relative;top: -2px;}
.search_btn{ display: block; float: right; margin-right: 6px; padding-top: 40px;}
.search_btn img:hover{ opacity: 0.5;}
.search_div{ display: none;  background: #fff; width: 300px; height: 35px; border: #940000 1px solid; position: absolute; right: 0;top: 98px; z-index: 10; border-radius: 23px;}
.search_div input.text_input{ vertical-align: top; height: 35px; width: 260px; border: none; background: none; font-size: 14px; text-indent: 20px;}
.text_submit{background: url(../img/search_ico.png) no-repeat; width: 20px; height: 21px; border: none; position: relative; top: -27px;}
.banner{ width: 100%;overflow: hidden; position: relative; height: 657px;}
.banPic li,.banPic{ width: 100% ; height: 657px;}
.banPic ul{ width: 100%;}
.banContent{ width: 1200px; margin: 0 auto; position: relative; text-align: center;}
.banContent .img1{  margin-top: 220px;/*  width: 1024px; height: 84px; */}
.banContent .zxBtn{ display:block; width: 195px; height: 44px; text-align: center; line-height: 44px; font-size: 14px; color: #fff; background: #940000; margin: 28px auto 0;}
.banContent .zxBtn img{ margin-left: 10px; transition: all 0.3s; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;}
.banContent .zxBtn:hover img{ margin-left: 50px;}
.picNum{ position: absolute;width: 100%; left: 0; bottom: 20px; text-align: center;}
.picNum li{ display: inline-block; width: 12px; height: 12px;border: #fff 1px solid; font-size: 0; margin: 0 8px;}
.picNum li.on{ background: #940000; border-color: #940000;}
.prevBtn,.nextBtn{ width: 69px; height: 69px; display: block; position: absolute; top: 50%; margin-top: -34.5px; z-index: 20; transition: all 0.7s;-webkit-transition: all 0.7s;-moz-transition: 0.7s;}
.prevBtn{ background: url(../img/left_btn.png) no-repeat; left: -200px;}
.nextBtn{ background: url(../img/right_btn.png) no-repeat; right: -200px;}
.nextBtn:hover,.Case_scroll a.next:hover{background: url(../img/right_btn_on.png) no-repeat; background-size: cover; }
.prevBtn:hover,.Case_scroll a.prev:hover{background: url(../img/left_btn_on.png) no-repeat;background-size: cover;}
.banner:hover .prevBtn{ left: 0;}
.banner:hover .nextBtn{ right:0;}
.picNum li{ border-radius: 50%;-webkit-border-radius:50%;-moz-border-radius:50%;}
.divName{ text-align: center; position: relative; padding-bottom: 5px;}
.divName::after{ content: ''; width: 85px; height: 1px; background: #940000; position: absolute; left: 50%; margin-left:-42.5px; bottom: 0;}
.divName p.p1{color: #940000; font-size: 26px; font-weight: bold;}
.Content1 { padding: 50px 0;}
.divName p.p2{ font-family: "Mongolian Baiti"; color: #333;font-size: 20px; line-height: 180%;}
.dynamicCont{ margin-top: 40px;}
.dynamicCont .left{ position: relative; width: 670px; height: 399px;}
.dynamicCont .left li{ position: relative; width: 670px; height: 399px;}
.newTxt{ background: rgba(0,0,0,0.35); width: 670px;  position: absolute; bottom: 0; left: 0; padding: 20px 0 15px;} 
.newTxt p{ width: 485px;color: #fff; margin-left: 30px;}
.newTxt p.name1{font-size: 18px; font-weight: bold;}
.newTxt p.name2{ font-size: 12px; line-height: 180%; margin-top: 5px; }
.dynamicCont .newTime{ position: absolute; top: 0; left: 20px;width: 75px; height: 75px; background: #940000; color: #fff; font-size: 12px; text-align: center; line-height: 150%;}
.newTime span{ display: block;  font-size: 16px; font-family: arail; padding-top: 20px;}
.dynamicCont a.prev,.dynamicCont a.next{ display: block; position: absolute; width: 33px; height: 33px; bottom:45px}
.dynamicCont a.prev{ background: url(../img/left_btn1.png) no-repeat; right: 65px;}
.dynamicCont a.next{ background: url(../img/right_btn1.png) no-repeat;right: 31px;}
.dynamicCont a.next:hover{background: url(../img/right_btn1_on.png) no-repeat;}
.dynamicCont a.prev:hover{background: url(../img/left_btn1_on.png) no-repeat;}
.dynamicCont .right{ width: 485px; height: 399px;}
.newLi li font{ position: relative; display: block; width: 65px; float: left;text-align: right; font-size: 30px; font-weight: bold; color: #999; font-family: Arial, Helvetica, sans-serif; padding-right: 15px; margin-right: 15px;}
.newLi li font::after{ content: '';width: 1px; background: #f2f0f0; height: 40px; position: absolute;right: 0; top:6px;}
.newLi li font span{ display: block; font-size: 14px; font-weight: normal; }
.newLi li { padding-bottom:16px; border-bottom: #eee 1px solid; margin-bottom: 16px; }
.newLiTxt{ float:left; width: 390px;}
.newLiTxt .p1{ font-size: 18px; color: #333; }
.newLiTxt .p2{ font-size: 12px; color:#999; margin-top: 10px; position: relative; padding-left: 16px;}
.newLiTxt .p2::before{ content: ''; width: 5px; height: 5px; border: #9c1212 1px solid; position: absolute; left: 0; top: 6px;}
.newLi li:hover .p1{ font-weight: bold;}
.newLi li:hover .p2{ color: #940000;}
.Content2{ background: url(../img/bg1.jpg) no-repeat center center; background-size: cover; padding: 60px 0 70px;}
.serviceCont ul li{ margin-top: 30px; float: left; width: 200px;height: 452px;  overflow: hidden; }
.serviceCont  .left{  width: 200px; height: 452px; position: relative;color: #fff;  background: #fff;}
.serviceCont  .left a{  display: block;}
.serviceCont .left .font1{ display: block; font-size: 14px;font-family: "MoolBoran"; width: 90px; line-height: 95%; padding-top: 35px; padding-left: 25px;}
.serviceCont .left .font2{ font-size: 16px;  font-weight: bold; padding-left: 25px; margin-top: 10px;}
.serviceCont .left .img1{ display: block; margin:15px 0 10px 25px; opacity: 0; filter: alpha(opacity=0);}
.serviceCont  .left p{ position: absolute; font-size: 16px; width: 18px;  left: 25px;}
.serviceCont  .left img.bg{ position: absolute; top: 0; left: 0;}
.serviceTxt1{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.serviceCont  .right{ background: url(../img/bg2.jpg) no-repeat; width: 0; height: 452px; }
.serviceCont  .right .rightCont{ padding: 65px 40px 50px;}
.serviceCont  .right p.p1{ color: #940000; font-size: 20px;}
.serviceCont  .right span{ font-size: 16px; font-weight: bold; color: #666; margin: 15px 0 30px;}
.serviceTxt2 p{ line-height: 180%; font-size: 14px; color: #666;}
.serviceCont  .right .rBtn{ position: relative; overflow: hidden;  margin-top:50px; display: block; width: 130px; height: 40px; color: #fff; font-size: 12px; background: #940000; text-align: center; line-height: 40px;}
.serviceCont  .right .rBtn img{ margin-left: 10px;}
.anim {-moz-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);position: absolute;top: 50%;left: 50%;}
.anim:before { position: relative; content: ''; display: block; margin-top: 100%; }
.anim:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }
.serviceCont  .right .rBtn:hover .anim { -moz-animation: anim-out 0.75s; -webkit-animation: anim-out 0.75s; animation: anim-out 0.75s; }
.serviceCont  .right .rBtn:hover .anim:after { -moz-animation: anim-out-pseudo 0.75s; -webkit-animation: anim-out-pseudo 0.75s; animation: anim-out-pseudo 0.75s; }

.serviceCont ul li.act{width: 600px;}
.serviceCont ul li.act .right{ width: 400px;}
.serviceCont ul li.act .left .font1{ color: #999; font-size: 20px; width: auto;}
.serviceCont ul li.act .left .font2{ color: #940000;}
.serviceCont ul li.act .left p{ display: none;}
.serviceCont ul li.act img.bg{ top: 150px;}
.serviceCont ul li.act .img1{ opacity: 1;filter: alpha(opacity=100);}
.Content3{ padding: 40px 0 50px;}
.case_pic span,.case_pic span img{ display: block; width: 367px; height: 207px; overflow: hidden;    transition: 0.75s;}

.case_pic{ position: relative; overflow: hidden;}
.case_pic font{ position: absolute; left: 0; width: 100%; color: #fff; font-size: 14px; background:rgba(148,0,0,0.25); height: 165px;  top: 0; text-align: center;box-sizing: border-box;
    padding-top: 62px; opacity: 0;filter: alpha(opacity=0); transition: all .62s cubic-bezier(.215,.61,.355,1);}
.case_pic font img{ display: block; margin: 0 auto 5px;}
.case_txt p.p1{font-size: 16px;color: #333;position: relative;padding-top: 18px;margin-bottom: 8px;padding-bottom: 15px;}
.Case_scroll li{ width: 367px;  position: relative; float: left;    margin-right: 50px; height: 280px; margin-top: 25px;}
.case_txt {position: absolute;padding: 0 20px 0;width: 327px;bottom: 15px;left: 0;background: #fff;height: 56px;overflow: hidden; transition: all 0.5s}
.case_txt p.p1 img{position: absolute; right: 0; top: 23px;}
.Case_scroll li:hover .case_txt p.p1{ padding-bottom: 0}
.Case_scroll li:hover .case_txt p.p1 img{ opacity: 0;}
.case_txt p.p2{font-size: 14px;  font-size: 14px; color: #999;}
.Case_scroll li:hover .case_txt{ bottom: 41px;position: relative; height: 85px; padding-bottom: 15px; }
.Case_scroll li .case_txt::after{      content: "";
    width: 100%;
    height: 3px;
    background: #940000;
    position: absolute;
    left: 0;
    bottom: 0;  transform-origin: 100%;
    -webkit-transform-origin: 100%;
    -webkit-transition: -webkit-transform .52s cubic-bezier(.215,.61,.355,1);
    transition: -webkit-transform .52s cubic-bezier(.215,.61,.355,1);
    transition: transform .52s cubic-bezier(.215,.61,.355,1);
    transition: transform .52s cubic-bezier(.215,.61,.355,1),-webkit-transform .52s cubic-bezier(.215,.61,.355,1);
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    visibility: hidden\9;}
.Case_scroll li:hover .case_txt::after{transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0;
    visibility: visible\9;}
.Case_scroll li:hover .case_txt p.p2{  height: 38px;}
.Case_scroll li:hover .case_pic font{ opacity: 1; filter: alpha(opacity=100);}
.Case_scroll li:hover .case_pic span img{transform: scale(1.1) rotate(3deg);}
.Case_scroll{ position: relative;}
.Case_scroll a.prev,.Case_scroll a.next{ width: 50px; height: 50px; background: url(../img/left_btn2.png) no-repeat; position: absolute; top: 50%; margin-top: -25px;}
.Case_scroll a.prev{background: url(../img/left_btn2.png) no-repeat; left: -70px;}
.Case_scroll a.next{background: url(../img/right_btn2.png) no-repeat; right: -70px;}
.seeMore{ display: block; width: 182px;height: 42px; font-size: 14px; color: #940000; border: #940000 1px solid; text-align: center; line-height: 42px; margin: 35px auto 0;}
.seeMore i{ display: inline-block; background: url(../img/ico3.png) no-repeat; width: 23px; height: 9px; vertical-align: middle; margin-left: 10px; transition: all 0.4s;}
.seeMore:hover i{ background: url(../img/ico2.png) no-repeat; margin-left: 20px;}
.Content4{background: url(../img/bg3.jpg) no-repeat center center; background-size: cover; padding: 45px 0 50px;}
.team_pic,.team_pic img{ width: 216px; height: 287px;}
.team_pic{ position: relative;}
.team_pic p{ position: absolute; color: #fff; font-size: 16px; background: rgba(0,0,0,0.7); text-align: center; width: 100%; line-height: 150%; bottom: 0;left: 0; padding-bottom: 10px;}
.team_pic p font{ display: block;}
.team_txt{ background: url(../img/bg4.jpg) no-repeat; width: 0; height: 287px; position: absolute; left: 216px; top: 0;}
.team_txt div{ padding: 29px 25px;}
.team_txt h3{ font-size: 24px; color: #333; font-weight: normal; margin-bottom: 25px;}
.team_txt h3 i{ font-size: 14px; color: #666; margin-left: 10px;}
.team_txt p{ color: #999;font-size: 14px; line-height: 180%;}
.team_txt span{ display: block; color: #9c0000;font-size: 12px; margin-top: 20px;}
.team_txt span img{ margin-left: 10px;}
.teamCont .teamShow  li{ width: 216px; overflow: hidden; float: left; margin-right:30px; position: relative;}
.teamCont .teamShow  li.on{ overflow: initial;}
.teamCont .teamShow li.on .team_txt{ width: 247px; z-index: 10;}
.teamCont .teamShow li.on  .team_pic p{ bottom: -80px;}
.teamCont .teamShow li.marginR0 .team_txt{ left: -250px;}
.Column { display: block; text-align: center;margin-top: 30px;}
.Column li{ display: inline-block; width: 13px; height: 13px; border:#940000 1px solid; font-size: 0;  border-radius: 50%; margin: 0 4px;}
.Column li.on{ background: #940000;}
.Content5{ padding: 50px 0;}
.observationul{ margin-top: 30px;}
.observationul li { width: 270px; float: left;    margin-right: 40px;}
.observationul li span{ border: #fff 3px solid; display: block; width: 264px; height: 111px; overflow: hidden;}
.observationul li span img{display: block; width: 264px; height: 111px;    transition: 0.68s;}
.observationul li:hover span img{ transform: scale(1.06);
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);}
.observationul li i{ font-size: 12px; color: #999; margin-top: 20px;}
.observationul li p.title{ color: #333;font-size: 16px; margin-top:9px; padding-bottom: 20px; position: relative;}
.observationul li p.txt{ color: #999;font-size: 14px; line-height: 180%; margin-top: 15px;}
.observationul li p.title::after{ content: '';width: 30px; height: 2px;background: #d3d3d3; position: absolute; bottom: 0;left: 0;}
.observationul li em{ font-size: 16px; color: #fff; display: block; background: #999; width: 21px; height: 21px;text-align: center; line-height: 21px; margin-top: 27px;}
.observationul li:hover span{ border-color: #940000;}
.observationul li:hover p.title{ color: #940000;}
.footer{ background: #fafafa; padding-top: 37px;}
.fCont1 font img{ vertical-align: middle;margin-right: 10px;}
.fCont1 font{ font-size: 16px; color: #940000;}
.fCont1 font i{ font-size: 14px; color: #999; margin-left: 10px;}
.fCont1 a{ color: #666;font-size: 14px; margin-left: 35px;}
.fCont2 font{  font-size: 14px; font-weight: bold; color: #333;}
.fCont2 a{ padding: 0 20px; color: #666;font-size: 14px;}
.fCont2{ margin-top: 20px;}
.fcont3 { font-size: 14px; color: #666; position: absolute; right: 0; bottom: 25px;}
.fcont3 .img1{}
.footCont { position: relative; padding-bottom: 30px; border-bottom: #fff 1px solid;}
.fcont3 font{ position: relative;vertical-align: middle; display: inline-block;top: -3px;}
.fcont3 font span{position: absolute;top: -119px;width: 111px;height: 122px;background: url(../img/ewm_bg.png) no-repeat;text-align: center;left: -41px; display: block;}
.fcont3 font span img{ margin-top:5px;}
.fcont3  a{ display: inline-block; vertical-align: middle; position: relative;top: -3px;}
/* .fcont3 font:hover span{ display: block;} */
.footCont1{  border-top: #eae9e9 1px solid; height: 60px; line-height: 60px;}
.footCont1 p {color: #666;font-size: 14px;}
.footCont1 p img{ vertical-align: middle; margin-right: 10px;}
.footCont2{ background: #940000; color: #fff; height: 50px; line-height: 50px; overflow: hidden;}
.footCont2 p,.footCont2 p a{ color: #eee; font-size: 14px;}
.footCont2 p a:hover{ text-decoration: underline;}

/* 服务领域start */
.insideBan{ width: 100%; height: 330px; position: relative; overflow: hidden;}

.insideBan img.bg{ position: absolute;left: 50%; margin-left: -960px;width: 1920px;height: 330px;}

.insideBan img.txt{ display: block; margin: 110px auto 0; position: relative; z-index: 20;}
.navMenu{height: 56px; border-bottom: #e5e5e5 1px solid; line-height: 56px; font-size: 14px; color: #666; background: #fff;} 
.adrDiv{ position: relative; padding-left: 25px;}
.adrDiv::after{ content: ''; background: url(../img/adr_ico.png) no-repeat; width: 17px; height: 15px; position: absolute ;left: 0; top: 19px; }
.adrDiv img{ margin: 0 7px; position: relative; top: -2px;}
.navMenu a{ font-size: 14px; color: #666;}
.navMenuUl li{ float: left;}
.navMenuUl li a{ display: block; width: 135px; height: 57px; text-align: center; font-size: 14px; color: #333; }
.navMenuUl li.on a,.navMenuUl li:hover a{ background: #940000;font-weight: bold; color: #fff; }
.areaList dt,.areaList dd{ float: left; width: 600px; overflow: hidden;height: 336px; position: relative;}
.areaList dt a,.areaList dd a{ display: block;}
.areaList dt img,.areaList dd img{ width: 600px; height: 336px;}
.txtLi{ font-size: 16px; color: #333; line-height:220%; position: absolute; top:35px; left: 0; padding-left: 90px;}
.txtLi p{ position: relative; padding-left: 14px;}
.txtLi p::after{ content: ''; width: 4px; height: 4px; background: #9c0000; position: absolute;left: 0; top: 13px;}
.areaList dl:hover .txtLi{ color: #9c0000;}
.dt_txt{ color: #f5f5f5; padding:10px 0px 10px 35px; background: rgba(156,0,0,0.9); position: absolute; top: 100px; left: 0; width: 260px; }
.dt_txt font{ display: block; font-size: 45px; font-family: "Mongolian Baiti";}
.dt_txt .p1{ font-size: 28px; font-weight: bold;}
.dt_txt .p2{ font-size: 14px;}
.areaList dl.nth2 dt{ float: right;}
.areaList dl.nth2 dd .txtLi{ left: 220px;}
.paddHeight{ padding:50px 0 70px;}
/* 服务领域end */
/* 关于我们start */
.aboutDiv1 .left{ width: 501px; height: 475px;}
.aboutDiv1 .right{ width: 665px; font-size: 14px; color: #868686;}
.aboutDiv1 .right p { margin-bottom: 20px; text-indent: 20px; line-height: 150%;}
.aboutDiv1 .right p strong{ color: #333;font-size: 14px; font-weight: bold;}
.aboutDiv1{ padding-bottom: 60px; border-bottom: #eee 1px solid;}
.aboutName{ color: #333; font-size: 18px; font-weight: bold; position: relative; padding-left: 16px; margin: 35px 0 25px;}
.aboutName span{ color: #999; font-family: "Mongolian Baiti"; font-size: 16px; font-weight: normal; margin-left: 10px;}
.aboutName::after{ content: '';width: 6px; height: 18px; background: #940000; position: absolute; left: 0; top:4px;}
.aboutDiv2,.aboutDiv3,.aboutDiv4{ padding-bottom: 40px; border-bottom: #eee 1px solid;}
.aboutTxt{ margin-top: 20px;}
.aboutTxt h4{ font-size: 16px; color: #333; margin-bottom: 10px; font-weight: normal;}
.aboutTxt p { font-size: 14px; color: #666;}
.aboutTxt li{ height: 60px; background: #f4f3f3; font-size: 14px; color: #666; zoom: 1; float: left; margin-top: 15px; margin-right: 28px;}
.aboutTxt li font{ width: 75px; height: 60px; line-height: 60px; float: left; background: #c0151d; color: #fff; text-align: center;}
.aboutTxt li p{ float: left; padding: 10px 20px; min-width: 100px;}
.aboutTxt li p span{ display: block;}

/* 关于我们end */
/* 加入我们start */
.JobName{ height: 60px; background: #c0151d; line-height: 60px; font-size: 16px; color: #fff; border-radius: 6px 6px 0 0;}
.JobName span{ display: block; float: left; text-align: center; position: relative;}
.JobName span::after{ content: '';width: 1px; height: 100%; background: rgba(255,255,255,0.4); position: absolute; right: 0; top: 0;}
.JoinJob ul{border-radius: 0 0 6px 6px;}
.job1{ height: 64px; line-height: 64px;}
.job1 span{ color: #333;font-size: 14px; text-align: center; float: left;}

.job1 span.name1{width:38%;}
.job1 span.name2{width:20%;}
.job1 span.name3{width:20%;}
.job1 span.name4{width:22%; cursor: pointer;}
.job2 div{ font-size: 16px; color: #333; margin-bottom: 20px;}
.job2  p{ font-size: 14px; color: #999; line-height: 180%;}
.job2{ background: #f9f9f9; padding: 40px 115px; display: none; }
.JoinJob ul li{ border-bottom: #eee 1px solid;}
.contact_us .div_name{ position: relative; padding-bottom: 12px;}
.joinDiv {}
h2.div_name{ text-align: center; color: #333; font-size: 26px; font-weight: normal;}
h2.div_name span{ font-size: 13px; color: #888; line-height: 180%; display: block;}
.joinDiv ul li{ padding-left: 70px; position: relative; float: left; margin-top: 50px;}
.joinDiv ul li img{ position: absolute;left: 0; top: 0;}
.joinDiv ul li p{ font-size: 14px; color: #666; line-height: 180%;}
.joinDiv ul li p span{ display: block; color: #666;font-size: 36px; font-weight: bold;}
.map{ border: #f1efef 1px solid; padding: 10px; margin-top: 50px; height: 379px; box-shadow: rgba(0,0,0,0.1) 0 2px 15px }
.map img{width: 100%;}
/* 加入我们end */
/* 智库团队start */
.teamListshow li{ float: left;  width: 260px; height: 320px; position: relative; margin-top: 70px;    margin-right: 53px;}
.teamListshow li a{ display: block;}
.teamListshow li a>img{ display: block; width: 260px; height: 320px;}
.teamListshow .team_intro{ color: #333; position: absolute; background: rgba(255,255,255,0.9); bottom: 0; padding: 20px 10px 20px 20px; left: 0; width: 230px; height:30px; overflow: hidden;}
.teamListshow .team_intro p.p1{font-size: 25px;}
.teamListshow .team_intro p.p1 span{ font-size: 16px; margin-left: 10px;}
.teamListshow .team_intro p.p2{ color: #fff;font-size: 14px; margin: 10px 0 20px;  opacity: 0;}
.teamListshow .team_intro p.p3{ font-size: 14px; color: #fff;opacity: 0;}
.teamListshow .team_intro p.p3 img{ margin-left: 10px; vertical-align: middle;}
.teamListshow li:hover .team_intro{ height: auto;background: rgba(192,21,29,0.9); color: #fff;}
.teamListshow li:hover .team_intro p.p2,.teamListshow li:hover .team_intro p.p3{ opacity: 1;}
.page{ text-align: center; margin-top: 50px;}
.page a{ border:#e5e5e5 1px solid; width: 33px; height: 33px; line-height: 33px; text-align: center; font-size: 14px; color: #666; display: inline-block; margin: 0 3px; background: #fff;}
.page a.pagePrev,.page a.pageNext,.page a.pageIndex{ width: 63px;}
.page a:hover,.page a.on{ background: #c7131c; color: #fff; border-color: #c7131c;}
.teamAll{ padding-bottom: 70px;}
/* 智库团队end */
/* 远景成果start */
.Achievements{ padding-top: 10px; padding-bottom: 70px;}
.Achievements .AchiePic,.Achievements .AchiePic img{  width: 388px; height: 242px;}
.Achievements .AchieTxt { width: 722px; padding: 0 45px; position: relative; height: 242px;}
.Achievements li{ margin: 45px auto 0;}
.AchieTxt  p.p1{ font-size: 22px; font-weight: bold; color: #333; margin-top: 50px;}
.AchieTxt span{ display: block; font-size: 14px; color: #999; margin-top: 8px;}
.AchieTxt  p.p2{ font-size: 14px; color: #999; line-height: 180%; margin-top: 20px;}
.AchieTxt font{ transition: all 0.3s;  width: 135px; height: 40px; line-height: 40px; text-align: center; display: block; font-size: 14px; background: #4d4d4d; color: #fff; position: absolute; bottom: 0;right: 0;}
.AchieTxt font i{ transition: all 0.2s;  display: inline-block; width: 14px; height: 9px; background: url(../img/more_ico1.png) no-repeat; margin-left: 10px;}
.Achievements li{ background: #f9f9f9;}
.Achievements li:hover{ background: #fff;-webkit-box-shadow: rgba(0,0,0,0.2) -1px 3px 15px;}
.Achievements li:hover font{ width: 185px; background: #c0151d; }
.Achievements li:hover font i{background: url(../img/more_ico2.png) no-repeat; width: 45px; margin-left: 20px; }
/* 远景成果end */
/* 远景成果详情start */
.detail_name{ color: #333; font-size: 32px; text-align: center; padding: 40px 100px 20px; border-bottom: #e4e4e4 1px solid; line-height: 150%;}
.detail_name p{ color: #939393; font-size: 14px;  margin-top:10px;}
.detail_name p span{margin: 0 5px;}
.detail_txt{ text-align: center;}
.detail_txt img{ margin-top:20px;}
.detail_txt p{ line-height: 220%; color: #696868; font-size: 14px; margin-top: 15px; text-align: left;}
.news_tip{ margin-top: 30px; overflow: hidden;}
.news_tip .fl {float: left;font-size: 14px; color: #333; line-height: 28px;}
.news_tip .fl a { color: #333; margin-right: 20px;}
.detail_page{ margin-top: 45px;}
.detail_page p{ cursor: pointer; text-align: center; width: 530px; padding: 0 20px;  float: left; background: #e4e4e4; color: #333; font-size: 14px; display: block; height: 60px; line-height: 60px;}
.detail_page p img{ margin-right: 10px; position: relative; top: 1px;}
.detail_page p img.img2,.detail_page p:hover img.img1{ display: none;}
.detail_page p:hover img.img2{ display: inline-block;}
.detail_page p a{color: #666; }
.detail_page p:hover{ color: #c0151d;}
.detail_page p:hover a{ color: #c0151d;}
.detail_page p.returnList{ width: 60px; height: 60px; color: #fff; background: #c0151d; font-size: 14px; padding: 0; line-height: 150%;}
.detail_page p.returnList a{ color: #fff; margin-top: 10px;position: relative;top: 10px;}
/* 远景成果详情start */
/* 远景动态start */
.newList{ padding: 30px 0 70px;}
.newList li{ padding: 40px 50px;}
.newList li .newsPic{ width: 190px; height: 128px;}
.newsTxt { margin-left: 40px; width: 870px; position: relative;}
.newsTxt p.p1{ font-size: 20px; font-weight: bold; color: #666;}
.newsTxt p.p2{ font-size: 14px; color: #999; margin-top: 10px; line-height: 150%;}
.newsTxt .font{ width: 680px;}
.newsTxt  font{ display: block; width: 118px; height: 35px; text-align: center; line-height: 35px; background: #bfbfbf; color: #fff; margin-top: 13px;}
.newsTxt  font img{ margin-left: 10px;}
.newsTxt  .time{ text-align: center; padding:33px 35px;color: #999;font-size: 16px; background: #f3f3f3; position: absolute; right: 0; top: 0; text-align: center;}
.newsTxt  .time span{ display: block;  font-weight: bold; }
.newsTxt  .time span.s1{ padding-bottom: 10px; border-bottom: #dcdcdc 1px solid; }
.newsTxt  .time span.s2 i{ display: inline-block; background: url(../img/eye_ico3.png) no-repeat; width: 16px; height: 10px; margin-right: 10px;}
.newsTxt  .time span.s2 { padding-top: 10px;}
.newList li:hover{ -webkit-box-shadow: rgba(0,0,0,0.1) -1px 4px 15px;box-shadow: rgba(0,0,0,0.1) -1px 4px 15px;-moz-box-shadow: rgba(0,0,0,0.1) -1px 4px 15px; }
.newList li:hover .newsTxt  font,.newList li:hover .newsTxt  .time{ background: #c0151d; color: #fff;}
.newList li:hover .time span.s2 i{ background-position: 0 -20px;}
.stausDetail .left{ width: 870px;}
.stausDetail .detail_name{ padding: 40px 0 10px;}
.stausDetail .detail_name h1{ font-weight: normal;}
.stausDetail .left .detail_txt p{ color: #868686;}
.stauPage{ border: #e7e7e7 1px solid; background: #fcfcfc; height: 50px; line-height: 50px; margin-top: 45px;}
.stauPage a{ font-size: 14px; color: #666; display: block; float: left;}
.stauPage a.page1{ padding: 0 30px; width: 349px;}
.stauPage a.pageMenu{ width: 50px; height: 50px; background: url(../img/pageMenu.png) no-repeat center;}
.stauPage a.pageMenu:hover{ background: url(../img/pageMenu1.png) no-repeat center;}
.stausDetail { padding-bottom: 70px;}
.stausDetail .right{ padding: 30px 20px 80px; background: #c0151d; margin-top: 55px; position: relative; }
.stausDetail .right p{ font-size: 24px; font-weight: bold; color: #fff;}
.stausDetail .right .aboutNew li .div1{ font-size: 12px; font-weight: bold; color: #fff; opacity: 0.6;}
.stausDetail .right .aboutNew li .div1 span{ margin-right: 30px;}
.stausDetail .right .aboutNew  li .div1 span img{ margin-right: 10px; vertical-align: middle;}
.stausDetail .right .aboutNew li .div2{ color: #fff; font-size: 14px; font-weight: bold; line-height: 180%; margin-top: 10px;}
.stausDetail .right .aboutNew li{ padding: 20px 0; border-bottom: rgba(255,255,255,0.6) 1px solid;  width: 260px; float: none !important;}
a.prev1,a.next1{ display: inline-block; width: 17px; height: 19px; background: url(../img/jt_ico1.png) no-repeat;    vertical-align: middle;}
a.next1{  background-position: -24px 0;}
.pageState{ font-size: 18px; font-weight: bold; color: #fbaeb2; margin: 0 30px;     vertical-align: middle;}
.stausHd{ text-align: center; margin: 25px 0;}
.pageState span{ color: #fff;}
.stausDetail .right  a.return{ position: absolute;left: 0; bottom: 0;  width: 100%; height: 80px; line-height: 80px; background: #730a0f; font-size: 18px; font-weight: bold; color: #fff; display: block; text-align: center;}
.stausDetail .right  a.return:hover{text-decoration: underline;}
/* 远景观察start */
.toTop {display: block;position: fixed; bottom: 20%;left: 50%;width: 41px;height: 41px;margin-left: 660px;z-index: 100; display: none;}
.observe{ padding-top: 20px; padding-bottom: 50px;}
.observe li{ float: left; margin-top: 40px; width: 380px; padding-bottom: 30px; border-bottom: #ececec 1px solid; overflow: hidden;    margin-right: 30px;}
.observe li .observePic img,.observe li .observePic{ width: 380px; height: 181px;}
.observeTxt  p.p1{ font-size: 16px; color: #333; margin-top: 20px; position: relative; min-height: 42px;}
.observeTxt  p.p1 img{ position: absolute; top: 11px; right: -40px;width: 36px; height: 23px;}
.observeTxt  p.p2{ margin-top: 10px; font-size: 14px; color: #666;}
.observe li:hover .observeTxt  p.p1{ padding-right: 60px; color: #c6000d; font-weight: bold;}
.observe li:hover .observeTxt  p.p1 img{right: 0;}
.observe li:hover { border-bottom-color: #c6000d;}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}

@-moz-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}

@-ms-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}

@keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}

@-webkit-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}

@-moz-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}

@-ms-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}

@keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}




.areaList dl:hover dt img,.observe li:hover .observePic img{ transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);}
.fCont1 a:hover,.fCont2 a:hover,.stauPage a:hover,.navMenu a:hover{ color: #940000;}
.seeMore:hover,.observationul li:hover em{ background: #940000; color: #fff;}
.case_txt,.JoinJob ul{ -webkit-box-shadow: rgba(0,0,0,0.1) -1px 2px 15px; -moz-box-shadow: rgba(0,0,0,0.1)  -1px 2px 15px; box-shadow: rgba(0,0,0,0.1)  -1px 2px 15px;} 
.observationul li span,.observationul li em,.seeMore,.Case_scroll a.prev, .Case_scroll a.next,.dynamicCont a.prev, .dynamicCont a.next,.observe li .observePic img,.observeTxt  p.p1 img,.newsTxt  .time,.newList li,.Achievements li,.serviceCont ul li,.serviceCont  .left img.bg,.newLiTxt p,.serviceCont  .right,.team_pic p,.areaList dt img,.teamListshow .team_intro{transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition:all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-moz-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.newLiTxt .p1,.AchieTxt  p.p1,.detail_page p,.stauPage a.page1,.stausDetail .right .aboutNew li .div2{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.newLiTxt .p2::before,.txtLi p::after{ border-radius: 50%;-webkit-border-radius:50%;-moz-border-radius:50%;}
.marginR0{ margin-right: 0 !important;}