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 */
.box{ width: 1200px; margin: 0 auto }
.head{ background: #fff; width: 100%; }
h1{ float: left; line-height:95px;  }
.nav{ float: left; margin: 0 10px 0 10px; width: 540px; }
.nav li{ float: left; padding:0 15px; }
.nav li a{ display: block; height:95px; line-height: 95px;transition: all 0.5s ease 0s; font-size: 16px; color: #333333  }
.nav li:hover a{ color: #00a0e9; transition: all 0.5s ease 0s; }
.enroll{ float: right; width:70px; height: 26px; border: 1px solid #e6e6e6; margin-top: 34px; border-radius: 5px;  }
.enroll a{ border-radius: 5px 0 0 5px; transition: all 0.5s ease 0s; display: block; float: left; line-height: 26px; background: #f5fbff; box-sizing: border-box; border-right: 1px solid #e6e6e6; width: 35px; text-align: center; font-size:12px; color: #00a0e9;  }
.enroll a:nth-last-child(1){ border-radius: 0 5px 5px 0; border: none; }
.enroll a:hover{ background: #00a0e9; color: #fff; transition: all 0.5s ease 0s; }
.lan{ float: left; height: 28px; font-size: 12px; color: #4c4949; line-height: 28px; margin-top: 34px; padding:0 11px 0 30px; background: url(../images/top1.png) left center no-repeat; }
.search{ float: left; width:128px; height: 26px; line-height: 26px; margin-top: 34px; border: 1px solid #e6e6e6; border-radius: 5px;  }
.search_txt{ float: left; width: 98px; height: 26px; line-height: 26px; overflow: hidden; border: none; background: none; padding-left:7px;  color: #bcbbbb; box-sizing: border-box; }
.search_sub{ float: right;background: url(../images/search.jpg) left center no-repeat; width: 30px; height: 26px; border: none;  }
.nav li .subnav{width:1200px; display: none;  position:absolute; left:50%; margin-left: -600px; top:95px; z-index:9999999; background:url(../images/suv.png) left top;  color:#fff; text-align:center; }
.nav li .subnav a{ height:50px; padding-bottom: 3px; line-height:50px; padding: 0 10px; font-size: 14px;  transition: all 0s ease 0s;  overflow:hidden; color:#333; margin: 0 15px; display: inline-block;}
.nav li .subnav a:hover{ color:#069ddf; background: url(../images/bj1.png) center bottom no-repeat; transition: all 0s ease 0s; }
.head_end{ float: right; width: 142px; line-height: 95px;overflow: hidden; height: 95px; text-align: center; }
.sub_ul{ padding:36px 36px 0; margin-left: -32px;  }
.sub_ul li{ float: left; margin: 0 0 16px 32px; width: 160px; padding: 0; }
.nav li .subnav .sub_ul li a{ height: auto; line-height: 0; padding: 0; margin: 0; }
.nav li .subnav .sub_ul li a:hover{ background: none; }
.sub_img{ width: 160px; height: 100px; overflow: hidden; display: block; }
.sub_img img{width: 160px; height: 100px; overflow: hidden;}
.sub_tit{ display: block; height: 42px; line-height: 42px; overflow: hidden; text-align: center; font-size: 12px; color: #666666 }
.sub_tit:hover{ color: #00a0e9 }

/* foot */
.foot_bottom{ background: #00214a; height: 50px; line-height: 50px; text-align: center; font-size: 14px; color: #fff; }
.foot_bottom a{ display: inline-block; color: #fff; font-size: 14px; padding-left:  }
.foot_bottom a:hover{ color: #d3e9ff }
.foot_gov{ padding:0 50px 0 10px; }
.foot_a{ padding: 0 14px;background: url(../images/foot2.jpg) right center no-repeat;  }
.foot_a:nth-last-child(1){ background: none; }
.foot_top{ background: #04244b url(../images/foot1.jpg) right top no-repeat; padding-bottom: 20px; }
.foot_left{ float: left; width: 600px; }
.foot_h3{ padding-top: 20px; height:48px; line-height: 48px; padding-left: 20px; overflow: hidden; font-size: 16px; color: #fff;   }
.foot_ul li{ float:left; height: 24px; width: 50%; box-sizing: border-box;  line-height: 24px; overflow: hidden; padding-left: 20px; color: #d3e9ff; }
.foot_center{ width: 450px; float: left; }
.link_ul li{ height:24px; line-height: 24px; overflow: hidden; color: #d3e9ff;   }
.link_ul li a{color: #d3e9ff;  }
.foot_right{ float: right; padding: 18px 26px 0 0; }
.foot_right img{ width:92px; height: 92px; overflow: hidden;  }



.phone_banner{ display:none;}
.flex-direction-nav{ display: none; }
.flexslider {width: 100%;height:auto; margin:0 auto; overflow:hidden; box-sizing: border-box; }
.slides li .banner_img{ width:100%; height:auto;}
.slides li { position:relative; width:100%; height:auto;}
.slides li img{transition: 8s ease 0s;}
.slides {width:100%; height:auto;}
 .slides li.flex-active-slide img{ transition: 8s ease 0s; transform: scale(1.15,1.15); } 
.flex-control-nav { display: none;   }


.ject{ padding: 47px 0 36px 0; }
.ject_left{ float: left; width: 50%; padding: 0 10px; box-sizing: border-box; transition: all 0.5s ease 0s; }
.ject_img{ text-align: center; width: 100%; height: auto; overflow: hidden; }
.ject_img img{ width: auto; height:auto; max-width: 100%;transition: all 0.5s ease 0s}
.ject_tit{ width: 242px; margin: 0 auto 30px; }
.ject_i{ display: block; height:20px;background: url(../images/titbj.png) right bottom no-repeat; line-height: 20px; font-size: 14px; font-family: 'Arial'; color: #d1d1d1; text-transform: uppercase; text-align: center;  }
.ject_h3{ font-size: 30px; font-weight: bold;background: url(../images/tit.jpg) left bottom no-repeat; height: 48px; line-height: 48px; text-indent: 38px; }
.ject_right{ float: left; width: 50%; padding: 0 10px; box-sizing: border-box; }

.spe{background: url(../images/index3.jpg) center top no-repeat; height: 620px;}
.index_back{background: url(../images/title1.png) right 83px no-repeat; }
.index_tit{ padding-left:497px;  }
.index_h3{ height: 46px; line-height: 46px;background: url(../images/title.png) right bottom no-repeat; font-size: 32px; font-weight: bold; padding-left: 34px;  padding-top: 40px;  }
.index_i{ display: block; height:20px;background: url(../images/title1.jpg) right bottom no-repeat; line-height: 20px; font-size: 14px; font-family: 'Arial'; color: #d1d1d1; text-transform: uppercase; padding-left: 34px;  }
.spe_div{ position: relative; margin-top: 44px; height:466px;  }
.spe_scroll{ position:absolute; left: 0; top: 0; height: 466px; width: 100%; overflow: hidden; }
.spe_ul{ width: 10000px; }
.spe_ul li{ float: left; width: 380px; margin-right: 10px; transition: all 0.6s ease 0s; }
.spe_img{ display: block; overflow: hidden; width: 380px; height: 272px; }
.spe_img img{overflow: hidden; width: 380px; height: 272px;transition: all 1s ease 0s; }
.spe_scroll li:hover .spe_img img { transition: all 1s ease 0s; transform: scale(1.1); }
.spe_word{ background: #00a1e9; padding:0 20px 20px;  }
.spe_h3{ height:50px; line-height: 50px; overflow: hidden; color: #fff;font-size: 16px; font-weight: bold;  }
.spe_zi{ overflow: hidden; height:42px; line-height: 21px;font-size: 12px; color: #fff;  margin-bottom: 10px; }
.spe_more{ display: block; height:22px; line-height: 22px; transition: all 0.5s ease 0s; width: 58px; text-align: center; border: 1px solid #bde7f9; color: #bde7f9; text-transform: uppercase;   }
.spe_ul li:hover .spe_more{ background: #fff; transition: all 0.5s ease 0s; color: #00a1e9 }
.spe_left{ position: absolute; left: -68px; width: 40px; height: 68px;  display: block; top: 170px; background: url(../images/spe_left.png) center top no-repeat;}
.spe_right{ position: absolute; right: -68px; width: 40px; height: 68px;  display: block; top: 170px; background: url(../images/spe_right.png) center top no-repeat;}
.spe_ul li:hover{background: url(../images/libj.png) center bottom no-repeat;  padding-bottom: 23px; transition: all 0.6s ease 0s;}

.pic{ padding-top:44px;  }
.pic_inner{ margin: 0 0 0 -38px; }
.pic_dl{ float: left; margin: 0 0 40px 38px; width: 580px; box-shadow: 0 0 10px #e7e7e7 }
.pic_dl dt{ float: left; width:220px; height: 125px; overflow: hidden; margin-right: 20px;  }
.pic_dl dt img{width:220px; height: 125px; overflow: hidden;transition: all 1s ease 0s;}
.pic_dl dt:hover img{ transition: all 1s ease 0s; transform: scale(1.2); }
.pic_dl dd{ float: left; width: 310px; }
.pic_zi{ height:48px; line-height: 24px; transition: all 0.5s ease 0s;  overflow: hidden; font-size: 14px; font-weight: bold;  }
.pic_zi:hover,.pic_more:hover{ color: #00a0e9; transition: all 0.5s ease 0s; }
.pic_more{ display: block;background: url(../images/more.jpg) left center no-repeat;transition: all 0.5s ease 0s; height: 24px; line-height: 24px; padding-left: 20px; color: #9b9b9b  }
.pic_tit{ padding: 12px 0 10px; }
.pic_fa{ display: block; float: left; width: 68px; height: 24px; margin-right: 26px; line-height: 24px; background: #00a0e9; color: #fff; text-align: center; }
.aug{ height: 24px; line-height: 24px; color: #a4a4a4; font-size: 14px; display: block; }
.pic_see{ display: block; font-size: 16px; width:166px; transition: all 0.5s ease 0s; height: 40px; line-height: 40px; margin: 0 auto 34px; background: #f1f1f1; border: 1px solid #f1f1f1; text-align: center; color: #666666  }
.pic_see:hover{ padding: 0 60px; transition: all 0.5s ease 0s;background: none; color: #00a0e9; border: 1px solid #00a0e9  }
.recom{background: url(../images/indexbj1.jpg) center top no-repeat;  height: 928px; }
.recom_ul{ margin:34px 0 0 -72px;   }
.recom_ul li{ float: left; width: 350px; margin: 0 0 34px 72px; box-shadow: 0 0 10px #dce4e9 }
.recom_img img { transition: all 1s ease 0s;}
.recom_img{ display: block; width: 350px; height: 174px; overflow: hidden; }
.recom_h3{ height:46px; line-height: 46px; position: absolute; left: 0;  bottom: 0; width: 100%; z-index: 99999; text-align: center; overflow: hidden; color: #fff; font-size:16px;   }
.recom_wrod{ position: relative; height: 46px;background: #24adec; overflow: hidden;  }
.recom_wrod i {
    position: absolute;
    z-index: -1;
    left: 0;
    top: -100%;
    width: 20%;
    height: 100%;
    background: #0057a6;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
}
.recom_ul li:hover h3{ color: #fff;transition: .5s;background: #0057a6; }
.recom_ul li:hover .recom_wrod i {
    top: 0;
    z-index: 9;
}
.recom_wrod .col-go-2 {
    left: 20%;
    -o-transition: .3s .1s;
    -moz-transition: .3s .1s;
    transition: .3s .1s;
}
.recom_wrod .col-go-3 {
    left: 40%;
    -o-transition: .3s .2s;
    -moz-transition: .3s .2s;
    transition: .3s .2s;
}
.recom_wrod .col-go-4 {
    left: 60%;
    -o-transition: .3s .3s;
    -moz-transition: .3s .3s;
    transition: .3s .3s;
}
.recom_wrod .col-go-5 {
    left: 80%;
    -o-transition: .3s .4s;
    -moz-transition: .3s .4s;
    transition: .3s .4s;
}



/* pro */
.catalog{ background: #f3faff; height: 48px; line-height: 48px; border-bottom: 2px solid #00a0e9; }
.cata_ul{ height: 48px; overflow: hidden; line-height: 48px }
.cata_ul li{ float: left; margin-right: 10px; }
.cata_ul li a{ display: block; padding:0 30px; font-size: 16px; color: #333; transition: all 0.5s ease 0s;  }
.cata_ul li:hover a,.cata_ul li a.for{ background: #00a0e9; color: #fff; transition: all 0.5s ease 0s; }
.position{ text-align: right; color: #a5a5a5; height: 68px; line-height: 68px; }
.position a{ color: #a5a5a5;}
.pos_i{background: url(../images/home.png)left center no-repeat; padding-left: 30px; }

.details{ box-shadow: 0 0 10px #ededed; min-height: 500px; padding: 36px; box-sizing: border-box; background: #fff; margin-bottom: 50px; }
.pro .recom_ul{ margin:0 0 0 -38px; }
.pro .recom_ul li{ margin:0 0 25px 38px; }
.euce{ text-align: center; }
.euce img{ width: auto; height: auto; max-width: 100% }
.puce_ul{ background: #f3f3f3; height:50px; overflow: hidden; text-align: center;  }
.puce_ul li{ display:inline-block; margin: 0 40px; }
.puce_ul li a{ font-size: 16px; padding: 0 8px; display: block; height:46px; line-height: 46px; border-bottom: 4px solid #f3f3f3;  }
.puce_ul li.on a{ color: #00a0e9; border-bottom: 4px solid #00a0e9; }
.puce_div{ padding: 20px 0 0 0 }
.puce_inner{ display: none; }

.piece{ border-top: 1px solid #dcdcdc; padding: 36px 0 0 0; }
.pie_div{ height:36px; line-height: 36px; overflow: hidden; color: #666666; font-size: 14px;  }
.pie_div a{ color: #666666; font-size: 14px; transition: all 0.5s ease 0s; }
.pie_div a:hover{ color: #00a0e9; transition: all 0.5s ease 0s; }

.sign{background: url(../images/sign.jpg)center top no-repeat; height: 530px;  padding-top: 130px;}
.sign_div{background: url(../images/sign1.png)center top no-repeat; width: 728px; padding: 8px 13px 0; box-sizing: border-box; height: 423px; margin: 0 auto 0 }
.sign_tit{ background: #00a0e9; height: 58px; line-height: 58px; overflow: hidden; padding: 0 52px;}
.sign_h3{ font-size: 28px; color: #fff; float: left; }
.sign_a{ display: block; float: right; color: #fff; font-size: 14px; text-decoration: underline; }
.sign_form{ padding:60px 0 0 120px;  }
.sign_inner{ margin-bottom:20px;  }
.sign_name{ float: left; width: 72px; font-size: 14px; height: 38px; line-height: 38px; overflow: hidden; color: #0158a5; display: block; }
.sign_txt{ height: 36px; line-height: 36px; border: 1px solid #dcdcdc; background: #fff; width: 418px; padding-left:12px; box-sizing: border-box; color: #c3c3c3; font-size: 14px;  }
.yz_txt{ width:208px;  }
.yz_img{  padding-left: 12px; }
.sign_sub{ font-size: 18px; width:118px; float: left; margin: 0 0 0 72px; height:36px; background: #059fe5; border: 1px solid #059fe5; text-align: center; color: #fff; font-size:18px; border-radius: 5px; cursor: pointer; display: block;    }
.sign_i{ display: block; float: left; height: 38px; line-height: 38px; font-size: 14px; color: #059fe5; padding-left: 16px; }
.sign_i a{font-size: 14px; color: #059fe5;}
.xing{ margin-left: 10px; color: #ff1111 }
.reg{background: url(../images/reg.jpg)center top no-repeat; height: 820px; padding-top: 90px;}
.reg_div{background: url(../images/reg.png)center top no-repeat; height: 723px;}
.sign_i a:hover{ font-weight: bold; }

.news_det{box-shadow: 0 0 0px #ededed; padding: 20px 0; }
.news_dl{ margin-bottom:50px;transition: all 0.5s ease 0s; box-shadow: 0 0 10px #e6e6e6  }
.news_dl:hover{ transition: all 0.5s ease 0s; transform: translateY(-10px); }
.news_dl dt{ float: left; width:454px; height: 258px; overflow: hidden; margin-right: 24px;  }
.news_dl dt img{ width: 454px; height: 258px; overflow: hidden; }
.news_dl dd{ float: left; width: 700px; }
.news_tit{ transition: all 0.5s ease 0s;display: block; height:46px; line-height: 46px; overflow: hidden; padding-top: 20px; font-size: 18px; font-weight: bold;  }
.news_time{ display: block; height:50px; line-height: 50px; overflow: hidden; color: #a4a4a4;  }
.news_zi{ height:90px; line-height: 30px; overflow: hidden; font-size: 14px; color: #666666  }
.news_see{transition: all 0.5s ease 0s; display: block; height: 54px; line-height: 54px; float: right; padding-left: 20px; color: #9b9b9b;background: url(../images/news_see.jpg)left center no-repeat; }
.news_dl:nth-child(even) dt{ float: right; margin: 0; }
.news_dl:nth-child(even) dd{ margin-left: 24px; }
.release{ text-align: center; padding-bottom: 10px; border-bottom: 1px solid #f3f3f3; margin-bottom: 30px; }
.release h3{ font-size: 36px; font-weight: bold; height: 70px; line-height: 70px; overflow: hidden; }
.rel_dv{ font-size: 14px; color: #a4a4a4; height: 40px; line-height: 40px; }
.return{ display: block; float: right; font-size: 14px; color: #00a0e9; padding: 30px 0; }
.us_ul li .us_left{ float: left; width:38px; text-align: center; line-height: 47px; }
.us_right{ float: left; width:303px; line-height: 47px; font-size: 14px; color: #333333  }
.us_dl dd{ float: right; width: 727px; height: 359px; overflow: hidden; }
.us_dl dt{ float: left; }
.news_dl:hover .news_tit,.news_dl:hover .news_see{ color: #00a0e9; transition: all 0.5s ease 0s; }
.mess_h3{ font-size: 24px; height:64px; line-height: 64px; border-bottom: 2px solid #000000;  }
.mess_tit{ font-size: 16px; height:70px; line-height: 70px; color: #00a0e9; margin-bottom: 24px;  }
.mess_div{ margin-bottom:36px;  }
.mess_i{ display: block; float: left; height: 40px; line-height: 40px; font-size: 16px; width: 70px; }
.mess_txt{ display: block; float: left; width: 448px; height: 38px; border: 1px solid #d2d2d2; background: #f9f9f9; padding-left: 8px; box-sizing: border-box; }
.form_mess{ padding-left: 138px; margin-top: 30px;}
.mess_sub{ display: block; width:198px; transition: all 0.5s ease 0s;  margin: 0 0 0 70px; height: 38px; border: 1px solid #00a0e9; background: #00a0e9; color: #fff; font-size: 16px; text-align: center; cursor: pointer; display: block;  }
.mess_area{display: block; float: left; width: 708px; height: 148px; border: 1px solid #d2d2d2; background: #f9f9f9; padding: 8px; box-sizing: border-box; }
.mess_sub:hover{ background: none; color: #00a0e9; transition: all 0.5s ease 0s; }


.recu{ padding:20px 0 20px 20px;}
.recu ul{ height:48px; line-height:48px; cursor: pointer; background:#f7f7f7 url(../images/join1.png) 20px center no-repeat;  font-size:16px;  color:#333; margin-bottom: 20px;}
.pos dd li{width:33.3%; float:left; display:block; font-size: 16px; padding-left: 70px; box-sizing: border-box;}
.Requirement{ border-bottom:none; color:#666666; line-height:38px; margin:0px 0 20px 60px; display:none; font-size: 14px; }
.recu ul.act{background:#00a0e9 url(../images/join2.png) 20px center no-repeat; color: #fff; }
.case_ul li{ float: left; width: 12.5%; padding: 0 5px; box-sizing: border-box; text-align: center; margin-bottom: 10px; }
.case_ul li img{ width:75px; transition: all 1s ease 0s;  height: 75px; border-radius: 75px; overflow: hidden; }
.case_ul li .case_h3{ font-size: 16px;transition: all 0.5s ease 0s;  height:64px; line-height: 64px; overflow: hidden;  }
.case_ul li:hover img{ transform: scale(1.1);  transition: all 1s ease 0s; }
.case_ul li:hover .case_h3{ color: #017cc2; transition: all 0.5s ease 0s; }
.plan{ background: #f8f8f8 }
.plan_inner{ background: url(../images/planbj.png) center top no-repeat; width: 1160px; margin: 0 auto; height:1009px; }
.plan_box{ width: 916px; margin: 0 auto; padding: 115px 0 0 9px; }
.plan_h3{ font-size: 16px; text-align: center; height:44px; line-height: 44px; background: #353535; color: #fff; overflow: hidden;  }
.plan_see{ display: block; text-align: center; padding-top: 42px; position: relative; }
.plan_see .planimg{ width: 854px; height: 400px; overflow: hidden; }
.plan_line{/* background: url(../images/plan1.png) center top repeat-y; */ width: 200px; position: absolute; right: 200px; top: 42px; height: 400px; }
.line_one{ position: absolute;animation: b 500s;
 left: 50%; top: 50%; margin:-77.5px 0 0 -79.5px; display: block;   }
.line_two{ position: absolute; transition: all 1s ease 0s;  left: 50%; top: 50%; margin:-47px 0 0 -51px;  display: block;  }
@keyframes a{
        form{transform: rotate(0deg)}
        to{transform: rotate(36000deg)}
    }
    @keyframes b{
        form{transform: rotate(0deg)}
        to{transform: rotate(-36000deg)}
    }
.line_two:hover{ transform: scale(1.2); transition: all 1s ease 0s; }
.ther_h3{ font-size: 30px; font-weight: bold; height: 66px; line-height: 66px;}
.ther_i{ display: block; width:120px; height: 4px; background: #00a0e9;  margin-bottom: 20px;  }

.ther_inner{ padding: 20px 0; border-bottom: 1px solid #f3f3f3; }
.hter_tit{ font-size: 16px; font-weight: bold; color: #00a0e9; height: 50px; line-height: 50px; overflow: hidden;}
.size_i{ display: block; float: left; font-size: 15px; height:40px; line-height: 40px; width: 100px; text-align: right; margin-right: 10px;  }
.size_txt{ display: block; float: left; border: 1px solid #d2d2d2; background: #f9f9f9; height: 48px; line-height: 48px; width:288px; font-size: 14px; color: #c0c0c0; padding-left: 8px; box-sizing: border-box; margin-right: 33px; }
.ther_div{ line-height: 50px; margin-bottom: 18px }
.size_sel{display: block; float: left; border: 1px solid #d2d2d2; background: #f9f9f9; height: 48px; line-height: 48px; width:390px; font-size: 14px; color: #c0c0c0; padding-left: 8px; box-sizing: border-box; margin-right: 31px; }
.mode_txt{ width: 389px; }
.ther_left{ float: left; }
.door_txt{ float: left; width:158px; height: 38px; line-height: 38px; padding-left: 8px; box-sizing: border-box; background: #f9f9f9; border: 1px solid #d2d2d2; font-size: 14px; color: #cbcbcb  }
.door_width{ float: left; width: 220px; margin-left: 28px; }
.door_i{ height: 40px; line-height: 40px; display: block; float: left; width:60px; font-size: 16px; }
.door_xuan{ float: left; width: 90px; font-size: 14px; height: 40px; line-height: 40px; }
.door_check{ margin-right: 10px; }
.door_div{padding: 20px 0; border-bottom: 1px solid #f3f3f3; margin-bottom: 0 }
.door_inner{ border: none; padding: 30px 0 0 0; }
.tem_div{ float: none; margin-bottom: 19px; }
.tem_left .mode_txt{ width:258px;  }
.tem_left .size_i{ width: 118px; }
.supply{ font-size: 14px; color: #666; height: 20px; line-height: 20px; overflow: hidden; margin-bottom: 30px; }
.supp_txt{float: left; border: 1px solid #d2d2d2; background: #f9f9f9; height: 108px; line-height: 30px; width:935px; resize: none; font-size: 14px; color: #c0c0c0; padding-left: 8px; box-sizing: border-box;  }
.app_sub{ float: left; font-size: 18px; width: 248px; height: 46px; line-height: 46px; border: 1px solid #00a0e9; background: #00a0e9; text-align: center; color: #fff; font-size: 18px; display: block; border-radius: 20px; }
.app_blue{ float: right; background: #0057a6; border: 1px solid #0057a6; display: none; }
.app_div{ width: 945px; margin:26px 0 0px 100px }
.app_inner{ border: none; }


.sliderWrap{
			cursor: default;
	    	height: 32px;
			padding: 10px 20px;
		}
		.sliderBar{
			height:6px;
			background: #8c8c8c;
			border-radius: 999px;
			position: relative;
		}
		.sliderDot{
			width:16px;
			height:16px;
			background: #1ea0fa;
			position: absolute;
			top:-5px;
			left:0;
			z-index:100;
			border-radius: 999px;
		}
		.sliderDot::after{
			content: "";
			position: absolute;
			width: 10px;
			height: 10px;
			top:50%;
			left:50%;
			margin-top: -5px;
			margin-left: -5px;
			background:#fff;
			border-radius:999px;
		}
		.sliderMark{
			position: relative;
		}
		.sliderMark dl{
			user-select: none;
			position: absolute;
			top:8px;
			width:1px;
		}
		
		.sliderMark dt{
			width:1px;
			height:10px;
			background: #8c8c8c;
		}
		.sliderMark dd{
			position: absolute;
			top:8px;
			color:#8c8c8c;
			font-size:12px;
			white-space: nowrap;
			transform: translateX(-50%);
		}

		.sliderInput{
			height:24px;
			line-height: 24px;
			border:1px solid #d9d9d9;
			padding:0 8px;
			width:60px;
			margin:40px 0 20px;
		}
.tem_right{ width:620px; float: right; }
.tem_left{ float: left; width: 450px; }
.tem_box{ position: relative; }
.sliderInput{ position: absolute; left: 128px; top: -40px;display: block; float: left; border: 1px solid #d2d2d2; background: #f9f9f9; height: 48px; line-height: 48px; width:258px; font-size: 14px; color: #c0c0c0; padding-left: 8px; box-sizing: border-box;  }
.honor_del{ padding: 0; }
.honor{ background: #f8fbfd;  padding-bottom: 58px; }
.about_tit{ padding: 50px 0 0 36px; }
.honor_h3{ font-size:18px; font-weight: bold; height:58px; line-height: 58px; width:92px; text-align: center; border-bottom: 3px solid #434343;    }

.honor_div{ margin-top: 40px; height:338px; position: relative;  }
.honor_scroll{ position: absolute; left:50%; width: 1096px; margin-left: -548px; height: 338px; overflow: hidden;  }
.honor_scroll ul{ width: 10000px; }
.honor_scroll ul li{ float: left; margin-right:24px;  width: 198px;  overflow: hidden;  }
.honor_img{border: 1px solid #ced1d3;width: 198px; height: 282px; overflow: hidden; box-sizing: border-box; }
.ce_h3{ height:54px; line-height: 54px; text-align: center; overflow: hidden; font-size:14px;   }
.honor_left{ position: absolute; left:10px; top: 120px;background: url(../images/honor_left.png) center top no-repeat; width: 28px; height: 28px; display: block; }
.honor_right{ position: absolute; right:10px; top: 120px;background: url(../images/honor_right.png) center top no-repeat; width: 28px; height: 28px; display: block; }
.about_pic{ text-align: center; padding:30px 0;  }

.deve{/* background: url(../images/aboutbj.jpg) center top no-repeat;  height: 595px; */}
.energy{ margin-top: -60px; }
.ene_div{  height: 237px; border-bottom:3px solid #00a0e9; border-radius: 5px; background: #fff;  }
.ene_inner{ background:  url(../images/enebj.png) center bottom no-repeat;padding-bottom: 38px;}

 .ene_word{ text-align: center; height:  }
.ene_inner{ margin-top: -60px; position: relative; z-index: 99999999; margin-bottom: 20px; }
.recom_ul li:hover .recom_img img { transition: all 1s ease 0s; transform: scale(1.2); } 
.ene_ul{ margin-bottom: 10px; }
.ene_ul li{ float:left; width: 25%; padding: 0 35px; box-sizing: border-box; position: relative; }
.ene_i{ font-size: 16px; color: #a0a0a1; display: block; height:20px; line-height: 20px; padding-top: 24px; text-align: right;  }
.ene_num{ display: block; font-size: 80px; color: #00a0e9; height: 60px; line-height: 60px; margin-bottom: 10px; }
.ene_form{ display: block; height:22px; line-height: 22px; overflow: hidden; color: #b0b0b0; font-family: 'Arial'; font-size: 16px;  }
.ene_come{ display: block; height:28px; line-height: 28px;  font-size: 18px; font-weight: bold; }
.exp_i{ position: absolute;background: url(../images/ene.jpg) center top no-repeat; width: 17px; height: 17px; top: 86px; left: 86px; }
.exp_i2{top: 86px; left: 132px;}
.exp_i3{top: 86px; left: 176px;}
.exp_i4{top: 86px; left: 246px;background: url(../images/ene1.jpg) center top no-repeat; }
.ene_word{ height:56px; line-height: 56px; text-align: center; display: none; color: #b0b0b0; font-size: 12px; overflow: hidden;  }
.linkul{ width:550px; height: 357px; overflow: hidden;  }
.linkul li{ width: 14.28%; float: left; height: 51px; overflow: hidden; }
.linkul li img{ width: auto; height: auto; max-width: 100%; transition: all 1s ease 0s; }
.linkul li:hover img{ transition: all 1s ease 0s; transform: scale(1.13); } 
.map_phone{ display: none; }
.map_pc{ position: relative; width:639px; height: 383px; overflow: hidden;  }
.map_pc img{ transition: all 1s ease 0s; }
/* .map_pc:hover img{ transition: all 1s ease 0s; transform: scale(1.03); } */
.map1{ position: absolute; top: 23px; right: 50px; }
.map2{ position: absolute; top: 283px; right: 279px; }
.map3{ position: absolute; top: 31px; left: 22px; }
.map4{ position: absolute; top: 126px; left: 73px; }
.map{opacity: 1; cursor: pointer; transition: all 0.5s ease 0s; }

.map1:hover img,.map2:hover img,.map3:hover img,.map4:hover img{ transition: all 1s ease 0s; transform: scale(1.05); }

input::-webkit-input-placeholder {
        color: #ccc;
      }
      input::-moz-input-placeholder {
        color: #ccc;
      }
      input::-ms-input-placeholder {
        color: #ccc;
      }


.paging_simple_numbers{ text-align: center; padding: 20px 0; }
.pagination li{ display: inline-block; margin: 0 5px; cursor: pointer; }
.pagination li a{ display: block; padding: 0 10px;  height: 30px; line-height: 30px; border: 1px solid #00a0e9; color: #00a0e9; font-size: 14px; }
.pagination li span{ display: block; padding: 0 10px; height: 30px; line-height: 30px; border: 1px solid #00a0e9; color: #00a0e9; font-size: 14px;}
.pagination li a.active,.pagination li a:hover,.pagination li span:hover{ background:#00a0e9; color: #fff; transition: all 0.5s ease 0s;  }

.puce_see{ display: block; font-size: 16px; font-weight: bold; float: right; padding: 30px 0; color: #00a0e9 }

table{width: 100%!important}


.recu_link{ }
.recu_link ul{ cursor:pointer; height:186px; line-height:186px; }
.pos_link dd li{width:100%;  color:#666666; font-weight:bold;height:186px; line-height:186px; position: relative; }
.link_rec em{ font-size:14px; color:#333; font-weight:600;}
.link_rec{ border: 2px solid #e6eff8; border-top: none; color:#0157a6;  display:none; font-size: 16px;padding: 20px 88px; }
.pos_link dd li img{ width: auto; height: auto; max-width: 100% }
.linkh3{ position: absolute;  font-weight: bold; color: #0057a6; left: 0; top: 0;height: 186px; line-height: 186px; overflow: hidden; font-size: 48px;}
.link_rec i{ display: block; line-height:28px;  }
.pos_link dd{ margin-bottom: 10px; }
.linktu{ padding:0 60px 0 90px;  }



.swiper-container {
      width: 100%;
      height: auto;
      margin-top: 30px;
    }
    .swiper-slide {
      
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

    .swiper-container{ width: 1336px!important; margin: 30px 0 0 -43px!important; box-sizing: border-box!important; }
.spe_ul li{ margin-right: 28px; }
.swiper-pagination{ display: none!important; }
.spe_ul{ width:auto; display: inline-block; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: 34px!important; }
.spe_div{ display: none; }
.swiper-button-next:after{    
    width: 40px!important;
    height: 68px!important;
    font-size: 0!important;
    background: url(../images/spe_right.png) center top no-repeat!important;}
.swiper-button-prev:after{width: 40px!important;
    height: 68px!important;
    font-size: 0!important;
    background: url(../images/spe_left.png) center top no-repeat!important;}
    .swiper-button-next, .swiper-button-prev{ width: 40px!important; }


    .case_inner{ margin:16px 0 0 -8px; overflow:hidden;}
.case_inner li{ height:210px; width:275px; overflow:hidden; margin:0 0 8px 8px; float:left;}
.case_inner a img{ height:210px; width:275px; overflow:hidden;}

.ting_h3{ color: #00b0f0; font-size: 26px; font-weight: bold; height: 44px; line-height: 44px; margin-bottom:30px;   }
.aircraft{ margin-bottom:30px;  }
.aircraft dt{ float: left; width: 563px; height: 280px; overflow: hidden; position: relative; }
.aircraft dt img{ width: 563px; height: 280px; overflow: hidden;}
.air_i{ position: absolute; right: 0; top: 0; width: 186px; height: 280px; }
.air_i img{width: 186px; height: 280px; overflow: hidden;}






.ting_h3{ color: #00b0f0; font-size: 26px; font-weight: bold; height: 44px; line-height: 44px; margin-bottom:30px;   }
.aircraft{ margin-bottom:30px;  }
.aircraft dt{ float: left; width: 563px; height: 280px; overflow: hidden; position: relative; }
.aircraft dt img{ width: 563px; height: 280px; overflow: hidden;}
.air_i{ position: absolute; right: 0; top: 0; width: 186px; height: 280px; }
.aircraft dt .air_i img{width: 186px; height: 280px; overflow: hidden;}
.aircraft dd{ float: right; width: 540px; }
.air_h3{ height: 50px; line-height: 50px; overflow: hidden;font-size: 18px; font-weight: bold; color: #021922; }
.air_div{  max-height:120px; line-height: 30px; font-size:16px; color: #9d9d9d;   overflow: hidden;}
.airi{ display: block;background: url(../images/ted2.png) left 3px no-repeat;padding-left: 30px;}
.airi:first-child{background: none;padding-left:0;}
.air_sub{ font-size: 16px; margin-top: 70px; border: 1px solid #24adec; transition: all 0.5s ease 0s;  border-radius: 5px; text-align: center; display: block; float: right; font-weight: bold; width: 250px; height: 38px; line-height: 38px; color: #fff; background: #24adec; }
.air_sub:hover{ background: none; color: #24adec; transition: all 0.5s ease 0s; }

.blem{ margin-bottom: 30px; }
.blem_dl{ float: left; width: 50%; }
.blem_dl dt{ height:40px; line-height: 40px; overflow: hidden;background: #0257a6;  }
.blem_i{ float: left; font-size: 16px; font-weight: bold; height: 40px; overflow: hidden; color: #fff; padding-left:10px;  }
.blem_zi{ float: right; height: 40px; font-size: 16px; font-weight: bold; font-style: italic; text-transform: uppercase; color: #7596c3; padding-right: 10px; }
.blem_tit{ display: block; line-height:28px; font-size: 16px; color: #7f7f7f;background: url(../images/ted2.png) left 3px no-repeat; padding-left: 30px;  }
.blem_dl dd{ padding-top: 10px; height: 224px; overflow: hidden; }
.blem_he dt { background: #24adec }
.blem_he dt .blem_zi{ color: #7fc8f2 }
.flawless{ margin-bottom: 30px; }

.less_i{ font-size: 18px; font-weight: bold; height:28px; margin-bottom: 42px; line-height: 28px; display: inline-block; border-bottom: 3px solid #666666; color: #24adec;  }

.less_ul{ margin: 0 0 0 -6px; }
.less_ul li{ float: left; margin: 0 0 10px 6px; border: 2px solid #0257a6; box-sizing: border-box; width:220px;  height: 222px; }
.less_pic{ display: block; height:158px; width: 216px; overflow: hidden;  }
.less_pic img{ height:158px; width: 216px; overflow: hidden;}
.less_h3{ background: #24adec; text-align: center; overflow: hidden; height:55px;  padding-top: 5px; color: #fff; font-size:14px;   }
.less_tit{ display: block; height: 24px; overflow: hidden; line-height: 24px; }
.tar_zi{ font-size: 16px; line-height: 30px; margin-bottom: 20px; color: #7f7f7f }
.less_tar{ margin-bottom: 4px; }

.tarleft{ width: 559px; height: 276px; overflow: hidden; position: relative; border: 2px solid #dcdcdc; float: left; }
.tar_scroll{ position: absolute; left: 0; top: 0;width: 559px; height: 276px; overflow: hidden; }
.tar_scroll li{ float: left;width: 559px; height: 276px; overflow: hidden; }
.tar_scroll li img{width: 559px; height: 276px; overflow: hidden; }
.tar_left{ display: block; position: absolute;background: url(../images/tar_left.png) left center no-repeat; width: 40px; height: 40px; bottom: 0; right: 40px;  }
.tar_right{ display: block; position: absolute;background: url(../images/tar_right.png) left center no-repeat; width: 40px; height: 40px; bottom: 0; right: 0px;  }

.tarright{ float: right; width: 530px; height: 278px; overflow: hidden; }
.index_topic{ width: 520px!important; height: 268px!important; overflow: hidden!important; margin: 0!important; padding: 10px!important; background: none!important; border: none!important; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background: #24adec!important }
.tar{ margin-bottom: 30px; }

.fun_tit{ background: #0257a6; height:50px; line-height: 50px; overflow: hidden; padding: 0 10px;  }
.fun_h3{ float: left; font-size: 24px; color: #fff;  }
.fun_h3 img{ margin-right: 12px; }
.fun_i{ float: right; display: block; }

.fun_inner{ background: #f2f2f2; padding: 10px; }
.tion_i{ height: 48px; line-height: 48px; overflow: hidden;background: url(../images/ted2.png) 10px center no-repeat; font-size: 16px; color: #7f7f7f; padding-left:40px; display: block;  }

.join_img{ width: 100%; text-align: center;  }
.join_img img{ width: auto; height: auto; max-width: 100% }