@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:#666;font-size:12px;font-family: "微软雅黑";position: relative;/* background: #fafafa;*/min-width: 1280px;}
td,th,caption {font-size:12px;}
h1, h2, h3, h4, h5, h6 {/*font-weight:normal;*/font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var{ font-style:normal;font-weight:normal;}
a{color:#666;text-decoration:none;}
a:hover {cursor:pointer;text-decoration:none;}
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:12px "微软雅黑";;outline:none;}
table{border-collapse:collapse;border-spacing:0;}
textarea {resize:none;}
.max-width{ width: 100%; }
.min-width{ width: 1200px; margin: 0 auto;}
/* css common */
.clearfix:after {content: ".";display: block;height:0;clear:both; visibility:hidden;}
.clearfix {*zoom:1;}
.clear{clear:both;}
/*pccss reset 结束*/
.header{ background: #f6f4f4; height: 30px;  width: 100%; border-bottom: #f0efef 1px solid;}
.head_top{ width: 1200px; margin: 0 auto; line-height: 30px; height: 30px; font-family: "宋体"; color: #9fa0a0;}
.head_top p{ float:left ;}
.head_contact>a{ color: #9FA0A0; margin-left: 20px;}
.head_contact{ float: right; position: relative;}
.head_contact span img{ vertical-align: middle; position: relative; top: -1px;}
.head_contact .img_02,.head_contact a:hover .img_01,.head_contact>font.wx_n3:hover .img_01{ display: none;}
.head_contact a:hover .img_02,.head_contact>font.wx_n3:hover .img_02{ display: inline-block; }
.head_contact a span{ margin-right: 5px;}
a.wx_n1 font{ z-index: 100; display: none; position: absolute; left: 0; background: url(../img/ewm_bg.png) no-repeat; width: 132px; height:152px; top: 19px;}
a.wx_n1 font img{display: block; margin: 20px auto 0;}
a.wx_n1 font em{ display: block; text-align: center;}
.head_contact a:hover{ color: #b10000;}
.head_nav{ width: 1200px; margin: 0 auto; position: relative; /*overflow: hidden;*/ height: 90px;}
a.logo{ width: 229px; height:49px; float: left; margin: 23px 0 14px; }
a.logo img{ width: 229px; height:49px;display: block;}   
.head_nav ul{ float: right; margin-top: 35px;}
.head_nav ul li{ position: relative; float: left;  margin-left: 65px;  width: 65px; text-align: center; height: 55px;}
.nav_child{position: absolute;width: 100%;background:#fff;top: 55px;z-index: 100;width: 160px; left: -45px; display: none;}
.nav_child a{ display: block; text-align: center; height: 35px; line-height: 35px; font-family: "宋体"; font-size: 12px; color: #999;}
.nav_child a:hover{ background: #f6f4f4; color: #b10000;}
.head_nav ul li>a{ color: #3f3a39; font-size: 16px;padding-bottom: 26px;}
.head_nav ul li:after{ opacity: 0;filter: alpha(opacity=0); content: ''; width: 15px; height: 16px; background: url(../img/on_after.png) no-repeat; position: absolute; left: 0; bottom: 10px;}
.head_nav ul li.on:after,.head_nav ul li:hover:after{ left: 50%; margin-left: -7.5px; opacity: 1;filter: alpha(opacity=100);}
.head_nav ul li:hover>a,.head_nav ul li.on>a{ color: #b10000;}

/*图片轮播start*/
.pic_play{ width: 100%; overflow: hidden; position: relative; height: 502px;}
.pic_box,.pic_box li{width: 100%; overflow: hidden; position: relative; height: 502px;} 
.pic_box ul,.pic_box li{ width: 100% !important;}
.pic_box li>img{ display: block; position: absolute; left: 50%; margin-left: -960px; width: 1920px;}
.pic_box li a{ display: block; width: 100%; position: relative; height: 100%;}
.pic_box a.prev,.pic_box a.next{ transition: all 0.3s; display: block; position: absolute; top: 50%; margin-top: -14px; width: 34px; height: 28px; opacity: 0.5;}
.pic_box a.prev{ left: 15%;}
.pic_box a.next{ right: 15%;}
.pic_box a.prev:hover,.pic_box a.next:hover{ opacity: 1;}
.dot_div{ width: 100%; text-align: center;  position: absolute; bottom: 20px; left: 0;}
.dot_div span{ position: relative; transition: all 0.5s; margin: 0 5px;  background: #fff; display: inline-block; border: #fff 1px solid; width: 9px; height: 9px; vertical-align: middle;}
.dot_div span.on{ background: none; }
.mask_bg{ display: none; position: fixed; background: rgba(0,0,0,0.75); width: 100%; height: 100%; z-index: 1000; top: 0; left: 0;}
.content_width{  width: 1150px; padding: 25px; background: #fff; margin: 0 auto;}
.contant_title{ position: relative; font-size: 18px; font-weight: bold; color: #555;}
.contant_title img{ vertical-align: middle; margin-right: 5px; position: relative; top: -2px;}
.contant_title a{ position: absolute;top: 0; right: 0; font-size: 14px; font-weight:normal;}
.contant_c1{ margin-top: 20px;}
.contant_c1 .left{ float: left; width: 564px; height: 340px; overflow: hidden;position: relative;}
.contant_c1 .left li img{ display: block;width: 564px; height: 340px; }
.contant_c1  a.prev,.contant_c1  a.next{ position: absolute; top: 50%; margin-top: -25px;}
.contant_c1  a.prev{left: 20px;}
.contant_c1  a.next{ right: 20px;}
.contant_c1 .left li p{ background: rgba(0,0,0,0.6); height: 38px; bottom: 4px; left: 0;  line-height: 38px;position: absolute; width: 100%; text-indent:15px;color: #fff; font-size: 16px; text-align: left;}
.contant_c1 .left li a{ position: relative;}
.contant_c1 .left .line{ height: 4px; width: 100%; background: #241b16; position: absolute;left: 0; bottom: 0;}
.contant_c1 .left .line span{width: 0; background: #b10000; position: absolute;bottom: 0;left: 0; height: 4px;}
.contant_c1 .right{ width: 550px;}
.stau_txt{ padding: 15px 0 20px;}
.stau_txt .p1{ color: #d10000; font-size: 17px;}
.stau_txt .p2{ font-size: 14px; color: #838383; line-height: 180%; margin-top: 10px;}
.txt_list li{ height: 55px; line-height: 55px; border-top: #e6e6e6 1px dotted; font-size: 14px; position: relative; padding-left: 18px; position: relative;}
.txt_list li::after{content: ''; width: 4px; height: 4px; position: absolute;top: 50%; margin-top: -2px; left: 4px; background: #d10000;}
.txt_list li a{ display: block; color: #7b7b7b;}
.txt_list li font{ display: block; width: 450px;}
.txt_list li i{ position: absolute; right: 0; top: 0; font-size: 13px; color: #a2a2a2;}
.focus_div{ width: 550px; padding: 20px 20px 0; background: #fff;}
.contant_c2{ margin-top:15px;}
.content1 ,.content2,.content3,.content4{ position: relative; z-index: 2;}
.content2,.content3,.content4{ margin-top: 15px;}
.content2 .contant_title{ margin-bottom: 12px;}
.content2 .txt_list li{ height: 50px; line-height: 50px;}
.study_div li{ float: left; width: 267px; height: 150px; margin-top: 10px; position: relative; margin-right: 16px;} 
.study_div li img{width: 267px; height: 150px;}
.study_div li p{ position: absolute; background: rgba(0,0,0,0.6); height: 30px;bottom: 0; left: 0;  line-height: 30px; width: 247px; font-size: 14px; color: #fff;  padding: 0 10px; }
.content3 .right .study_div li,.content3 .right .study_div li img{ width: 260px; height: 150px;}
.content3 .right .study_div li{ margin-right: 30px;}
.content3 .focus_div{ padding-bottom: 20px;}
.work_list{ margin-top: 15px; border-top: #dcdcdc 1px dotted;}
.work_list li{ margin-top: 20px; float: left;width: 275px; margin-right: 16px;}
.work_list li img,.work_list li span{ display: block; width: 275px; height: 147px; overflow: hidden;}
.work_list li p{ margin-top: 10px; color: #414141; font-size: 14px;}
.content_middle .index_bg{ position: absolute; bottom: 0; left: 50%; margin-left: -960px; width: 1920px; height: 798px; z-index: 1;} 
.content_middle{background: #f8f8f8; padding: 30px 0 150px; overflow: hidden; position: relative;}

.footer{ background: #fff; padding-top: 40px;}
.footer .foot_nav{width: 735px;}
.r_li p{ font-size: 14px;   font-weight: bold; position: relative; padding-left: 13px; transition: all .3s;}
.r_li p:after{ content: ''; width: 8px; background: #d10000; height: 2px; position: absolute; left: 0; top: 50%; margin-top: -1px; transition: all .3s ;}
.r_li p>a{ color: #3f3a39; font-size: 16px;}
.r_li>a{ color: #848484; font-size: 14px; display: block; margin-top: 20px; padding-left: 13px; transition: all .3s; }
.footer  .r_li span{ display: block; margin-top: 20px; padding-left: 13px;transition: all .3s ;}
.footer  .r_li span img{ display: block; width: 96px; height: 96px; margin-bottom: 10px;}
.r_li:hover p{ padding-left: 34px;}
.r_li:hover p:after{ width: 25px;}
.r_li:hover>a,.foot_con1   .r_li:hover>span{ padding-left: 34px;}
.r_li>a:hover{ color: #d10000;}
.footer  .r_li{float: left;width: 140px;}
.foot_contact{ width: 278px;}
.foot_contact p.p1{ font-size: 24px;}
.foot_contact p.p1 img{ top: 6px;}
.foot_contact p{ color: #777; font-size: 14px; padding-left: 32px; position: relative; margin-bottom: 10px;}
.foot_contact p img{ position: absolute; top: 0; left: 0;}
.footer .foot_ewm{ float: right; text-align: center; color: #777; font-size: 13px;}
.foot_copyright{ height: 40px; border-top: #eee 1px solid; margin-top: 30px; line-height: 40px;}
.foot_copyright img{ vertical-align: middle; margin-left: 10px;}
.footer .cont{ position: relative;}
.footer .cont p{ position: absolute; right: 0; top: 0;}
.advertising {width: 100%;height: 300px; overflow: hidden; position: relative;}
.advertising img{ position: absolute; left: 50%; margin-left: -960px; height: 300px;}
.in_content{ position: relative ;z-index: 10;}
.in_content .left{ width: 282px; }
.cont_top{height: 80px; background: #d10000; position: relative; line-height: 80px; font-size: 19px; font-weight: bold;  color: #fff;}
.cont_top .img2{ position: absolute; right: 20px; top: 5px;}
.cont_top .img1{ margin-left: 18px; margin-right: 7px; vertical-align: middle;}
.cont_nav{ background: #fff;}
.cont_nav li a{ display: block; position: relative; height: 56px; padding-left: 47px; padding-right: 20px; color: #525252; font-size: 16px; border-bottom: #f3f3f3 1px solid; line-height: 56px;} 
.cont_nav li a::after{ content: ''; width:5px; height: 5px; background: #5f5f5f; position: absolute; top: 50%; left: 28px; margin-top: -3px;}
.cont_nav li:hover a,.cont_nav li.on a{ color: #d10000; background: #eee;}
.cont_nav li:hover a::after,.cont_nav li.on a::after{ background: #d10000;}
.cont_bottom{ padding:20px; background: #fff; margin-top:20px;}
.cont_bottom .contant_title{  color: #d10000; font-weight: normal; font-size: 16px;}
.cont_bottom .work_list li{ float: none; width: 100%; padding-top: 15px; border-top: #eee 1px solid; margin-top: 15px;}
.cont_bottom .work_list li img, .cont_bottom .work_list li span{ width: 100%; height: auto;}
.cont_bottom .work_list li p{ color: #7b7b7b; text-align: center;}
.cont_bottom .work_list{border-top: none;}
.in_content .right{ float: right; padding: 25px 35px 35px; background: #fff; width: 835px;}
.right_title{ position: relative; line-height: 24px; padding-bottom: 16px; border-bottom: #f3f3f3 1px solid;}
.right_title span{ font-size: 18px; color: #d10000; position: relative; padding-left: 12px;}
.right_title span::after{ content: ''; width: 3px; height: 14px; background: #d10000; position: absolute;left: 0; top: 5px;}
.crumbsnav{ font-family: "宋体"; color: #a1a1a1; position: absolute;right: 0; top: 0;}
.crumbsnav a{ color: #a1a1a1;}
.dl_01{ padding: 20px 0;}
.dl_01 dt{ float: left; width: 279px; height: 168px; overflow: hidden;}
.dl_01 dt img { width: 100%; height: 100%;}
.dl_01 dd{ float: left; width: 495px; margin-left: 20px;}
.dl_01:hover dd{ padding-left: 10px;} 
.dl_01 dd .p1{ font-size: 17px; color: #d10000; padding-top: 16px;}
.dl_01 dd .p2{ color: #a1a1a1; margin: 15px 0;}
.dl_01 dd .p3{ color: #838383; font-size: 14px; line-height: 180%;}
.dl_01 dd  img{ display: block; margin-top: 16px;}
.in_content .txt_list li{ border-top: #f3f3f3 1px solid;}
.page{ width: 100%; margin: 40px auto 0; text-align: center;}
.page a,.page span{ transition: all 0.3s;-webkit-transition: all 0.3s; margin: 0 2px; font-size: 14px; color: #999; font-family: "宋体"; display: inline-block; width: 30px; height: 30px; border: #eae6e6 1px solid; line-height: 32px; background: #fff;}
.page a.on,.page a:hover,.page span.current{ background: #d10000; border: #d10000 1px solid; color: #fff;}
.in_content .right .txt_list li{ font-size: 15px;}
.case_detail {font-family: "宋体";  text-align: center; width: 100%; margin: 0 auto;padding-top: 30px;padding-bottom: 30px;}
div.time i{ margin: 0 5px; font-size: 12px; color: #b5b5b5;}
.case_detail h1{  font-size: 24px; font-weight: normal; color: #333; font-family:"微软雅黑";}
.case_detail div.time{ margin-top: 15px; text-align: center;}
.case_detail .intro_txt{ margin-top: 25px; border-top: #dcdcdc 1px dashed; }
.intro_txt p{ font-size: 14px; color: #666; margin-top: 30px; line-height: 180%; text-align: left;}
.intro_txt img{ max-width: 100%; margin: 30px auto 0; }
.intro_txt>div strong{ font-weight: normal; margin-top: 10px; font-size: 14px; display: block;}
.detail_share{ font-size: 14px; color: #666;font-family: "宋体";  padding: 30px 0;border-top: #dcdcdc 1px dashed;border-bottom: #dcdcdc 1px dashed; position: relative; }
.detail_share .bdsharebuttonbox{ display: inline-block; vertical-align: middle;}
.detail_share .bdshare-button-style0-32 .bds_weixin{ background: url(../img/style_i1.png) no-repeat; }
.detail_share .bdshare-button-style0-32 .bds_sqq{ background: url(../img/style_i2.png) no-repeat; }
.detail_share .bdshare-button-style0-32 .bds_tsina{ background: url(../img/style_i3.png) no-repeat; }
.detail_share .bdshare-button-style0-32 .bds_weixin:hover{ background: url(../img/style_i1_on.png) no-repeat; }
.detail_share .bdshare-button-style0-32 .bds_sqq:hover{ background: url(../img/style_i2_on.png) no-repeat; }
.detail_share .bdshare-button-style0-32 .bds_tsina:hover{ background: url(../img/style_i3_on.png) no-repeat; }
.return_list{ position: absolute; right: 0; top: 32px; width: 135px; height: 40px; position: absolute; background: #d10000; color: #fff; text-align: center; line-height: 40px; border-radius: 20px; -webkit-border-radius:20px;}
.return_list img{ margin-right: 5px; vertical-align: middle; position: relative; top: -1px;}
.return_list:hover{ text-decoration: underline;}
.more_news a>span{font-weight: bold;}
.more_news a{ display: block; font-family: "宋体";color: #777676; font-size: 12px; font-weight: normal; margin-top: 12px; line-height: 180%;}
.more_news a:hover,.more_news a:hover span{ color:#d10000; text-decoration: underline;}
/*公共样式start*/
.study_div li.nth_2,.content3 .right .study_div li.nth_2,.work_list li.last{ margin-right: 0}
.txt_list li font{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.left{ float: left;}
.right{ float: right;}
.contant_c1 .left li a,.study_div li a,.work_list li a{ display: block; width: 100%; overflow: hidden;}
.cont_nav li a::after,.txt_list li::after,.dot_div span{border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;}
.program_list dl:hover img,.struc_04 .right a:hover img,.content3  .left .study_div  li:hover img,.work_list li:hover img,.dl_01:hover dt img { transform: scale(1.05,1.05);-webkit-transform: scale(1.05,1.05);-moz-transform: scale(1.05,1.05); }
.cont_bottom .contant_title a:hover,.txt_list li:hover font,.footer .cont p a:hover,.work_list li:hover p,.crumbsnav a:hover{color: #d10000;}
.head_nav ul li:after,.head_nav ul li a,.study_div li img,.work_list li img,.dl_01 dt img ,.dl_01 dd{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;}

/* 侧边栏悬浮框开始 */
.leftlx {
  float: left;
  width: 45px;
  height: 45px;
}
.sibar li a {
  color: #fff;
  display: block;
  height: 45px;
  width: 300px;
}
.sibar li {
	
  background-color: #9fa0a0;
  margin-bottom: 1px;
}
.sibar li:hover {
  background-color: #b10000;
}
.sibar li i.wx {
  display: block;
  width: 45px;
  height: 45px;
  margin: 0 auto;
  text-align: center;
  background: url(../img/sibar_ico4.png) no-repeat center;
}
.qq_li .ewm {
  width: 92px;
  height: 92px;
  position: absolute;
  right: 80px;
  top: 46px;
  display: none;
}
.wx_li .ewm {
  width: 92px;
  height: 92px;
  position: absolute;
  right: 65px;
  top: 184px;
  display: none; padding: 3px;
  border: #d9d8d8 1px solid; background: #fff;
}
.ewm img {
  width: 100%;
}
.sibar li i.qq {
  display: block;
  width: 45px;
  height: 45px;
  margin: 0 auto;
  text-align: center;
  background: url(../img/sibar_ico3.png) no-repeat center;
}
.sibar li i.dh {
  display: block;
  width: 45px;
  height: 45px;
  margin: 0 auto;
  text-align: center;
  background: url(../img/sibar_ico2.png) no-repeat center;
}

.sibar li i.kf {
  display: block;
  width: 45px;
  height: 45px;
  margin: 0 auto;
  text-align: center;
  background: url(../img/sibar_ico1.png) no-repeat center;
}
.sibar li i.fh {
  display: block;
  width: 45px;
  height: 45px;
  margin: 0 auto;
  text-align: center;
  background: url(../img/sibar_ico5.png) no-repeat center;
  z-index: 11;
}
.sibar {position: fixed;width: 45px;height: auto;top: 60%;right: 0;z-index: 1000;}
.sibar li a > span {color: #fff;font-size: 16px;line-height: 45px;display: none;float: left;}
.sibar li a:hover > span {display: block;}
.shang {width: 45px!important;}
/*右侧浮窗end*/