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:#333; 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:#333; 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;}
.box{ width: 1280px; margin: 0 auto; }

/* head */
.head{ position: relative; z-index: 999; }
.head_top{ background: #e9ebf4; height:48px; line-height: 38px; overflow: hidden;  }
.wel{ font-size: 12px; height: 48px; line-height: 38px; float: left; }
.log{ float: right; height: 48px; line-height: 48px; }
.log a{ padding: 0 10px;  display: block; float: left; transition: all 0.5s ease 0s; background: url(../images/headline.jpg) right center no-repeat;  }
.log a:nth-last-child(1){ padding-right: 0; background: none; }
.log a:hover{ color: #12558a; transition: all 0.5s ease 0s; }
.head_bottom{background: url(../images/headbj.png) center top no-repeat; height: 103px; margin-top: -10px;}
h1{ float: left; line-height:93px;  }
.nav_ul{ float: left; padding: 10px 0 0 118px;  }
.nav_ul li{ float: left; margin: 0 0 0 24px; }
.nav_ul li a{ display: block; position: relative; font-size: 18px; color: #fff;height: 93px; line-height: 93px; padding: 0 10px; }
.nav_ul li a:after{ content: ''; display: block; width: 0; height:0px; background: #ee66a2; position: absolute; left: 0; bottom: 18px; clear: both; transition: all 0.5s ease 0s;  }
.nav_ul li a:hover:after{ width: 100%; transition: all 0.5s ease 0s;height: 4px; }
.lan{ float: right; padding-top: 10px; }
.lan a{ display: block; height: 93px; line-height: 93px; padding: 0 6px; color: #fff; float: left;  }
.lan a img{ margin-right: 10px; }
.headbj{background: url(../images/headbj1.png) left top no-repeat;}


.headvideo{ float: right; height:  93px; line-height: 93px; margin-left: 20px; padding-top: 10px; font-size:14px; color: #fff; display: block; }
.headvideo:hover{ color: #ee66a2 }
.search{  position: relative; cursor: pointer;  float: right; width: 19px; height:93px; line-height: 93px; padding-top: 10px; margin-left: 15px;  }

#search-form {
  -moz-transition: max-height, 0.5s;
  -o-transition: max-height, 0.5s;
  -webkit-transition: max-height, 0.5s;
  transition: max-height, 0.5s;
  position: absolute;
  top:103px;
  right: -6px;
  width: 320px;
  max-height: 0;
  overflow: hidden;
  background-color: #e1e4e7;
  z-index: 999

}
.fixed #search-form { top:60px;  }
#search-form.open {
  max-height: 60px;
}
#search-form fieldset {
  position: relative;
 
  padding: 0;
  border: none;
}
#search-form input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 50px;
  
}
#search-form input[type="search"] {
  width: 100%;
  padding: 0 5px 0 22px;
  background: transparent;
  border: none; outline:none;
}
#search-form input[type="submit"] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60px;
  margin: 0;
  line-height: 50px;
  padding: 0;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  background: #12558a;
  border: none;
  cursor: pointer;outline:none;
}

@keyframes fadedown {
    from { transform: translateY(-100%); opacity: 0; }

    to { transform: translateY(0); opacity: 1; }
}
.sea_img{ width: 18px; height: 93px; }





/* foot */
.foot{ overflow: hidden; }
.foot_top{ background: #111a34; padding: 18px 0 40px 0;}
.foot_bottom{ height:62px; line-height: 62px; text-align: center; color: #fff; font-size: 14px; background: #0a101f;  }
.foot_bottom a{ color: #fff; margin-left: 6px; }
.foot_left{ float: left; width: 780px; }
.foot_nav{ float: left; width: 20%; }
.foot_tit{ height:63px; line-height: 63px; font-size: 16px; color: #fff; border-bottom: 1px solid #41485d; margin-bottom: 22px; position: relative; }
.foot_line{ position: absolute; left: 0; bottom: 0; width:14px; height: 1px; display: block; background: #fff;  }
.foot_nav a{ display: block; height:32px; line-height: 32px; font-size: 14px; overflow: hidden; color: #fff; }
.foot_right{ float: right; width: 456px;}
.foot_ul { border-bottom: 1px solid #373f55; padding-bottom: 12px; }
.foot_ul li{ height:30px; line-height: 30px; margin-top: 16px; font-size: 14px; color: #fff; overflow: hidden;  }
.foot_ul li img{ margin-right:14px; height: 28px; }
.foot_ul:nth-last-child(1){ border-bottom: none; } 

.a_banner{ margin-top:-10px;  }
.site{ background: #e9ebf4; height:50px; overflow: hidden; text-align: center;  }
.site_ul{ display: inline-block; }
.site_ul li{ margin: 0 16px; float: left; }
.site_ul li a{ display: block; height:50px; position: relative; transition: all 0.5s ease 0s;  line-height: 50px; font-size: 16px; width:120px; text-align: center;   }
.site_ul li a:hover,.site_ul li a.for{ color: #ee66a2; transition: all 0.5s ease 0s; }
.site_ul li a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height:4px; background: #ee66a2; clear: both; transition: all 0.5s ease 0s;  }
.site_ul li a:hover:after,.site_ul li a.for:after{ width: 100%; transition: all 0.5s ease 0s; }
.about{ padding: 60px 0 70px 0; }

.case_ul{ padding:90px 0 0 26px;  }
.case_ul li{ float: left; margin: 0 0 60px 64px; width: 516px; }
.case_img{ display: block; width:516px; height: 305px; overflow: hidden; }
.case_img img{ width:516px; height: 305px; overflow: hidden; transition: all 1s ease 0s; transform: scale(1.1); }
.case_div{ background: #f7f8fb; padding:24px 26px 26px; position: relative;  }
.case_div:after{content: ''; display: block; width: 0; height:174px; background: #ee66a2; position: absolute; left: 0; bottom: 0px; clear: both; transition: all 0.2s ease 0s; }
.case_inner{ overflow: hidden; position: relative; z-index: 9; height:40px; line-height: 40px; overflow: hidden; margin-bottom:6px;   }
.case_tit{ display: block; float: left; transition: all 0.5s ease 0s;width:340px; height: 40px; overflow: hidden; font-size:20px; font-weight: bold;   }
.case_time{ display: block; float: right;transition: all 0.5s ease 0s; width: 100px; height: 40px; background: url(../images/case1.png) left center no-repeat; font-size: 14px; color: #d5d6d8; text-indent:24px;  }
.case_words{ height:78px; position: relative;transition: all 0.5s ease 0s; z-index: 9; line-height:26px; overflow: hidden; font-size:16px; color: #666666;    }
.rel{ padding: 60px 0 14px 0; border-bottom: 1px solid #e4e4e4; height:  }
.rel_tit{ text-align: center; font-size: 30px; font-weight: bold; height:68px; line-height: 68px;  }
.rel_browse{ text-align: center; }
.rel_inner{ display: inline-block; }
.rel_left{ float: left; font-size: 14px; height:54px; line-height: 54px; color: #888888  }
.rel_center{ float: left; font-size: 14px; height:54px; margin:0 8px; line-height: 54px; color: #888888 }
.rel_right{ float: left; padding-top: 13px; box-sizing: border-box; }
.bdshare-button-style0-16{ display: inline-block!important; }
.case_ul li:hover .case_div:after{ width: 100%; transition: all 0.5s ease 0s; }
.case_ul li:hover .case_time{background: url(../images/case11.png) left center no-repeat;}
.case_ul li:hover .case_img img{ transform: scale(1); transition: all 1s ease 0s; }
.case_ul li:hover .case_tit,.case_ul li:hover .case_time,.case_ul li:hover .case_words{ color: #fff; transition: all 0.5s ease 0s; }
.casewords{ padding: 40px 20px 50px; }
.exp{ padding: 0 20px; }
.exp_h3{ font-size:24px; font-weight: bold; height:74px; margin-bottom: 25px; line-height: 74px; display: block; background: url(../images/case_info1.png) left bottom no-repeat;  }
.exp_ul{ margin:0 0 25px -20px;  }
.exp_ul li{ float: left; margin: 0 0 0 20px; width:292px;  }
.case_pic{ display: block; width: 290px; height:171px; overflow: hidden; border: 1px solid #e5e5e5;  }
.case_pic img{ width: 290px; height:171px; overflow: hidden;}
.casetitle{ display: block; height:60px;  transition: all 0.5s ease 0s;line-height: 60px; text-align: center; font-size:14px; overflow: hidden;   }
.return{ float: right; font-size: 14px; margin-bottom: 34px; width:112px; transition: all 0.5s ease 0s; display: block; height: 35px; line-height: 35px;  background: #edeff6 url(../images/return.png) 84px center no-repeat; border-radius:3px;  text-indent: 19px; color: #333;   }
.return:hover{background: #edeff6 url(../images/rutern.png) 84px center no-repeat;  color: #1e3cbb;transition: all 0.5s ease 0s;}
.piece{ padding:54px 0 20px 0; border-top: 1px solid #e4e4e4; }
.piece a{ display: block; height:36px;transition: all 0.5s ease 0s; line-height: 36px; font-size: 14px; overflow: hidden; color: #666666;  }
.piece a:hover{transition: all 0.5s ease 0s; color: #ee66a2;}
.rel_ul{ margin: 0 0 76px -20px; }
.rel_ul li{ margin: 0 0 0 20px; float: left; width: 288px;  overflow: hidden; border: 1px solid #e5e5e5; }
.proimg{ display: block; height: 124px;  overflow: hidden; width: 288px; }
.proimg img{height: 124px;  overflow: hidden; width: 288px;}
.protit{ display: block; text-align: center; height:40px; transition: all 0.5s ease  0s;  line-height: 40px; background: #dfe0e5;font-size: 14px; overflow: hidden; }
.exp_ul li:hover .casetitle{ color: #ee66a2; transition: all 0.5s ease 0s; }
.rel_ul li:hover .protit{ background: #ee66a2; color: #fff; transition: all 0.5s ease  0s; }
.pro_top{ padding: 77px 0; }
.series_h3{  float: left; font-size: 30px; font-weight: bold; height: 56px; line-height: 56px; padding:0 18px; border-bottom: 2px solid #ee66a2;  }
.pro{ padding: 0 20px; }
.series{ float: right; width:778px; margin-right: 20px;  }
.series_txt{ display: block; float: left; width:648px; font-size: 14px; color: #888888; height:52px; line-height: 52px; border: 1px solid #d2d2d2; padding:0 20px; box-sizing: border-box;    }
.series_sub{ float: left; display: block; height: 52px; line-height: 52px; text-align: center; width:126px; border: none; background: #ee66a2; color: #fff; cursor: pointer; font-size:18px;   }

.pro_ul{ margin: 0 0 0 -39px; padding-bottom: 40px; }
.pro_ul li{ float: left; margin: 0 0 42px 39px; width: 586px; overflow: hidden; border: 1px solid #e5e5e5 }
.pro_img{ display:block; overflow: hidden; width: 586px; height: 240px;  }
.pro_img img{overflow: hidden; width: 586px; height: 240px; }
.pro_tit{ display: block; height:46px; line-height: 46px; overflow: hidden;transition: all 0.5s ease 0s;  background: #dfe0e5; text-align: center; font-size: 18px; font-weight: bold; }
.pro_ul li:hover .pro_tit{ background: #12558a; color: #fff; transition: all 0.5s ease 0s; }
.proinfo_top{ padding:77px 0 34px 0;  }
.se{ background: #f5f6fa; padding:56px 73px; height:310px; overflow: hidden; margin-bottom: 24px;   }
.se_left{ width: 458px; float: left;height:310px; }
.se_tit{ font-size: 24px; font-weight: bold;  line-height: 30px; margin-bottom: 20px;  }
.se_ul li{ height: 34px; line-height: 34px; overflow: hidden; }
.se_name{ font-size: 16px; float: left; display: block; height: 34px; line-height: 34px; width: 173px; text-align: right; }
.se_inner{font-size: 16px; float: right; display: block; height: 34px; line-height: 34px; width: 220px;}
.se_right{ float: right; width:600px; height: 310px; line-height: 310px; overflow: hidden;   }
.plain{ float: left; width:138px; height: 43px; line-height: 43px; text-align: center; background: #dfe0e5; font-size:16px; overflow: hidden;   }
.plain_ul{ float: right; }
.plain_ul li{ float: left; width:112px; height: 36px; color: #d0c48f; background: #faf9f4; line-height: 36px; text-align: center; font-size: 16px; border-radius: 3px; font-weight: bold;}
.plain_ul li:nth-child(2){color: #66c5c7; background: #eff9f9; }
.plain_ul li:nth-child(3){color: #f7c627; background: #fef9e9; }
.plain_ul li:nth-child(4){color: #ee66a2; background: #fdf0f6; }
.plain_ul li:nth-child(5){color: #52a3f2; background: #edf6fe; }
.explain{ margin-bottom: 20px; }
.minute{ background: #f5f6fa; padding: 34px 20px; line-height: 24px; }
.pro_return{ margin: 36px 0 66px 0;background: #f5f6fa url(../images/return.png) 84px center no-repeat; color: #000000; }

.news{ padding:84px 20px 0;  }
.news_dl{ margin-bottom:32px;  }
.news_dl dt{ float: left; width:490px; height: 335px; overflow: hidden; }
.news_dl dt img{ width:490px; height: 335px; overflow: hidden;}
.news_dl dd{ float: left; width:750px; position: relative; background: #e9ebf4; box-sizing: border-box; height: 335px; overflow: hidden; padding: 0 50px; }
.news_tit{ font-size: 30px; transition: all 0.5s ease 0s; font-weight: bold; height: 94px; line-height: 94px; overflow: hidden; padding-top: 30px; display: block; }
.news_words{ height:90px; line-height: 30px; overflow: hidden; font-size:16px; color: #666666; margin-bottom: 30px;  }
.news_see{ display: block;transition: all 0.5s ease 0s; width:158px; line-height: 38px; height: 38px; background: #ee66a2; border: 1px solid #ee66a2; text-align: center; color:#fff; font-size: 14px  }
.year{ background: #f4f5fa url(../images/news1.png) left bottom no-repeat; width:93px; height: 93px; position: absolute; right: 0; bottom: 0;  }
.day_data{ display: block; font-size: 18px; color: #ef8ab6; height: 24px; line-height: 24px; text-align: center; }
.year_data{ display: block;  font-size: 24px; color: #ef8ab6; height: 30px; line-height: 30px; text-align: center; padding-top: 20px; }
.news_tit:hover{color: #ee66a2; transition: all 0.5s ease 0s;}
.jour_ul li{ margin-bottom:30px; height: 80px; background: #eeeeee url(../images/dian.png) 22px center no-repeat; padding: 0 50px; box-sizing: border-box; }
.jour_left{ display: block; float: left;transition: all 0.5s ease 0s; width: 75%; height: 80px; line-height: 80px; overflow: hidden; font-size:18px;  }
.jour_right{ display: block; float: right;transition: all 0.5s ease 0s; width: 20%; height: 80px; line-height: 80px; overflow: hidden;font-size:18px; text-align: right; }
.jour_ul li:hover .jour_left,.jour_ul li:hover .jour_right{color: #ee66a2; transition: all 0.5s ease 0s;}

.news{ padding-bottom: 60px; }
.news_info{ padding-bottom: 50px; }
.news_see:hover{ background: none; color: #ee66a2; transition: all 0.5s ease 0s; }
.contact{ padding:86px 20px;  }
.cont_dl{ background: #f9faff; box-shadow: 0 0 10px #f0f0f0; margin-bottom: 60px; border: 1px solid #fff; }
.cont_dl dd{ float: right; width:751px; height: 390px; overflow: hidden;  }
.cont_dl dd img{width:751px; height: 390px; overflow: hidden; }
.cont_dl dt{ float: left; width:456px; padding: 0 70px; box-sizing: border-box;  }
.cont_area{ display: block; font-size: 24px; padding-top: 68px; font-weight: bold; height:60px; line-height: 60px; overflow: hidden;  }
.cont_area img,.cont_i img{ margin-right:16px;  }
.cont_i{ display: block; height:45px; line-height: 45px; overflow: hidden; font-size: 16px; color: #666666  }
.work{ margin-left: -56px; }
.work_div{ float: left; margin:0 0 0 56px; width: 575px; box-shadow: 0 0 10px #f0f0f0; }
.work_inner{ padding:0 70px 30px; box-sizing: border-box;  } 
.work_tit{ height:46px; line-height: 46px; overflow: hidden; padding-top: 24px; display: block; overflow: hidden; font-size:18px; font-weight: bold;   }
.work_tit img{ margin-right:12px;  }
.work_i{ display: block; font-size:14px; overflow: hidden; height:32px; line-height: 32px; color: #666666   }
.work_img{ width:575px; height: 149px; overflow: hidden; display: block;  }
.work_img img{ width:575px; height: 149px; overflow: hidden; }

.service{padding:86px 0 60px 0; }
.ser_left{ float: left; width:201px; border: 1px solid #dcdcdc; border-bottom:none;  }
.ser_left a{ display: block; height:51px; transition: all 0.5s ease 0s; line-height: 51px; text-decoration: none; border-bottom: 1px solid #e5e5e5; overflow: hidden; text-indent: 53px; font-size: 16px; }
/* .ser_left li:nth-last-child(1) a{ border: none; } */
.ser_left a:hover,.ser_left a.menu_one{ background: #ee66a2; transition: all 0.5s ease 0s; color:#fff; }
.ser_left li .ser_drop a{ height: 38px; line-height: 38px; background: #f8f8f8; border-bottom: none; font-size: 16px; font-weight: bold; text-indent: 53px; border-radius: 0 38px 38px 0; margin:6px 0; }
.ser_left li .ser_drop a:hover,.ser_left li .ser_drop a.on{ background: #ee66a2; color: #fff; }
.ser_left li .ser_drop .level a{ text-indent: 53px; background: none; height: 26px; font-weight: inherit; line-height: 26px; display: block; font-size:14px; color: #666666  }
.ser_left li .ser_drop .level a:hover,.ser_left li .ser_drop .level a.up{ background: none; color: #ee66a2; font-weight: bold; }
.ser_right{ float: right; width: 1014px; }
.describe{ margin-bottom:52px; padding: 0 0 60px 65px; box-shadow: 0 0 10px #f0f0f0;  }
.des_h3{ font-size: 30px; font-weight: bold; height:78px; line-height: 78px; overflow: hidden; display: block;  padding-top: 30px; }
.des_ul { margin-bottom: 28px; }
.des_ul li{ height: 34px; overflow: hidden; line-height: 34px;  }
.des_name{ display: block; width: 50%; float: left; height: 34px; line-height: 34px; overflow: hidden; font-size: 16px; padding-right: 5px; box-sizing: border-box; }
.des_min{ display: block; float: left; width: 50%; height: 34px; line-height: 34px; overflow: hidden; font-size: 16px; }
.immediately{ display: block; float: left; width:138px; height: 43px; line-height: 43px; background: #141414; text-align: center; color: #fff; font-size: 16px;  }
.batch{ display: block; float: left; width:158px; height: 43px; margin: 0 24px; line-height: 43px; background: #ee66a2 url(../images/ser.png) 23px center no-repeat; font-size: 16px; color: #fff; text-indent: 55px;  }
.des_see{ display: block; float: left;transition: all 0.5s ease 0s; font-size: 16px; height: 43px; line-height: 43px; color: #141414; }
.des_see:hover{ color: #ee66a2; transition: all 0.5s ease 0s; }
.immediately:hover,.batch:hover{ color: #fff; }
.des_right{ float: right; width: 465px;margin-left: 50px; height: 384px; line-height: 384px;}
.des_left{ float: left;width: 430px;} 
.crux{ text-align: center; height: 30px; line-height: 30px; padding: 70px 0 16px 0;}
.crux_tit{ display: inline-block; font-size: 12px; color: #666666; }
.crux_a{display: inline-block; font-size: 12px; color: #666666; margin: 0 12px; }
.look{ width:776px; margin: 0 auto 80px; height: 55px; overflow: hidden;background: #e9ebf4;  border-radius: 3px; }
.look_txt{ float: left;height: 55px; text-indent: 55px; background: #e9ebf4; width:590px; color: #888888; font-size: 14px; border: none;  }
.look_sub{ float: right; width:161px; background: #3286ab url(../images/sersou.jpg) left center no-repeat; border: none; height: 55px; line-height: 55px; text-indent: 40px; font-size: 18px; color: #fff; border-radius: 0 3px 3px 0; }
.look_dl{ box-shadow: 0 0 10px #f0f0f0; margin-bottom: 34px; padding: 0 60px;}
.look_dl dt{ float: left; height:154px; line-height: 154px; overflow: hidden; width: 300px; margin-right: 56px;  }
.look_tit{ display: block; float: left;transition: all 0.5s ease 0s;  font-size: 24px; font-weight: bold; height: 154px; line-height: 154px; overflow: hidden; width:580px;  }
.look_see{ display: block; height: 154px; transition: all 0.5s ease 0s; line-height: 154px; overflow: hidden; float: left; margin-left: 30px; font-size: 14px; color: #141414 }
.look_dl:hover .look_see,.look_dl:hover .look_tit{ color: #ee66a2; transition: all 0.5s ease 0s; }
.look_inner{ padding-bottom: 50px; }
.look_dl dt img{height: 154px; width: 300px; overflow: hidden;}

.flexslider {position: relative;width: 100%;height:auto;  text-align: center; clear: both;}
.slides li .banner_img{ width: 100%; height: auto;  }
.slides li { position:relative; width:100%; height:auto; float: left; margin-top: -10px;}
.slides {width:100%; height:auto;}
.flex-control-nav { position: absolute; z-index: 99; left: 0; bottom: 30px; width: 100%; text-align:center;}
 .flex-direction-nav{ display: none; }
/* .flex-prev{ position: absolute; left: 270px; top: 50%; display: block; font-size: 0; background: url(../images/banner_left.png) center center no-repeat; width: 33px; height: 64px; margin-top: -32px; z-index: 99; }
.flex-next{ position: absolute; right: 270px; top: 50%; display: block; font-size: 0; background: url(../images/banner_right.png) center center no-repeat; width: 33px; height: 64px; margin-top: -32px; z-index: 99; }
 */
.flex-control-nav li{ display: inline-block; margin: 0 5px; }
.flex-control-nav li a{background:url(../images/tab.png) left center no-repeat; display: block; transition: all 0.5s ease 0s; font-size: 0; border-radius: 10px; width: 10px; height: 10px;}
.flex-control-nav li a.flex-active{background:#fff; width: 20px; transition: all 0.5s ease 0s;}

.us{background:url(../images/tab.png) 56px center no-repeat; padding: 93px 0; }
.us_left{ float: left; width: 642px; height: 569px; overflow: hidden; }
.us_left img{ width: 642px; height: 569px; overflow: hidden;}
.us_right{ width: 612px; float: right; }
.us_tit{ font-size: 32px; font-weight: bold; margin-bottom: 14px; padding-top: 12px; height:66px; line-height: 66px; overflow: hidden;  }
.us_tit img{ margin-right:26px;  }
.us_words{ font-size: 16px; height:90px; line-height: 30px; overflow: hidden; color: #666666; margin-bottom: 16px; }
.us_ul{ height: 74px; overflow: hidden; padding-bottom: 39px; border-bottom: 1px solid #cfcfcf; margin-bottom: 35px; }
.us_ul li{ float: left; width: 50%; padding-right: 10px; box-sizing: border-box; }
.us_ul li a{ height: 37px; transition: all 0.5s ease 0s; overflow: hidden;background:url(../images/us3.png) left center no-repeat; text-indent: 24px; display: block; width: 100%; line-height: 37px; font-size: 14px; color: #333333}
.us_ul li a:hover{color: #ee66a2; transition: all 0.5s ease 0s;background:url(../images/us33.png) left center no-repeat; }
.core{ padding:0 16px; margin-bottom: 58px;  }
.core dd{ font-size: 16px; height:84px; line-height: 28px; overflow: hidden; color: #666; width: 465px;  }
.core dt{ float: left; width:94px; margin-right:14px; border-left: 4px solid #cfcfcf;    }
.core_i{ font-size: 24px; font-weight: bold; height:42px; line-height: 42px; text-align: center;  display: block; }
.core_see{ font-size: 14px;  width:166px;transition: all 0.5s ease 0s; height: 40px; line-height: 40px; border: 1px solid #111a34; background: #111a34; display: block; text-align: center; color: #fff;  }
.core_see:hover{ color: #111a34; background: none; transition: all 0.5s ease 0s; }
.scheme{background:url(../images/indexbj1.jpg) center top no-repeat; height: 766px; padding-top: 44px;}
.scheme_h3{ font-size: 36px; height:82px; margin-left: 40px; margin-bottom: 48px;  line-height: 82px; color: #fff; font-weight: bold; width: 230px; border-bottom: 1px solid #fff }
.scheme_ul{ margin: 0 0 0 -50px; padding: 0 40px; }
.scheme_ul li{ float: left; position: relative; transition: all 0.5s ease 0s; width:360px; height: 240px; overflow: hidden; background: #ffffff; margin: 0 0 28px 50px;  padding: 0 36px; box-sizing: border-box; }
.scheme_ul li a{ display: block; position: relative; z-index: 9999 }
.scheme_inner{ height: 72px; line-height: 24px; font-size: 14px; color: #666666; overflow: hidden; }
.scheme_dl{ height: 58px; overflow: hidden; margin: 26px 0 16px 0; }
.scheme_dl dt{ float: left;transition: all 0.5s ease 0s; height: 58px; line-height: 58px; overflow: hidden; margin-right: 16px; }
.scheme_dl dd{ float: left; color:#ee66a2;height:54px; line-height: 54px; border-bottom: 1px solid #ee66a2; width: 160px; font-weight: bold; font-size: 24px; }
.scheme_see{display: block; height:48px; line-height: 48px; font-size: 14px; color: #ee66a2 }
.scheme_ul li:nth-child(2) .scheme_see{ color: #52a3f2 }
.scheme_ul li:nth-child(2) .scheme_dl dd{ color: #52a3f2; border-bottom: 1px solid #52a3f2 }
.scheme_ul li:nth-child(3) .scheme_see{ color: #ab5fc4 }
.scheme_ul li:nth-child(3) .scheme_dl dd{ color: #ab5fc4; border-bottom: 1px solid #ab5fc4 }
.scheme_ul li:nth-child(4) .scheme_see{ color: #66c5c7 }
.scheme_ul li:nth-child(4) .scheme_dl dd{ color: #66c5c7; border-bottom: 1px solid #66c5c7 }
.scheme_ul li:nth-child(5) .scheme_see{ color: #f7c627 }
.scheme_ul li:nth-child(5) .scheme_dl dd{ color: #f7c627; border-bottom: 1px solid #f7c627 }
.scheme_ul li:nth-child(6) .scheme_see{ color: #d0c48f }
.scheme_ul li:nth-child(6) .scheme_dl dd{ color: #d0c48f; border-bottom: 1px solid #d0c48f }
/* .scheme_ul li:hover{ transition: all 0.5s ease 0s; transform: translateY(-5px); }
 */.scheme_ul li:hover .scheme_dl dt{ margin:0 26px 0 0px;transition: all 0.5s ease 0s; }



.inner_xian {
  position:absolute;
  width:100%;
  height:100%;
  left:50%;
  top:50%;
  transform: translate(-50%,-50%);
}
.inner_xian span {
  position: absolute;
  background: #ee66a2;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.scheme_ul li:nth-child(2) .inner_xian span { background: #52a3f2;}
.scheme_ul li:nth-child(3) .inner_xian span { background: #ab5fc4;}
.scheme_ul li:nth-child(4) .inner_xian span { background: #66c5c7;}
.scheme_ul li:nth-child(5) .inner_xian span { background: #f7c627;}
.scheme_ul li:nth-child(6) .inner_xian span { background: #d0c48f;}


.inner_xian .span_1 {
  left: 0px;
  top: 0px;
  width: 0%;
  height: 2px
}
.inner_xian .span_2 {
  right: 0px;
  top: 0px;
  width: 2px;
  height: 0%
}
.inner_xian .span_3 {
  right: 0px;
  bottom: 0px;
  width: 0%;
  height: 2px
}
.inner_xian .span_4 {
  left: 0px;
  bottom: 0px;
  width: 2px;
  height: 0%
}
.scheme_ul li:hover .span_1,
.scheme_ul li:hover .span_3 {
  width: 100%
}
.scheme_ul li:hover .span_2,
.scheme_ul li:hover .span_4 {
  height: 100%
}















.link .scheme_h3{ color: #333333; border-bottom: 1px solid #babdc4 }

.link_div{ position: relative; height:412px; margin-bottom: 82px;  }
.link_scroll{ width: 1200px; left: 50%; margin-left: -600px; overflow: hidden; height: 412px; position: absolute; top: 0; }
.link_scroll ul{ width: 10000px; }
.link_scroll ul li{ float: left; width:230px; margin-right: 10px;  }
.link_scroll li a{ display: block; width: 228px; height: 86px; overflow: hidden; border: 1px solid #eeeeee; margin-bottom: 20px;}
.link_scroll li img{width: 228px; height: 86px; overflow: hidden;
    transition: all 1s ease 0s; }
.link_scroll a:hover img{ transform: scale(1.1); transition: all 1s ease 0s}


.sign{background: url(../images/signbj.jpg) center top no-repeat; margin-top: -10px;  background-size: cover; padding-bottom: 95px; position: relative;}
.sign .foot_add{ position: absolute; left: 50%; margin-left: -600px; bottom: 10px; border: none; }
.sign_inner{ width:970px; height:471px; margin: 0 auto; padding: 100px 0 0 0;  }
.sign_dl { border-radius: 5px;background: #fff; padding: 12px 0; }
.sign_dl dt{ float: left; width: 480px; margin-right: 60px;  padding-left:24px; box-sizing: border-box;  }
.sign_dl dt img{ width: 452px; height: 453px; overflow: hidden; }
.sign_dl dd{ float: left; width: 360px;  padding: 0 0px 0 0px; box-sizing: border-box; }
.sign_hy{ font-size:20px; font-weight: bold; display: block; float: left; }
.sign_top{ padding: 54px 0 18px 0; height: 40px; line-height: 40px; overflow: hidden; }
.sign_zh{ float: right; font-size: 14px; color: #898888; }
.sign_zh a{ color: #ee66a2 }
.sign_txt{ border: 1px solid #dcdcdc; border-radius:46px; height: 46px; line-height: 46px; width: 356px; background: #f5f5f5; padding: 0 28px; margin-bottom: 13px; box-sizing: border-box; font-size: 14px; color: #b5b5b5;  }
.code_txt{ width:196px; float: left;  }
.yz{ float: left; margin-left:16px; height: 48px; line-height: 48px;  }
.read{ margin-bottom:18px; height: 56px; line-height: 56px;  }
.read_check{ float: left; margin:20px 10px 0 0;  }
.read_zi{ float: left; height: 56px; overflow: hidden; font-size:14px; color: #666666;  }
.read_zi a{ color: #ee66a2 }
.sign_sub {
    display: block;
    color: #fff;
    background:#ee66a2;
    width: 358px;
    height: 48px;
    line-height: 48px;
    border: none;
    text-align: center;
    font-size: 16px;
    border-radius: 48px;
}

.policy_inner{  padding-top: 50px; }
.policy{ padding: 20px;background: #fff; border-radius: 5px;}


.forgetbox{ padding: 50px 0; }
.forget{ padding:86px 0 90px 400px; background: #fff; border-radius: 5px;  }
.for_tit{ font-size: 16px; font-weight: bold; color: #000000; display: block; height:36px; line-height: 36px; margin-bottom: 24px;  }
.for_div{ margin-bottom:16px;  }
.form_left{ float: left; height:48px; line-height: 48px; display: block;  overflow: hidden; margin-right: 20px; font-size: 14px; width: 92px; text-align: right;  }
.form_txt{ float: left; background: #f5f5f5; border: 1px solid #dcdcdc;height: 46px; line-height: 46px; border-radius: 46px; overflow: hidden; width:356px; padding: 0 36px; box-sizing: border-box; font-size: 14px;  }
.form_code{ width:236px;  }
.form_yz{ display: block; float: left; color: #fff; font-size: 14px; width:110px; margin: 7px 0 0 12px; height: 32px; line-height: 32px; background: #ee66a2; text-align: center; border-radius: 5px;  }
.sub_form{  display: block;margin:30px 0 0 113px;
    color: #fff;
    background:#ee66a2;
    width: 358px;
    height: 48px;
    line-height: 48px;
    border: none;
    text-align: center;
    font-size: 16px;
    border-radius: 48px;}

.reg_he{ float: left;  overflow: hidden; width:470px; margin-bottom: 14px; }
.reg_tit{ display: block; height: 48px; margin-right: 12px; line-height: 48px; font-size:14px; width:102px; text-align: right; float: left;   }
.reg_xing{ color: #d20000; margin-right: 6px; }
.reg_txt{ background: #f5f5f5; float: left; height: 46px; line-height: 46px; width: 356px; box-sizing: border-box; border-radius: 46px; border: 1px solid #dcdcdc; padding: 0 26px; color: #cccccc; font-size: 14px; }
.reg_gen{ float: left; height: 48px; line-height: 45px; }
.reg_radio{ margin:0 12px 0 40px;  }
.reg_inner{ width: 1082px;  height: 647px; }
.reg_inner .sign_dl dt{ line-height: 647px; }
.reg_inner .sign_dl dd{ width: 486px;}
.reg_inner .read{ margin-left: 120px; }
.reg_inner  .sign_sub{ margin-left: 120px; }
.reg_inner .sign_top{padding: 54px 20px 18px 114px;}

.shopp{ padding:92px 20px 60px;  }
.shopp_ul{ background: #12558a; height: 56px; line-height: 56px; width: 100%; margin-bottom: 30px; }
.shopp_ul li:nth-child(1){ width: 10%; float: left; }
.shopp_ul li{ width:18%; text-align: center; float: left; font-size: 16px; font-weight: bold; color: #fff; }
.shopp_check{ margin-right:6px;  }
.parts_ul li{ margin-bottom:26px; box-shadow: 0 0 10px #f0f0f0; height: 112px; line-height: 112px; overflow: hidden;  }
.parts_ul li .part:nth-child(1){ width: 10%; float: left; }
.parts_ul li  .part{ width:18%; text-align: center; float: left;  }
.part_se{ font-size: 24px; font-weight: bold; height: 112px; line-height: 112px; overflow: hidden; display: block; }
.part_img{ display: block; height: 112px; line-height: 112px; text-align: center; }
.part_img img{ width: auto; height:auto; max-width: 100% }
.part_time,.part_shan{ display: block;height: 112px; line-height: 112px; text-align: center; font-size: 14px; }
.part_inner{ height: 112px; line-height: 112px; }
.part_add{ width: 22px; height: 22px; text-align: center; line-height: 22px; display: inline-block; border: 1px solid #eee; }
.part_reduce{ width: 22px; height: 22px; text-align: center; line-height: 22px; display: inline-block; border: 1px solid #eee; }
.part_txt{ display: inline-block; border: 1px solid #eee; width: 56px; height: 23px; margin: 0 5px; line-height: 23px; text-align: center; overflow: hidden; padding: 0 5px; box-sizing: border-box;  }
.order_ul li{ width: 20%; }
.order_ul li:nth-child(1){ width: 20%; }
.orderdiv li .part{width: 20%;}
.orderdiv li .part:nth-child(1){ width: 20%; }

.honor_ul{ text-align: center; padding:80px 0;  }
.honor_ul li{ display: inline-block; margin: 0 16px; }
.honor_ul li a{ display: block; width:132px; height: 42px; line-height: 42px; transition: all 0.5s ease 0s;  text-align: center; font-size: 16px; border-radius: 5px; background: #dfe0e5;  }
.honor_ul li a.for,.honor_ul li a:hover{ background: #ee66a2; color: #fff; transition: all 0.5s ease 0s; }


@charset "utf-8";
/* CSS Document */

#certify {
	position: relative;
	width: 1280px;
	margin: 0 auto
}

#certify .swiper-container {
	padding-bottom: 60px;
}

#certify  .swiper-slide {
	width:400px;
	height: 405px;
	text-align: center;
  
	
}
#certify  .swiper-slide img{opacity: .2!important;
   background: #000!important}
#certify   .swiper-slide-active img{ opacity: 1!important; }

#certify  .swiper-slide p {
	line-height: 98px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 1.1em;
	margin: 0;

}

#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
	display: none;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

#certify .swiper-button-prev,
#certify .swiper-button-next{background: url(../images/btn.png) no-repeat;}



#certify .swiper-button-prev {
	top: 50%;
	margin-top: -24px;
	width: 48px;
	height: 48px;
	background-position:  0 0;
	transition: all 0.5s ease 0s;
}


#certify .swiper-button-next {
	top: 50%;
	margin-top: -24px;
	width: 48px;
	height: 48px;
	background-position: -49px  0;
	transition: all 0.5s ease 0s;
}
#certify .swiper-button-prev:hover{ transition: all 0.5s ease 0s;background-position: 0px -48px; }
#certify .swiper-button-next:hover{ transition: all 0.5s ease 0s;background-position: -49px -48px; }

.swi{ font-size: 16px; font-weight: bold; height:50px; line-height: 50px; text-align: center;  }
.honor{ margin-bottom: 60px; }

.course{ height:77px; position: relative; padding: 84px 0 34px 0; }
.course_cn{ position: absolute; left: 0; top: 84px; font-size: 30px; font-weight: bold; color: #006ab8 }
.course_en{ display: block; font-size:48px; color: #edeff6;font-weight: bold;  text-transform: uppercase; height: 77px; line-height: 77px;  }
.deve_time{background: url(../images/deve1.png) center top no-repeat; display: block; width: 101px; height: 51px; text-align: center; margin-bottom: 32px; font-size: 18px; font-weight: bold; line-height: 51px; color: #fff; }
.cou{ background: #eef0f6; padding:20px; border-radius: 5px; position: relative; width: 300px; box-sizing: border-box;  }
.cou_img{ width: 262px; height: 175px; overflow: hidden; display: block; margin-bottom: 14px; position: relative; z-index: 99; }
.cou_inner{position: relative; z-index: 99;}
.cou_img img{ width: 262px; height: 175px; overflow: hidden;  }
.cou_i{ font-size: 14px; display: block;  transition: all 0.5s ease 0s; line-height:26px; padding-left: 12px; margin-bottom: 10px;background: url(../images/dian_deve.png) left 10px no-repeat;  }
.deve_inner{ position: relative; background-size: contain; height: 875px;background: url(../images/devebj.jpg) center top no-repeat; padding-top: 181px; }
.deve_scroll{ width: 1280px; overflow: hidden; position: absolute; left: 0; top: 181px; }
.deve_scroll ul{ width: 10000px; }
.deve_scroll li{ width:300px; margin-right:26px; float: left;  } 
.deve_scroll li:nth-child(even) .deve_time{background: url(../images/deve2.png) center top no-repeat;}
.deve_left{background: url(../images/deve_left.png) center top no-repeat; width: 40px; height: 40px; position: absolute; left: -60px; top:158px;display: block;  }
.deve_right{background: url(../images/deve_right.png) center top no-repeat; width: 40px; height: 40px; position: absolute; right: -60px; top: 158px; display: block;  }
.deve_scroll li:nth-child(even) .cou:after{ background: #0e6eb8; position: absolute; left: 0; top: 0;  content: ''; clear: both; height: 0; width: 0; transition: all 0.5s ease 0s; }
.deve_scroll li:hover:nth-child(even) .cou:after{ width: 100%; height: 100%; transition: all 0.5s ease 0s; }
.deve_scroll li:nth-child(odd) .cou:after{background: #29a7e1; position: absolute; left: 0; top: 0; content: ''; clear: both; height: 0; width: 0; transition: all 0.5s ease 0s;}
.deve_scroll li:hover:nth-child(odd) .cou:after{ width: 100%; height: 100%; transition: all 0.5s ease 0s; }
.deve_scroll li:hover .cou_i{ color: #fff; transition: all 0.5s ease 0s;background: url(../images/dian_deve1.png) left 10px no-repeat;  }
.order_sub{ font-size: 24px; margin-bottom: 40px;transition: all 0.5s ease 0s; font-weight: bold; color: #fff; width:228px; height: 50px; display: block; float: right; line-height: 50px; text-align: center; border: 1px solid #ee66a2; background: #ee66a2;  }
.order_sub:hover{ transition: all 0.5s ease 0s; color: #ee66a2; background: none; }

.mem_inner{ float: left; height:48px; line-height: 48px; }
.mem_inner img{ margin:-3px 10px 0 0;  }
.mem_car{ width: 18px; height: 48px; margin-left: 12px; float: left; background: url(../images/head5.png) center center no-repeat; position: relative;}
.mem_i{ color: #fff; font-size: 12px; position: absolute; display: block; top: 5px; right: -10px; background: #df0000; width: 10px; height: 10px; line-height: 10px; text-align: center; border-radius: 10px; }
.member{ float: right; display: none; }

.evant{ height: 166px; position: relative; }
.evant_scroll{ height: 166px; position: absolute; left: 0; top: 0; overflow: hidden; width: 1280px; }
.rel_ul{ width: 10000px; }
.ser_drop{ display: none; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px;}
.ser_drop.show{display: block;}

.serball{ background: url(../images/bj.png) center center repeat; display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; }
.refer{  position: fixed; left:50%; top: 50%; width: 560px; padding: 0 20px; display: none; box-sizing: border-box; height: 560px; margin:-280px 0 0 -280px; background: #fff; border-radius: 5px; z-index: 9999;   }
.refer_h3{ font-size: 28px; font-weight: bold; margin-bottom: 30px; text-align: center; height:80px; line-height: 80px;  border-bottom: 1px solid #f0f0f0  }
.refer .sign_sub{ margin-left: 120px; }
.refer_close{ position: absolute; right: -36px; top: -24px; width: 34px; height: 34px; background: url(../images/close.png) center center no-repeat;}
.reg_area{background: #f5f5f5;
    float: left;
    height: 160px;
    line-height: 24px;
    width: 356px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #dcdcdc;
    padding: 0 26px;
    color: #cccccc;
    font-size: 14px;}

.level{ display: none; padding-bottom: 10px; }

table,tr,td{ border: 1px solid #000 }
.se_right img{ width: auto; height: auto; max-width: 100% }

.invest_div{ padding-bottom: 1rem; }