@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: "微软雅黑";position: relative;/* background: #fafafa;*/}
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:#333;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;}
/* 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_top a{ color: #9FA0A0; margin-left: 20px;}
.head_contact{ float: right; position: relative;}
.head_contact span img{ vertical-align: middle;}
.head_contact .img_02,.head_contact a:hover .img_01{ display: none;}
.head_contact a: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: #006ec7;}
.head_nav{ width: 1200px; margin: 0 auto;}
a.logo{ width: 213px; height:57px; float: left; margin: 15px 0 20px; }
a.logo img{width: 213px; height:57px;display: block;}
.head_nav {
height:92px;
}
.head_nav ul {
    float: right;
    height: 92px;
}
.head_nav ul li{ position: relative;height: 92px; float: left; line-height: 92px; margin-left: 50px; }
.head_nav ul li a{ color: #333; font-size: 16px;}
.head_nav ul li:after{ content: ''; width: 0; height: 3px; background: #006ec7; position: absolute; left: 0; bottom: 0;}
.head_nav ul li:before{ content: ''; width: 0; height: 3px; background: #006ec7; position: absolute; right: 0; bottom: 0;}
.head_nav ul li:hover:after,.head_nav ul li:hover:before,.head_nav ul li.on:before,.head_nav ul li.on:after{ width: 50%;}
.head_nav ul li:hover a,.head_nav ul li.on a{ color: #006ec7;}
.head_nav ul li:after,.head_nav ul li:before,.head_nav ul li a{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;}
.pic_play{ width: 100%; overflow: hidden; position: relative; height: 500px;}
.pic_box,.pic_box li{width: 100%; overflow: hidden; position: relative; height: 500px;} 
.pic_box li>img{ display: block; position: absolute; left: 50%; margin-left: -960px; width: 1920px;}
.news_show{ position: absolute; overflow: hidden; width: 1200px; left: 50%; margin-left: -600px; bottom: 0; background: url(/templates/bjjd/theme/default/img/black_bg.png) repeat; height: 50px; border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;}
.news_show span.new_name{ display:block; float: left; width: 145px; font-size: 18px; color: #fff; text-align: center; line-height: 50px; background: #428bca;}
.news_show span.new_name img{ margin-right: 10px; position: relative; top:-2px; vertical-align: middle; width: 20px; height: 20px;}
.news_show .txt_li{ float: left;width:98%}
.news_show .txt_li li{ height: 50px; line-height: 50px; font-size: 14px;}
.news_show .txt_li li a{ position: relative; display: block; padding:0 55px 0 20px; color: #fff;}
.news_show .txt_li li a span{  width: 385px; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; display: inline-block;}
.news_show .txt_li li a img{ position: absolute; top: 50%; margin-top: -35px; width: 22px; height: 22px; right: 0;}
.find_input{ overflow: hidden; position: absolute; width: 300px; right: 20px; top: 10px; height: 30px; background: #fff;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.find_input input[type="text"]{ width: 240px; height: 30px; vertical-align: top; border: none; background: none; text-indent: 12px;}
.find_input i{ position: absolute; right: 0; top: 0; background: #006ec7; height: 30px;}
.find_input i .submit{ cursor: pointer; width: 60px; border: none; background: none; height: 30px; background: url(../img/find_ico.png) no-repeat center;}
.news_show .txt_li a:hover span{ color: #428bca;}
.pic_box li span img{ width: 48px; height: 48px; display: block; margin: 0 auto 10px;}
.pic_box li span{ cursor: pointer; display: block; width: 112px; height:78px; text-align: center; position: absolute; top: 50%; left: 50%; margin-top: -39px; margin-left: -56px; z-index: 20; font-size: 14px; color: #fff; }
.video{ z-index: 30; display: none; width: 800px; position: absolute; top: 50px; left: 50%; margin-left: -400px; height: 500px;}
.video embed{ width: 800px; height: 500px; margin: 0 auto; display: block; position: relative;z-index: 20;}
.black_bg{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(../img/black_bg.png) repeat; z-index: 20; display: none;}

.close_dot{ position: absolute; top: -2px; right: 5px; width:30px; heigth:30px; transition: all 0.5s; z-index: 50;}
.close_dot img{width:30px; heigth:30px;}
.close_dot:hover{ transform:rotate(180deg); -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);}
.pic_box a.prev,.pic_box a.next{ display: block; position: absolute; top: 50%; margin-top: -32px; width: 64px; height: 64px;}
.pic_box a.prev{ left: 200px;}
.pic_box a.next{ right: 200px;}

.news_title{ width: 100%; padding-top: 50px; padding-bottom: 20px; border-bottom: #ededed 1px solid;}
.title_con{ width: 1200px; margin: 0 auto; position: relative;}
.title_con h3{ color: #333; font-size: 24px; font-weight: normal; display: inline-block; position: relative;}
.title_con h3:after{ content: ''; width: 100%; height: 3px; position: absolute; bottom: -20px; left: 0; background: #006ec7;}
.box_a{ position: absolute; right: 0; font-family: "宋体"; color: #999; top: 20px;}
.box_a a{ color: #999; margin:0 5px;}
.box_a a:hover{ color: #006ec7;}
.news_center{ width: 1200px; margin: 30px auto 0;  overflow: hidden;}
.news_center .left{ width: 601px; float: left; position: relative;}
.news_center .left a img{ width: 601px;  display: block; height: 350px;}
.news_center .left p{ background: #f4f2f2; height: 45px; color: #333; font-size: 18px; line-height: 45px;}
.news_center .left p font{ display: block; width: 460px;  padding: 0 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_center .left p font:hover{color: #006ec7;}
.news_center .left span .img_02{ display: none;}
.news_center .left span.prev,.news_center .left span.next{ cursor: pointer; text-align: center; line-height: 45px; position: absolute; bottom: 0; display: block; width: 45px; height: 45px; background: #e4e4e4;}
.news_center .left span.prev{ right: 45px; border-right: #f4f2f2 1px solid;}
.news_center .left span.next{ right: 0;}
.news_center .left span.prev img,.news_center .left span.next img{  margin-top: 16px;}
.news_center .left span.prev:hover,.news_center .left span.next:hover{ background: #006ec7;}
.news_center .left span.prev:hover img.img_02,.news_center .left span.next:hover img.img_02{ display: inline-block;}
.news_center .left span.prev:hover img.img_01,.news_center .left span.next:hover img.img_01{ display: none;}
.news_center .left .hd{ position: absolute; bottom: 60px; left: 0;  width: 100%; text-align: center; z-index: 20;}
.news_center .left .hd em{ display: inline-block; width: 20px; height: 3px; background: #ecebec; margin:0 3px;}
.news_center .left .hd em.on{ background: #006ec7;}
.news_center .right{ width: 565px; float: right;}
.news_center .right h2 a{ cursor: pointer; color: #333; font-size: 24px; font-weight: normal; line-height: 150%;}
.news_center .right p{ color: #a5a4a4; font-size: 12px; font-family: "宋体"; line-height: 180%; margin-top: 22px;}
.news_center .right p>a{ color: #006ec7;}
.news_center .right p>a:hover{ text-decoration: underline;}
.news_center .right ul{ margin-top: 22px; border-top: #e0dcdc 1px dashed;}
.news_center .right ul li{ position: relative; height: 46px; line-height: 46px; font-family: "宋体"; font-size: 14px; border-bottom: #e0dcdc 1px dashed;}
.news_center .right ul li a{ color: #666;}
.news_center .right ul li span{ position: absolute; right: 0; top: 0;}
.news_center .right ul li:hover a,.news_center .right h2 a:hover{ color: #006ec7;}
.case_box{ width: 1200px; margin:30px auto 0; position: relative;}
#prev,#next{ cursor: pointer; display: block; position: absolute; /*width: 24px;*/ height: 46px; top: 222px; z-index: 30; opacity: 0.5;filter:alpha(opacity=50);}
#prev{ left: 15px;}
#next{ right: 15px;}
#prev:hover,#next:hover{opacity: 1;filter:alpha(opacity=100);}
/*.listBox li.on img{border: #006ec7 1px solid;}*/
#prevTop,#nextTop{ display: none;}
.case_box li{float:left; position: relative; overflow: hidden;}
.case_box .cf li{position:relative;color:#fff;}
.case_box .cf a{display:block;width:1200px;height:500px;position:absolute;color:#fff;}
.case_box .cf li span{display:block;width:486px;position:absolute;left:75px;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.case_box .picBox{ width: 100%;
    height: 500px;
    position: relative;
    overflow: hidden;
    background: #fff;}
.case_box .picBox ul{ height: 500px;position:absolute; left:0;}
.case_box .picBox li,.picBox li img{ width:1200px;height:500px;}
.case_box .listBox{width:1200px;height:115px;margin:0 auto;position:relative; padding-top:15px;overflow:hidden;}
.case_box .listBox ul{height:88px;position:absolute; padding-left:0;}
.listBox li {/* margin-right: 15px; */ 
    width: 242px;
    height: 115px;
    cursor: pointer;
    position: relative;
}
.listBox li i{background: #fff; position: relative; display: block; margin: 5px;
     width: 222px;
    height: 93px;}
.listBox li i span.line_01{ width: 100%; position: absolute; height: 1px; top: 0; left: 0; background: #ccc;}
.listBox li i span.line_02{ height: 100%; width: 1px; position: absolute;  top: 0; left: 0; background: #ccc;}
.listBox li i span.line_03{ width: 100%; position: absolute; height: 1px; bottom: 0; left: 0; background: #ccc;}
.listBox li i span.line_04{ height: 100%; position: absolute; width: 1px; top: 0; right: 0; background: #ccc;}
.listBox li.on i span.line_01{ width: 100%; position: absolute; height: 3px;  background: #006ec7;}
.listBox li.on i span.line_02{ height: 100%; width: 3px; position: absolute;   background: #006ec7;}
.listBox li.on i span.line_03{ width: 100%; position: absolute; height: 3px;  background: #006ec7;}
.listBox li.on i span.line_04{ height: 100%; position: absolute; width:3px; background: #006ec7;}
.listBox li img {width: 222px;height: 93px;}
.case_box .listBox li a{display:block;width:108px;height:77px;}
/*.case_box .listBox img{border:3px solid #fff;}*/
/*.case_box .listBox .on{border:1px solid #ff6600;}*/
.case_box .picBox:after{ content: '';background:rgba(0,0,0,0.65); height: 115px; width: 100%;position: absolute; bottom: 0; left: 0;}
.txt_intro{ color: #fff;   padding-bottom: 15px; position: absolute;z-index: 200; left: 0; bottom: 0; width: 100%;}
.txt_intro p.p1{ font-size: 18px; margin: 15px 0 20px;}
.txt_intro p{ padding-left: 20px; width: 1060px;}
.txt_intro p.p2{ font-size: 12px; font-family: "宋体"; line-height: 180%;}
.picBox li a{ display: block; position: relative;}
.picBox li font{ z-index: 100; display: block; width: 50px; background: #006ec7; position: absolute; right: -60px; bottom:0 ; height: 115px;}
.picBox li font img{ display: block; margin: 0 auto; width: 18px; height: 15px; position: relative; top: 50%; margin-top: -7.5px;}
.case_bg{ width: 100%; /*padding-bottom: 320px;*/ background: url(../img/bg.jpg) no-repeat center bottom; }
.footer{ background: #ebeaea; padding: 45px 0 0;}
.foot_li{ float: left; width: 100px; font-family: "宋体"; margin-right: 17px;}
.footer .foot1{ position: relative; width: 980px; margin: 0 auto 45px;}
.foot_li p{ font-size: 14px; color: #333; margin-bottom: 15px;}
.foot_li a{ display: block; font-size: 12px; color: #999; margin-bottom: 10px;}
.foot_li a:hover,.foot2 a:hover{ color: #006ec7;}
.foot_li i{ display: inline-block; border: #d9d8d8 1px solid; background: #fff; width: 96px; height: 96px; padding: 3px;}
.foot_li img{ border: #fff; width: 96px; height: 96px; display: block; }
.foot_li span{ display: block; font-size: 12px; color: #999; margin-top: 12px;}
.right_share{ position: absolute; right: 0; top: 0; padding-left: 60px;}
.right_share span,.right_share span img{ display: block; width: 198px; /*height: 47px;*/}
.right_share p{margin: 18px 0;}
.right_share p img{ display: block; float: left; width: 38px; height: 38px; margin-top: 2px;}
.right_share p font{ float: left; margin-left: 10px; font-size: 14px; color: #898989; }
.right_share p font>em{ display: block; font-size: 22px; font-family: arial;}
.right_share:after{ content: ''; height: 195px; width: 1px; background: #d9d8d8; position: absolute; left: 0; top: 0;}
.right_share .bdshare-button-style0-32 a{ background: none; transition: all 0.5s;}
.right_share .bdshare-button-style0-32 a.bds_sqq{ background: url(../img/QQ_ico.png) no-repeat;}
.right_share .bdshare-button-style0-32 a.bds_tsina{ background: url(../img/wb_ico.png) no-repeat;}
.right_share .bdshare-button-style0-32 a.bds_weixin{ background: url(../img/wx_ico.png) no-repeat;}
.right_share .bdshare-button-style0-32 a.bds_sqq:hover{ background: url(../img/QQ_ico_on.png) no-repeat;}
.right_share .bdshare-button-style0-32 a.bds_tsina:hover{ background: url(../img/wb_ico_on.png) no-repeat;}
.right_share .bdshare-button-style0-32 a.bds_weixin:hover{ background: url(../img/wx_ico_on.png) no-repeat;}
.foot2{ text-align: center; font-family: "宋体"; color: #999; border-top: #d9d8d8 1px solid; height: 40px; line-height: 40px;}
.foot2 a{color: #999; }
.foot2 span img{ vertical-align: middle;}
.footer.inside{ background: #fff;}
/* 侧边栏悬浮框开始 */
.leftlx {
  float: left;
  width: 45px;
  height: 45px;
}
.sibar li a {
  color: #fff;
  display: block;
  height: 45px;
  width: 300px;
}
.sibar li {
	
  background-color: #a4a4a4;
  margin-bottom: 1px;
}
.sibar li:hover {
  background-color: #006ec7;
}
.sibar li i.wx {
  display: block;
  width: 45px;
  height: 45px;
  margin: 0 auto;
  text-align: center;
  background: url(../img/zl_wx.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/zl_qq.png) no-repeat center;
}
.sibar li i.dh {
  display: block;
  width: 45px;
  height: 45px;
  margin: 0 auto;
  text-align: center;
  background: url(../img/zl_dh.png) no-repeat center;
}

.sibar li i.kf {
  display: block;
  width: 45px;
  height: 45px;
  margin: 0 auto;
  text-align: center;
  background: url(../img/zl_chat.png) no-repeat center;
}
.sibar li i.fh {
  display: block;
  width: 45px;
  height: 45px;
  margin: 0 auto;
  text-align: center;
  background: url(../img/zl_top.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*/
/*案例start*/
.adv_ban{ width: 100%; height: 380px; overflow: hidden; position: relative;}
.adv_ban>img{ position: relative; left: 50%; margin-left: -960px; display: block;}
.adv_ban p{ width: 1200px; position: absolute; left: 50%; margin-left: -600px; bottom: 45px;}
.adv_ban p>span,.adv_ban p>font{ display: block; color: #fff;}
.adv_ban p>span{ font-family: arial; font-size: 48px;}
.adv_ban p>font{ font-size: 24px;}
.adv_ban p>font img{ vertical-align: middle;}
.miao_div{ height: 60px; background: #fff; width: 100%;border-bottom: #eae9e9 1px solid;}
.miao_con{ width: 1200px; margin: 0 auto; position: relative; height: 60px; }
.menu_name{ float: left; font-size: 0;}
.menu_name a{ color: #666; display: inline-block; float: left; width: 100px; text-align: center; line-height: 60px; font-size: 16px; position: relative;}
.menu_name a.on{ color: #333;}
.menu_name a.on:after{ content: ''; width: 100%; background: #006ec7; position: absolute; bottom: -1px; height: 2px; left: 0;}
.adr_con{ font-family: "宋体"; color: #bfbfbf; font-size: 12px; float: right;  line-height: 60px;}
.adr_con a{color: #bfbfbf;}
.adr_con span{ color: #999;}
.adr_con a:hover{ color: #999;}
.adr_con img{ margin-right: 5px; vertical-align: middle; width: 11px; height: 14px; position: relative; top: -1px;}
.main_content{ width: 100%; /*background: #f3f3f3;*/ padding-top: 10px; padding-bottom: 50px; position: relative;}
.case_list{ width: 1200px; margin: 0 auto;}
.case_list dl{ width: 585px; background: #fff; margin-top: 30px; float: left; margin-right: 30px; }
.case_list dl.nth_2{ margin-right: 0;}
.case_list dl a{ display: block; width: 100%; height: 100%;}
.case_list dl a>img{ display: block; width: 585px; height: 244px;}
.case_list dl dt{ overflow: hidden; width:585px; height: 244px; position: relative;}
.case_list dl dt span{ opacity: 0; position: absolute; width: 565px; height: 224px; top: 10px; left: 10px; background: url(../img/orang_bg.png) repeat;}
.case_list dl dt span img{ transition: margin-top 1s;-webkit-transition: margin-top 1s;-moz-transition: margin-top 1s; width: 48px; height: 48px; display: block; margin: 0 auto; position: relative; top: 50%; margin-top: -120px;}
.case_list dl dd{ padding: 20px;}
.case_list dl dd .p1{ font-size: 18px; color: #333; margin-bottom: 15px;}
.case_list dl dd .p2{ color: #999; line-height: 180%; font-family: "宋体";}
.case_list dl:hover a>img{ transform: scale(1.05,1.05);}
.case_list dl:hover dt span{ opacity: 1;}
.case_list dl:hover dt span img{margin-top: -24px;}
.case_list dl:hover dd .p1{ color: #006ec7;}
.page{ width: 1200px; margin: 40px auto 0; text-align: center;}
.page a{ 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:hover{ background: #006ec7; border: #006ec7 1px solid; color: #fff;}
.page a.fys_dq{background: #006ec7;border: #006ec7 1px solid; color: #fff;}
/*案例详情start*/
.detail_pic{ width: 100%; height: 580px;overflow: hidden; position: relative;}
.pic_bd{ width: 1920px;height: 580px; left: 50%; margin-left: -960px; position: relative; z-index: 5;}
.pic_bd li{ position:relative;  overflow: hidden;height: 580px;}
.pic_bd li img{ display: block; width: 100%; height: 100%; }
.pic_hd{ width: 1200px; position: absolute; left: 50%; margin-left: -600px; bottom: 30px; z-index: 10;}
.pic_hd li{ cursor: pointer; position: relative; float: left; margin: 0 5px; width: 138px; height: 58px;  background: #fff;}
.pic_hd li:after{ border: #ccc 1px solid;width: 136px; height: 56px;  content: ''; position: absolute; top: 0; left: 0;}
.pic_hd ul{ float: right;}
.pic_hd li img{ width: 132px; height: 52px; margin: 3px;  display: block;}
.pic_hd li.on:after{ border: #006ec7 2px solid;width: 134px; height: 54px;}
/*.pic_hd li.on img{ margin: 1px auto;}*/
.pic_hd p{ font-size: 36px; color: #fff; position: relative; width: 340px;    padding-left: 40px;}
.pic_hd p>span{ font-family: arial; font-size: 14px; display: block; line-height: 180%;}
.pic_hd p>img{ /*position: absolute; right: 10px; top: 50%; margin-top: -13px; width: 26px; height: 26px;*/ 
    position: absolute;
    width: 26px;
    height: 26px;
    left: 0;
    top: 13px;
}
.case_detail{ width: 1200px; margin: 30px auto 0;}
.case_detail h3,.Company_outlook h3{ color: #333; font-size: 24px; font-weight: normal; padding-left: 13px; position: relative;}
.case_detail h3:after,.Company_outlook h3:after{ content: ''; width: 4px; height: 24px; background: #3d79b4; position: absolute; left: 0; top: 5px; display:none;}
    .case_detail > p {
        font-family: "宋体";
        font-size: 14px;
        color: #666;
        line-height: 180%;
        margin-top: 15px;
        text-indent: 25px;
    }
.case_pic>div{ width: 580px; float: left; margin-right: 40px; margin-top: 25px;}
.case_pic>div.nth_2{ margin-right: 0;}
.case_pic>div img{ width: 580px; height: 380px; display: block;}
.case_pic>div span{ display: block; margin-top: 8px; text-align: center;font-family: "宋体"; font-size: 12px; color: #666;}
.share{ position: relative; padding-top: 35px; border-top: #dcdcdc 1px dashed; margin-top: 30px;}
.bq_div{ color: #333; font-size: 14px; font-family: "宋体"; margin-bottom: 30px;}
.bq_div a{ color: #777676; font-size: 12px; margin: 0 5px;}
.more_news a>span{ margin-bottom: 10px;  font-weight: bold;}
.more_news a{ display: block; font-family: "宋体";color: #777676; font-size: 12px; font-weight: normal;}
.bq_div a:hover{ color: #006ec7;}
.more_news a:hover,.more_news a:hover span{ color:#006ec7; text-decoration: underline;}
.share_box{ position: absolute; top: 35px; right: 0;}
.share_box .jiathis_style{ display: inline-block; vertical-align: middle;}
.share_box span{ font-size: 14px; font-family: "宋体";vertical-align: middle;}
.product{ width: 1200px; margin: 20px auto 0;}
.zx_pic img{ display: block; width: 1200px; height: 244px; cursor: pointer;}
.product_list a{ display: block; float: left; width: 585px; margin-top: 30px; margin-right: 26px;    border: #ebeaea 1px solid;}
.product_list a.nth_2{ margin-right: 0;}
.product_list a>img{ width: 585px; height: 244px; display: block;}
.product_list a>p{ position: relative; height: 60px; background: #fff; font-size: 18px; line-height: 60px; padding: 0 20px;} 
.product_list a>p img{ position: absolute; right: 20px; top: 50%; margin-top: -13px; width: 26px; height: 26px;}
.product_list a:hover{ color: #006ec7;}
.sult_name{ position: relative; height: 60px; background: #3d79b4; line-height: 60px;}
.mask_bg{ display: none; background: url(../img/black_bg.png) repeat; width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 20;}
.consult{display: none; width: 800px; position: fixed; left: 50%; margin-left: -400px; z-index: 30; top: 50%; margin-top: -195px; border-radius: 5px; overflow: hidden;}
.sult_name>img{ margin-left: 20px; width: 32px; height: 28px; vertical-align: middle;position: relative; top: -2px;}
.sult_name i{ color: #fff; font-size: 24px; margin-left: 10px; }
.sult_name i>span{ font-size: 14px; margin-left: 10px;}
.sult_name em{ display: block; position: absolute; right: 20px; top: 50%; width: 32px; height: 32px; margin-top: -16px;}
.sult_name em img{ width: 32px; height: 32px;}
.sult_form{font-family: "宋体"; background: #fff; text-align: center; padding: 50px 0 60px;}
.sult_form p{ font-size: 14px;  color: #3d79b4;}
.sult_form  div{ margin-top: 30px;}
.sult_form  div span{ font-size: 14px; color: #666;}
.sult_form  div input{ border-radius: 2px;-webkit-border-radius: 2px; height: 33px; border: #d7d5d5 1px solid; width: 286px; color: #000; font-size: 12px;font-family: "宋体"; text-indent: 12px;}
.input_div input:-moz-placeholder,.sult_form form div input:-moz-placeholder {color: #ccc;}
.input_div input::-moz-placeholder,.sult_form form div input::-moz-placeholder { color: #ccc;}
.input_div input:-ms-input-placeholder,.sult_form form div input:-ms-input-placeholder{color: #ccc;}
.input_div textarea::-webkit-input-placeholder,.input_div input::-webkit-input-placeholder,.sult_form form div input::-webkit-input-placeholder{color: #ccc;}
.sult_form  button{border-radius: 2px;-webkit-border-radius: 2px; display: block;  margin-top:30px; margin-left:290px;width: 288px; height: 45px; background: #006ec7; color: #fff; font-size: 16px; border: none;}
.product_det strong{ display: block; color: #666; font-size: 18px; font-weight: bold;}
.product_det{ margin-top: 25px; position: relative;}
.product_det ul{ margin-top: 25px;}
.product_det li{ margin-bottom: 10px; font-family: "宋体"; font-size: 14px; color: #666;}
.product_det li img{ margin-right: 10px; vertical-align: middle; position: relative; top: -2px;}
.product_det1,.product_det2{ margin-top: 30px;}
.product_det1 .left{ float: left; width: 580px;}
.product_det1 p,.product_det2 p{ font-size: 18px; color: #666; margin-bottom: 15px;}
.product_det1 p>strong,.product_det2 p>strong{ font-weight: bold;}
.product_det1 .left img{ width: 580px; height: 298px;}
.product_det1 .right{ float: right; width: 580px;}
.new_case{ font-size: 14px;font-family: "宋体"; color: #666; margin-top: 15px;}
.new_case strong{ font-weight: bold;}
.new_case img{ vertical-align: middle; position: relative; top: -2px;}
.product_det2 img{ width: 100%; display: block;}
/*技术咨询start*/
.tech_list{ margin-top: 30px;}
.tech_list li{ background: #fff; border-bottom: #fff 1px solid;}
.tech_list li p{ padding-left: 60px; position: relative;}
.tech_list li p>span{ font-family: arial;font-size: 24px;text-align: center; color: #fff;   display: block; width: 60px;  height: 100%; position: absolute; left: 0; top: 0;}
.tech_list li p.question{ position: relative; height: 60px; background: #e5e2e2; line-height: 60px;}
p.question span{background: #3d79b4;}
p.question font{ color: #666; font-size: 16px; margin-left: 18px;}
p.answer span{background: #006ec7; line-height: 115px;}
p.answer{ display: none; font-size: 14px; color: #999;font-family: "宋体";  line-height: 180%; padding: 20px 0; max-height: 115px; overflow: hidden;}
p.answer font{ display: block;  padding: 0 20px;}
.tech_list li.act p.question{ background: #fff; border-bottom: #f3f3f3 1px solid;}
.tech_list li:last-child{ border-bottom: none;}
.tech_list li p.question img{ transform: rotate(180deg); -webkit-transform: rotate(180deg);-moz-transform: rotate(180deg); position: absolute; right: 20px; top: 50%; margin-top: -13px; width: 26px; height: 26px;display: block;}
.tech_list li.act p.question img{transform: rotate(0);}
/*公司展望start*/
.Company_outlook { width: 1200px; margin: 20px auto 0;}
.Company_outlook h3:after{ height: 40px;}
.Company_outlook h3 span{ font-size: 14px; font-family: arial; display: block;}
.intro_txt p{ font-family: "宋体"; font-size: 14px; color: #666; margin: 15px 0; line-height: 180%;}
.intro_txt img{ max-width: 1200px; margin:0 auto ; display: block;}
.organ{ background: url(../img/company_bg.jpg) no-repeat; background-size: cover; padding: 60px 0 130px; width: 100%; overflow: hidden;}
.organ img{ width: 1200px; display: block; margin: 0 auto;}
.main_bg{ width: 100%;  overflow:hidden;opacity: 0.5; position: absolute; top: 100px;}
.main_bg img{ width: 1920px; left: 50%; margin-left: -960px; position: relative; height: 680px;}
.intro_txt{ width: 1200px; margin: 0 auto; position: relative;z-index: 20;}
.intro_txt h2{ font-weight: normal; font-size: 30px; margin-top: 25px; }
.intro_txt h2>span{ font-size: 13px; color: #999; font-family: arial; display: block;line-height: 180%;}
/*专家团队start*/
.zj_team{ width: 1200px; margin: 0 auto;}
.zj_team dl{ height: 230px; padding: 10px; background: #fff; width: 565px; margin-top: 30px; margin-right: 30px; float: left;}
.zj_team dl.nth_2{ margin-right: 0;}
.zj_team dt{ float: left; width: 200px; height: 230px;}
.zj_team dt img{ width: 200px; height: 230px; display:block;}
.zj_team dd{ float: left; margin-left: 30px; width: 315px;}
.zj_team dd p.name{ font-size: 18px; margin-top: 20px;}
.zj_team dd p.txt{ font-family: "宋体"; color: #999; line-height: 180%; margin: 20px 0 25px; max-height: 85px; overflow: hidden;}
.zj_team dd span{ font-family: "宋体";display: block; width: 93px; height: 33px; color: #999; border: #d2d2d2 1px solid; text-align: center; line-height: 33px; border-radius: 5px;}
.zj_team dl:hover span{ border: #006ec7 1px solid; background: #006ec7; color: #fff; }
/*专家团队详情start*/
.team_detail{ width: 100%;}
.team_detail .pic{ width:340px ; height: 390px; float: left;}
.team_detail .txt{ float: right; width: 800px;}
.team_detail .txt h2{ margin-top: 25px; font-size: 18px; font-weight: normal;}
.team_detail .txt p{ font-size: 14px; color: #666; font-family: "宋体"; line-height: 180%; margin-top: 25px;}
/*联系我们start*/
.contact_bg{ position: absolute; top: 0; left: 0; width: 1200px; height: 404px;}
.Company_outlook{ position: relative;}
.contact_intro{ position: relative;z-index: 5; margin: 35px 50px 0;}
.contact_way li img{   margin-right: 10px; position: absolute; top: 10px; left: 0;}
.contact_way li{ padding: 10px 0 10px 32px; position: relative; font-family: "宋体"; color: #666; font-size: 14px;}
.contact_ewm span{ width: 140px; height: 140px; margin: 0 10px;  display: inline-block; text-align: center; font-family: "宋体"; vertical-align: top;}
.contact_ewm span img{ display: block; width: 140px; height: 140px; margin-bottom: 10px;}
.contact_ewm{ position: absolute; right: 0; top: 0;}
.map{ position: relative; margin:50px auto 0; width: 1200px; height: 370px; background: #fff;}
.map span{ display: none; position: absolute; bottom: -51px; left: -0px;}
.map>img{ position: relative;z-index: 10;}
.map span>img{ opacity: 0.6;}

/*在线互动start*/
.Company_outlook .left{ float: left; width: 617px;}
.Company_outlook .right{ float: right; width: 518px; height: 440px;}
.Company_outlook .left p{ color: #666; font-size: 14px; font-family: "宋体"; font-weight: bold;}
.input_div{ margin-top: 20px;font-family: "宋体";}
.input_div input{ height: 43px; width: 358px;}
.input_div input,.input_div textarea{ border-radius: 4px; text-indent: 20px; /*color: #ccc; */font-size: 12px; font-family: "宋体"; border: #d2d2d2 1px solid; background: #fff;}
.input_div span{  color: #666; font-size: 14px; vertical-align: top; line-height: 45px;}
.input_div textarea{ height: 140px; padding-top: 10px; width: 558px;}
.Company_outlook .left button{ display: block; width: 142px; height: 45px;border-radius: 4px; color: #fff; font-family: "微软雅黑"; font-size: 18px; background: #006ec7; border: none; margin-top: 40px; margin-left: 47px;}
.Company_outlook .left strong{ margin-top: 20px; display: block; color: #cc0000;font-family: "宋体";margin-left: 47px;}
.Company_outlook .left button:hover{ background: #d77b0d;}
/*新闻中心start*/
.news_list{ width: 1200px; margin: 0 auto;}
.news_list dl{ overflow: hidden; padding: 20px 0; border-bottom: #dcdcdc 1px dashed; display: inline-block; width: 100%;}
.news_list dt{ position: relative; float: left; width: 290px; height: 170px;}
.news_list dt img{ width: 290px; height: 170px;}
.news_list dd{ float: left; margin-left: 30px; width: 880px; position: relative;}
.news_list dd .p1{ margin: 20px 0 25px; font-size: 18px;}
.news_list dd .p2{ color: #a5a4a4; font-size: 12px; font-family: "宋体"; line-height: 180%; max-height: 40px; overflow: hidden;}
.news_list dd span{ display: block;color: #a5a4a4; font-size: 12px; font-family: "宋体"; margin-top: 25px;}
.news_list dd p{ width: 720px;}
.news_list dd font{ position: absolute; right: 0; top: 50%; margin-top: -8px; display: block; color: #666; font-size: 14px; font-family: arial;}
.news_list dd font em{ font-family: "宋体"; margin-left: 18px;}
.news_list dd font:after{ content: ''; width: 1px; height: 45px; background: #dfdddd; position: absolute; top: -12px; left: -40px;}
.news_list dt span {opacity: 0;position: absolute;width: 270px; height: 150px;top: 10px;left: 10px;background: url(../img/orang_bg.png) repeat;}
.news_list dl:hover dt span{ opacity: 1; }
.news_list dt span img{    transition: margin-top 1s;-webkit-transition: margin-top 1s;-moz-transition: margin-top 1s;width: 48px;height: 48px;display: block;margin: 0 auto;position: relative;top: 50%; left: 50%; margin-left: -24px;margin-top: -120px;}
.news_list dl:hover dt span img{ margin-top: -24px;}
.news_list dl:hover dd font,.news_list dl:hover dd  .p1{ color: #006ec7;}
/*公司咨询详情start*/

div.time i{ margin: 0 5px; font-family: "宋体"; font-size: 12px; color: #b5b5b5;}
.case_detail h1{  font-size: 30px; font-weight: normal;}
.case_detail div.time{ margin-top: 15px;}
.case_detail .intro_txt{ margin-top: 25px; border-top: #dcdcdc 1px dashed; }

.case_detail .detail_title {
text-align:center;
font-size:30px;
margin-bottom:60px;

}

.pic_show > div {
    width: 485px;
    text-align: center;
    font-family: "宋体";
    margin-right: 30px;
    color: #666;
    float: left;
    font-size: 14px;
}
.pic_show>div img{width: 485px; height: 262px; margin-bottom: 10px; }
.Material_01{ text-align: center; margin-top: 40px;}
.Material_01 embed{ width: 760px; height: 460px; display: block; margin: 0 auto;}
.Material_01 p{font-size: 14px; color: #666; font-family: "宋体"; margin-top: 20px;}
.Material_02,.Material_03{ width: 100%; margin-top: 35px;}
.Material_02 h4{ font-size: 18px; font-weight: normal;}
.Material_02 h4>strong{ color: #147cd4;}
.Material_02 table{ width: 100%; margin-top: 20px;}
.Material_02 table td{ width: 25%; border: #e2dfdf 1px solid; height: 54px; text-align: center; color: #000; font-size: 14px;}
.Material_02 table td.blue{ color: #2566de; font-weight: bold;}
.Material_02 p{ font-size: 14px;  font-family: "宋体"; margin-top: 25px; color: #333; line-height: 180%;}
.Material_03{ background: #fff;}
.Material_03 h4{ font-size: 30px; color: #3d79b4; text-align: center; padding: 30px 0;}
.Material_03 ul li{ float: left; width: 160px; margin-left: 10px;}
.Material_03 ul li img{ display: block; width: 160px; height: 190px;}
.Material_03 ul li span{font-size: 16px;  font-family:"微软雅黑"; display: block; height: 30px; line-height: 30px; text-align: center;}
.Material_04 p{font-size: 14px;  font-family: "宋体"; margin: 25px 0;}
.Material_04 ul li{float: left; width: 290px;background: #fff; text-align: center; margin-right: 10px;}
.Material_04 ul li img{ margin: 10px; width: 270px; height: 219px; }
.Material_04 ul li span{ display: block; padding: 10px 0 20px; font-size: 16px;}

.Material_02 ul li{ float: left; width: 590px; height: 224px; margin-right: 20px; margin-top: 30px; }
.Material_02 ul li img{ display: block;width: 590px; height: 224px;}
.Material_02 ul li.nth_2{ margin-right: 0;}
.product_det .left p{ padding-left: 20px; font-size: 14px;  font-family: "宋体"; color: #666; position: relative; margin-top: 15px; line-height: 180%; }
.product_det .left{width: 610px; float: left;}
.product_det .left p img{ position: absolute; left: 0; top: 6px;}
.product_det .right{width: 446px; float: right;}
.product_det .right img{ width: 446px; height: 230px; display: block;}
.mid_ico{ width: 26px; height: 26px; position: absolute;  top: 50%; margin-top: -13px; right: 500px;}
.product_det1 h3{ margin-bottom: 25px;}
.product_det1 .left1{float: left;width: 590px;}
.product_det1 .right1{float: right;width: 590px;}
.product_det1 .left1 img,.product_det1 .right1 img{ width: 590px; height: 300px; display: block;}

.new_case1{ position: relative; padding-left: 30px; line-height: 180%;    font-size: 14px;font-family: "宋体"; color: #666;margin-top: 15px;}
.new_case1 img{ width: 26px; height: 26px; position: absolute; left: 0; top: 0px;}
/*专利成果start*/
.thumbnails{ width: 1200px; margin: 0 auto;}
.thumbnails li{ position: relative; width: 279px; /*height: 396px;*/ float: left; margin-top: 30px; margin-right: 28px;}
.thumbnails li.nth_4{ margin-right: 0;}
.thumbnails li font{ text-align: center; display: block; color: #666;  margin-top: 10px;font-size: 12px;  font-family: "宋体";}
.thumbnails span img{ display: block; width: 35px; height: 33px; margin:0 auto 20px;}
.thumbnails span{ opacity: 0; position: absolute; left: 10px; top: 10px; height: 376px; width: 260px; background: url(../img/orang_bg.png) repeat; text-align: center; font-family: "宋体"; color: #fff;}
.thumbnails span i{display: block; position: relative; top: 50%; margin-top: -32.5px;}
.thumbnails li:hover span{ opacity: 1;}
.thumbnails li a>img{ width: 279px; height: 396px;}
.fs_gallery {
    background: rgba(0,0,0, 0.7);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
}
.fs_gallery_close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 25px;
    height: 25px;
    color: #ccc;
    font-size: 34px;
    line-height: 23px;
    text-align: center;
    cursor: pointer;
    z-index: 102;
}
.fs_gallery_close:before {
    content: "×";
}
.fs_gallery_close:hover {
    color: #fff;
}

.fs_gallery_prev, .fs_gallery_next {
    position: absolute;
    width: 80px;
    color: #ccc;
    font-size: 30px;
    cursor: pointer;
    z-index: 101;
}
/*.fs_gallery_prev:hover, .fs_gallery_next:hover {
    background: rgba(0,0,0, 0.1);
    color: #fff;
}*/
.fs_gallery_prev {
    left: 0;
    top: 0;
    bottom: 0;
     background: url(../img/r2.png) no-repeat center;
     
}
.fs_gallery_next {
    right: 0;
    top: 0;
    bottom: 0; background: url(../img/r1.png) no-repeat center;
}
/*.fs_gallery_prev:before {
    content: "‹";
    position: absolute;
    height: 30px;
    margin-top: -30px;
    top: 50%;
    left: 35px;
}
.fs_gallery_next:before {
    content: "›";
    position: absolute;
    height: 30px;
    margin-top: -30px;
    top: 50%;
    left: 35px;
}*/

.fs_gallery_shuft {
    position: relative;
    width: 9999999px;
}
.fs_gallery_shuft:after {
    clear: both;
    content: "";
    display: block;
}
.fs_gallery_shuft_item {
    float: left;
    position: relative;
    background-image:url(../img/download.gif);
    background-position: center center;
    background-repeat: no-repeat;
}
.fs_gallery_shuft_item img {
    box-shadow: 0 0 8px rgba(0,0,0, 0.8);
    position: absolute;
    top: 50%;
    left: 50%;
}

 .Company_outlook h3{padding-left: 50px;
    padding-top: 50px;}

/*.thunb_img{ display: none; width: 700px; margin: 0 auto; left: 50%; margin-left: -350px; position: fixed; top: 20px; z-index: 100;}
.thunb_img img{ display: block; width: 456px; height: 648px;}
.thunb_img font{ display: block; text-align: center; font-size: 14px; font-family: "宋体";}*/

/*动画start*/
.thumbnails li:hover a>img,.product_list a:hover,.zj_team dl:hover{-webkit-box-shadow: rgba(0,0,0,0.3) 0px 0px 10px;-moz-box-shadow: rgba(0,0,0,0.3) 0px 0px 10px;box-shadow: rgba(0,0,0,0.3) 0px 0px 10px; }
.thumbnails li span,.thumbnails li img,.news_list dt span,.zj_team dd span,.zj_team dl,.tech_list li p.question img,.product_list a,.case_list dl,.case_list dl a>img{transition: all 0.6s;-webkit-transform: all 0.6s; -moz-transform: all 0.6s;}
.case_list dl dt span{transition: all 1s;-webkit-transform: all 1s; -moz-transform: all 1s;}
.animatebox{transform: translateY(100px); -webkit-transform: translateY(100px);-ms-transform: translateY(100px); opacity: 0; transition: 1s all; -webkit-transition: 1s all; -ms-transition: 1s all;}
.animate{ transform: translateY(0); -webkit-transform: translateY(0);-ms-transform: translateY(0);opacity: 1;}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

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

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

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

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

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

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

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

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        */