/* 公共 */
.navbar-brand{ margin-right: 2.43rem;}
.top_pic{width: 20%; position: fixed; right:15px; bottom: 5%; z-index: 9}
.top_pic a{ display: block; margin-bottom: 10px; overflow: hidden;}
.top_pic a img{ float: right; max-width: 100%; background: #5e5e5e}
.top_pic a img:hover{ background: #454545}
.infor_img{ position: absolute; right:12%; bottom: 9px; display:none;}
.top_pic a:last-child:hover .infor_img{ display: block; background: none}
.dog_form{ width: 37%;height: 100%; position: fixed;top: 0; right: 0; background: #fff; z-index: 10;-webkit-box-shadow:-2px 0 10px #ced2d5;  
  -moz-box-shadow:-2px 0 10px #ced2d5; box-shadow:-2px 0 10px #ced2d5;  display: none;  }
 .form_conten{width: 80%; margin: 0 auto;overflow: hidden;padding-bottom:2rem }
 .form_conten>a{ float: right; margin-top: 8%;}
  .form_conten>a>img{ vertical-align: middle;}

 .form_conten>h3{ clear: both; font-size: 30px; font-weight: bold; color: #000; margin-bottom: 0.75rem;}
 .form_conten>p{ font-size: 14px; line-height: 0.75rem; color: #999}
 .dog_form_infor,.all_from_second,.textarea{ width: 47%; float: left; border-bottom: 1px solid #e0e0e0; margin-right: 5%; overflow: hidden; color: #999; margin-top: 1.214rem;}
  .dog_form_infor.gry_border{ color: #666; border-bottom: 1px solid #666}
 .dog_form_infor:nth-child(2),.dog_form_infor:last-child{ margin-right: 0; float: right;}
 .dog_form_infor{ position: relative;}
 .dog_form_infor input,.dog_form_infor label,.all_from_second label,.all_from_second input{ float: left; font-size: 14px; line-height: 1.5rem;}
 .dog_form_infor input{ width: 100%}
 .dog_form_infor label{ position: absolute; top: 0; left: 32%; color: #ff3e3f}
 .dog_form_infor:nth-child(4) label{ left: 26%}
 .all_from_second,.textarea{ width: 100%; float: none;}
 .moni_select h5{ font-size: 16px;margin-top: 1rem;}
 .textarea textarea,.textarea label{ display: block;}
 .textarea textarea{ height: 3rem; width:100% }
 #sub{ font-size: 20px; color: #fff; text-align: center; width: 208px; height:58px; line-height: 58px; display: block; background: #ff3e3f; border-radius:30px; margin-top:2rem;}
  /* select */
#search,#search .box,#search form{height:34px;}
#search{position:relative;width:100%;margin:1rem auto; border-bottom: 1px solid #e0e0e0; }
#search .box{background-position: right 0; position: relative;}
#search form{background-repeat:repeat-x;background-position:0 -34px;margin:0 20px 0 40px;}
#search .select{float: left;color:#666;width:100%;height: 2rem;cursor:pointer;margin-top:4px;background-position:0 -68px;}
#search a{ position: absolute; right: 0; top: 14px; z-index: -1}

#search .sub{position:absolute;top:2;left:0px;color:#999;width:100%; background:#fff;border:1px solid #e0e0e0; border-top:0;display:none;}
#search .sub li{height:25px;line-height:24px;cursor:pointer;padding-left:10px;margin-bottom:-1px;border-bottom:1px dotted #fff;}
#search .sub li.hover{background:#8b8b8b; color: #fff;}

/*-----20170626李海朝新增样式------*/
.nav_top_center_right{float:right;position:relative;}
.nav_top_center_right:hover .block_2{display:block;}
.block_2{position:absolute;height:70px;width:74px;text-align:center;display:none;overflow:hidden;color:orangered;font-family: Hiragino Sans GB, Arial, Helvetica, "黑体", sans-serif;font-size:14px;}
.block_2 a{display:block;}
.block_2 a:hover{border: 1px solid #ff3f40;}
.login_b{ width:74px; height: 25px; border-radius: 25px; color:#000; font-size: 14px; text-align: center; line-height: 25px;}
/*------------------------------*/

.login_a{ width:74px; height: 30px; float: right; border:1px solid #ff3f40; border-radius: 25px; color: #ff3f40; font-size: 14px;margin:0 8px;margin-top:10px; text-align: center; line-height: 30px}
.banner{width: 100%; margin: 0 auto; position: relative;}
.banner>img,.Precise>img,.History>img{ display: block; margin: 0 auto;width: 100%; }
.banner_conton{width: 100%; position: absolute; left: 0; top: 25%  }
.banner_conton h2{ font-size: 60px; font-weight: bold; text-align: center;  color: #4a4a4a}
.banner_conton h2 em{ color: #ff3f40 }
.banner_conton p{ text-align: center; font-size: 18px; line-height:28px; margin: 30px 0 50px}
.banner_conton a{ width: 200px; height: 50px; margin: 0 auto; line-height: 50px; text-align: center; color: #fff; background-color: #ff3f40; font-size: 16px; display: block; border-radius: 25px; }
.banner_conton a img{ margin-left: 2% }
.feedback{width: 98%; margin: 10% auto 0; border-bottom: 1px solid #d4d4d4; text-align: center; padding-bottom: 3%; color: #030000; margin-bottom: 5%}
.feedback h1{ font-weight: bold; font-size: 46px }
.red_bor{width: 10%; border: 1px solid #ff3f40; position: absolute; bottom: 0; left: 45% }

.feedback_conton dl{ border: 1px solid #e8eaf8; padding-top:1.75rem; overflow: hidden; padding-bottom: 1.75rem; height: 14.64rem; }
.feedback_conton dl:hover{  -webkit-box-shadow:0 0 10px rgba(232, 234,248, .8);  
  -moz-box-shadow:0 0 10px rgba(232, 234,248, .8);  
  box-shadow:0 0 10px rgba(232, 234,248, .8);  }
.feedback_conton dl dt{ width: 22%; float: left;}
.feedback_conton dl dt img{ max-width: 80%; display: block;; margin: 0 auto;}
.feedback_conton dl dd{ width: 73%; float: left; color: #000}
.feedback_conton dl dd h3{ margin-top: 0; font-size: 0.928rem}
.feedback_conton dl dd h3 img{ margin-left: 3%}
.feedback_conton dl dd em{ font-size: 0.5rem; color: #a3a3a3; margin-bottom: 0.535rem; display: block;}
.feedback_conton dl dd p{ font-size: 0.642rem;}
.feedback_conton h3{ color: #000; line-height: 1.285rem; font-size: 0.928rem;}
.Precise{ margin-top: 5%; }
.Precise_centon {width: 100%; position: absolute; left:0 ; top:15% }
.Precise_centon dl{width: 87%; margin:0 auto; overflow: hidden;}
.Precise_centon dl dt{ width:49%; float: left; margin-top:6% }
.Precise_centon dl dt img{ width: 100%; display: block; }
.Precise_centon dl dd{ width: 45%; float: right; }
.Precise_centon dl dd h3{ font-size: 26px; color: #fff; }
.Precise_centon dl dd h3 img{ margin-right: 3% }
.Precise_centon dl dd p{ font-size: 14px; color: #fff; line-height: 30px; }
.Precise_centon dl dd a{ font-size: 14px; color: #376cf2; font-weight: bold; text-decoration: underline; display: block; }
.Precise_centon dl dd a img{ margin-left: 1% }
.media_logo{ margin-bottom: 4.76rem; }
.media_logo p{ float: left; width: 20%; padding:0.714rem 0; overflow: hidden;}
.media_logo p>img{ max-width: 100%; display: block; margin: 0 auto;cursor: pointer; transition: all 0.6s;}
.media_logo p>img:hover{ transform: scale(1.2);}  
/*advertiser*/
.pro_cont{ margin-bottom: 180px; }
.pro_cont dl{ overflow: hidden; margin-top: 137px; }
/* .pro_cont dl:nth-child(2) h3,.pro_cont dl:nth-child(3) h3{} */
.pro_cont dl:nth-child(3){ display: none;}
.pro_cont dl dt{ float: left;  width: 45%}
.pro_cont dl dt>img{ display: block; max-width: 100%;  }
.pro_cont dl dd{ float: right;  width: 45%}
.pro_cont dl h3{ margin-top: 82px;font-size:26px; margin-bottom: 20px; color: #333 }
.pro_cont dl:nth-child(2) h3,.pro_cont dl:nth-child(3) h3{ margin-top: 53px}
.pro_cont dl h3 img{ margin-right: 3%;}
.pro_cont dl a{ display: block; color: #ff3f40; text-decoration: underline; font-weight: normal; margin-top:15px;}
.pro_cont dl a:hover{color: #ff0405}
.pro_cont dl a img{ margin-left: 2% }
.pro_cont dl p{ line-height: 30px; font-weight: normal; color: #666 }
.Activate{ background: url(../images/redbg.png) no-repeat; width: 100%;  background-size: cover; }
.Activate p{ width: 85%; margin-bottom: 0;}
.Activate p span{line-height: 6rem; font-size: 23px; color: #fff; float: left;}
.Activate p a{ float: right;  border-radius: 25px; background: #fff; text-align: center;  font-size: 18px; /* padding: 0.35rem 0.75rem; */ width: 150px; height: 45px; line-height: 45px; margin-top: 2.24rem; color: #000}
/*Monetization*/
.banner_conton h2 img{ display: block; max-width: 100%;  margin: 1.9rem auto 1.75rem }
.pro_cont .pro_dl_mo h3{ margin-top: 110px;}
.pro_cont .pro_dl_mo:nth-child(4) h3{ margin-top: 55px}
/*History*/
.jianju{ margin-top: 5.5rem; }
.history_conten{ width: 100%; position: absolute; top: 20%; left: 0; }
.history_h3{ width: 60% }
.history_h3 h3,.history_h3 p{ color: #fff; }
.history_h3 p{ font-size: 18px; line-height: 1rem; margin-bottom: 1rem; }
.history_h3 h3{ font-size: 50px; font-weight: bold;margin-bottom: 1.5rem;  }
/*Vision*/
.Vision{ background: #f6f7fb; padding: 4rem 0}
.Vision h3{ margin:0 0 0.5rem; font-size: 24px; }
.Vision h3 img{ margin-left: 2% }
.Vision  p{ font-size: 18px; color: #555; line-height: 1rem; }
/*team*/
.team{ margin-top: 2.5rem; margin-bottom: 2rem; }
.team_title{width: 42%; margin: 0 auto; border-bottom: 1px solid #d4d4d4; text-align: center; }
.team_title span{ color: #ff3f40; font-size: 12px; display: block; font-weight: bold;}
.team_title  h3{ font-size: 46px; color: #030000; line-height: 1rem; margin-bottom: 2.5rem;}
.team_title em{ border-bottom: 1px solid #ff3f40; display: block; width: 18%; margin: 0 auto }
.team_list{ overflow: hidden; margin-top: 60px}
.team_list li{ width: 25%; float: left; }
.team_list li a{ width: 95%; margin: 0.535rem auto 0; display: block;}
.team_list li a>img,.team_list li a>p>img{ display: block; max-width: 100%; margin: 0 auto}
.team_list li a>b{ display: block; text-align: center; font-size: 22px; color: #000; /*margin: 2rem 0 0.35rem*/}
.team_list li a>p{ padding-bottom: 0.535rem; display: none;}
.team_list li a.grycolor{-webkit-box-shadow:0 0 15px #ced2d5;  
  -moz-box-shadow:0 0 15px #ced2d5;  
  box-shadow:0 0 15px #ced2d5; }
.iteam_infor{ width: 100%; margin: 2rem auto; font-size: 18px; color: #666; display: none;}
.iteam_infor:first-child{ display: block;}
.iteam_infor p{ text-align: center; line-height: 1rem}  
.swiper_phone{ display: none;}
/*footer*/
.footed{background:#161616; }
.foot-nav{ max-width:1204px; margin:0 auto; padding:58px 0 48px;}
.foot-nav ul{ width:25%; float:left; border-left: 1px solid #3c3c3c; padding-bottom: 10px; height: 6.55rem}
.foot-nav ul li{ list-style:none; padding-left: 20px;}
.foot-nav ul:first-child{ border: 0; margin-left: 0; }
.foot-nav ul:last-child,.foot-dl dl:last-child{ position: relative;}
.qrCode{position: absolute; top: 25%; right: 26px;}
.foot-nav ul li a,.foot-nav ul li h3,.foot-dl dd a{ width:100%; display:block; color:#d0d0d0; text-align:left;font-size:14px; line-height: 0.925rem}
.foot-nav ul li h3,.foot-dl dt{ font-size:16px; color:#d0d0d0; font-weight:normal; margin-top: 10px; margin-bottom: 13px}
.foot-nav ul li img{ margin-right: 3%; margin-top: 5% }
.foot-nav ul:first-child li{ padding-left: 10px;}
.foot-dl { display:none}
.foot-dl dl{ width:93%; margin:0 auto; overflow:hidden;/* border-bottom:1px solid #e3e7e8;*/}
.foot-dl dt,.foot-dl dd{ width:100%; font-size:14px; text-align:left; line-height:2.78571}
.foot-dl dt a{ float:right; font-weight:normal; color:#d0d0d0; text-decoration:none; font-size:14px; line-height:3; margin-top: 5px;}
.foot-dl dt a img{ width:16px; height:16px;}
@media all and (min-width: 1401px)and (max-width: 1680px) {
.banner_conton h2 img{margin:1.5rem auto 2rem}
.Activate p{ width: 80%}
.history_h3 h3, .history_h3 p{ margin-bottom:0.535rem;}
.login form{width: 30%;}
 .textarea textarea{ height: 2rem; width:100% }
 .dog_form_infor, .all_from_second, .textarea{ margin-top: 0.67rem}
 #sub{ margin-top: 0.78rem; width: 5.4rem; height:1.5rem; line-height:1.5rem;}
 .jianju{ margin-top: 2.7rem}
 .history_conten{ top: 13%}
 .banner_conton{ top: 20%}
}
@media all and (min-width: 1201px)and (max-width: 1400px) {
.banner_conton h2{ font-size: 45px}
.banner_conton h2 img{margin: 1.65rem auto}
.banner_conton a{ width: 180px }
.banner_conton{ top: 21% }
.jianju{ margin-top: 3rem; }
.infor_img{ right: 14% }
.Precise_centon dl dt{ margin-top: 4% }
.feedback_conton dl{ height: 12.64rem }
.Activate p{ width: 78% }
.textarea textarea{ height:2rem }
#sub{width: 5.4rem; margin-top: 1rem; height: 50px; line-height: 50px}
.dog_form_infor label{ left: 35% }
#search a{ top: 10px }
.form_conten>h3{ font-size: 24px;}
.form_conten>p,.dog_form_infor label,.dog_form_infor input, .dog_form_infor label, .all_from_second label, .all_from_second input,#search .select,.textarea textarea, .textarea label,.Precise_centon dl dd p{ font-size: 12px}
.moni_select h5,#search,.history_h3 h3, .history_h3 p,{ margin-top: 0.535rem}
.moni_select h5.banner_conton p{ font-size: 14px;}
.Precise_centon dl dd h3{ font-size: 18px;}
.Precise_centon{top: 10%}
.history_h3 h3{ font-size: 36px}
.history_h3 h3, .history_h3 p{ margin-bottom: 0.535rem; margin-top: 10px;}
.dog_form_infor, .all_from_second, .textarea{ margin-top: 0; }
.history_h3 p{ line-height: 0.875rem }
.Vision{ padding: 2rem 0 }
}

@media all and (min-width: 980px) and (max-width: 1200px) {
.banner_conton{ top: 12% }
.banner_conton h2{width: 90%; margin: 0 auto; font-size: 40px }
.banner_conton .jianju{ margin-top: 2.7rem }
.Activate p{ margin: 0 auto;}
.foot-nav,.pro_cont,.navbar-default>div,.history_conten>div,.Vision>div,.carousel-inner{ width: 90%; margin: 0 auto;}
.Activate p a{ margin-bottom: 1.214rem}
.pro_cont .pro_dl_mo h3{ margin-top: 62px}
.pro_cont dl:nth-child(2) h3, .pro_cont dl:nth-child(3) h3{ margin-top: 23px;}
.pro_cont .pro_dl_mo:nth-child(4) h3{ margin-top: 15px;}
.history_h3 h3{ font-size: 36px; margin-bottom: 0.535rem}
.history_h3 p{ margin-bottom:10px; font-size: 16px; line-height: 0.75rem }
.banner_conton h2 img{ margin-top: 1.514rem}
.feedback_conton dl{ height:14.42rem; }
.history_conten{ top: 5% }
.Vision{ padding: 2rem 0 }
.team_title  h3{ font-size: 40px; margin-bottom: 2rem }
.iteam_infor{ margin-top: 1rem }
.dog_form_infor, .all_from_second, .textarea{ margin-top: 0.535rem }
.dog_form_infor label{ left: 60% }
.infor_img{ right: 19% }
.dog_form_infor:nth-child(4) label{ left: 45% }
.textarea textarea{ height: 1rem }
#sub{ margin-top: 0.75rem; width: 158px; height: 48px; line-height: 48px; }
.Activate p span{ font-size: 18px}
.Activate{ margin-top: 3rem}
} 
@media all and (min-width: 768px) and (max-width: 979px) {
  .banner_conton{ width: 90%; left: 5%; top: 12%}
  .banner_conton h2{ font-size: 30px}
  .banner_conton p{ font-size: 14px; margin: 0 auto 20px}
  .pro_cont dl{ margin-top: 67px;}
.Activate p{ width: 90%; margin: 0 auto;}
.foot-nav,.pro_cont,.navbar-default>div,.history_conten>div,.Vision>div,.carousel-inner{ width: 90%; margin: 0 auto;}
.Activate p span{font-size: 16px;}
.history_h3 h3{ font-size: 26px;margin: 0; margin-bottom: 0.355rem;}
.history_h3 p{ font-size: 14px; margin-bottom: 0; line-height: 21px}
.pro_cont dl h3{ margin: 0; font-size: 20px}
.banner_conton h2 img{ margin-top: 0rem; width: 60%;}
.team_title  h3{ font-size: 24px;  margin-bottom: 1.5rem}
.feedback_conton dl{ height:16.42rem; }
.feedback_conton dl dd p{ font-size: 0.614rem}
.navbar-brand{ margin-right: 0}
.pro_cont dl:nth-child(2) h3, .pro_cont dl:nth-child(3) h3{ margin-top: 25px}
.Activate{ margin-top: 1rem}
.jianju{ margin-top: 2.42rem}
.history_conten{ top: 10%}
.Vision{ padding: 2rem 0}
.team_list li a>b{font-size: 18px;}
.iteam_infor{ margin: 0 auto}
.pro_cont .pro_dl_mo h3{ margin-top: 45px;}
.pro_cont .pro_dl_mo:nth-child(4) h3{ margin-top: 0px;}
}

@media all and (max-width: 767px) {
.navbar-default{ background: #fff; position: fixed;top: 0; left: 0; border-bottom: 1px solid #ececec}
.banner{ margin-top: 3rem;}
.dog_form{ width: 100%}
.top_pic{ right: 5%}
.top_pic a:first-child{ display: none;}
.top_pic a:last-child:hover .infor_img{ display: none; background: none}
.form_conten{width: 90%;}
.form_conten>a>img{ max-width: 80%}
.form_conten>h3{ font-size: 16px}
.form_conten>p{ line-height: 1.414rem;}
.dog_form_infor label{left: 50%}
.dog_form_infor:nth-child(4) label{ left: 40%}
#sub{ font-size: 16px; width: 128px; height: 38px; line-height: 38px;}
.top_pic a img{ border-radius: 8px;}
.form_conten>a{ margin-top: 4%}
.banner_conton h2{ font-size: 16px; margin-top: 20px}
.Precise_centon dl dd h3{ font-size: 12px; margin: 0 auto; line-height: 21px; text-align: center;}
.banner_conton h2 img{max-width: 60%; margin:-0.53rem auto 0}
.banner_conton{ top: 15%}
.banner_conton a{ width: 35%; height:1.78rem; line-height:1.78rem; font-size: 12px; margin-top: 0.535rem;}
.banner_pic h2{ margin-top: 2.1rem }
.feedback h1{ font-size: 20px;}
.Precise_centon dl{ width: 90%}
.Precise_centon dl dd{ width: 55%; margin-top: 4%}
.Precise_centon dl dd p{ display: none;}
.Precise_centon dl dt{ margin-top: 3%; width: 45%;}
.Precise_centon dl dd a{ text-align: center; font-size: 12px; margin-top: 1rem}
.media_logo{width:90%;margin:0 auto 2rem}
.foot-nav{ display: none;}
.foot-dl { display: block; padding-top: 20px;}
.pro_cont dl{ margin-top: 3rem;}
.pro_cont dl:nth-child(3){ display: block;}
.pro_cont dl:nth-child(2){ display: none;}
.pro_cont dl dt,.pro_cont dl dd{float: none;display:block;width: 90%;margin: 0 auto;}
.pro_cont dl dt>img{ margin: 0 auto;}
.pro_cont .pro_dl_mo h3{ margin-top: 53px; font-size: 18px;}
.pro_cont{ margin-bottom: 3rem;}
.Activate p{ width: 90%; margin: 0 auto;}
.Activate p span{width: 100%; font-size: 14px; line-height: 1.7rem; display: block; float: none; margin-top: 1rem}
.Activate p a{ margin-top: 0.535rem; margin-bottom: 1rem; font-size: 14px; width: 120px; height: 35px; line-height: 35px;}
.pro_cont dl h3{ font-size: 20px; margin-top: 45px}
.history_conten{ top: 5%;height:6rem;  overflow: hidden; overflow-y: auto }
.history_h3{width: 54%; margin-left: 5%;}
.history_h3 h3{ font-size: 14px; margin: 0; margin-bottom: 0; line-height: 1.53rem}
.history_h3 p{ font-size: 12px; line-height: 0.955rem; margin-bottom: 0}
.banner_conton p,.swiper_pc{ display: none;}
.Vision{ padding: 1rem 0}
.Vision h3{ font-size: 14px; padding: 0 5%; margin: 0;}
.Vision p{ font-size: 12px;padding: 0 5%; line-height: 1.214rem}

.swiper_phone{ width: 90%; margin:0 auto; display: block;}
.team_title{width: 70%;}
.team_title  h3{ font-size: 20px; line-height: 1rem}
.iteam_infor{ width:100%; margin:0 auto;}
.iteam_infor p{ font-size: 14px; line-height: 1.414rem; text-align: left;}
.team_list{ margin-top: 30px; }
.team_list li{ width: 50%; height: inherit; margin-bottom: 1rem}
.team_list li a{ border:1px solid #e8eaf8}
.team_list li a>b{ font-size: 12px; margin-top: 1rem}
.feedback{ width: 90%}
 .foot-dl dd a{ line-height: 1.925rem}
  .foot-dl dt{ margin-top: 0; line-height: 1.78rem;}
.Precise_centon dl dd h3 img{ max-width: 12%}
.pro_cont dl h3 img,.banner_conton a img{ max-width: 10%}
.Vision h3 img{max-width: 8%}
    .feedback_conton dl{ height: inherit;}
    .pro_cont dl p{ line-height: 22px;}
}
@media all and (min-width: 100px)and (max-width: 350px) {
  .banner{ margin-top: 4rem;}
  .banner_conton a{ width: 42%}
  .banner_conton h2{ font-size: 14px; margin-top: 10px}
  .banner_conton .jianju{ margin-top: 1.7rem;}
  .feedback_conton dl{ height: inherit;}
  .pro_cont dl h3{ margin-top: 42px; font-size: 16px;}
  .pro_cont dl:nth-child(2) h3, .pro_cont dl:nth-child(3) h3,.pro_cont .pro_dl_mo:nth-child(4) h3{ margin-top: 42px}
  .pro_cont dl p{ line-height: 22px}
  .pro_cont .pro_dl_mo h3{ margin-top: 42px}
  .Vision p{ line-height: 1.54rem}
  .Activate p a{ width: 100px}
  .dog_form_infor label{left: 62%}
.dog_form_infor:nth-child(4) label{ left:50%}
#sub{ margin-top: 1rem}
.Precise_centon dl dd{ width: 60%;}
.Precise_centon dl dt{ width: 40%;}
.Precise_centon dl dd a{ margin-top: 0.35rem;}
.history_h3 h3{ font-size: 12px;}
}