body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font:12px/1.5 arial,'Microsoft YaHei'; color:#333333; font-size:12px;}
img{vertical-align: middle; border:none;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle;}
a{ color:#333333; text-decoration:none; blr:expression(this.onFocus=this.blur()); }
a:hover{ text-decoration:none; text-decoration:none!important;  }
:focus {outline: 0 none;}
h1,h2,h3{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:arial,'Microsoft YaHei';}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
em,i{ font-style:normal;}
li{ list-style:none;}
h3{ font-weight:normal;}


/* head */



.head{ background: #fff; position:fixed; left:0; top: 0; z-index: 9999; width: 100%; }
.box{ width: 1200px; margin:0 auto; }
h1{ float: left;  padding: 23px 0 26px 0;}
.nav{ float: left; width: 730px; margin:0 0 0 100px;  }
.nav li{ width: 120px; float: left; text-align: center; height: 106px; }
.nav li .nav_h3{ padding-top: 32px; height: 30px; line-height: 30px;  display: none; font-weight: bold;  font-size: 16px; color: #333;transition: all 0.5s ease 0s; }
.nav li a{ display: block; }
.nav li a i{ display: block;  font-size: 16px; height: 106px; line-height: 106px;}
.language{ float: left; width: 130px;  text-align: center; line-height: 106px;}
.language a{ font-size: 14px; color: #999999; padding:0 4px;  }
.language a.on{ font-weight: bold; color: #333; }
.search_form{ float: left;  }
.nav li:hover .nav_h3,.nav li.on .nav_h3,.nav li.on i{ color: #164fa1; transition: all 0.5s ease 0s; }
.search_form{ float: right;/*  margin:31px 0px 0 0; */ position: relative; height: 106px; width: 40px; font-size:14px; color:#fff;}
.search_form i{ width: 40px; height: 106px; display: block; float: right; background:url(../images/search.png) center center no-repeat;  cursor:pointer;}
.searchbox{ padding:15px 20px; background: url(../images/searchbj.png) left top no-repeat ; overflow: hidden; position: absolute; z-index: 99;
top: 104px; left: -244px; opacity: 0; visibility: hidden; width: 284px; height: 67px; box-sizing:border-box;}
.searchbox .text{ width: 170px; padding:0px 0 0px 12px; height: 34px; line-height: 34px; float: left; 
border:none; border:0; background: #fff; color: #fff; font-size: 14px; color: #164fa1; border-radius: 20px;}
.searchbox .btn{ background: url(../images/search1.png) center center no-repeat; width: 51px; height: 38px; float: left; border:none; }
.search_form:hover .searchbox { opacity: 1; visibility: visible; top: 104px;}
.a_banner{ margin-top: 107px!important; }

/* index */
.flexslider {position: relative;width: 100%;height:auto; margin:107px auto 0; overflow:hidden;}
.slides li .banner_img{ width:100%; height:auto;transition: all 5s ease 0s;}
.slides li { position:relative; width:100%; height:auto;}
.slides {width:100%; height:auto;}
.flex-direction-nav,.flex-control-nav{ display: none; }
.flex-direction-nav { display: block; }
.flex-nav-prev a{background: url(../images/banner_left.png) center center no-repeat; font-size: 0; position: absolute; left: 60px; top: 50%; margin-top:-23.5px; width: 25px; height: 47px; display: block; z-index: 99999;   }
.flex-nav-next a{background: url(../images/banner_right.png) center center no-repeat;font-size: 0;  position: absolute; right: 60px; top: 50%; margin-top:-23.5px; width: 25px; height: 47px; display: block; z-index: 99999;   }
/* foot */
.foot{ background: #282828; padding: 24px 0 34px 0; }
.foot_left{ float: left;  width: 930px;}
.foot_nav{ float: left; margin-right: 44px; width: 140px; }
.foot_nav .nav_h3,.foot_right .nav_h3 { height: 48px; overflow: hidden; line-height: 48px; background: url(../images/footline.jpg) left bottom repeat-x; font-size: 12px; margin-bottom: 20px; font-weight: bold; color: #999999; }
.foot_nav a{ display: block; height: 30px; line-height: 30px; font-size: 12px; color: #626262; overflow: hidden; transition: all 0.5s ease 0s; }
.foot_nav a:hover,.add a:hover{ color: #fff; transition: all 0.5s ease 0s; }
.foot_right{ float: right;  width: 182px;}
.what_one{transition: all 0.5s ease 0s; display:block; float: left; width: 36px; height: 36px; position: relative; }
.what_img{ display:block;width: 36px; height: 36px;background: url(../images/tu.png) center center no-repeat; }
.img_em{ position: absolute; left: 0; top: 55px; width: 100px;  overflow: hidden; display: none; }
.what_two{transition: all 0.5s ease 0s; float: left; margin: 0 18px; width: 36px; height: 36px; position: relative; }
.two_img{display:block;width: 36px; height: 36px;background: url(../images/tu1.png) center center no-repeat;}
.what_three{transition: all 0.5s ease 0s;display:block;width: 36px; float: left;transition: all 0.5s ease 0s; height: 36px;background: url(../images/tu2.png) center center no-repeat;}
.what_three:hover{background: url(../images/tu22.png) center center no-repeat; transition: all 0.5s ease 0s;}
.what_two:hover .two_img{background: url(../images/tu11.png) center center no-repeat; transition: all 0.5s ease 0s;}
.what_one:hover .what_img{background: url(../images/what1.jpg) center center no-repeat; transition: all 0.5s ease 0s;}
.what_call{ position: absolute; left: -45px; top: 55px; width: 160px; display: none; }
.what_dian{ height: 22px; line-height: 22px; font-size: 14px; overflow: hidden; color: #e5e5e5; display: block; }
.call_i{ display: block; height: 26px; line-height: 26px; font-weight: bold; font-size: 20px; color: #e5e5e5;overflow: hidden; }
.what_two:hover .what_call{ display: block; }
.what_one:hover .img_em{ display: block; }
.img_em img{ width: 100px; height: 100px; display: block; overflow: hidden; }
.imgzi{ display: block; font-size: 14px; height: 30px;  text-align: center;line-height: 30px; color: #e5e5e5 }
.tu{ display: block;width: 100px; height: 100px; }

.add{ text-align: center; border-top: 1px solid #363636; height:50px; line-height: 50px; overflow: hidden; color: #626262; background: #282828;  }
.add a{ color: #626262;transition: all 0.5s ease 0s;}


/* index */
.banner{background: url(../images/navbj.png) left bottom; height: 97px; position: absolute; left: 0; width: 100%; bottom: 0; z-index: 9999;}
.banner_ul{float: right;}
.banner_ul li{ margin-left:82px; float: left;background: url(../images/num1.png) right center no-repeat; padding-right: 134px; height: 97px; line-height: 97px;   }
.banner_ul li .counter{ font-weight: bold; font-family: 'Arial'; font-size: 46px; line-height: 97px; }
.banner_ul li:nth-child(2){background: url(../images/num2.png) right center no-repeat;}
.banner_ul li:nth-child(3){background: url(../images/num3.png) right center no-repeat;}


.index_about{ padding: 22px 0 56px 0; }
.us_right{ float: right; width: 500px; height: 370px; overflow: hidden; padding-top: 63px; }
.us_right img{width: 500px; height: 370px; overflow: hidden; transition: all 1s ease 0s;}
.us_right:hover img{ transition: all 1s ease 0s; transform: scale(1.2,1.2); }
.us_left{ width: 676px; float: left; }
.h3_us{ height:55px; line-height: 55px; overflow: hidden; color: #164fa1; font-size: 20px;  }
.h3_us i{ font-size: 16px; margin-left: 14px; text-transform: uppercase; }
.us_zi{ height: 300px; overflow: hidden; line-height:30px; color: #666666; text-indent: 2em; font-size: 14px;  margin-bottom: 38px; }
.us_see{transition: all 0.5s ease 0s; display: block; width: 138px; height: 38px; border: 1px solid #164fa1; border-radius: 5px; background: #e7edf5; color: #164fa1; font-size: 14px; line-height: 38px; text-align: center;}
.index_img{ text-align: center; }
.index_img img{ width: auto; height: auto; max-width: 100%; }
.us_see:hover{ transition: all 0.5s ease 0s; background: #164fa1; color: #fff; }
.use{background: url(../images/indexbj1.jpg) center top no-repeat; height: 630px;}
.use_inner{ padding-top: 50px;  font-size: 0;}
.index_tit{ text-align: center; position: relative; height: 78px;  }
.index_tit h3{ height: 78px; line-height: 78px; text-align: center; font-size: 34px; color: #164fa1; position: relative; z-index: 99; background: url(../images/index_tit.png) center center no-repeat;}
.index_tit .index_i{ display: block; position: absolute; bottom: 0px; left: 0; width: 100%; text-align: center; }
.index_tit .index_i img{  }
.use_ul{ margin: 38px 0 0 -27px;   }
.use_ul li{transition: all 0.5s ease 0s;  float: left; margin: 0 0 0 27px; width: 278px; height: 338px; box-sizing: border-box; background: #fff; padding: 12px; border: 1px solid #e5e5e5; }
.use_img{ display: block; width: 250px; height: 160px; overflow: hidden; }
.use_img img{ width: 250px; height: 160px; overflow: hidden; }
.use_ul li h3{ height:42px; line-height: 42px; overflow: hidden;  font-size: 16px;  }
.use_zi{ height:48px; line-height: 24px; overflow: hidden; font-size:14px; color: #666666; margin-bottom: 18px;  }
.use_i{ display: block;transition: all 0.5s ease 0s; width: 88px; height: 28px; line-height: 28px; border: 1px solid #164fa1; color: #164fa1; font-size: 14px; border-radius: 5px; text-align: center; }
.use_ul li:nth-child(odd){ margin-top: 58px; } 
.use_ul li:hover{ transition: all 0.5s ease 0s; transform: translateY(-8px); box-shadow: 0 0 8px #eee; }
.use_ul li:hover .use_i{transition: all 0.5s ease 0s; background: #164fa1; color: #fff;}
.index_case{ padding: 30px 0 0 0; }
.ent_ul{ padding:40px 0 34px 0;  text-align: center; height: 46px; line-height: 46px; }
.ent_ul li{ display: inline-block; margin:0 6px; position: relative; background: #e5e5e5; width: 164px; height: 46px; line-height: 46px; font-size: 16px; }
.ent_ul li:after{ position: absolute; top: 0; left: 0; width: 0; height: 46px; background: #164fa1; z-index: 9;  content: '';   transition: all 0.5s ease 0s; }
.ent_ul li:hover:after,.ent_ul li.on:after{ width: 100%; transition: all 0.5s ease 0s; }
.ent_ul li a{ position: relative; z-index: 999; }
.ent_ul li:hover a,.ent_ul li.on a{ color: #fff; }

.wu_ul{ margin:0 0 0 -20px;  }
.wu_ul li{ float: left; margin: 32px 0 0 20px; width: 284px; height: 220px; overflow: hidden; position: relative; }
.wu_ul li img{  transition: all 1s ease 0s; width: 284px; height: 220px; overflow: hidden; }
.jn_div{ position: absolute;transition: all 0.5s ease 0s; left: 0; top: 176px; width: 100%; height: 44px;  background: url(../images/casebj.png) center top repeat; text-align: center; font-size: 14px; color: #fff; overflow: hidden; }
.wu_ul li img:hover{ transform: scale(1.1,1.1); transition: all 1s ease 0s; }
.ent{ padding-bottom: 44px; }
.jn_div h3{ position: relative;transition: all 0.5s ease 0s; z-index: 999; transition: all 0.5s ease 0s; height: 44px; line-height: 44px; overflow: hidden; }
.jn_inner { display: none; }
.jn_inner .ji_em{ display: block; height: 28px; text-align: left; text-indent: 28px; line-height: 28px; overflow: hidden; font-size: 14px; color: #fff;  }
.wu_ul li:hover .jn_div i {
    top: 0;
    z-index: 9;
}
.wu_ul li:hover .jn_div{ top: 0; height: 100%; transition: all 0.5s ease 0s; }
.wu_ul li:hover h3{text-align: left; text-indent: 28px; padding-top: 10px; transition: all 0.5s ease 0s;}
.wu_ul li:hover .jn_inner{ display: block; }
/* .wu_ul li:hover h3{ color: #fff; transition: all 0.5s ease 0s; }
.jn_div i {
    position: absolute;
    z-index: -1;
    left: 0;
    top: -100%;
    width: 20%;
    height: 100%;
    background: #164fa1;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
}
.mark_ul li:hover h3{ color: #fff;transition: .5s; }
.mark_ul li:hover .jn_div i {
    top: 0;
    z-index: 9;
}
.jn_div .col-go-2 {
    left: 20%;
    -o-transition: .3s .1s;
    -moz-transition: .3s .1s;
    transition: .3s .1s;
}
.jn_div .col-go-3 {
    left: 40%;
    -o-transition: .3s .2s;
    -moz-transition: .3s .2s;
    transition: .3s .2s;
}
.jn_div .col-go-4 {
    left: 60%;
    -o-transition: .3s .3s;
    -moz-transition: .3s .3s;
    transition: .3s .3s;
}
.jn_div .col-go-5 {
    left: 80%;
    -o-transition: .3s .4s;
    -moz-transition: .3s .4s;
    transition: .3s .4s;
} */
.wu_ul{ display: none; }

.press{ background: #f5f5f5; padding: 30px 0 48px 0; }
.press_div{ padding-top:50px;  }
.perss_right{ float: right; width: 612px; }
.press_dl{ border-bottom: 1px solid #e5e5e5; padding:15px 2px; position: relative; height: 81px;  }
.press_left{ float: left;  width: 568px; }
.press_dl:nth-child(1){ padding-top: 0; }
.press_dl dt{ float: left; width: 72px; height: 72px; border: 1px solid #e5e5e5; margin-right: 24px; text-align: center; }
.press_dl dt span{ display: block; padding:8px 0 0 0; height:34px; line-height: 34px; color: #666666; font-family: 'Arial'; font-size: 30px;   }
.press_dl dt em{ display: block; height: 22px; line-height: 22px; color: #666; font-family: 'Arial'; font-size: 14px;}
.press_dl dd{ float: right; width: 510px; }
.press_dl dd a{ display: block; height: 28px;transition: all 0.5s ease 0s; line-height: 28px; font-size: 16px; overflow: hidden; }
.press_dl dd .press_zi{ height: 52px; overflow: hidden; line-height: 26px; color: #999999; font-size:14px;  }

.press_left dt{ position:relative; width: 568px; height: 285px; overflow: hidden; }
.press_left dt img{width: 568px; height: 285px; overflow: hidden;transition: all 1s ease 0s;}
.press_left dt:hover img{ transition: all 1s ease 0s; transform: scale(1.1,1.1); }
.news_data{ background: #164fa1; width: 90px; height: 90px; position: absolute; left: 0; top: 0; color: #fff; text-align: center; }
.news_data .news_span{ height: 36px; line-height: 36px; font-family: 'Arial'; overflow: hidden; padding-top: 20px; display: block; font-size: 30px; }
.news_data .news_em{ display: block; height: 24px; line-height: 24px; font-family: 'Arial'; overflow: hidden; font-size: 14px; }
.press_tit{transition: all 0.5s ease 0s;height: 40px; line-height: 40px; overflow: hidden; display:block; font-size: 18px; font-weight: bold; }
.press_left dd .pre_zi{ height: 52px; line-height: 26px; overflow: hidden; color: #666666; font-size: 14px; margin-bottom: 14px; }
.press_left dd .press_see{ display: block; color: #fff; background: #164fa1;transition: all 0.5s ease 0s; width: 138px; height: 36px; line-height: 36px; text-align: center; border: 1px solid #164fa1; font-size: 14px; }
.press_left dd .press_see:hover{ padding: 0 20px; transition: all 0.5s ease 0s; }
.press_tit:hover{ color: #164fa1;transition: all 0.5s ease 0s;}
.link{ padding: 40px 0 45px 0; }
.link_div{ position: relative; margin-top: 40px; height: 100px; }
.link_scroll{ position: absolute; left: 0; top: 0; width: 1200px; overflow: hidden; height: 100px; }
.link_scroll ul{ width: 10000px; }
.link_scroll li{ margin-right:12px; width:188px; height: 98px; border: 1px solid #e5e5e5; overflow: hidden; float: left;   }
.link_scroll li img{width:188px; height: 98px;overflow: hidden; transition: all 1s ease 0s;   }
.link_scroll li:hover img{ transition: all 1s ease 0s; transform: scale(1.1,1.1); }
.link_left{ display: block; position: absolute; left: -52px; top: 50px; background: url(../images/link_left.png) center top no-repeat; width: 26px; height: 26px; margin-top: -13px; }
.link_right{ display: block; position: absolute; right: -52px; top: 50px; background: url(../images/link_right.png) center top no-repeat; width: 26px; height: 26px; margin-top: -13px; }
.column{ height: 64px; line-height: 64px; background: #f0f0f0; text-align: center; }
.column li{ display: inline-block; margin: 0 30px; }
.column li a{ display: block; font-size: 14px; color: #666666; padding-left: 25px; background: url(../images/col1.png) left center no-repeat; }
.column li a.for,.column li a:hover{background: url(../images/col.png) left center no-repeat; color: #104189}
.press_dl:hover  dd a{color: #164fa1;transition: all 0.5s ease 0s;}
 .press_dl:after{content: ".";clear: both;  position: absolute; transition: all 0.5s ease 0s; left: 0; bottom: 0; width: 0; z-index: 9999; visibility: inherit; height: 1px; background: #164fa1;display: block; }
 .press_dl:hover:after{ width: 100%; transition: all 0.5s ease 0s; }   
.news{ padding: 16px 0 50px 0; }
.news_dl{ padding:28px 0; border-bottom: 1px solid #dedede;  }
.news_dl dt{ float: left;background: url(../images/newsbj2.png) left center no-repeat; transition: all 0.5s ease 0s; width: 53px; height: 72px; margin-right: 20px; text-align: center; }
.xw_em{ display: block; padding: 6px 0 0 0; height:22px; font-size: 18px; line-height: 22px; overflow: hidden; color: #ffffff;  }
.xw_span{ display: block; height:20px; line-height: 20px;color: #ffffff; font-size: 12px;  }
.news_dl dd{ float: left; width: 1127px; }
.dl_right{ float: right; width: 310px; height: 196px; overflow: hidden; }
.dl_right img{ width: 310px; height: 196px; overflow: hidden;transition: all 2s ease 0s;}
.dl_left{ float: left; width: 755px; }
.dl_left .news_tit{ display: block; height: 36px; line-height: 36px; font-size:18px; overflow: hidden; color: #333; padding-left: 65px; position: relative;  }
.news_tit .wx_line{ position: absolute; left: 0; top: 16px; width:40px; height: 1px; background: #dedede; display: block;  }
.news_zi{ padding-left: 65px; height: 118px; overflow: hidden; line-height:30px;  color: #666666; font-size: 14px; }
.news_dl:hover dt{background: url(../images/newsbj1.png) left center no-repeat; transition: all 0.5s ease 0s;}
.news_dl:hover .dl_left .news_tit{ color: #104189 }
.news_dl:hover .dl_right img{ transition: all 2s ease 0s; transform: scale(1.2,1.2); }

.news_word{ border-bottom: 1px solid #dedede; }
.release h3{ height:89px; line-height: 89px; border-bottom: 1px solid #dedede; text-align: center; font-size: 22px; overflow: hidden;  }
.rel{ text-align: right; height: 56px; line-height: 56px; color: #999999; font-size: 14px; }
.return{ display: block; float: right; font-size: 14px; color: #999999; background: #f0f0f0; width: 138px; height: 36px; line-height: 36px; text-align: center; margin: 30px 0; }

.piece{ padding:22px 0 70px 0;  }
.piece a{ display: block; height:36px; line-height: 36px;  font-size: 14px; overflow: hidden; color: #666666; }
.tactic{ min-height: 500px; padding: 30px 0; }


/* join */
.pos dt{ height:60px; line-height:60px; background:#164fa1; font-size:16px;  color:#fff; }
.pos dt span{ width:14.28%; float:left; display:block; text-align:center;}
.recu{ padding:40px 0 80px 0;}
.recu ul{ cursor:pointer; background:#fff; height:50px; line-height:50px; border-bottom: 1px solid #ebebeb; }
.pos dd { }
.pos dd li{width:14.28%; float:left; display:block; text-align:center; color:#164fa1; font-size: 14px;}
.pos dd li .join_sub{ display: block; height: 50px; margin: 0 auto; width: 30px; background: url(../images/join1.jpg) left center no-repeat; }
.Requirement em{ font-size:14px; color:#333; font-weight:600;}
.Requirement{ border-bottom:none; color:#666666; line-height:34px; padding:30px; display:none; font-size: 14px; }
.pos dd ul.act .join_sub{background: url(../images/join.jpg) left center no-repeat;}

.cont_top{ margin:84px 0 22px -54px;  }
.cont_top dl{ border: 1px solid #dedede; width: 258px; height: 98px; float: left; margin-left: 53px; }
.cont_top dt{ float: left; width:52px; text-align: center; line-height: 98px;  }
.cont_top dd{ float: left; width: 206px; }
.cont_top dd .cont_span{ display: block; padding-top: 28px; height:22px; line-height: 22px;overflow: hidden; color: #666666; font-size:14px;   }
.cont_top dd .cont_em{ display: block; height:22px; line-height: 22px;overflow: hidden; color: #666666; font-size:14px;   }

.cont_bottom{ text-align: center; }
.cont_bottom img{ width: auto; height: auto; max-width: 100%; }
.cont_h3{ height: 110px; line-height: 110px; font-size: 24px; }

.cont_form{ margin-bottom:94px;  }
.form_div{ margin-bottom: 30px; margin-left: -120px; }
.form_txt{ float: left; display: block; width:538px; height: 48px; line-height: 48px; border: 1px solid #dedede; margin-left: 120px; padding-left: 18px; box-sizing: border-box; font-size: 14px; color: #999999  }
.form_area{border: 1px solid #dedede; margin-left: 120px; display:block; resize: none; padding: 8px 0 0 18px; box-sizing:border-box; height: 168px; width: 1200px;font-size: 14px; color: #999999 }
.form_yz{ width: 198px; }
.form_sub{ float: right; }
.form_sub .form_bnt{ display: block; float: left; cursor: pointer; width: 160px; height: 46px; line-height: 46px; text-align: center; background: #104189; color: #fff; font-size: 14px; overflow: hidden; margin-left: 16px; border: none;  }
.form_sub .form_bnt1{ background: #e8e8e8; color: #999999; }
.yz_img{ padding-left: 10px; }
.yz_img { height: 50px; width: auto; }


.tech_top{ margin:60px 0 0 0; border-top: 2px solid #164fa1; background: #f7f7f7;  padding:0 14px 18px; }
.tech_top .tech_h3{ height: 58px; line-height: 58px; color: #164fa1; width: 124px; text-align: center; font-size: 14px;background: url(../images/techh3.jpg) center center no-repeat; }
.tech_zi{ line-height: 30px; font-size: 14px; color: #666666; }
.tech_bottom{ padding-bottom: 50px; }
.tech_dl{ padding: 38px 0px 38px 10px; border-bottom: 1px dotted #dedede; }
.tech_dl dt{ float: left; border: 1px solid #dedede; margin-right: 32px; width:274px; height: 172px; overflow: hidden;  }
.tech_dl dt img{width:274px; height: 172px; overflow: hidden; transition: all 1s ease 0s;}
.tech_dl dt:hover img{ transition: all 1s ease 0s; transform: scale(1.2,1.2); }
.tech_dl dd{ width: 880px; float: left; }
.tech_dl dd .tech_tit{ display: block; transition: all 0.5s ease 0s;  font-size: 16px; font-weight: bold; color: #333;  height: 32px; line-height: 32px; overflow: hidden;}
.tech_dl dd .tech_tit:hover{ transition: all 0.5s ease 0s; color: #104189 }
.tech_dl dd .techzi{ height:62px; overflow: hidden; line-height: 30px; color: #666; font-size: 14px; margin-bottom: 40px;  }
.tech_dl dd .tech_see{transition: all 0.5s ease 0s; display: block; width:122px; height: 36px; line-height: 36px; border: 1px solid #104189; color: #104189; font-size: 14px; text-align: center;  }
.tech_dl dd .tech_see:hover{ transition: all 0.5s ease 0s; background: #104189; color: #fff; }
.xiao_dl{ margin:50px 0 40px 0;  }
.xiao_dl dt{ float: left; width:552px; height:398px; overflow: hidden;  margin-right: 32px;  }
.xiao_dl dt img{ width: 550px; height: 345px; overflow: hidden; border: 1px solid #dedede; }
.xiao_dl dt h3{ background: #f39801; text-align:center; color: #fff; overflow: hidden; height: 50px; line-height: 50px; font-size: 14px; font-weight:bold;}
.xiao_dl dd{ width: 612px; float: right; }
.xiao_dl dd h3{ font-size: 28px; font-weight: bold; border-bottom: 1px solid #dedede; height: 58px; margin-bottom: 30px; line-height: 58px; overflow: hidden; }
.xiao_line{ display: block; width:40px; height: 2px; background: #104189; margin-bottom: 14px;   }
.xiao_zi{ height: 140px; overflow: hidden; line-height:34px; font-size: 14px; color: #666666; margin-bottom: 30px;  }
.you,.qi{ height:32px; line-height: 32px; color: #666; font-size: 14px; overflow: hidden;  }
.you i{ font-size: 16px; color: #164fa1; font-weight: bold; }
.qi i{ color: #666; font-weight: inherit; }
.hot{ margin-top: 12px; border-top: 1px solid #dedede; height: 45px; line-height: 45px; overflow: hidden;  font-size: 20px;}
.hot i{ color: #164fa1; font-size: 22px; }
.solve{ padding: 0 0 100px 0; }
.solve_ul{ height: 54px; border-bottom: 1px solid #dedede; }
.solve_ul li{ float: left;background: url(../images/on.jpg) left center no-repeat; cursor: pointer; width: 140px; height: 54px; line-height: 54px; color: #fff; font-size: 14px; text-align: center; margin-right: 6px; }
.solve_ul li.on{ background: #164fa1 }

.solve_div{ padding:22px 0 0 0;  }
.solve_zi{ line-height:32px; color: #666666; font-size: 14px; margin-bottom: 20px;  }
.solve_tit{height: 95px; line-height: 95px; font-size: 30px;}
.guan_ul{ margin:0 0 0 -45px;  }
.guan_ul li{ margin: 0 0 20px 45px; width: 370px; float: left; }
.guan_img{ width: 370px; height: 285px; overflow: hidden; position: relative; }
.guan_img img{width: 370px; height: 285px; overflow: hidden;transition: all 2s ease 0s; }
.guan_ul li:hover .guan_img img{ transform: scale(1.2,1.2); transition: all 2s ease 0s;}
.guan_img h3{ position: absolute; left: 0; bottom: 0; width: 100%; height: 60px;background: url(../images/techbj.png) left center repeat; line-height: 60px; text-align:center; overflow: hidden; color: #fff; font-size:16px; font-weight: bold;  }
.guan_zi{ height: 52px; line-height: 52px; text-align: center; font-size: 12px; color: #666; overflow: hidden; border-bottom: 1px solid #dedede; }
.guan_zi i{ padding: 0 2px; }

.solve_inner{ display: none; }

.rele_dl{ padding: 42px 0 30px 0; }
.rele_dl dt{ float: left; margin-right: 28px; width: 470px; height: 362px; overflow: hidden; }
.rele_dl dd{ float: left; width: 688px; }
.rele_dl dd .re_tit{ height: 52px; line-height: 52px;background: url(../images/re4.jpg) 8px center no-repeat; border-bottom: 1px solid #ebebeb; padding-left: 40px; font-size: 16px; color: #1f0a00; }
.re_tit i{ color: #164fa1; padding-left: 8px; }
.ul_job { padding-top:  18px; }
.ul_job li{ height: 36px; line-height: 36px; padding-left: 34px; font-size: 14px;background: url(../images/re1.jpg) 8px center no-repeat; }
.ul_job li i{ color: #666666; }
.ul_job li:nth-child(2){background: url(../images/re2.jpg) 8px center no-repeat;}
.ul_job li:nth-child(3){background: url(../images/re3.jpg) 8px center no-repeat;}
.ul_job li:nth-child(4){background: url(../images/re5.jpg) 8px center no-repeat;}
.job_inner{ line-height: 28px; color: #666; font-size: 14px; height: 84px; overflow: hidden; }
.job_div{ padding: 15px 20px; background: #f6f6f6 }
.job_div h3{ height: 34px; line-height: 34px; color: #164fa1; overflow: hidden; font-size: 16px; font-weight: bold; }

.job_bottom{ padding-bottom: 60px;}
.job_bottom h3{ color: #164fa1; overflow: hidden; font-size: 16px; padding-left: 17px; font-weight: bold;background: url(../images/rebj.jpg) left center no-repeat;}
.xiangm_zi{ font-size: 14px; color: #666; line-height: 36px;  }


.case{ padding: 50px 0 60px 0; }
.case .guan_ul li{ margin-bottom: 36px; }

.about{ padding: 50px 0 80px 0; }
.vir{ background: #104189; font-size: 14px; color: #fff; text-align: center; width: 206px; height: 34px; line-height: 34px; text-transform: uppercase; }
.beij{ height: 55px; line-height: 55px; display: none; overflow: hidden; color: #333; font-size: 28px; }
.year{ height: 64px; line-height: 64px; margin-bottom: 14px; overflow: hidden; font-size: 40px; font-weight: bold; color: #666; }
.year i{ color: #104189; font-weight: normal; margin-left:10px; }
.about_line{ display:block; width: 32px; height: 2px; background: #d8d8d8; }

.comp{ padding: 24px 0 60px 0; }
.comp_tit{ text-align: center; font-size: 24px; color: #164fa1; height: 118px; line-height: 118px; }
.comp_dl{ background: #f3f3f3; margin-bottom: 14px; }
.comp_dl dt{ width: 50%; float: left; }
.comp_dl dd{ width: 50%; float: left; }
.comp_inner{ padding: 28px 34px 0; }
.comp_inner h3{ height: 50px; line-height: 50px; font-size: 18px; overflow: hidden; }
.comp_inner h3 .comp_dian{}
.comp_inner .compzi{ height: 182px; line-height: 32px; color: #666666; font-size: 14px; overflow: hidden; }
.comp_dl:nth-child(odd) dt{ float: right; }
.honor{ padding: 54px 0 0 0; }
.tran_ul{ padding-bottom: 28px; border-bottom: 1px dotted #dedede; margin:0 0 64px -27px; }
.tran_ul li{ float:left; margin: 0 0 30px 27px; width: 278px; height: 208px; overflow: hidden; border: 1px solid #dedede; box-sizing:border-box;}
.tran_ul li img{ width: 278px; height: 208px; overflow: hidden;transition: all 1s ease 0s;  }
.tran_ul li:hover img{ transition: all 1s ease 0s; transform: scale(1.2,1.2); }
.vertical_ul{ margin: 0 0 80px -25px; }
.vertical_ul li{ float: left; width:218px; height: 278px; overflow: hidden; margin: 0 0 30px 25px;border: 1px solid #dedede; box-sizing:border-box;  }
.vertical_ul li img{transition: all 1s ease 0s;width:218px; height: 278px; overflow: hidden; }
.vertical_ul li:hover img{ transition: all 1s ease 0s; transform: scale(1.2,1.2); }

.his{ padding:76px 0;  }
.his_top{ display: block;  background: url(../images/his.jpg) center center no-repeat; width: 36px; height: 36px; margin: 0 auto;}
.his_ul{background: url(../images/his1.jpg) center top repeat-y; padding: 48px 0 50px 0;}
.his_ul li{ background: url(../images/his2.jpg) center 13px no-repeat; margin-bottom: 30px;}
.his_right{ float: right; width: 574px; }
.his_ul li .his_year{ font-size: 24px; font-weight: bold; color: #104189; height: 40px; line-height: 40px; }
.his_zi{ font-size: 16px; line-height: 36px }
.his_left{float: left; width: 574px; text-align: right;}
.his_bottom{ display: block;background: url(../images/his3.png) center center no-repeat; width: 80px; height: 74px; margin: 0 auto; }

.about_ul{ height: 162px;background: url(../images/aboutline.jpg) center center repeat-x; margin-top: 50px; }
.about_ul li{transition: all 0.5s ease 0s; width: 25%; float: left; padding: 0 5px; cursor: pointer; box-sizing: border-box;background: url(../images/about11.png) center center no-repeat; height: 162px; }
.about_ul li:nth-child(2){background: url(../images/about2.png) center center no-repeat;}
.about_ul li:nth-child(3){background: url(../images/about33.png) center center no-repeat;}
.about_ul li:nth-child(4){background: url(../images/about44.png) center center no-repeat;}
.about_ul li.on:nth-child(2){background: url(../images/about22.png) center center no-repeat;}
.about_ul li.on:nth-child(3){background: url(../images/about3.png) center center no-repeat;}
.about_ul li.on:nth-child(4){background: url(../images/about4.png) center center no-repeat;}
.about_ul li.on{background: url(../images/about1.png) center center no-repeat; transform: rotate(-360deg); transition: all 0.5s ease 0s;}
.aboutzi{ padding:24px 0 60px 0; display: none;  }
.aboutzi h3{ line-height: 50px; font-size: 30px; text-align: center; }


.mobile{
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    display: none;
}
.mobile-inner{
    width: 550px;
    margin-right: auto;
    margin-left: auto;
    background-color: #fafafa;
    position: relative;
}
.mobile-inner img{
    width: 100%;
    margin-bottom: 30px;
}
.mobile-inner p{
    color: #676767;
    line-height: 25px;
    font-size: 16px;
    padding-bottom: 30px;
    padding-right: 30px;
    padding-left: 30px;
    margin:0px;
}
.mobile-inner-header{
    background:none;
    width: 100%;
    height: 50px;
    position: absolute;
    top:6px;
    left: 0px;
}
.mobile-inner-header-icon{
    color: #ffffff;
    height: 50px;
    font-size:25px;
    text-align: center;
    float:right;
    width: 50px;
    position: relative;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
     background: none
}
.mobile-inner-header-icon:hover{
    background:none;
    cursor: pointer;
}
.mobile-inner-header-icon span{
    position: absolute;
    left: calc((100% - 25px) / 2);
    top: calc((100% - 1px) / 2);
    width: 25px;
    height: 1px;
    background-color: #164fa1;
}
.mobile-inner-header-icon span:nth-child(1){
transform: translateY(4px) rotate(0deg);
    }
.mobile-inner-header-icon span:nth-child(2){
transform: translateY(-4px) rotate(0deg);
    }
    



    
.mobile-inner-header-icon-click span:nth-child(1){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: clickfirst;
    }       
.mobile-inner-header-icon-click span:nth-child(2){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: clicksecond;
    }
    


@keyframes clickfirst {
  0% {
      transform: translateY(4px) rotate(0deg);
      
  }

  100% {
    transform: translateY(0) rotate(45deg);
  }
}   



@keyframes clicksecond {
  0% {
      transform: translateY(-4px) rotate(0deg);
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
}   

.mobile-inner-header-icon-out span:nth-child(1){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outfirst;
    }       
.mobile-inner-header-icon-out span:nth-child(2){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outsecond;
    }

@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }

  100% {
    transform: translateY(-4px) rotate(0deg);
  }
}   



@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);
  }

  100% {
    transform: translateY(4px) rotate(0deg);
  }
}

.mobile-inner-nav{
    background-color: rgba(140,140,140,0.9);
    width: 100%;
    position: absolute;
    top: 72px;
    left: 0px;
    padding: 10px 0 30px 0;
    z-index: 999999;
    display: none;
}
.mobile-inner-nav li{ margin:0 10px ;}
.mobile-inner-nav a{
    display: inline-block;
    line-height: 50px;
    text-decoration: none;
    width: 100%;
   
    color: #FFFFFF;
    border-bottom: solid 1px rgba(255,255,255,0.3);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    font-weight:300;
    font-size: 14px;
}
.mobile-inner-nav a:hover{
    color: rgba(255,255,255,0.4);
    border-bottom: solid 1px rgba(255,255,255,0.2);
}
.cbe_img{ display: none; padding: 20px 0 0 0; text-align: center; }
.cbe_img img{ width: auto; height: auto; max-width: 100%; }

.phone_banner{ display: none; }


.foot_recu{ padding:0px 0 0px 0px; display:none;}
.foot_recu ul{ cursor:pointer;}
.foot_pos dd li{ line-height:42px; color:#333; height:42px;padding-left:20px; font-size:14px;  position:relative;background:#303030; color:#fff; border-bottom:1px solid #616161;}
.foot_con p,.foot_con a{ display:block; height:38px; line-height:38px; background:#dcdcdc; border-bottom:1px solid #bcbcbc; text-indent:20px;}
.foot_con { display:none;}
.foot_pos li .jia{ position:absolute; top:17px; right:10px; background:url(../images/shang.png) left center no-repeat; width:18px; height:9px;}
.foot_recu dd .act li{ color:#fff;} 
.foot_recu dd .act li .jia{position:absolute; top:17px; right:10px; background:url(../images/xia.png) left center no-repeat; width:18px; height:9px;}


.pic_ul{ margin:0 0 0 -27px;  }
.pic_ul li{ float: left; margin: 0 0 20px 26px; width: 280px; }
.pic_ul li img{ width:280px; height: 200px; overflow: hidden;  }
.list_i{ display: block; height: 48px; line-height: 48px; text-align: center; overflow: hidden; font-size: 14px; }


.pagination{ width:100%; text-align:center; padding:30px 0 60px 0;}
 
 .pagination>li{display:inline-block}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin:0 3px;line-height:20px;color:#104189;text-decoration:none;background-color:#fff;border:1px solid #ddd;height:auto!important;text-indent:0!important;}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2!important;color:#fff!important;cursor:default!important;background-color:#104189!important;border-color:#104189!important; height:auto!important;text-indent:0!important;}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#104189}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#104189;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px 15px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding:48px 0}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#104189}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}

  .techzhi{ margin: 0; height:283px;  }