/*
* MIT Licensed
* By aiko wang
*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button, textarea, p, blockquote, th, td
{
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

caption, th {
  text-align: left;
}

body {
  letter-spacing: 1px;
  color: #333;
  background: #F6F7F7;
  font-family: sans-serif;
  background-color: #fff;
}

em, i {
  font-style: normal;
}

button, input, select, textarea {

}

a, input {
  text-decoration: none;
  outline: none;
  color: #666;
}

/*a{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}*/
a:hover {
  color: #666;
  text-decoration: none;
}

a:visited, a:link {

}

img {
  border: 0 none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.clear:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
  height: 0;
}

.clear {
  zoom: 1;
}

.Helvetica { /**/

}

.clearboth {
  clear: both;
}

input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner, input[type="file"]>input[type="button"]::-moz-focus-inner
{
  border: none;
  padding: 0;
}

html {
  height: 100%;
}

body {

  height: 100%;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  border: 1px solid #CCC !important;
}

input {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@font-face {
  font-family: iconfont;
  src: url(../../iconfont/iconfont.eot?v=1.0.0);
  src: url(../../iconfont/iconfont.eot?#iefix&v=1.0.0) format('embedded-opentype'), url(../../iconfont/iconfont.woff?v=1.0.0) format('woff'), url(../../iconfont/iconfont.ttf?v=1.0.0) format('truetype'), url(../../iconfont/iconfont.svg?v=1.0.0#iconfont) format('svg')
}

.iconfont {
  font-family: iconfont !important;
  font-size: 14px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: .2px;
  -moz-osx-font-smoothing: grayscale
}

/*.icon-search:before {*/
/*  content: "\e600"*/
/*}*/

/*.icon-list:before {*/
/*  content: "\e601"*/
/*}*/

/*.icon-phone:before {*/
/*  content: "\e602"*/
/*}*/

/*.icon-arrow:before {*/
/*  content: "\e603"*/
/*}*/

/*.icon-local:before {*/
/*  content: "\e604"*/
/*}*/

/*.icon-book:before {*/
/*  content: "\e605"*/
/*}*/

/*.icon-download:before {*/
/*  content: "\e606"*/
/*}*/

/*.icon-news:before {*/
/*  content: "\e607"*/
/*}*/

.icon-good:before {
  content: "\e608"
}

.icon-nogood:before {
  content: "\e609"
}

.icon-close:before {
  content: "\e60a"
}

.icon-up:before {
  content: "\e60b"
}

.icon-check:before {
  content: "\e60c"
}

.icon-checkempty:before {
  content: "\e60d"
}

.icon-ok:before {
  content: "\e60e"
}

.icon-more:before {
  content: "\e60f"
}

.icon-down:before {
  content: "\e610"
}

.icon-card:before {
  content: "\e611"
}

.icon-time:before {
  content: "\e612"
}

.icon-star:before {
  content: "\e613"
}

.icon-right:before {
  content: "\e614"
}


.header-wrap{
  height: 70px;
  width: 100%;
}
.header-wrap .header-box{}
.header-wrap .header-box{
  max-width: 1280px;
  min-width: 980px;
  margin: 0 auto;
  height: 70px;
  overflow: hidden;
  position: relative;
}
.header-wrap .header-box .logo {
  display: block;
  float: left;
  margin: 15px;
}
.header-wrap .header-box .top-nav{
  float: left;
  margin: 15px;
  height: 35px;
  line-height: 35px;
  right: 0;
}
.header-wrap .header-box .top-nav a{
  display: inline-block;
  color: #333;
  margin: 0 54px;
  font-size: 18px;
}
.header-wrap .header-box .for-EN a{
  display: inline-block;
  color: #333;
  margin: 0 14px;
  font-size: 18px;
}
.header-wrap .header-box .top-nav .active{
  color: #004893;
}
.header-wrap .header-box .top-nav a:hover{
  color: #004893;
}


.index-header-wrap{
  height: 70px;
  width: 100%;
  position: fixed;
  z-index: 9999;
  top: 0;
}
.index-header-wrap .header-box{}
.index-header-wrap .header-box{
  max-width: 1280px;
  min-width: 980px;
  margin: 0 auto;
  height: 70px;
  overflow: hidden;
  position: relative;
}
.index-header-wrap .header-box .logo{
  display: block;
  float: left;
  margin: 15px;
}
.index-header-wrap .header-box .logo span{

  font-size: 14px;

  color: #fff;

  padding-left: 40px;

  display: inline-block;

  vertical-align: 3px;
}
.index-header-wrap .header-box .top-nav{
  float: right;
  margin: 15px;
  height: 35px;
  line-height: 35px;
  position: absolute;
  right: 0;
}
.index-header-wrap .header-box .top-nav a{
  display: inline-block;
  color: #fff;
  margin: 0  7px;
  font-size: 16px;
}
.index-header-wrap .header-box .top-nav .active{
  color: #004893;
}
.index-header-wrap .header-box .top-nav a:hover{
  color: #ddd;
}
.index-slider-wrap{background: url(../images/index_slider_banner.jpg) no-repeat center center;height: 710px;width: 100%;}
.index-slider-box{background: url(../images/index_slider_banner.jpg) no-repeat center center;height: 710px;width: 980px;margin: 0 auto;}


.page-banner-wrap{
  width: 100%;
  height: 255px;
  background: url(../images/pagebanner.jpg) no-repeat center center;
}
.page-banner-wrap .page-banner-box{
  width: 980px;
  height: 255px;
  background: url(../images/pagebanner.jpg) no-repeat center center;
  margin: 0 auto;
}

/*why nanhua*/
.content-wrap{
  width: 100%;
  margin: 30px 0 0;
}
.content-wrap .content-box{
  width: 1280px;
  margin: 0 auto;
  margin-bottom: 100px;
  min-height: 200px;
  margin-top: 70px;
}
.content-wrap .content-box .content-auto-box{}
.content-wrap .content-box .whynanhua-box{
  padding: 30px;
  overflow: hidden;
  margin: 20px 0;
}
.content-wrap .content-box .bg-gray{
  background: #F6F6F6;
}
.content-wrap .content-box .bg-round{
  border-radius: 3px;
}
.content-wrap .content-box .reg-title{
  text-align: center;
  font-size: 18px;
  color: #333;
  margin-bottom: 30px;
}
.content-wrap .content-box .reg-title b{}
.content-wrap .content-box .mix-title{
  height: 50px;
  text-align: center;
  font-size: 18px;
  margin-bottom: 30px;
}
.content-wrap .content-box .mix-title span{
  display: block;
  color: #EDEDED;
}
.content-wrap .content-box .mix-title b{}
.content-wrap .content-box .mix-title b{
  display: block;
  margin-top: -10px;
}
.content-wrap .content-box .whynanhua-box ul{}
.content-wrap .content-box .whynanhua-box ul li{
  font-size: 16px;
  color: #999;
  line-height: 25px;
  position: relative;
  padding-left: 20px;
}
.content-wrap .content-box .whynanhua-box ul li em{
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 200px;
  background: #004893;
  position: absolute;
  left: 5px;
  top: 10px;
}
.content-wrap .content-box .whynanhua-box ul li span{
  color: #ccc;
  font-size: 14px;
  font-style: italic;
  padding-left: 15px;
  display: block;
}
.content-wrap .content-box .whynanhua-box ul li span i{
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 200px;
  background: #ededed;
  position: absolute;
  left: 25px;
  top: 11px;
}
.content-wrap .content-box .whynanhua-box ul li span b{}
.content-wrap .content-box .whynanhua-box .float-right{
  float: right;
}
.content-wrap .content-box .whynanhua-box .width-fix{
  width: 650px;
}
.content-wrap .content-box .whynanhua-box p{
  font-size: 16px;
  color: #999;
  padding: 5px 50px;
}
.content-wrap .content-box .whynanhua-box p b{}
.content-wrap .content-box .whynanhua-box p b{
  color: #333;
  font-size: 18px;
  margin-top: 20px;
  display: block;
}
.content-wrap .content-box .whynanhua-box .wn-city-pic-box{
  padding: 20px 40px;
}
.content-wrap .content-box .whynanhua-box .wn-city-pic-box img{
  display: inline-block;
  margin: 0 10px;
}
.content-wrap .content-box .whynanhua-box .honor-box{
  width: 510px;
  text-align: justify;
  height: 290px;
  font-size: 16px;
  padding: 0 20px;
  overflow-y: scroll;
}
.content-wrap .content-box .whynanhua-box .honor-box p{

  padding: 0;

  text-align: left;

  line-height: 24px;
}
.content-wrap .content-box .wnbg1{
  background: url(../images/whynh_box_bg_1.jpg) no-repeat 730px 120px;
}
.content-wrap .content-box .wnbg2{
  background: url(../images/whynh_box_bg_2.jpg) no-repeat 20px 120px;
}
.content-wrap .content-box .wnbg9{
  background: url(../images/whynh_box_bg_9.jpg) no-repeat 630px 110px;
  position: relative;
  margin-bottom: 100px;
}

/*product*/
.content-wrap .content-box .product-box{
  padding: 0 20px;
  overflow: hidden;
}
.content-wrap .content-box .product-box h3{
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  padding: 0 60px;
}
.content-wrap .content-box .product-box .product-table{
  margin: 10px 0;
  padding: 0 60px;
}
.content-wrap .content-box .product-box .product-table table{
  border-left: 1px solid #004893;
  border-top: 1px solid #004893;
  text-align: center;
  font-size: 14px;
}
.content-wrap .content-box .product-box .product-table table tr{}
.content-wrap .content-box .product-box .product-table table tr th{
  border-right: 1px solid #004893;
  border-bottom: 1px solid #004893;
  text-align: center;
  padding: 5px 10px;
  font-size: 18px;
}
.content-wrap .content-box .product-box .product-table table tr td{
  border-right: 1px solid #004893;
  border-bottom: 1px solid #004893;
  padding: 5px 10px;
}
.content-wrap .content-box .product-box .product-title{}
.content-wrap .content-box .product-box .in-dev{
  color: #ccc;
  text-align: center;
  padding: 80px 0 140px 0;
  font-size: 18px;
}
.content-wrap .content-box .product-box .dev{
  color: #999;
  text-align: left;
  padding: 0 40px 60px;
  font-size: 16px;
  line-height: 30px;
}
.content-wrap .content-box .product-box .product-title{
  padding: 20px 40px;
  font-size: 18px;
}
.content-wrap .content-box .product-it-service-box{
  margin: 30px 0 80px 0;
  background: url(../images/it_service_bg.jpg) no-repeat 680px;
}
.content-wrap .content-box .product-it-service-box h3{}
.content-wrap .content-box .product-it-service-box p{
  width: 600px;
  margin-left: 60px;
  line-height: 30px;
}

#slider-box-1{
  width: 940px;
  height: 380px;
  overflow: hidden;
  position: relative;
  margin: 50px auto;
}
#slider-box-1 .slider-product-box{
}
#slider-box-1 .slider-product-box .slider-product{
  padding: 0 60px;
}
#slider-box-1 .slider-product-box .slider-product div{
  width: 480px;
}
#slider-box-1 .slider-product-box .slider-product div h3{
  font-size: 20px;
  padding: 0;
  margin-bottom: 10px;
}
#slider-box-1 .slider-product-box .slider-product div h4{
  font-size: 16px;
  color: #999;
  font-weight: bold;
}
#slider-box-1 .slider-product-box .slider-product div p{
  color: #999;
  line-height: 25px;
  font-size: 16px;
  padding-left: 15px;
  text-indent: -15px;
}
#slider-box-1 .slider-product-box .slider-product div img{
  position: absolute;
  right: 60px;
  top: 40px;
  width: 250px;
}
#slider-box-1  .hy-prev{background: url("../images/team_slider_left.png") no-repeat;transform: none;width: 40px;height: 40px;left: 5px;background-size: 40px;top: 150px;}
#slider-box-1  .hy-prev i{
  display: none;
}
#slider-box-1  .hy-next{ background: url("../images/team_slider_right.png") no-repeat;transform: none;width: 40px;height: 40px;right: 5px;background-size: 40px;top: 150px;}
#slider-box-1  .hy-next i{
  display: none;
}
#slider-box-1  .hy-dot{}
#slider-box-1  .hy-dot i{}
#slider-box-1  .hy-dot .active{
  background: #193286 !important;
  width: 30px;
  border-radius: 10px;
}

.slider-box-2-title{
  font-size: 18px;
  padding: 20px 40px;
}
#slider-box-2{
  width: 330px;
  height: 200px;
  overflow: hidden;
  position: relative;
  float: left;
}
#slider-box-2 .slider-product-box{
}
#slider-box-2 .slider-product-box .slider-product{
  padding: 0 40px;
}
#slider-box-2 .slider-product-box .slider-product div{
  width: 480px;
}
#slider-box-2 .slider-product-box .slider-product div h3{position: absolute;width: 240px;display: block;height: 30px;z-index: 99;top: 130px;color: #fff;font-size: 12px;text-align: center;font-size: 14px;width: 240px;line-height: 30px;padding: 0;}
#slider-box-2 .slider-product-box .slider-product div h4{position: absolute;width: 240px;display: block;height: 30px;background: #999;z-index: 9;top: 130px;opacity: 0.6;}
#slider-box-2 .slider-product-box .slider-product div p{
  color: #999;
  line-height: 25px;
  font-size: 16px;
  padding-left: 15px;
  text-indent: -15px;
}
#slider-box-2 .slider-product-box .slider-product div img{

  width: 240px;

  position: absolute;

  top: 20px;

  box-shadow: 10px -10px #eee;

  height: 140px;
}
#slider-box-2 .hy-prev{background: url("../images/team_slider_left.png") no-repeat;transform: none;width: 35px;height: 35px;left: 0px;background-size: 35px;top: 70px;}
#slider-box-2 .hy-prev i{
  display: none;
}
#slider-box-2 .hy-next{background: url("../images/team_slider_right.png") no-repeat;transform: none;width: 35px;height: 35px;right: 0px;background-size: 35px;top: 70px;}
#slider-box-2 .hy-next i{
  display: none;
}
#slider-box-2 .hy-dot{
  top: 170px;
}
#slider-box-2 .hy-dot i{}
#slider-box-2 .hy-dot .active{
  background: #4099FD !important;
  width: 30px;
  border-radius: 10px;
}
.service-content{
  float: right;
  width: 520px;
}
.service-content h3{
  padding: 0 !important;
  margin-top: 30px;
}
.service-content p{
  font-size: 16px;
  line-height: 25px;
}


/*footer*/
.footer-wrap{
  background: #193286;
  color: #fff;
}
.footer-wrap .footer-box{
  width: 980px;
  margin: 0 auto;
  padding: 20px 0;
  overflow: hidden;
  font-size: 14px;
  position: relative;
}
.footer-wrap .footer-box .footer-box-left{
  width: 460px;
  font-size: 12px;
  float: left;
}
.footer-wrap .footer-box .footer-box-left p{
  line-height: 30px;
}
.footer-wrap .footer-box .footer-box-left p a{
  color: #fff;
}
.footer-wrap .footer-box .footer-box-left p img{
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.footer-wrap .footer-box .footer-right{
  width: 465px;
  float: right;
  font-size: 12px;
  line-height: 30px;
  position: relative;
}
.footer-wrap .footer-box .footer-right p{
  width: 430px;
}
.footer-wrap .footer-box .footer-bottom{
  width: 100%;
  height: 50px;
  float: left;
  /* text-align: right; */
  margin-top: -30px;
}
.footer-wrap .footer-box .footer-bottom a{
  display: inline-block;
  width: 33px;
  height: 33px;
  background: url(../images/foot_share_icons.png) no-repeat;
  margin: 0 3px;
}
.footer-wrap .footer-box .footer-bottom .ins{
  margin-left: 549px;
}
.footer-wrap .footer-box .footer-bottom .twitter{
  background-position: -37px 0;
}
.footer-wrap .footer-box .footer-bottom .youtube{
  background-position: -74px 0;
}
.footer-wrap .footer-box .footer-bottom .facebook{
  background-position: -111px 0;
}


/*contact*/
.contact-box{}
.contact-box h4{
  text-align: center;
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.contact-box h4 em{
  color: #FF5F01;
}
.contact-box .contact-map-box{
  height: 500px;
  background: url(../images/contact_map.jpg) no-repeat center;
  position: relative;
}
.contact-box .contact-map-box a{
  position: absolute;
  display: block;
  background: url(../images/contact_map_pos_icon.png) no-repeat center bottom;
  display: block;
  width: 40px;
  height: 50px;
  background-size: 16px;
  cursor: default;
}
.contact-box .contact-map-box .active{
  background-size: 30px;
}
.contact-box .contact-map-box .hangzhou{
  left: 450px;
  top: 148px;
}
.contact-box .contact-map-box .hongkong{
  left: 437px;
  top: 173px;
}
.contact-box .contact-map-box .singapore{
  left: 419px;
  top: 247px;
}
.contact-box .contact-map-box .chicago{
  left: 730px;
  top: 110px;
}
.contact-box .contact-map-box .london{
  left: 59px;
  top: 59px;
}
.contact-box .contact-map-box .popup-contact{
  position: absolute;
  width: 300px;
  background: #fff;
  box-shadow: 0 0 10px #ccc;
  padding: 20px;
  border-radius: 7px;
}
.contact-box .contact-map-box .popup-contact em{
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background: #fff;
  -moz-transform: rotate(45deg);
  -webkit-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.contact-box .contact-map-box .popup-zhangzhou em{
  right: -11px;
  top: 36px;
}
.contact-box .contact-map-box .popup-hongkong em{
  right: -11px;
  top: 36px;
}
.contact-box .contact-map-box .popup-singapore em{
  right: -11px;
  top: 36px;
}
.contact-box .contact-map-box .popup-chicago em{
  right: -11px;
  top: 36px;
}
.contact-box .contact-map-box .popup-london em{
  -moz-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
  left: -11px;
  top: 35px;
}
.contact-box .contact-map-box .popup-contact div h3{
  color: #FF5F01;
  font-size: 20px;
}
.contact-box .contact-map-box .popup-contact div span{
  display: block;
  font-size: 13px;
  margin-top: 10px;
  color: #666;
}
.contact-box .contact-map-box .popup-zhangzhou{
  left: 90px;
  top: 129px;
}
.contact-box .contact-map-box .popup-hongkong{
  left: 80px;
  top: 154px;
  display: none;
}
.contact-box .contact-map-box .popup-singapore{
  left: 60px;
  top: 230px;
  display: none;
}
.contact-box .contact-map-box .popup-chicago{
  left: 371px;
  top: 93px;
  display: none;
}
.contact-box .contact-map-box .popup-london{
  left: 117px;
  top: 41px;
  display: none;
}
.contact-address-box{
  background: #F6F6F6;
  border-radius: 3px;
  padding: 30px;
}
.contact-address-box .address-tabs{
  text-align: center;
}
.contact-address-box .address-tabs a{
  display: inline-block;
  width: 55px;
  height: 55px;
  opacity: 0.5;
  margin: 0 15px;
}
.contact-address-box .address-tabs .tabs-hangzhou{
  background: url(../images/contact_city_icon1.png) no-repeat center center;
  background-size: 45px;
}
.contact-address-box .address-tabs .tabs-hongkong{
  background: url(../images/contact_city_icon2.png) no-repeat center center;
  background-size: 45px;
}
.contact-address-box .address-tabs .tabs-singapore{
  background: url(../images/contact_city_icon3.png) no-repeat center center;
  background-size: 45px;
}
.contact-address-box .address-tabs .tabs-chicago{
  background: url(../images/contact_city_icon4.png) no-repeat center center;
  background-size: 45px;
}
.contact-address-box .address-tabs .tabs-london{
  background: url(../images/contact_city_icon5.png) no-repeat center center;
  background-size: 45px;
}
.contact-address-box .address-tabs .active{
  background-size: 55px;
  opacity: 1;
}
/*.contact-address-box .address-tabs a:hover{*/
/*background-size: 55px;*/
/*opacity: 1;*/
/*}*/
.contact-address-box .address-info{}
.contact-address-box .address-info .active{
  display: block !important;
}
.contact-address-box .address-info .address{
  display: none;
  padding: 20px 160px;
  margin: 10px 0;
}
.contact-address-box .address-info .address h3{
  font-size: 20px;
}
.contact-address-box .address-info .address p{
  font-size: 16px;
  color: #999;
  margin: 10px 0;
}
.contact-btm-box{
  padding: 50px 100px;
  background: url(../images/contact_content_bg_1.jpg) no-repeat 700px 50px;
  margin: 30px auto 100px;
}
.contact-btm-box p{
  color: #999;
  font-size: 16px;
  width: 550px;
  line-height: 30px;
}
.milestone-wrap {
}

.milestone-box {
  width: 1280px;
  margin: 0 auto;
  position: relative;
}

.milestone-box .slide-left {
  background: url("../images/milestone_left_arrow.png") no-repeat center center;
  width: 50px;
  height: 40px;
  display: block;
  position: absolute;
  left: 300px;
  top: 5px;
  background-size: 15px;
}

.milestone-box .slide-right {
  background: url("../images/milestone_right_arrow.png") no-repeat center center;
  width: 50px;
  height: 40px;
  display: block;
  position: absolute;
  right: 300px;
  top: 5px;
  background-size: 15px;
}

.milestone-box .milestone-title {
  overflow: hidden;
  width: 560px;
  height: 50px;
  position: relative;
  margin: 30px auto;
}

.milestone-box .milestone-slider {
  overflow: hidden;
  zoom: 1;
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
}

.milestone-box .milestone-slider .left-ss {
  font-size: 20px;
  color: #ddd;
  text-align: left;
  line-height: 66px;
}

.milestone-box .milestone-slider .left-s {
  font-size: 26px;
  color: #aaa;
  text-align: left;
  line-height: 63px;
}

.milestone-box .milestone-slider .middle {
  font-size: 24px;
  color: #1D3381;
  line-height: 45px;
}

.milestone-box .milestone-slider .right-s {
  font-size: 20px;
  color: #aaa;
  /* text-align: right; */
  line-height: 50px;
}

.milestone-box .milestone-slider .right-ss {
  font-size: 20px;
  color: #ddd;
  /* text-align: center; */
  line-height: 50px;
}

.milestone-box .milestone-slider span {
  width: 80px;
  display: block;
  float: left;
  height: 50px;
  line-height: 50px;
  text-align: center;
}
.milestone-box .milestone-slider a {
  width: 80px;
  display: block;
  float: left;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 20px;
}
.milestone-box .milestone-slider a.sel {
  width: 80px;
  display: block;
  float: left;
  /* height: 50px; */
  line-height: 47px;
  text-align: center;
  color: #193286;
  font-size: 24px;
  font-weight: bolder;
}
.milestone-content {margin-bottom: 30px;}

.milestone-content .milestone-box {
  width: 800px;
  margin: 0 auto;
}

.milestone-content .milestone-list div {
  text-align: left;
  /* background: #1D3381; */
  color: #333;
  /* width: 720px; */
  border-radius: 20px;
  /* height: 150px; */
  /* padding: 20px 40px; */
}

.milestone-content .milestone-box div p {/* padding: 40px 30px; */line-height: 25px;text-align: left;/* text-indent: 2em; */position: relative;padding: 0px 20px 20px;margin: 0;}

.milestone-content .milestone-box .cur {
  display: block;
}

.milestone-cover {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 99;
  display: none;
}

.milestone-content .milestone-box div p em{position: absolute;display: block;width: 7px;height: 7px;background: #1a3186;border-radius: 100px;top: 8px;left: 0;z-index: 99;}
.milestone-content .milestone-box div p i{
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  background: #ceeafc;
  left: 3px;
}


/*index*/
.index-nav-box{
  /* overflow: hidden; */
  text-align: center;
  margin: 40px 0;
  height: 400px;
  position: relative;
}
.index-nav-box a{
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  width: 256px;
  height: 339px;
  margin: 14px;
  box-shadow: 0 0 20px #eee;
  border: 1px solid #eee;
}
.index-nav-box .index-nav-1{
  left: 52px;
}
.index-nav-box .index-nav-2{
  left: 345px;
}
.index-nav-box .index-nav-3{
  left: 640px;
  right: 52px;
}
.index-nav-box a:hover{
  width:270px;
  height: 360px;

}
.index-nav-box a img{
  width: 100%;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
}
.index-nav-box a span{
  display: block;
  width: 100%;
  height: 50px;
  background: #fff;
  bottom: 0;
  left: 0;
  position: absolute;
  font-size: 20px;
  line-height: 50px;
  color: #333;
}

.index-video-box{
  width: 100%;
  height: 523px;
  background: url(../images/index_video_bg.jpg) no-repeat center;
}
.index-video-box div{
  width: 840px;
  height: 523px;
  margin: 0 auto;
}
.index-video-box video{
  width: 840px;
  height: 523px;
  background: #000;
}


.top-fix-bg{
  width: 100%;
  height: 70px;
  position: fixed;
  background: #333;
  z-index: 999;
  opacity: 0.65;
  top: 0;
}
.new-search-wrap {
  position: absolute;
  height: 40px;
  top: 550px;
  width: 100%;
  left: 0;
  z-index: 9999;
  display: none;
}

.new-search-wrap .search-cnt {
  width: 600px;
  margin: 0 auto;
  background: url("../images/nav_bg.png") repeat;
  height: 40px;
  border: 1px solid #999;
  border-radius: 100px;
  position: relative;
}

.new-search-wrap .search-cnt input {
  width: 520px;
  height: 40px;
  padding: 0 5px;
  background: none;
  border: none;
  /* text-indent: 20px; */
  margin-left: 20px;
  color: #ccc;
  font-size: 16px;
  outline: none;
}

.new-search-wrap .search-cnt span {
  position: absolute;
  top: 7px;
  left: 25px;
  line-height: 25px;
  font-size: 17px;
  color: #999;
}

.new-search-wrap .search-cnt .sBtn {
  position: absolute;
  top: 2px;
  right: 9px;
  border: none;
  background-color: transparent;
  color: #fff;
}

.new-search-wrap .search-cnt .sBtn i {
  font-size: 22px;
  margin-top: 3px;
  display: block;
}
.new-search-wrap .search-cnt .sBtnNew {
  position: absolute;
  top: 0px;
  right: 9px;
  border: none;
  background-color: transparent;
  color: #fff;
  width: 35px;
  height: 35px;
}

.new-search-wrap .search-cnt .sBtnNew i {
  font-size: 22px;
  margin-top: 3px;
  display: block;
  width: 35px;
  height: 35px;
  background: url(../images/Index_search_icon.png) no-repeat center;
  background-size: 24px;
}
.honor-cover{
  position: absolute;
  width: 600px;
  height: 40px;
  background: #fff;
  top: 400px;
  left: 0;
  box-shadow: 0 0 40px 20px #fff;
}

.ch-link{
  border: 1px solid #fff;
  font-size: 12px !important;
  line-height: 25px;
  padding: 0 5px;
  border-radius: 5px;
  margin-right: 15px !important;
}
.ch-link-page{margin-right: 40px !important;}

.footer-right img{
  width: 100px;
  display: block;
  position: absolute;
  right: 5px;
  top: 10px;
}
#slider {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  height: 480px;
  /* margin-top: -85px; */
}

#slider .slider-content {
  width: 100%;
  height: 479px;
  overflow: hidden;
}

#slider .slider-content .slider-group {
  position: relative;
  height: 709px;
}

#slider .slider-content .slider-group .slider-item {
  width: 100%;
  height: 479px;
  background-size: cover;
  background-position: center;
}

#slider .slider-content .slider-link {
  display: block;
  /* width: 980px; */
  margin-left: auto;
  margin-right: auto;
  zoom: 1;
}

#slider .slider-content .slider-link:after, #slider .slider-content .slider-link:before {
  content: " ";
  display: table
}

#slider .slider-content .slider-link:after {
  clear: both
}

#slider .slider-content .slider-link img {
  vertical-align: middle;
  display: block;
  margin: 0 auto;
}

#slider .slider-select {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 10px;
  text-align: center
}

#slider .slider-select .slider-btn {
  display: inline-block
}

#slider .slider-select .slider-btn span {
  display: inline-block;
  width: 40px;
  height: 5px;
  margin-right: 5px;
  border-radius: 2px;
  background-color: #fff;
  opacity: .5;
  cursor: pointer;
}

#slider .slider-select .slider-btn span.active {
  opacity: 1;
  cursor: default;
  width: 40px;
}
#slider{height: 709px !important;}
#slider .slider-content{height: 709px !important;}
#slider .slider-content .slider-group .slider-item{height: 709px !important;}

.information-list-box{
  padding: 30px 0;
}
.information-list-box .information-list{
  /* overflow: hidden; */
  margin-bottom: 70px;
  overflow: hidden;
  position: relative;
  /* min-height: 130px; */
}
.information-list-box .information-list h3{
  position: relative;
  font-size: 22px;
  text-indent: 20px;
  color: #333;
  /* width: 680px; */
  padding-left: 21px;
  text-indent: 0px;
  word-break: break-word;
  letter-spacing: 0px;
}
.information-list-box .information-list h3 em{
  position: absolute;
  width: 8px;
  height: 8px;
  background: #004894;
  border-radius: 100px;
  left: 0px;
  top: 7px;
}
.information-list-box .information-list h3 span{
  font-size: 16px;
  padding: 0 20px;
  color: #666;
}
.information-list-box .information-list p{
  color: #999;
  padding: 0 20px;
  line-height: 25px;
  font-size: 16px;
  /* width: 650px; */
}
.information-list-box .information-list img{
  display: block;
  float: right;
  position: absolute;
  top: 5px;
  right: 40px;
}
.information-list-box .information-list .show-more-box{
  display: block;
  width: 100%;
  background: #fff;
  position: absolute;
  bottom: 0;
  height: 40px;
}
.information-list-box .information-list .show-more-box a{
  background: #EEEEEE;
  display: block;
  width: 80px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  border-radius: 5px;
  color: #193286;
  margin: 5px 20px;
}
.ht165{
  height: 165px;
}
.slider-table-box{
  width: 100% !important;
}
.slider-table-box h3{
  /* height: 30px !important; */
}
.slider-table-box h3 span{
  display: inline-block;
  font-size: 14px;
  color: #fff;
  background: #1647B1;
  width: min-content;
  text-align: center;
  height: 25px;
  line-height: 25px;
  border-radius: 100px 100px 100px 0;
  padding: 0 15px;
  width: unset;
  margin-left: 56px;
}
.slider-table-box table{
  width: 828px;
  border-bottom: 3px solid #8C9DD6;
  margin: 0 auto;
}
.slider-table-box table tr{}
.slider-table-box table tr th{
  background: #8C9DD6;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  padding: 5px 10px;
  border-right: 1px solid #ccc;
  text-align: center;
}
.slider-table-box table tr:nth-child(even){
  background: #fff;
}
.slider-table-box table tr:nth-child(odd){
  background: #ECF1FF;
}
.slider-table-box table tr td{
  border-right: 1px solid #ccc;
  font-size: 12px;
  color: #666;
  text-align: center;
  padding: 5px 10px;
}
.slider-table-box table tr td a{
  color: #666;
  display: block;
}
.slider-table-box table tr td a:hover{
  font-weight: bolder;
  text-decoration: underline;
}
.slider-table-box table tr .font-red{}
.slider-table-box table tr th:nth-child(1){
  padding: 5px;
}
.slider-table-box table tr th:nth-child(2){
  width: 180px;
}
.slider-table-box table tr th:nth-child(3){
  padding: 5px;
}
.slider-table-box table tr th:nth-child(4){
  padding: 5px;
}
.slider-table-box table tr th:nth-child(5){
  width: 180px;
}
.slider-table-box table tr th:nth-child(6){
  padding: 5px;
}
.slider-table-box table tr th:nth-child(7){
  padding: 5px;
}
.slider-table-box table tr th:nth-child(8){
  width: 180px;
}
.slider-table-box table tr th:nth-child(9){
  border-right: 0;
  padding: 5px;
}
.slider-table-box table tr td:nth-child(9){
  border-right: 0;
}
.slider-box-table{
  height: 520px !important;
}
.slider-box-table .font-red{
  color: #ff0000;
}
.slider-box-table .slider-product-box .slider-product{
  padding: 0 !important;
}
.slider-table-box .remark{
  width: 100% !important;
  margin-left: 55px;
  margin-top: 20px;
  font-size: 12px;
  color: #FF0000;
}
.slider-box-table .hy-prev{
  top: 220px !important;
}
.slider-box-table .hy-next{
  top: 220px !important;
}
.page-nav-box-product{
  width: 980px;
  /* border: 1px solid #ddd; */
  height: 80px;
  margin-top: -70px;
  background: #FFF;
}
.page-nav-box-product a{
  display: block;
  float: left;
  width: 488px;
  height: 80px;
  position: relative;
  border: 1px solid #ccc;
}
.page-nav-box-product a:hover em{
  color: #f6f6f6;
}
.page-nav-box-product .sel:hover em{
  color: #3A519C;
}
.page-nav-box-product a em{
  color: #fff;
  font-size: 30px;
  text-align: center;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  font-weight: bold;
  line-height: 60px;
  top: 0;
  left: 0;
  overflow: hidden;
}
.page-nav-box-product a span{
  text-align: center;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  height: 80px;
  line-height: 80px;
  font-size: 20px;
}
.page-nav-box-product .sel{
  background: #193286;
  border: 1px solid #193286;
}
.page-nav-box-product .sel em{
  color: #3A519C;
}
.page-nav-box-product .sel span{
  color: #fff;
}
.topfix-wrap{
  width: 100%;
  border-bottom: 1px solid #eee;
  background: #fbfbfb;
}
.topfix-wrap .topfix{
  max-width: 1280px;
  min-width: 980px;
  margin: 0 auto;
  height: 30px;
  overflow: hidden;
  position: relative;
}
.topfix-wrap .topfix span{
  display: block;
  float: left;
  font-size: 12px;
  color: #666;
  margin: 8px 15px;
}
.topfix-wrap .topfix div{float: right;text-align: right;line-height: 30px;height: 30px;}
.topfix-wrap .topfix div a{
  font-size: 14px;
  padding: 0 8px;
  margin: 8px 0;
  color: #bbb;
}
.topfix-wrap .topfix div a.sel{color: #193286;}
.topfix-wrap .topfix div a:hover{ color: #333;}
.topfix-wrap .topfix div .ch-link-page{
  display: inline-block;
}
.topfix-wrap .topfix div .login-link{
  border-right: 1px solid #999;
}

.page-nav-box-service{
  width: 981px;
  border: 1px solid #ddd;
  height: 80px;
  margin-top: -70px;
  background: #FFF;
}
.page-nav-box-service a{
  display: block;
  float: left;
  width: 246px;
  height: 80px;
  position: relative;
  /* border: 1px solid #eee; */
  margin-right: -1px;
  height: 80px;
  margin-top: -1px;
}
.page-nav-box-service a:hover em{
  color: #f6f6f6;
}
.page-nav-box-service .sel:hover em{
  color: #3A519C;
}
.page-nav-box-service a em{
  color: #fff;
  font-size: 30px;
  text-align: center;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  font-weight: bold;
  line-height: 60px;
  top: 0;
  left: 0;
  overflow: hidden;
}
.page-nav-box-service a span{
  text-align: center;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  height: 80px;
  line-height: 80px;
  font-size: 20px;
}
.page-nav-box-service .sel{
  background: #193286;
  border: 1px solid #193286;
  margin-left: -1px;
}
.page-nav-box-service .sel em{
  color: #3A519C;
}
.page-nav-box-service .sel span{
  color: #fff;
}

.pc-download-box{
  width: 980px;
  margin: 40px 0;
  overflow: hidden;
  margin-left: -20px;
}
.pc-download-box div{
  margin: 20px 0;
  border-top: 1px solid #ddd;
  padding: 30px 0 50px 0;
  position: relative;
  margin-top: -1px;
}
.pc-download-box div h3{
  padding: 0 !important;
  height: 50px !important;
  font-size: 20px !important;
}
.pc-download-box div p{
  color: #999;
  font-size: 14px;
  width: 700px;
  line-height: 22px;
  display: block;
  overflow: hidden;
  height: 69px;
}
.pc-download-box div .show-more{
  color: #4099FD;
  font-size: 14px;
  position: absolute;
  background: #fff;
  padding: 0px;
  left: 580px;
  bottom: 20px;
  height: 30px;
  line-height: 30px;
  padding-left: 30px;
  width: 80px;
  /* box-shadow: 0 0 10px #fff; */
  background: url(../images/pc_dl_intro.png) no-repeat 70px;
  background-size: 15px;
}
.pc-download-box div .download-link{
  display: block;
  color: #FF831F;
  font-size: 12px;
  position: absolute;
  right: 20px;
  top: 80px;
  height: 100px;
  line-height: 150px;
  overflow: hidden;
  background: url(../images/pc_dl_icon.png) no-repeat center 10px;
  background-size: 40px;
}
.pc-download-box div a:hover{
  opacity: 0.8;
}
.pc-download-box div .showed{
  height: auto;
}
.pc-download-box div .no-bg{
  background: none;
}
.foot-qr-box{
  float: right;
  width: 230px;
  height: 170px;
  margin-top: 7px;
  position: absolute;
  right: 20px;
  top: 130px;
}
.foot-qr-box .qr-img1{background: url(../images/en_qr_img1.png) no-repeat center;display: inline-block;width: 85px;height: 85px;background-size: 85px;margin: 10px;}
.foot-qr-box .qr-img2{background: url(../images/en_qr_img2.png) no-repeat center;display: inline-block;width: 85px;height: 85px;background-size: 85px;margin: 10px;}


.box-title{ font-size: 20px; text-align: center; height: 40px; line-height: 40px;}
.box-title span{}
.box-content{}
.box-content ul{}
.box-content ul .news-item{
  border-bottom: 1px solid #f2f2f2;
  padding: 20px 10px;
}
.box-content ul .news-item i{
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #193286;
  border-radius: 100px;
  vertical-align: middle;
}
.box-content ul .news-item a{
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  color: #193286;
}
.box-content ul .news-item span{
  float: right;
  color: #999;
  font-size: 14px;
  display: inline-block;
}
#navigatediv {
  text-align: center;
  zoom: 1;
  margin-top: 30px;
}

#navigatediv:after, #navigatediv:before {
  content: " ";
  display: table
}

#navigatediv:after {
  clear: both
}

#navigatediv ul {
  float: right;
  margin-top: 0;
  margin-bottom: 0;
  zoom: 1
}

#navigatediv ul:after, #navigatediv ul:before {
  content: " ";
  display: table
}

#navigatediv ul:after {
  clear: both
}

#navigatediv ul li {
  float: left;
  font-size: 11px;
  margin-right: 4px
}

#navigatediv ul li a {
  display: inline-block;
  padding: 3px 6px;
  text-decoration: none
}

#navigatediv ul li a:hover {
  font-weight: 700
}

#navigatediv .pageoff {
  padding: 3px 6px;
  background-color: #eee;
  color: #ccc
}

#navigatediv .pagenavigate a {
  color: #777;
  background-color: #dfdfdf
}

#navigatediv .pagenavigate a:active, #navigatediv .pagenavigate a:focus, #navigatediv .pagenavigate a:hover {
  color: #555;
  background-color: #e5e5e5;
  outline: 0
}

#navigatediv .pagenavigate a:active {
  color: #f6ab01
}

#navigatediv .pagefirst a, #navigatediv .pagelast a, #navigatediv .pagenext a, #navigatediv .pagepre a {
  color: #ddd;
  background-color: #1a3186;
}

#navigatediv .pagefirst a:active, #navigatediv .pagefirst a:focus, #navigatediv .pagefirst a:hover, #navigatediv .pagelast a:active, #navigatediv .pagelast a:focus, #navigatediv .pagelast a:hover, #navigatediv .pagenext a:active, #navigatediv .pagenext a:focus, #navigatediv .pagenext a:hover, #navigatediv .pagepre a:active, #navigatediv .pagepre a:focus, #navigatediv .pagepre a:hover {
  color: #fff;
  background-color: #0070d8;
  outline: 0
}

#navigatediv .pagefirst a:active, #navigatediv .pagelast a:active, #navigatediv .pagenext a:active, #navigatediv .pagepre a:active {
  color: #f6ab01
}

#navigatediv .pagenavigateon {
  padding: 3px 6px;
  background-color: #1a3186;
  color: #fff;
  font-weight: 700;
}
.QFII-box{}
.QFII-box h3{
  text-align: center;
  font-size: 20px;
  margin: 40px 0 20px 0;
}
.QFII-box p{
  display: block;
  font-size: 16px;
  line-height: 30px;
  padding: 0 20px;
  margin-bottom: 200px;
  color: #999;
}
.yn-pdf-dl-wrap{
  background: #f6f6f6;
  line-height: 35px;
}
.yn-pdf-dl-box{
  width: 1080px;
  margin: 0 auto;
  font-size: 12px;
  text-align: center;
}
.yn-pdf-dl-box a{
  display: inline-block;
  text-indent: 20px;
  background: url(../images/pdf_dl_icon.png) no-repeat left 6px;
  background-size: 15px;
  text-decoration: underline;
  margin: 0 30px;
  margin-top: 3px;
}
#J_Back-top{
  display: none !important;
}
.subpage{}
.subpage .detail-box{}
.subpage .detail-box .detail-title{}
.subpage .detail-box .detail-title{
  text-align: center;
  font-size: 22px;
  color: #1a3285;
  margin-top: 50px;
}
.subpage .detail-box .sub-title{
  text-align: center;
  color: #999;
  font-size: 12px;
  margin: 20px 0;
  /* display: none; */
  font-weight: normal;
  background: #f6f6f6;
  padding: 10px;
  border-radius: 5px;
}
.subpage .detail-box .sub-title span{
  margin: 0 20px;
}
.subpage .detail-box .sub-title span i{}
.subpage .detail-box .sub-title span b{
  font-weight: normal;
}
.subpage .detail-box .detail-content{
  line-height: 30px;
  margin: 40px 0;
  min-height: 200px;
}
.subpage .detail-box .detail-content p{
  font-size: 16px;
}
.news-list-title{
  text-align: center;
  font-size: 24px;
  color: #ddd;
  font-weight: bold;
  padding: 20px 0;
}
.box-content ul .news-item a:hover{
  text-decoration: underline;
}
.product-service-common-box{
  margin-bottom: 100px;
  padding: 0 18px;
}
.product-service-common-box h3{
  text-align: left;
  padding: 0 !important;
  border-top: 1px solid #eee;
  padding-top: 27px !important;
}
.product-service-common-box h4{
  font-size: 18px;
  margin: 50px 0 20px 0;
  /* text-align: center; */
  color: #333;
  /* text-align: left; */
}
.product-service-common-box .img-box{
  float: right;
}
.product-service-common-box .img-box h4{

  /* text-align: center; */

  margin-bottom: 10px;
}
.product-service-common-box .img-box img{
  width: 405px;
  margin: 0 auto;
  display: block;
}
.product-service-common-box table{
  width: 100%;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  margin-bottom: 20px;
}
.product-service-common-box table tr{}
.product-service-common-box table tr th{
  background: #8C9DD6;
  color: #fff;
  text-align: center;
  font-weight: normal;
  padding: 10px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.product-service-common-box table tr td{
  padding: 10px;
  line-height: 20px;
  font-size: 13px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  color: #555;
}
.product-service-common-box table tr:nth-child(odd){
  background: #ECF1FF;
}
.product-service-common-box table tr:nth-child(even){}
.product-service-common-box ul{
  width: 490px;
  float: left;
}
.product-service-common-box ul li{
  position: relative;
  margin-bottom: 12px;
}
.product-service-common-box ul li span{
  position: relative;
  display: block;
  font-size: 16px;
  color: #666;
  line-height: 25px;
  padding-left: 30px;
}
.product-service-common-box ul li em{
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  background: #8c9dd6;
  border-radius: 100px;
  left: 5px;
  top: 10px;
}
.service-content-float-wrap{
  overflow: hidden;
  margin-bottom: 70px;
}
.education-box{
  padding-bottom: 100px;
}
.education-box h3{
  text-align: left;
  padding: 30px 0 10px 0px !important;
  color: #1a3285;
}
.education-box ul{
  overflow: hidden;
  zoom: 1;
}
.education-box ul li{
  display: block;
  float: left;
  width: 298px;
  height: 270px;
  background: #f6f6f6;
  margin: 6px;
  border: 1px solid #ddd;
  position: relative;
}
.education-box ul li a{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.education-box ul li img{
  width: 298px;
  height: 180px;
}
.education-box ul li span{
  font-size: 14px;
  padding: 10px;
  display: block;
}
.education-box ul li a:hover{
  background: #fff;
  opacity: 0.2;
}
.education-box .edu-video-box{}
.education-box .edu-video-box video{
  width: 720px;
  margin: 30px auto;
  display: block;
}
.education-box h4{
  margin-bottom: 20px;
  background: #f6f6f6;
  padding: 0 10px;
  border-radius: 4px;
}
.education-box h4 a{
  display: inline-block;
  text-indent: 20px;
  text-decoration: underline;
  margin: 0 30px;
  margin-top: 3px;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  margin-left: 0;
}
.education-box h4 .dl-type-pdf{
  background: url(../images/pdf_dl_icon.png) no-repeat left 6px;
  background-size: 15px;
}
.education-box h4 .dl-type-ppt{
  background: url(../images/ppt_dl_icon.png) no-repeat left 6px;
  background-size: 15px;
}

.qfii-history-box{
  width: 100%;
  display: block;
  margin: 30px auto;
  padding: 20px;
}
.qfii-history-box h3{
  font-size: 20px;
}
.qfii-history-box h4{
  background: url(../images/qfii_line.jpg) center center no-repeat;
  display: block;
  height: 75px;
  width: 100%;
  background-size: 900px;
}
.qfii-history-box ul{
  font-size: 15px;
  margin: 20px 0;
  overflow-y: scroll;
  height: 523px;
}
.qfii-history-box ul li{
  position: relative;
  padding: 30px 20px 0px 90px;
  line-height: 25px;
  color: #999;
  letter-spacing: 0px;
}
.qfii-history-box ul li em{
  display: block;
  position: absolute;
  background: #004793;
  width: 7px;
  height: 7px;
  border-radius: 100px;
  left: 3px;
  top: 38px;
  z-index: 9;
}
.qfii-history-box ul li i{
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  background: #eee;
  left: 6px;
  top: 40px;
}
.qfii-history-box ul li span{
  color: #333;
  display: inline-block;
  width: 70px;
  margin-left: -70px;
}

.qfii-scope-box{
  width: 100%;
  display: block;
  margin: 30px auto;
  overflow: hidden;
  background: url(../images/qfii_scope_bg.jpg) no-repeat center center;
  background-size: 300px;
  background-color: #f9fafc;
  padding: 20px;
}
.qfii-scope-box h3{
  font-size: 20px;
}
.qfii-scope-box h4{
  color: #999;
  font-size: 15px;
}
.qfii-scope-box .left{
  width: 330px;
  float: left;
  margin-top: 30px;
}
.qfii-scope-box .left li{
  line-height: 25px;
  font-size: 14px;
  margin: 30px 0;
  letter-spacing: 0px;
}
.qfii-scope-box .left em{
  color: #004793;
  font-size: 25px;
  font-weight: bold;
  font-style: italic;
  display: inline-block;
  margin-right: 5px;
}
.qfii-scope-box .right{
  width: 330px;
  float: right;
}
.qfii-scope-box .right li{
  line-height: 25px;
  font-size: 14px;
  margin: 30px 0;
  letter-spacing: 0px;
}
.qfii-scope-box .right em{
  color: #004793;
  font-size: 25px;
  font-weight: bold;
  font-style: italic;
  display: inline-block;
  margin-right: 5px;
}
.page-nav-box-product-new a{
  width: 323px;
}
.qfii-contact-link{}
.qfii-contact-link a{
  display: block;
  background: #193286;
  color: #fff;
  margin: 0 auto;
  text-align: center;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  width: 160px;
  border-radius: 100px;
}
.qfii-contact-link a:hover{
  opacity: 0.8;
}
#slider-box-1 .slider-product-box .slider-product div .qfii-silder-img{
  position: unset;
  display: block;
  margin: 0 auto;
  max-width: 800px;
  width: auto;
  max-height: 460px;
}
.contact-form-wrap{
  background: url(../images/contact_form_bg.jpg) no-repeat center center;
  background-size: 100%;
  height: 473px;
  margin-bottom: 100px;
}
.contact-form-pos{
  margin: 20px 0;
}
.contact-form-pos a{
  font-size: 13px;
  color: #999;
}
.contact-form-pos .sel{
  color: #004793;
}
.contact-form-pos span{
  color: #999;
}
.contact-form{
  padding: 100px 100px 0 100px;
}
.contact-form p{
  width: 50%;
  float: left;
  margin-bottom: 30px;
}
.contact-form .fix-row{
  width: 100%;
}
.contact-form .fix-row input{
  width: 745px;
}
.contact-form p label{
  color: #004793;
  font-size: 16px;
}
.contact-form p label em{
  color: #ff9800;
  font-size: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-left: -15px;
  position: absolute;
}
.contact-form p input{
  display: block;
  border: none;
  border-bottom: 1px solid #eee;
  width: 350px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  text-indent: 5px;
}
.contact-form .btn-box{}
.contact-form .btn-box input{
  display: block;
  background: #193286;
  color: #fff;
  margin: 0 auto;
  text-align: center;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  width: 160px;
  border-radius: 100px;
  border: none;
}
.contact-success-box{
  padding: 100px;
  text-align: center;
  background: url(../images/contact_form_icon.jpg) no-repeat center 100px;
  background-size: 60px;
  display: none;
}
.contact-success-box h3{
  margin: 80px 0 0;
  font-size: 20px;
}
.contact-success-box h4{
  color: #999;
  font-size: 14px;
  margin: 10px;
}
.contact-success-box a{
  display: block;
  background: #193286;
  color: #fff;
  margin: 0 auto;
  text-align: center;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  width: 220px;
  border-radius: 100px;
  border: none;
  margin-top: 40px;
}

.contact-success-box a:hover{
  opacity: 0.8;
}
.error-box {
  display: none;
  top: 0;
  left: 0;
  z-index: 9999;
  position: fixed;
  width: 100%;
  height: 100%;
  color: #fff;
}

.error-box p {
  text-align: center;
  background: #000;
  display: block;
  margin: 250px auto;
  width: 350px;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 0 10px #000;
  opacity: 0.8;
  color: #fff;
}
.page-cover-loading {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url("../activityReg/images/blue_loading.gif") no-repeat center;
  background-color: #fff;
  z-index: 999999;
  opacity: 0.8;
  display: none;
}
.page-nav-box-product-new a:nth-child(2){

  width: 324px;
}
.pc-only{}
.mobile-only{display: none !important;}
.hide{display:none !important;}
.page-banner{
    width: 100%;
    height: 270px;
    background: url(../images/pagebanner.jpg) no-repeat center bottom;
}
.page-banner div{
    width: 1280px;
    height: 270px;
    background: url(../images/pagebanner.jpg) no-repeat center bottom;
    margin: 0 auto;
}
.page-title{
    line-height: 30px;
    font-size: 20px;
    color: #333;
    font-weight: bold;
    margin-bottom: 20px;
}
.page-title em{
    display: inline-block;
    width: 5px;
    height: 20px;
    background: #466ef4;
    border-radius: 10px;
    vertical-align: -2px;
    margin-right: 10px;
}
.tab-box{
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #ddd;
    border-bottom
CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;
    border-bottom
CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;
    border-bottom
CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;
    border-bottom
CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;
    margin-top: 30px;
}
.tab-box div{
    width: 100%;
    text-align: center;
    overflow: hidden;
}
.tab-box div a{
    display: block;
    width: 100%;
    float: left;
    font-size: 20px;
}
.tab-box div a span{}
.tab-box div a.sel{
    color: #193286;
}
.tab-box div a.sel em{
    width: 60px;
    display: block;
    height: 3px;
    background: #193286;
    margin: 0 auto;
    margin-top: -3px;
}
.basic-box{min-height: 200px;overflow: hidden;}
.basic-box .img-box{
    display: block;
    float: left;
    background: url(../images/basic_info_img.jpg) no-repeat;
    width: 375px;
    height: 240px;
    background-size: 375px;
}
.basic-box .basic-info{
    width: 870px;
    float: right;
}
.basic-box .basic-info h3{
    font-size: 36px;
    height: 50px;
    line-height: 50px;
    margin-bottom: 10px;
}
.basic-box .basic-info p{
    font-size: 18px;
    color: #999;
    line-height: 35px;
    text-align: justify;
}
.basic-box .for-EN p{
    font-size: 15px;
    color: #999;
    line-height: 23px;
    text-align: justify;
}

.news-content{
    list-style: none;
}
.news-content .news-item{
  border-bottom: 1px solid #f2f2f2;
  padding: 20px 10px;
  list-style: none;
}
.news-content .news-item i{
  display: inline-block;
  /* width: 8px; */
  /* height: 8px; */
  /* background: #193286; */
  /* border-radius: 100px; */
  /* vertical-align: middle; */
}
.news-content .news-item a{
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  color: #333;
  width: 1135px;
}
.news-content .news-item span{
  float: right;
  color: #999;
  font-size: 14px;
  display: inline-block;
}
.icon-news:before {content: "\e607";color:#466ef4}