@charset "utf-8";
/**
 * 样式模版文件，自定义页面全部这种格式
 */
/**
 * PC版样式表
 * [分辨率大于1024]
 */
 /*map*/
 .map_img{ z-index:19;}
 .map_cont{ position:absolute; left:0px; top:0px; z-index:20;}
 /*map  end*/ 
#main {
  padding: 0;
  padding-bottom: 40px;
}
#main .how_to_buy .how_title {
  font-size: 40px;
  margin: 0 100px;
  margin-top: 50px;
}
#main .how_to_buy .text_b {
  font-size: 18px;
  line-height: 30px;
  color: #333333;
  margin: 0 100px;
  margin-bottom: 60px;
  margin-top: 15px;
}
#main .how_to_buy .choice {
  background: #f2f2f2;
  padding: 30px 100px;
}
#main .how_to_buy .choice .switch {
  overflow: hidden;
}
#main .how_to_buy .choice .switch .name {
  font-size: 25px;
  float: left;
  width: 25%;
}
#main .how_to_buy .choice .switch ul {
  overflow: hidden;
  float: left;
  width:75%;
}
#main .how_to_buy .choice .switch ul li.active a span {
  background: url(/Assets/Solar/img/switch_icon_red.png) no-repeat;
}
#main .how_to_buy .choice .switch ul li {
  float: left;
  padding-left: 50px;
  width: 25%;
  box-sizing:border-box;
}
#main .how_to_buy .choice .switch ul li a {
  display: block;
  font-size: 18px;
  color: #000;
}
#main .how_to_buy .choice .switch ul li a span {
  display: inline-block;
  width: 20px;
  height: 21px;
  background: url(/Assets/Solar/img/switch_icon.png) no-repeat;
  position: relative;
  top: 4px;
  margin-right: 5px;
}
#main .how_to_buy .choice .switch.switch2 {
  margin-top: 30px;
  display: none;
}
#main .how_to_buy .choice .switch.switch2 li.active_cxw a span {
  background: url(/Assets/Solar/img/switch_icon_red.png) no-repeat;
}
#main .how_to_buy .choice .switch.switch2.active_cxt {
  display: block;
}
#main .how_to_buy .choice .switch.switch2.active_cxt ul li a span {
  background: url(/Assets/Solar/img/switch_icon_red.png) no-repeat;
}
#main .how_to_buy .choice .switch.switch2.active_cxt ul li.switch2_a2 {
  display: none;
}
#main .how_to_buy .choice .switch.switch2.active_cxp {
  display: block;
}
#main .how_to_buy .b_triangle {
  background: url(/Assets/Solar/img/b_triangle2.png) bottom center no-repeat;
  width: 87px;
  height: 44px;
  margin: 0 auto;
  margin-top: -2px;
}
#main .how_to_buy .switch_tab_container .map {
  width: 1000px;
  margin: 0 auto;
  margin-top: 40px;
  overflow: hidden;
  position: relative;
}
#main .how_to_buy .switch_tab_container .map img {
  width: 100%;
}
#main .how_to_buy .switch_tab_container .map ul.map_ul {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0;
}
#main .how_to_buy .switch_tab_container .map ul.map_ul li {
 opacity: 0;
}
#main .how_to_buy .switch_tab_container .map ul.map_ul li:hover {
  opacity: 1;
}
#main .how_to_buy .switch_tab_container .map ul.map_ul li.active {
  opacity: 1;
}
#main .how_to_buy .switch_tab_container .map ul.map_ul li.map_a1 {
  width: 108px;
  overflow: hidden;
  position: absolute;
  left: 317px;
  top: 108px;
}
#main .how_to_buy .switch_tab_container .map ul.map_ul li.map_a2 {
  width: 82px;
  overflow: hidden;
  position: absolute;
  left: 430px;
  top: 265px;
}
#main .how_to_buy .switch_tab_container .map ul.map_ul li.map_a3 {
  width:203px;
  overflow: hidden;
  position: absolute;
  left:320px;
  top:312px;
}
#main .how_to_buy .switch_tab_container .map ul.map_ul li.map_a4 {
  width: 123px;
  overflow: hidden;
  position: absolute;
  left: 473px;
  top: 236px;
}
#main .how_to_buy .switch_tab_container .map ul.map_ul li.map_a5 {
  width:95px;
  overflow: hidden;
  position: absolute;
  left:557px;
  top:316px;
}
#main .how_to_buy .switch_tab_container .map ul.map_ul li.map_a6 {
  width: 110px;
  overflow: hidden;
  position: absolute;
  left: 522px;
  top: 358px;
}
#main .how_to_buy .switch_tab_container .map ul.map_ul li.map_a7 {
  width:81px;
  overflow: hidden;
  position: absolute;
  left:463px;
  top:387px;
}
#main .how_to_buy .switch_tab_container .map ul.map_ul li.map_a8 {
  width: 213px;
  overflow: hidden;
  position: absolute;
  right:0px;
  bottom: 0px;
}
#main .how_to_buy .switch_tab_container div.drop_down {
    display: block;
    position: relative;
    padding: 50px 100px;
    text-align: center;
  }
  #main .how_to_buy .switch_tab_container div.drop_down .map_bg{
    width: 100%;
    height: 142px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
  }
  #main .how_to_buy .switch_tab_container div.drop_down .map_bg img{
    width: 100%;
  }
  #main .how_to_buy .switch_tab_container div.drop_down .name {
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    position: static;
    color: #fff;
    left: 100px;
    top: 50px;
    display:inline-block
  }
  #main .how_to_buy .switch_tab_container div.drop_down .select {
    width: 250px;
    position: relative;
    display: inline-block;
  }
  #main .how_to_buy .switch_tab_container div.drop_down .select p {
    height: 40px;
    line-height: 40px;
    border: 1px solid #fff;
    width: 228px;
    padding: 0 10px;
    font-size: 16px;
    cursor: pointer;
    color: #fff;
  }
  #main .how_to_buy .switch_tab_container div.drop_down .select span.icon-down {
    display: block;
    position: absolute;
    background: url(/Assets/Solar/img/contact/triangle_small2.png) no-repeat;
    width: 19px;
    height: 14px;
    right: 10px;
    top: 16px;
    z-index: -1;
  }
  #main .how_to_buy .switch_tab_container div.drop_down .select ul.type-down.active {
    display: block;
    max-height: 300px;
    overflow:  auto;
  }
  #main .how_to_buy .switch_tab_container div.drop_down .select ul.type-down {
    width: 100%;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 21;
    background: #a6a6a6;
  }
  #main .how_to_buy .switch_tab_container div.drop_down .select ul.type-down li {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    text-indent: 10px;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
  }
  #main .how_to_buy .switch_tab_container div.drop_down .select ul.type-down li a {
    color: #fff;
    display: block;
  }
#main .how_to_buy .switch_tab_container .map_tab_container {
  width: 1050px;
  margin: 0 auto;
}
#main .how_to_buy .switch_tab_container .map_tab_container ul {
  overflow: hidden;
}
#main .how_to_buy .switch_tab_container .map_tab_container ul li {
  overflow: hidden;
  margin-top: 50px;
}
#main .how_to_buy .switch_tab_container .map_tab_container ul li .left_logo {
  float: left;
  overflow: hidden;
}
#main .how_to_buy .switch_tab_container .map_tab_container ul li .left_logo_t {
  width: 214px;
}
#main .how_to_buy .switch_tab_container .map_tab_container ul li .left_logo_t img {
  width: 100%;
}
#main .how_to_buy .switch_tab_container .map_tab_container ul li .left_logo_e {
  width: 214px;
}
#main .how_to_buy .switch_tab_container .map_tab_container ul li .introduce {
  float: left;
  margin: 0 80px;
  width: 350px;
}
#main .how_to_buy .switch_tab_container #switch_a4 .map_tab_container ul li .introduce{
  margin:0 15px;
}

#main .how_to_buy .switch_tab_container .map_tab_container ul li .introduce .in_title {
  font-size: 25px;
  font-weight: bold;
}
#main .how_to_buy .switch_tab_container .map_tab_container ul li .introduce p {
  font-size: 16px;
  color: #666666;
  margin-top: 5px;
}
#main .how_to_buy .switch_tab_container #switch_a4 .map_tab_container ul li .region-box p{
  font-size: 18px;
}
#main .how_to_buy .switch_tab_container #switch_a4 .map_tab_container ul li .introduce p{
  font-size: 18px;
}
#main .how_to_buy .switch_tab_container .map_tab_container ul li .tel_email {
  float: left;
  font-size: 16px;
  color: #666666;
  margin-top: 36px;
}
#main .how_to_buy .switch_tab_container .map_tab_container ul li .tel_email a {
  color: #666666;
  text-decoration: underline;
}
#main .how_to_buy .switch_tab_container .map_tab_container ul li .tel_email .tel {
  padding-left: 30px;
  background: url(/Assets/Solar/img/how_to_buy/tel.png) no-repeat left center;
  margin: 5px 0;
}
#main .how_to_buy .switch_tab_container .map_tab_container ul li .tel_email .email {
  padding-left: 30px;
  background: url(/Assets/Solar/img/how_to_buy/email.png) no-repeat left center;
}
#main .how_to_buy .switch_tab_container #switch_a4 .map_tab_container ul li .region-box{
  margin-left: 60px;
  width: 300px;
}
#main .how_to_buy .switch_tab_container #switch_a4 .map_tab_container ul li .introduce + .region-box{
  width: 200px;
}
#main .how_to_buy .switch_tab_container .coming_soon {
  font-size: 28px;
  color: #999999;
  padding: 100px 0;
  text-align: center;
}
#main .how_to_buy .switch_tab_container #switch_a4 .map_tab_container ul{
  padding-bottom: 50px;
}
@media (max-width:1024px){
  #main .how_to_buy .switch_tab_container #switch_a4 .map_tab_container ul li .region-box{
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (max-width:1000px){
  #main .how_to_buy .switch_tab_container #switch_a4 .map_tab_container ul li .region-box{
    width:100%;
  }
  #main .how_to_buy .switch_tab_container #switch_a4 .map_tab_container ul li .introduce + .region-box{
    width: 100%;
  }
  #main .how_to_buy .switch_tab_container #switch_a4 .map_tab_container ul li .introduce p{
    visibility:visible;
    height: auto;
  }
}
@media screen and (max-width: 1260px) {
  #main .c_details .form {
    margin: 0 100px;
  }
  #main .how_to_buy .switch_tab_container .map_tab_container {
    width: 990px;
  }
  #main .how_to_buy .switch_tab_container .map_tab_container ul li .introduce {
    margin: 0 50px;
  }
}
@media screen and (max-width: 1024px) {
  #main .how_to_buy .how_title {
    margin: 0 20px;
    margin-top: 50px;
    font-size: 20px;
  }
  #main .how_to_buy .text_b {
    font-size: 16px;
    line-height: 24px;
    margin: 0 20px;
    margin-bottom: 40px;
    margin-top: 10px;
  }
  #main .how_to_buy .choice {
    padding: 20px;
  }
  #main .how_to_buy .choice .switch .name {
    font-size: 18px;
    float: none;
    width: 100%;
    text-align: center;
  }
  #main .how_to_buy .choice .switch ul {
    width: 100%;
  }
  #main .how_to_buy .choice .switch ul li {
    margin-left: 0;
    width: 100%;
    margin-top: 15px;
  }
  #main .how_to_buy .choice .switch ul li a {
    font-size: 16px;
  }
  #main .how_to_buy .choice .switch.switch2 {
    margin-top: 20px;
  }
  #main .how_to_buy .b_triangle {
    background: url(/Assets/Solar/img/b_triangle2_m.png) bottom center no-repeat;
    width: 30px;
    height: 15px;
  }
  #main .how_to_buy .switch_tab_container .map {
    display: none;
  }
  #main .how_to_buy .switch_tab_container .coming_soon {
    font-size: 24px;
  }
  #main .how_to_buy .switch_tab_container div.drop_down {
    margin: 0 20px;
    margin-top: 30px;
    display: block;
    padding: 0;
  }
  #main .how_to_buy .switch_tab_container div.drop_down .map_bg{
    display: none;
  }
  #main .how_to_buy .switch_tab_container div.drop_down .name {
    float: left;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    color: #000;
    position: relative;
    top: 0;
    left: 0;
  }
  #main .how_to_buy .switch_tab_container div.drop_down .name span{
    display: none;
  }
  #main .how_to_buy .switch_tab_container div.drop_down .select {
    float: left;
    width: 250px;
    position: relative;
    margin-left: 15px;
  }
  #main .how_to_buy .switch_tab_container div.drop_down .select p {
    height: 40px;
    line-height: 40px;
    border: 1px solid #cccccc;
    width: 228px;
    padding: 0 10px;
    font-size: 16px;
    cursor: pointer;
    color: #000;
  }
  #main .how_to_buy .switch_tab_container div.drop_down .select span.icon-down {
    display: block;
    position: absolute;
    background: url(/Assets/Solar/img/contact/triangle_small.png) no-repeat;
    width: 19px;
    height: 14px;
    right: 10px;
    top: 16px;
    z-index: -1;
  }
  #main .how_to_buy .switch_tab_container div.drop_down .select ul.type-down.active {
    display: block;
  }
  #main .how_to_buy .switch_tab_container div.drop_down .select ul.type-down {
    width: 100%;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 20;
    background: #fff;
  }
  #main .how_to_buy .switch_tab_container div.drop_down .select ul.type-down li {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    text-indent: 10px;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
  }
  #main .how_to_buy .switch_tab_container div.drop_down .select ul.type-down li a {
    color: #000;
    display: block;
  }
  #main .how_to_buy .switch_tab_container .map_tab_container {
    width: auto;
  }
  #main .how_to_buy .switch_tab_container .map_tab_container .map_tab_content {
    margin: 0 20px;
  }
  #main .how_to_buy .switch_tab_container .map_tab_container ul li {
    margin-top: 60px;
  }
  #main .how_to_buy .switch_tab_container .map_tab_container ul li .left_logo {
    float: none;
  }
  #main .how_to_buy .switch_tab_container .map_tab_container ul li .introduce {
    float: none;
    margin: 0;
  }
  #main .how_to_buy .switch_tab_container .map_tab_container ul li .introduce .in_title {
    font-size: 20px;
  }
  #main .how_to_buy .switch_tab_container .map_tab_container ul li .tel_email {
    margin-top: 30px;
  }
  #main .c_details .form {
    margin: 0 20px;
  }
  #main .c_details .form .for_title {
    margin-top: 30px;
  }
}


.sign-checkbox {
	margin-top:15px;
	color: #797979;
    font-size: 14px;
}
.sign-checkbox > div{
	margin:15px 0;
}
.sign-checkbox input{
	-webkit-appearance: radio;
	width: 18px;
	height: 18px;
	display: inline-block;
	vertical-align: -3px;
	margin-right: 5px;
}
.sign-checkbox > div span{
	margin-right:20px;
}


@media screen and (max-width: 1260px) {
  #main .how_to_buy .choice .switch .name {
    font-size: 25px;
    float: left;
    width: 100%;
    margin-bottom: 20px;
  }
  #main .how_to_buy .choice .switch ul li {
    float: none;
    padding-left: 50px;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px;
}
}


.big-nav-tabs{
  display: block;
  border-bottom: 1px solid #626262;
  padding-bottom: 10px;
  margin: 50px 0 50px;
}
.big-nav-tabs ul{
  display: block;
  letter-spacing: -0.32em;
}
.big-nav-tabs ul li{
  letter-spacing: normal;
  width: 50%;
  display: inline-block;
  position: relative;
  padding: 5px 0;
}
.big-nav-tabs ul li a{
  font-size: 28px;
  color: #333;
  display: block;
  text-align: center;
}
.big-nav-tabs li.active::before{
  border-bottom: 3px solid #f56f6c;
  content: "";
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: -12px;
}
#tabs-a{
  display: none;
}
.titles{
  font-size: 24px;
  line-height: 1.7;
}
.titles +ul{
  margin: 20px 0;
}
.titles +ul li{
  margin: 20px 0;
}
.titles +ul li a{
  color: #f4706b;
  font-size: 22px;
  line-height: 1.7;
}
.titles +ul li a:hover{
  text-decoration: underline;
}
@media (max-width:1024px){
  .titles{
    padding: 0 15px;
  }
  .titles +ul li a{
    padding: 0 15px;
  }
}
@media (max-width:767px){
  .big-nav-tabs ul li a{
    font-size: 18px;
  }
  .titles{
    font-size: 16px;
  }
  .titles +ul li a{
    font-size: 16px;
  }
}