@charset "UTF-8";
html { overflow-y:scroll; }
*{margin:0px; padding:0px; word-wrap:break-word;}
img,input,select{vertical-align:middle;}
ul,li{list-style:none;}
a{text-decoration:none;	color: #4c4c4c;-webkit-transition: all ease 0.6s;}
a:hover{color:#4c4c4c; -webkit-transition: all ease 0.6s;}
img{border:none;}
.clear{ clear:both; height:0px;	 margin:0; padding:0;width:0; border:none; overflow:hidden;}
body{font-size:14px;font-family: "Microsoft YaHei"; color: #4c4c4c; background:#fff;}
.fl { float:left}
.fr { float:right}
.div1400 {width: 1400px}
.div1300{
margin:0 auto; padding:0px; overflow:hidden; width:1250px;}

.comdiv{
width:100%; margin:0px; padding:0px; overflow:hidden; line-height: 27px; clear:both; font-size:14px;}


header { width: 100% ; height: 85px; background: #fff; }
header .top {width: 1250px; height: 85px; margin: 0 auto;}

.menu_container {margin: 24px 0 0 0;}
.menu_container a { text-decoration: none;color: #0085d1;font-weight:normal; ;font-size: 16px;display: block;height: 36px;line-height: 36px;padding: 0 15px; }
.menu_container ul {margin: 0;padding: 0;list-style: none;}
.menu_container ul li.current-menu-item { background-color: #ddd;}
.menu_container > ul > li { display: block;float: left;position: relative; z-index: 9999 }
.menu_container > ul > li > ul { background-color: #fff;position: absolute;display: none;top: 100%; width: 110px; text-align: center;	   }
.menu_container > ul > li > ul li  a{ font-size: 14px; }
.menu_container > ul > li > ul li  a:hover {text-decoration: underline;}
.menu_container > ul > li:hover > ul { display: block; }
.menu_container > ul > li > ul > li { position: relative; }
.menu_container > ul > li > ul > li > ul { display:none;position: absolute;left: 100%;top: 0;border: 1px solid #eee;width: 140px; }
.menu_container > ul > li > ul > li:hover > ul { display:block;background-color: #fff; }
.menu_container > ul > li > ul > li > ul > li {  }

/*nav*/
.nav {
    height: 48px;
    position: relative;
    z-index: 10;
    line-height: 50px; border-bottom: 1px solid #858e96; border-top: 1px solid #858e96;
    font-size: 16px;
    color: #fff;
    clear: both; background: #0085d1
}
.menu {width: 1250px; margin: 0 auto;}
.menu li.li_2018 {
    float: left;
    display: inline;
    width: 12%;
    text-align: center;
    position: relative;
}
.menu li.li_2018 a {
    display: block;
    color: #fff;
    height: 48px;
    line-height: 48px;
}
.menu li a:hover { background: #fff; color: #0085d1;}
.menu li.current a { background: #fff; color: #0085d1;
   
}
.sub_menu{position:absolute;left:0;top:47px; min-height: 200px; width:99.8%;background:#f9f8f9;border:1px solid #dadada;border-width:1px 1px 1px 1px;border-radius:0 0 5px 5px;z-index:13;box-shadow:inset 1px 0px 6px #eeeeee;}
.sub_menu i{/*background:url("../images/pic1.png") no-repeat;*/width:14px;height:10px;position:absolute;top:-7px;margin-left:-6px;}
.sub_area{ float: left; width: 60% ; line-height:32px; padding-bottom: 20px; font-size:14px;color:#4c4c4c; padding-top: 30px; }
.nav .main {width: 1210px; margin: 0 auto}
.sub_area .sub_nav{width:33.3%;list-style:none;float:left;height:45px; }
.sub_area .sub_nav li.li_2018 {line-height:45px;padding-left:16px; height: 45px; overflow: hidden;}
.nav .title { margin: 0px; padding-top: 45px; height: 45px; line-height: 45px;   font-size: 18px; color: #0085d1; width: 15%;float: left; }
.nav .title span { display: block;margin: 0px; padding: 0px; height: 16px; line-height: 16px; font-size: 12px; }
.sub_area .sub_nav li.li_2018 a{font-family:"微软雅黑";color:#4c4c4c;font-size:14px;}
.sub_pic{padding-left:3.75em;width:40%;float:left;}
.sub_area .sub_pic a{display:block; font-family:"微软雅黑";font-size:14px;line-height:32px;color:#4c4c4c;}
.sub_area .sub_pic li.li_2018 span{cursor:pointer;width:35%;margin-right:20px;background:url("../static/boc2018_dot_icon.png") no-repeat 0 -72px;font-family:"微软雅黑";color:#4c4c4c;font-size:14px;line-height:32px;padding-left:14px;display:inline-block;line-height:24px;}
.sub_area .last{background:none;}
.sub_area .sub_nav li.li_2018 a:hover,.sub_area .sub_pic a:hover,.sub_area .sub_pic li.li_2018 span:hover{color:#0085d1;}
.sub_pic img,.sub_area .sub_ad img{vertical-align:top;margin:0px 0 10px 0px;border:1px solid #dadada;border-radius:5px;}
.sub_area .sub_ad{background:none;}
.sub_area .sub_ad li.li_2018{background:none;padding:0;}

.menu li.biaodan {float: right; position: relative; width: 176px; height: 48px; }
.search {width: 176px; height: 28px; line-height: 28px; border: 1px solid #fff; border-radius: 10px; background: #0085d1; color: #fff;}
.submit {position: absolute; top: 16px ;  right: 8px; background: url(../images/search.png) no-repeat ; font-size: 0px; border:0px; text-indent: 100px; width: 23px; height: 23px; }
/*幻灯*/
.slider {    margin: 0px 0px 10px 0px;    position: relative;}
.rslides {    position: relative;    list-style: none;    overflow: hidden;    width: 100%;    padding: 0;    margin: 0;}
.rslides li {    position: absolute;    display: none;    width: 100%;    left: 0;    top: 0;}
.rslides li:first-child {    position: relative;    display: block;    float: left;}
.rslides img,.rslides div {    display: block;    height: auto;    float: left;    width: 1920px;    border: 0;   max-height:600px;}
.rslides_tabs {width: 0px; height: 0px;  overflow: hidden;;}
/*视频*/
.video {width: 100%; height: 701px; /*background: url("../images/video.jpg") no-repeat center center;*/ margin-top: 80px;
 background-image:url("../images/video.jpg");
           
            background-repeat:no-repeat;
            





}
/* Style you custom popupbox according to your requirement */
#trigger{text-align: center; padding-top: 12%  }
#trigger a {color: #fff; font-size: 36px;}
#trigger h1 {font-weight: normal; }
#trigger img {margin-top: 50px;}
.popupbox {
    width:1280px;
    height:720px; border:10px solid #fff; background: #000;
    
    display: none; /* Hidden as default */
    float: left;
    position: relative;
    top: -20%; left: 50%;
    z-index: 99999;
    -webkit-box-shadow: 0px 0px 20px #000;
    -moz-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000;
}
.popup {cursor: pointer; }
#fade { 
    display: none; /* Hidden as default */
    background: #000;
    position: fixed; left: 0; top: 0;
    width: 100%; height: 100%;
    opacity: .80;
    z-index: 9999;
}
#intabdiv {
    text-align:center;
}
#close img {
    text-decoration:none;
}
#close {
    width:50px;
    height:50px;
    position: absolute;
    float:right;
}
/*产品与服务*/
.title  {width: 561px; height: 110px; margin: 80px auto 0 auto;}
.product {width: 1470px; margin: 60px auto 0 auto; overflow: hidden;}

/*核心价值观*/

/*我们的故事*/
.story {width: 100%; overflow: hidden; height: 743px;padding-top: 1px; position: relative; background: url(../images/bg.jpg) no-repeat center center; margin-top: 80px;}
.Cooldog_container {
    width: 1250px;
    height: 400px;
    margin: 80px auto 0;
    position: relative;
    overflow: hidden;
}

.Cooldog_container .Cooldog_content {
    position: absolute;
    width: 575px;
    height: 340px;
    top: 0;
    left: 50%;
    margin-left: -249px;
}

.Cooldog_container .Cooldog_content li {
    position: absolute;
    top: 0;
    left: 0;
    width: 575px;
    height: 340px;
    transition: all 0.3s ease;
}

.Cooldog_container .Cooldog_content li img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    display: inline-block;
}

.Cooldog_container .btn_left, .Cooldog_container .btn_right {
    display: none;
    width: 126px;
    height: 179px;
    position: absolute;
    top: 21px;
    z-index: 50;
    color: #fff;
    line-height: 179px;

}

.Cooldog_container .btn_left {
    text-align: left;
    left: 0;
}

.Cooldog_container .btn_right {
    text-align: right;
    right: 0;
}

.Cooldog_container i {
    font-size: 50px;
}

.Cooldog_container .btn_close {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    display: none;
    line-height: 20px;
    text-align: center;
    background-color: #BCB9B9;
    color: #fff;
}

.Cooldog_container .btn_close i {
    font-size: 18px;
}

.Cooldog_container .buttons {
    width: 370px;
    height: 5px;
    line-height: 5px;
    position: absolute;
    bottom: 5px; top:80%;
    left: 50%;
    margin-left: -185px;
    z-index: 80;
}

.Cooldog_container .buttons a {
    float: left;
    width: 40px;
    height: 5px;
    background-color: #eee;
    margin-right: 15px;
}

.Cooldog_container .buttons a.color {
    background-color: #00469c;
}

.Cooldog_container .buttons a:last-child {
    margin-right: 0;
}

.p1 { overflow: hidden;
    transform: translate3d(-577px, 0, 0) scale(0.81);
    opacity: 1;
    z-index: 1;
}

.p2 { overflow: hidden;
    transform: translate3d(-325px, 0, 0) scale(0.81);
    transform-origin: 0 50%;
    opacity: 1;
    z-index: 2;
}

.p3 { overflow: hidden;
    transform: translate3d(-400px, 0, 0) scale(0.81);
    transform-origin: 0 50%;
    opacity: 1;
    z-index: 3;
}

.p4 { overflow: hidden;
    transform: translate3d(0px, 0, 0) scale(1);
    opacity: 1;
    z-index: 4;
}
.p4 a p {opacity: 0;width: 80%; height: 100%; -webkit-transition: all ease 0.6s; text-align: center; font-size: 30px;  padding: 30% 10% 0 10%;}
.p4 a:hover p{ background: rgba(0,0,0,0.5); opacity: 1; color: #fff; position: absolute; top: 0px; }

.p5 { overflow: hidden;
    transform: translate3d(450px, 0, 0) scale(0.81);
    transform-origin: 0 50%;
    opacity: 1;
    z-index: 3;
}

.p6 { overflow: hidden;
    transform: translate3d(425px, 0, 0) scale(0.81);
    transform-origin: 0 50%;
    opacity: 1;
    z-index: 2;
}

.p7 { overflow: hidden;
    transform: translate3d(625px, 0, 0) scale(0.81);
    transform-origin: 0 50%;
    opacity: 1;
    z-index: 1;
}
.Cooldog_container .btn_left, .Cooldog_container .btn_right {    display: none;    width: 280px;    height: 375px;    position: absolute;
    top: 21px;    z-index: 999;    color: #fff;    line-height: 375px;}
.Cooldog_container .btn_left {    text-align: left;    left: 0;}
.Cooldog_container .btn_right {    text-align: right;    right: 0;}
.Cooldog_container i {    font-size: 100px;}
.more {width: 280px; height: 62px; border: 1px solid #fff;text-align: center; line-height: 62px; margin: 0 auto; font-size: 30px;}
.more a {color: #fff; cursor: pointer; position: relative; z-index: 999}

.footer { margin-top: 80px; width: 100%;   padding-top: 50px; background: #333; position: relative;}
.footer .con {width: 1250px; overflow: hidden; margin:  0 auto; padding-bottom: 50px;}
.footer .con dl {float: left; margin-right: 130px; position: relative;}
.footer .con dl dt a{ color:#fff;font-size: 16px; line-height: 40px; }
.footer .con dl dd a {color:#999; font-size: 14px; line-height: 35px; cursor: pointer;}
.footer .con dl dd a:hover {color: #fff}
.footer .con dl.contact {margin: 0px; color:#fff; font-size: 14px; position: relative; width: 412px;}
/*.footer .con dl.contact dd:nth-child(6)::after{content:"联网备案号13109802000409";}*/
.footer .con dl.contact dt {font-size: 16px; }
.footer .con dl.contact dd  {line-height: 50px;}
.footer .con dl.contact img {position: absolute; right: 50px; bottom: 0px; width: 100px;}

/*关于我们*/
.n_banner {width: 100%; height:600px; position: relative;overflow: hidden;  }
.n_banner .con {width: 1920px; height: 600px; position: absolute; left:50%; margin-left: -960px;}
.main {width: 1250px; margin: 80px auto 0 auto; overflow: hidden;}
.about_left{float:left; width:885px;}
.about_right{float:right; width:210px; background-color:#ca4133; color:#fff; padding:15px 25px; margin-top:120px;}
.about_right_1{font-size:24px; padding-bottom:10px;}
.about_right_2{padding-bottom:5px;}
.clist_logo li{
float:left; width:397px; margin-left:26px; margin-bottom:26px; height:229px; border:1px #e2e2e2 solid;}
.clist_logo li table{
width:100%; height:158px; vertical-align:middle;}
.clist_logo li img {width: 395px; height: 227px;}
.clist_logo li table td{
vertical-align:middle; text-align:center; height:158px;}
.clist_logo li.fli{
margin-left:0px;}
.dszpic{ overflow:hidden;
width:100%; margin:0px; padding:0px; clear:both; position:relative;}
.dszpic .bimg{
float:left; width:100%;}
.dszpic_txt{
position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.dszpic_txt_r{
float:right; width:100%; text-align:left; line-height:28px;}
.about_s_list li{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
float:left; width:580px; padding:25px 0px; height:100px; border-bottom:1px #e6e6e6 solid;}
.about_s_list li:hover{
border-bottom:1px #e93a1f solid;}
.about_s_list li:nth-child(2n){
float:right;}
.about_s_list_pic{
float:left; width:98px; height:98px; overflow:hidden;}
.about_s_list_pic_right{
float:right; width:455px;}
.about_s_list_pic_right_1_1{
float:left; font-size:18px; color:#1a1a1a;}
.about_s_list_pic_right_1_2{
float:right; color:#999;}
.about_s_list li:hover .about_s_list_pic_right_1_2{ color:#e93a1f;}
.about_s_list_pic_right_2{
color:#4c4c4c; padding-top:10px;}
.about_s_list{
padding:80px 0px;}

/*产品列表*/
.teamtop{
width:100%; margin:0px; padding:0px; clear:both; overflow:hidden; border-bottom:1px #e6e6e6 solid; height: 70px}
.team_menu ul li{
float:left; width:25%; text-align:center; background-position:left center; background-repeat:no-repeat; background-image:url(../images/43.png);}
.team_menu ul li:first-child{
background-image:none;}
.team_menu ul li a{
display:block; float:left; width:100%; height:70px; line-height:70px; font-size:16px; color:#333; background-position:95px center; background-repeat:no-repeat; text-indent:130px; text-align:left;}
.teamtop{
width:100%; margin:0px; padding:0px; clear:both; overflow:hidden; border-bottom:1px #e6e6e6 solid;}
.team_menu ul li a:hover,.team_menu ul li a.on{
background-color:#d51825; color:#fff}

.team_menu3{
text-align:center;}
.team_menu3 ul li{
float:none; display:inline-block; width:auto;}
.team_menu3 ul li a{
display:inline-block; text-indent:inherit; padding-left:60px; padding-right:60px; width:auto; background-image:none; }
.teamtop2{ position:relative;
border:none; background-position:center 71px; background-repeat:repeat-x; background-image:url(../images/service/9.png);}
.team_menu3 ul li a span{
display:inline-block; padding-left:30px; background-position:left center; background-repeat:no-repeat;}
.team_menu3 ul li a span.h_s{
display:none;}
.team_menu3 ul li a:hover span.h_s,.team_menu3 ul li a.on span.h_s{
display:block}
.team_menu3 ul li a:hover span.c_s,.team_menu3 ul li a.on span.c_s{
display:none}
.jk_pro_list{
padding-top:80px;}
.jk_pro_list li{ margin-bottom: 60px;
float:left; width:390px; overflow:hidden; height:460px; margin-right:30px;}
.jk_pro_list li:nth-child(3n){
margin-right:0px;}
.jk_pro_list_pic_name{
width:96%; padding:5px 2%; padding-top:15px; padding-bottom:10px; font-size:18px; color:#333;}

.jk_pro_list_pic_jj{
color:#666;padding:0 2%; width:96%; line-height:28px;  }

.proaddurl{
position:relative; overflow:visible;}
.proaddurl ul li{
float:left; position:relative; line-height:87px; color:#333; font-size:16px; padding:0 3px;}
.proaddurl ul li:first-child{
padding-left:0px;}
.proaddurl ul li:last-child{
background-position:right center; background-repeat:no-repeat; background-image:url(../images/icon11.png); padding-right:15px;}
.proaddurl ul li a:hover,.proaddurl ul li:last-child a{
color:#c34a4b;}
.proaddurl ul li dl{ display:none;
position:absolute; left:0; top:87px; width:380px; padding:10px 15px; background-color:#fff;-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1);}
.proaddurl ul li dl dd{
float:left; width:50%; text-align:left; line-height:28px; overflow:hidden; height:28px;white-space: nowrap; text-overflow: ellipsis;}
.showproinfo{
width:100%; background-color:#fafafa; overflow:hidden; clear:both; padding:30px 0px; line-height:24px; /*min-height:350px;*/}
.proaddurl ul li:last-child dl dd a{
color:#666;}
.proaddurl ul li:last-child dl dd a:hover{color:#c34a4b;}
.proaddurl ul li:hover dl{
display:block;}
.showproinfo{
width:100%; background-color:#fafafa; overflow:hidden; clear:both; padding:30px 0px; line-height:24px; /*min-height:350px;*/}
/*解决方案列表*/
.solution_mid{
width:100%; margin:0px; padding:0px; background-position:center top; background-image:url(../images/solution/3.png);}
.solution_mid_list li{ position:relative;
float:left; margin:0px; padding:0px; width:100%; overflow:hidden; border-bottom:1px #ccc solid;}
.solution_mid_list li:last-child{
border:none;}
.solution_mid_list li table{
width:100%; height:505px; vertical-align:middle;}
.solution_mid_list li table td{
vertical-align:middle; height:505px;}
.solution_mid_list_left{
  width:50%;  }
.solution_mid_list_right{
 width:50%;}
.solution_mid_list_right_mid{
width:530px; float:right;}
.solution_mid_list_right_mid_1{
font-size:24px; color:#c71624; line-height:30px;}
.solution_mid_list_right_mid_2{
font-size:16px; color:#666; padding:25px 0px 35px 0px; line-height:28px;}
.solution_mid_list_right_mid_3 a{
display:inline-block; width:166px; height:41px; text-align:center; line-height:41px; color:#fff; background-color:#c71624; }
.solution_mid_list_right_mid_3 a:hover{
background-color:#666;}
/*新闻列表*/
.teamtop2_footer{
position:absolute; left:0; bottom:0; width:100%; z-index:10; background-repeat:repeat-x; height:5px; background-image:url(../images/line.png);}
.jk_news_mid{
width:100%; margin:0px; padding:55px 0px; clear:both; overflow:hidden; background-color:#f9f9f9;}
.jk_news_mid ul li{
float:left; margin:0px; padding:0px; width:295px; overflow:hidden; margin-right:13px;}
.jk_news_mid ul li:nth-child(4n){
margin-right:0px;}
.jk_news_mid_pic{
height:180px;}
.jk_news_mid_pic_name{
font-size:18px; color:#333; line-height:27px; padding:10px 0px; padding-top:15px;}
.jk_news_mid_pic_jj{
font-size:16px; color:#666;}
.newslist_footer li{
float:left; margin:0px; padding:0px; width:100%; clear:both; margin-top:70px; background-position:1280px center; background-repeat:no-repeat; background-image:url(../images/news/5.png);}
.newslist_footer li:hover{background-position:1250px center; }
.newslist_footer_1{
font-size:18px; color:#0b0b0b;}
.newslist_footer_2{
color:#999;}
.newslist_footer_3{
width:1105px; padding-top:10px; font-size:16px; color:#666;}
.newslist_footer{
padding-bottom:70px;}
.newslist_footer li:hover .newslist_footer_3{
color:#c22f1c;}
.index_more_jk{
display:inline-block; border:1px #fff solid; width:278px; height:60px; text-align:center; line-height:60px; font-size:24px; color:#fff;}
.index_more_jk:hover{
background-color:#e93a1f; border-color:#e93a1f;}
.index_more_jk2{
border:1px #999 solid; color:#666;}
.index_more_jk2:hover{
color:#fff; background-color:#999;}
/*新闻内容*/
.caseinfo_mid{
width:100%; margin:0px; padding:50px 0px; clear:both; overflow:hidden; background-color:#fafafa;}
.caseinfo_mid_left{
float:left; width:190px;}
.caseinfo_mid_left_1{
font-size:20px; color:#d82331; line-height:30px;}
.caseinfo_mid_left_2{
color:#666;}
.caseinfo_mid_left_share{
color:#666; padding:10px 0px; padding-bottom:25px;}
.caseinfo_mid_left_3 a{
display:inline-block; width:155px; height:30px; text-align:center; line-height:30px; color:#fff; background-color:#d82331;}
.caseinfo_mid_left_3 a:hover{
background-color:#666;}
.caseinfo_mid_mid{
float:left; width:645px; margin:0px; padding:0px;}
.caseinfo_mid_mid_t{
font-size:24px; color:#333; line-height:30px;}
.caseinfo_mid_mid_jj{
color:#333; line-height:25px; padding:25px 0px;}
.caseinfo_mid_mid_jj img {max-width: 100%; height:auto!important;}
.caseinfo_mid_right{
float:right; width:270px; background-color:#f4f5f6; padding:20px 30px;}
.caseinfo_mid_right_t{
font-size:22px; color:#404040; line-height:30px;}
.caseinfo_mid_right_t_r{
font-size:22px; color:#808080;}
.caseinfo_mid_right_t_m{
padding:0 12px;}
.caseinfo_mid_right_t{
padding-bottom:0px;}
.case_r_relate_pic{
height:169px;}
.case_r_relate_pic img{
float:left; width:100%; height:130px;}
.case_r_relate_pic_name{
font-size:16px; color:#4c4c4c; padding:15px 0px 10px 0px;
}
.case_r_relate_pic_jj{
color:#d82331; padding-bottom:5px;}
.case_r_relate li{
float:left; margin:0px; padding:0px; width:100%; overflow:hidden; border-bottom:1px #d9d9d9 solid; padding-bottom:10px; padding-top:30px;}
.case_r_relate li:last-child{
border:none;}

/*联系我们*/
.contact_top{
width:100%; margin:0px; padding:0px; clear:both; overflow:hidden; border-bottom:1px #eaeaf0 solid;}
.contact_top_left{
position:absolute; left:0%; top:0; height:100%; width:60px; background-position:center; background-repeat:no-repeat; z-index:10; background-image:url(../images/about/28-1.png);}
.contact_top_left a{
display:block; width:100%; height:70px; float:left; margin:0px; text-align:left; text-indent:-999em;}
.contact_top_right a{
display:block; width:100%; height:70px; float:left; margin:0px; text-align:left; text-indent:-999em;}
.contact_top_right{
position:absolute; right:0%; top:0; height:100%; width:60px; background-position:center; background-repeat:no-repeat; z-index:10; background-image:url(../images/about/28.png);}
.contactmap{
height:590px; position:relative; margin:0px; padding:0px; width:100%; overflow:hidden;}
.contactmap_right{
position:absolute; right:0; top:0; width:50%; height:100%;}
.contactmap_right iframe{
width:100%; height:590px; margin:0px; padding:0px; border:none;}
.contactmap_left{
position:absolute; left:0; top:0; width:50%; height:100%;}
.contactmap_left_mid{
width:600px; float:right; margin:0px; padding:0px;}
.contactmap_left_mid_t{
font-size:18px; color:#333;
}
.contactmap_left_mid_t_jj{
padding:15px 0px;}
.contactmap_left_mid li{
float:left; margin:0px; padding:0px; width:100%; margin-top:30px;}

.dw-btn {border: none;
    background: none;
    font-size: 18px;
    color: #999;
    font-family: "Microsoft YaHei";}
/*旗下公司    */
.showbox,.showbox1,.showbox2{width:0px;height:0px;display:none;position:absolute;right:0;top:0;z-index:100;border:1px #8FA4F5 solid;padding:10px;background:#fff;}
.showbox h2,.showbox1 h2,.showbox2 h2{height:45px; border-bottom: 1px dashed #9f9f9f; font-weight: normal; padding-top: 15px; font-size:30px;position:relative;padding-left:10px;line-height:25px;color:#e93a1f;}
.showbox h2 a,.showbox1 h2 a,.showbox2 h2 a{position:absolute;right:5px;top:10px;font-size:12px;color:#333; cursor: pointer;}
.showbox .mainlist,.showbox1 .mainlist,.showbox2 .mainlist{padding:10px;}
.mainlist p{line-height: 32px;}
.showbox .mainlist p,.showbox1 .mainlist p,,.showbox1 .mainlist p{font:normal 14px/2 'microsoft yahei';text-indent:2em;color:#333;padding-top:5px; line-height: ;}
#zhezhao{background-color:#000;position:absolute;z-index:99;left:0;top:0;display:none;width:100%;height:100%;opacity:0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;}
/*发展历程*/
.history_mid{
width:94%; margin:0 auto; padding:0px; overflow:hidden;}

.history_mid_mid{
width:100%; margin:0 auto; padding:0px; overflow:hidden;}
.history_mid_mid_day{ padding-bottom:20px;
font-size:60px; color:#dfdfdf; line-height:60px; font-family:Arial, Helvetica, sans-serif; width:90%; padding-left:5%; padding-right:5%;}
.history_mid_mid_jj{
height:165px; color:#666;width:90%; padding-left:5%; padding-right:5%;}
.history_mid_mid_jj_pic{
position:relative;}
.history_mid_mid_jj_pic_r{ z-index:999;
position:absolute; right:5%; top:0; display:none;}
.history_mid_mid_jj_pic_r_right{
float:right; width:16px; height:14px; background-position:center; background-repeat:no-repeat; background-image:url(../images/3.png);}
.history_mid_mid_jj_pic_r_left{ margin-right:12px;
float:right; width:16px; height:14px; background-position:center; background-repeat:no-repeat; background-image:url(../images/4.png);}
.history_mid_mid_jj_pic_r_right a,.history_mid_mid_jj_pic_r_left a{
display:block; width:16px; height:14px; margin:0px; padding:0px; text-align:left; text-indent:-999em;}
.history_mid_mid_jj span{
display:none;}


.spic,.st{
padding:10px 5%; width:90%;}
.st span{
display:none;}

.history_mid .swiper-slide-active .st,.history_mid .swiper-slide-active .spic,.history_mid .swiper-slide-active .history_mid_mid_day,.history_mid .swiper-slide-active .history_mid_mid_jj{
width:100%; padding-left:0px; padding-right:0px;}
.history_mid .swiper-slide-active .st span{
display:block;}
.history_mid .swiper-slide-active .history_mid_mid_jj_pic_r{
right:0;}
.history_mid .swiper-slide-active .history_mid_mid_day{
color:#111}
.history_mid .swiper-slide-active .history_mid_mid_jj span{
display:block;}
.akk{
padding:0 5%; width:90%;}
.history_mid .swiper-slide-active .akk span{
display:none;}
.history_mid .swiper-slide-active .history_mid_mid_jj_pic_r{
display:block;}

/*企业文化*/
.jk_t_ch{
text-align:center; font-size:36px; color:#333333; line-height:45px;}
.jk_t_en{
text-align:center; font-size:18px; color:#78787c;}
.val_top_list{
padding-bottom:90px;}
.about_val_mid{
width:100%; margin:0px; padding:0px; clear:both; background-color:#23252a; background-position:center; background-repeat:repeat-y; background-image:url(../images/about/22.png); overflow:hidden;}
.about_val_mid_list li{
float:left; margin:0px; padding:0px; width:100%; margin-bottom:270px; position:relative; height:715px;}
.about_val_mid_list_right{ overflow:hidden; z-index:10;
position:absolute; right:0; top:82px; width:850px; height:550px;}
.about_val_mid_list_right img{
float:left;  height:550px;}
.about_val_mid_list_right_bg{
position:absolute; top:0; width:260px; height:100%; background-position:left; background-repeat:no-repeat; background-image:url(../images/about/3.jpg);right:520px;}
.about_val_mid_list li:nth-child(2n) .about_val_mid_list_right_bg{
right:260px;}
.about_val_mid_list li:hover .about_val_mid_list_right_bg{
background-position:right;}
.about_val_mid_list_left{
position:absolute; left:0; top:120px; z-index:100; padding-right:270px; background-position:right center; background-repeat:no-repeat; color:#fff; font-size:24px; line-height:30px; background-image:url(../images/about/24.png);}
.about_val_mid_list_left_2{
position:absolute; left:0; top:180px; font-size:20px; color:#dbdbdb; width:300px;}
.about_val_mid_list_left_3{
position:absolute; left:0; top:270px;   color:#dbdbdb; width:300px;}
.val_top_list li{ border-bottom: 1px solid #eee;
float:left; width:100%; margin:0px; padding:0px 50px 20px 50px;}
.val_top_list li table{
width:100%; vertical-align:middle;}
.val_top_list li table td{ width: 10%;
vertical-align:middle; text-align:left; height:140px;}
.val_top_list_img{
width:80px; vertical-align:middle;}
.val_top_list_name{
font-size:20px; color:#333}
.val_top_list li table td.val_top_list_h{
  text-align:center;}

.val_top_list li table td.val_top_list_jj{
width:320px;}

.jk_t_ch{
text-align:center; font-size:36px; color:#333333; line-height:45px;}
.jk_t_en{
text-align:center; font-size:18px; color:#78787c;}
.val_top_list{
padding-bottom:90px;}
/*招聘列表*/
.joblist{ width: 1250px; margin: 27px auto 0 auto;}
.joblist .jobsTable{ width: 100%;}
.joblist .jobsTable td{ padding:10px; font-size: 14px; height: 35px; color: #4c4c4c;}
.joblist .jobsTable td a{ color:#444;word-break: break-all; max-width: 290px;display: block;}
.joblist .jobsTable td a:hover{ color:#1d9cfe}
.joblist .jobsTable tr{ height: 38px;}
.joblist .jobsTable tr.bgGray{ background: #fbfbfb;}
.joblist .jobsTable tr.title{ width: 100%; background: #ebebeb;}
.joblist .jobsTable tr.title td{ font-weight: bold; font-size: 14px; color: #333; text-align: left;}
.joblist .jobsTable td.w1{ width: 230px; }
.joblist .jobsTable td.w2{ width: 145px; }
.joblist .jobsTable td.w3{ width: 140px; }
.single {background: #fff;}
.double {background: #f6f6f6;}

#pages {width: 30%;margin: 0 auto}
#pages  a,#pages  span {display: block; padding: 3px 10px; float: left; margin: 0px 5px; border: 1px solid #eee}
#pages  span {background: #0085d1; color: #fff}
.job_val_left {
    float: left;
    width: 515px;
}
.job_fz_left {
    float: left;
    position: relative;
    width: 650px;
}
.job_val_mid {
    width: 100%;
    margin: 0px;
    padding: 0px;
    background-position: center top;
    padding-top: 275px;
    background-repeat: no-repeat;
    background-image: url(../images/job/15.png);
}
#mydiv { height: 743px; }
.map {width:950px;height:590px; margin-top: 35px;}


/*地图*/

.map-service{position:relative;height:760px;background:url(img/map_balck_whole_bg.jpg) center no-repeat; margin-top: 80px;}
.map-service-right{ margin: 0 auto; padding-top:60px; width: 748px; }
.china-map{width:748px;height:618px;background:url(img/map_black_bg.png) center no-repeat;position:relative;}
.region-list{position:absolute;left:0;top:0}

@-webkit-keyframes warn{
0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@-moz-keyframes warn{
0%{-moz-transform:scale(0);transform:scale(0);opacity:1}
100%{-moz-transform:scale(1);transform:scale(1);opacity:0}
}
@-o-keyframes warn{
0%{-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-o-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes warn{
0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}
}
.area-box .dot{position:absolute;left:0;width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#a2a9b4;opacity:1;filter:alpha(opacity=100)}
.area-box .pulse{position:absolute;top:-28px;left:-28px;height:66px;width:66px;border:2px solid #b7b7b7;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;-moz-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}
.area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
.area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.area-box .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.area-box .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}
.area-box .delay-07{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s}
.area-box .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}
.area-box .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s}
.area-box .delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s}
.area-box .delay-11{-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s}
.region-list.active .area-box .dot{background:#009fd9}
.region-list.active .area-box .pulse{border-color:#009fd9;top:-39px;left:-39px;height:88px;width:88px;-webkit-box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset;-moz-box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset;box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset}
.region-list.waite .area-box .dot{background:#f90}
.region-list.waite .area-box .pulse{border-color:#f90}
.show-regin{position:absolute;left:2px;height:0;top:0;width:11px;opacity:0;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.online-node .show-regin,.region-list:hover .show-regin,.underline-node .show-regin,.waite-node .show-regin{height:127px;opacity:1}
.show-regin span{width:80px;position:absolute;left:1px;top:-11px;padding:6px 10px;font-size:14px;color:#ccc;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;text-align:center;white-space:nowrap;}
.postition-10 .show-regin span{left:0}
.postition-6 .show-regin span{left:-72px}
.area-box{z-index:77}
.show-regin{z-index:66}
.region-list.active .show-regin span{position:relative;color:#ccc}
.region-list.waite .show-regin span{color:#ccc}
.postition-1{left:302px;top:308px}
.postition-2{left:401px;top:403px}
.postition-3{left:560px;top:456px}
.postition-4{left:430px;top:470px}
.postition-5{left:526px;top:394px}
.postition-6{left:526px;top:515px}
.postition-7{left:652px;top:150px}
.postition-7.region-list.active .area-box .pulse{top:-50px;left:-50px;width:110px;height:110px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.postition-8{left:559px;top:229px}
.postition-9{left:637px;top:410px}
.postition-9.region-list.active .area-box .pulse{top:-50px;left:-50px;width:110px;height:110px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.postition-10{left:610px;top:480px}
.postition-11{left:504px;top:300px}
.postition-13{left:470px;top:250px}
.postition-14{ left:130px;top:200px}
.postition-15{left:682px;top:90px}
.postition-16{left:310px;top:238px}
.douhao{width:0}
.comdiv ul.zzjg {width: 1176px; margin: 0 auto;}
.comdiv ul.zzjg li {float: left; width: 250px; height:410px; margin: 0px 0px}
.comdiv ul.zzjg li img {border: 2px solid #fff; }
.comdiv ul.zzjg li .text {width: 240px; overflow: hidden; background: #5b9bd4 ; padding: 5px; height: 109px; margin:0 auto; text-align: left;}
.comdiv ul.zzjg li .text h2 { font-size: 18px; line-height: 24px; font-weight: normal; }
.comdiv ul.zzjg li.manager { padding-left: 232px; width: 616px; height: 370px; margin: 0 auto; padding-top: 0px; float: none;position: relative; }
.comdiv ul.zzjg li.manager img {margin-left: 32px;}
.comdiv ul.zzjg li.manager .line {width: 4px; height: 80px; background: #c4eeff;position: absolute; bottom: 0px; margin-left: 22%;}
.comdiv ul.zzjg li .line1 {width: 4px; height: 80px; background: #c4eeff;position: absolute; top: 0px; margin-left: 50%;}
.comdiv ul.zzjg li.manager .text,.comdiv ul.zzjg li.manager img  {float: left;}
.comdiv ul.zzjg li.manager .text {background: none; height:auto; margin-left: 20px; margin-top: 50px;}
.comdiv ul.zzjg li.manager .text h2,.comdiv ul.zzjg li.manager .text p  {background: #5b9bd4 ; width: 212px; height:40px; line-height: 40px; margin-bottom: 10px; border-radius: 10px; padding: 5px 8px;}
.comdiv ul .row {width: 50%; height: 1px; background: #c4eeff;padding: 0px; margin: 0px auto 0 auto}
.comdiv ul.zzjg li  {position: relative; text-align:center; height: 490px; width: 50%; padding-top: 80px; }
.comdiv ul.zzjg {width: 1300px}
.footer .con dl {margin-left: 50px;}
.footer .con dl.row {width: 440px; margin-left: 0px;}
.row dd {float: left; margin-right: 50px; width: 140px;}
@media screen and (max-width: 750px){
    .footer .con dl{display: none}
    .footer .con dl.contact {display: block}
    .comdiv ul.zzjg li.manager {float: left; width: 250px; height:410px; margin: 20px 22px;width: 45%; margin:  2%; height: 325px;}
    .comdiv ul.zzjg li.manager .text,.comdiv ul.zzjg li.manager img{float: none}
    .comdiv ul.zzjg li.manager .text { margin: 0px;  width: 240px; overflow: hidden; background: #5b9bd4 ; padding: 5px; height: 109px;}
    .comdiv ul.zzjg li.manager .text h2 ,.comdiv ul.zzjg li.manager .text p{ width: auto;margin: 0px; padding: 0px;  line-height: 25px; }
    .comdiv ul.zzjg li.manager .line,.comdiv ul.zzjg li .line1,.comdiv ul .row   {width: 0px; height: 0px;}
    .comdiv ul.zzjg {width: 100%}
    .comdiv ul.zzjg li {width: 45%; margin:  2%; height: 325px; padding-top: 0px;}
    .comdiv ul.zzjg li .text ,.comdiv ul.zzjg li.manager .text {width: 97%; padding: 2% 3%;}
    .map {width:750px;height:590px; left:-50%;}
    body {width: 100%}
   .product {width: 100%; margin: 0px}
   header .top {width: 100%}
   .menu {width: 100%}
   .menu li.li_2018 {width: 33%}
   .nav {height:96px}
   .sub_menu {width: 0%; min-height: 0px}
   .nav .main {width: 0}
   .menu li.biaodan {height: 0px; width: 0px; overflow: hidden;}
   .video {height: 400px;}
   .title {width: 300px}
   .well .well-item {width: 45%}
   .more{ width: 30%; height: 42px; font-size: 14px; line-height: 42px; }
   .story {height: 473px; overflow: hidden;}
   #mydiv {height: 473px; overflow: hidden;}
   .footer .con {width: 100%}
   .footer .con dl {margin:0 30px 0 19px;}
   .footer .con dl.contact {width: 90%; margin: 20px 5% 0 5%}
   .footer .con dl.contact img { right: 0px; }
  .video {margin-top: 30px;}
  .n_banner .con {width: 100%; left:0px; margin-left: 0px; height: 104px;}
  .n_banner {height: 104px;}
  .main {width: 100%}
  .about_left {width: 90%; margin: 0px 5%}
  .about_s_list li {width: 90%; float: none; margin: 0 5%}
  .about_s_list_pic_right {width: 200px;}  
  .about_s_list li:nth-child(2n) {float: none;}
.val_top_list li {float: none; margin: 0px; padding:0px 5%;width: 90%}
.val_top_list li table td.val_top_list_name,.val_top_list li table td.val_top_list_jj {width: 30%}
.val_top_list_h img,.val_top_list_img img{margin: 0px;}
.team_menu ul li a {text-indent: 0px;}
.team_menu3 ul li {width: 90%}
.teamtop {height: auto; }
.jk_pro_list li {width: 100%; height: auto; margin-bottom: 0; }
.solution_mid_list_right_mid,.solution_mid_list_right {width: 100%}
.solution_mid_list_left {width: 0px}
.solution_mid_list_left img{height: 0px; width: 0px}
.solution_mid_list li table {height: 300px; overflow: hidden;}
.solution_mid_list li table td {height: 300px}
.jk_news_mid ul li {width: 100%}
.jk_news_mid_pic img {width: 90%; margin: 0 5%}
.jk_news_mid_pic_name { text-align: center; }
.newslist_footer li {width: 90%; margin: 0 5%}

.caseinfo_mid_left {margin-left: 5%;}
.caseinfo_mid_mid {width: 100%; margin-top: 30px;}
.caseinfo_mid_right { width: 100%; padding: 20px 0 }
.caseinfo_mid_right_t {padding-left: 15px;}
.contactmap_left_mid {width: 98%; margin: 0 auto}
.contactmap_left {width: 100%}
.contactmap_right {top: 200px;width: 100%}
.Cooldog_container .Cooldog_content li {width: 80%; margin: 0 10%; height: auto}
.Cooldog_container .Cooldog_content {width: 100%; margin: 0 0 0 -181px; height: 300px;}
.Cooldog_container {height: 250px;}
.Cooldog_container .buttons a {width: 10px;}
.Cooldog_container .buttons {width: 200px; left:74%;}
.map-service-right{ margin: 0 auto; padding-top:60px; width:100%; padding-top: 30px }
.china-map {width:100%; background-size: contain; height: 340px;        }
.map-service {height:400px;}
.postition-1 {
    left: 140px;
    top: 170px;
}
.postition-14 {
    left: 40px;
    top: 120px;
}
.postition-2 {
    left: 180px;
    top: 220px;
}
.postition-3 {
    left: 270px;
    top: 240px;
}
.postition-4 {
    left: 205px;
    top: 250px;
}
.postition-5 {
    left: 245px;
    top: 210px;
}
.postition-6 {
    left: 260px;
    top: 270px;
}
.postition-13 {
    left: 185px;
    top: 135px;
}
.postition-11 {
    left: 240px;
    top: 150px;
}
.postition-7 {
    left: 310px;
    top: 90px;
}
.postition-8 {
    left: 265px;
    top: 135px;
}
.postition-9 {
    left: 300px;
    top: 210px;
}
.postition-10 {
    left: 280px;
    top: 260px;
}
.postition-15 {
    left: 320px;
    top: 60px;
}
.postition-16 {
    left: 140px;
    top: 130px;
}
.postition-6 .show-regin span {
    left: -45px;
}

.show-regin span {width: 36px;}
}