﻿body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,div{margin:0;padding:0;border:0;}
li,ul{ list-style:none;}
table,td{margin:0px;padding:0px;}
.mainPage{ width:960px; margin:0px auto;}
.topdiv{ width:960px;}
.mainPage .titlediv{ width:960px; height:44px; background:url(../images/bgitemtitle.jpg);}
.mainPage .titlediv .leftdiv{ float:left; width:219px; height:44px;}
.mainPage .titlediv .rightdiv{ float:right; width:741px; height:44px;}
.mainPage .titlediv .rightdiv #name{ margin-left:20px;}
.mainPage .titlediv .rightdiv #name h1{ font-size:22px;  width:700px; padding-top:0px;  height:1.5em;word-wrap : break-word ;  font-family:Arial;}
.mainPage .itempic{ width:960px; background-color:#5269b7; overflow:hidden;}
.mainPage .itempic .itempicdiv{ width:942px; margin:10px auto; background-color:#fff; overflow:hidden;}
.mainPage .itempic .itempicdiv .itemdiv{ width:858px; margin:38px auto;}
.mainPage .middlediv{ width:960px; height:40px;}
.mainPage .detail{ background-color:#5269b7; width:960px; overflow:hidden; padding-bottom: 6px;}
.mainPage .detail .bgdtitle{ background:url(../images/bgdescription.jpg); width:943px; height:44px; margin:6px auto 0px;}
.mainPage .detail .ddescript{ width:944px; margin:0px auto; background-color:#fff; overflow:hidden;}
.mainPage .detail .ddescript #userdefined{ margin:40px 43px; font-family:Arial;}

#tab1, #tab2, #tab3, #tab4, #tab5{ margin:0px auto; width: 944px; background-color:#fff;}
ul.tablinks{height: 38px; width: 916px; display: block; background-color:#1d2b83; margin:0px auto;}
ul.tablinks li {display: inline; float: left; margin-right:90px; margin-left:20px; cursor:pointer;}
ul.tablinks a, ul.tablinks span
{
    color:#fff;
    padding-top: 12px;
    text-indent: 10px;
    text-transform: uppercase;
    height: 26px;
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 16px;
    text-decoration: none;
    text-align:center;
    font-family:Arial;
}
ul.tablinks span, ul.tablinks a:hover { color: #ffcc00;}
ul.tablinks a {color: #FFFFFF;}
.menudiv2{ background-color: #FFFFFF; padding-top: 20px; width: 916px; margin:0px auto; padding-bottom: 12px;}
.menudiv2 div { font-family: Arial; font-weight: bold; font-size:12px; line-height: 20px; padding-top:10px; margin-left:8px; width:876px;}


/* ---------------------- productImg-Start ---------------------- */
.productImg{margin:0;padding:0;}
.productImg .mbct_cnt{width:96%;padding:1.9%;margin-top:15px;border:1px solid #eee;}
/**/
#goods_preview{text-align:center;width:858px;position:relative;margin-top:20px;}
.goods_jqzoom{height:650px;position:relative;text-align:center;width:650px;padding:0;border:1px solid #202d84;margin:0 auto;}
.goods_zoomdiv img{max-width:800px;}
.goods_zoomdiv{background:#fff;border:1px solid #e4e4e4;display:none;height:333px;left:-100px !important;overflow:hidden;position:absolute;text-align:center;top:530px !important;width:415px;z-index:1000;}
#goods_spec_n5{overflow:hidden;width:858px;text-align:left;padding-top:10px;}
#goods_spec_list{display:inline;overflow:hidden;width:858px;text-align:left;}
#goods_spec_list .goods_list_h{width:858px;}
#goods_spec_list .goods_list_h li{display:inline-block;width:260px;margin-bottom:10px;margin-left:15px;}
#goods_spec_list .goods_list_h li img{border:1px solid #f3f3f3;height:260px;width:260px;}
#goods_spec_list div{margin:0;paddng:0;}
.goods_bigimg{height:800px;width:800px;}
.goods_jqZoomPup{background:#000;filter:alpha(opacity=20);-moz-opacity:0.2;opacity:0.2;cursor:move;width:50px;height:50px;left:0;position:absolute;top:0;visibility:hidden;z-index:10;}
/**/
.goods_font{position:relative;right:0;top:0px;width:858px;height:auto; margin:0 auto;}
.goods_font .font{font-size:16px;color:#333;line-height:24px;text-align:left;}
/**/
.btnbox{margin:0;padding:0;}
.btnbox .buybtn{background:#5269b7;width:100%;text-align:center;height:30px;line-height:30px;color:#fff;font-size:16px;display:inline-block; text-decoration:none; font-size:18px;font-weight:600; font-family:Microsoft YaHei;}
.btnbox .buybtn:hover{background:#0b2353;text-decoration:none;}
.btnbox .likebtn{font-size:16px;color:#d00e1d;font-weight:normal;width:100%;display:inline-block;padding-top:10px;text-align:right; font-family:Microsoft YaHei; text-decoration:none;}
/* ---------------------- productImg-End---------------------- */

/* 清浮动_1 */
.clearfix:after{content:"";display:block;height:0;clear:both;}
.clearfix{zoom:1;}
.fl{float:left!important;}
.fr{float:right!important;}
.wrap{width:1030px;margin:0px auto;}
/**/
/* ---------------------- allProductsStart ---------------------- */
.allProducts{margin:0px auto;}
.weproduct{margin-top:20px;width:1030px;overflow:hidden;}
.weproduct ul{width:1100px;margin:0;padding:0;}
.weproduct ul li{width:230px;margin-bottom:30px;margin-right:12px; list-style:none;}
.weproduct ul li a:hover{text-decoration:underline;color:#333;}
.weproduct ul li img{border:1px solid #eee;width:230px;height:230px;}
.weproduct ul li span{overflow:hidden;display:block;font-size:12px;line-height:18px;color:#616161;margin:5px 0;word-wrap:break-word;word-break:break-all;height:35px;text-align:left;}
.weproduct ul li strong b{font-size:12px;font-weight:bold;color:#333;}
.weproduct ul li strong i{font-size:12px;}
.weproduct ul li strong i a{display:inline-block;font-weight:normal;color:#a90307;}
.weproduct ul li strong i a:hover{text-decoration:underline;}
.weproduct ul li strong i em{color:#333;margin:0px 4px;}
/* ---------------------- allProductsEnd ---------------------- */
/* ---------------------- titStart ---------------------- */
.titsbody{border-bottom:2px solid ##5269b7; font-size:18px; font-family:Microsoft YaHei; font-weight:900;background:url(../images/like.png);}
.titsbtn{padding-right:35px;height:40px;line-height:40px;display:inline-block; repeat-x right;font-size:18px;color:#FFF;}
.titsbtn em{float:left;padding-left:10px;height:40px;line-height:40px;display:inline-block;}
/* ---------------------- titEnd ---------------------- */

/*heardboxStart*/
.heardbox{height:70px;border:1px solid #eee; margin-bottom:30px; margin-top:15px;}
.logobox{width:190px;text-align:center;padding-top:8px;}
.searchbox{text-align:left;padding-top:20px;padding-left:0px;}
.searchbox a{ display:block; width:100%; height:35px; text-decoration:none; color:#666; border:1px solid #5269b7; background-color:#5269b7; color:#FFF; border-radius:5px;}
.searchbox a:hover{ border:1px solid #333;}
.searchfrom{padding:7px 5px 7px 10px;width:440px;position:relative;}
.searchfrom i{ float:right; display:inline-block;}
.searchfrom .inp{border:none;width:100%;background:#f5f5f5;color:#666;font-size:12px; outline:none;}
.searchfrom .btn{cursor:pointer;position:absolute;right:10px;top:6px;background:url(../images/icon_search.png) no-repeat;width:18px;height:18px;display:inline-block;border:none;}
.likebox{padding-top:22px;padding-right:0px;}
.likebox a{cursor:pointer;height:20px;line-height:20px;width:auto;margin-right:20px;display:inline-block;padding-left:24px;font-size:14px;color:#666; text-decoration:none; }
.likebox a.lx_a{background:url(../images/icon_like.png) no-repeat;}
.likebox a.lx_b{background:url(../images/icon_txt.png) no-repeat;}
.likebox a.lx_c{background:url(../images/icon_us.png) no-repeat;}
/*heardboxEnd*/
/*phone_change-start2017-11-30*/
.descriptionTable{
	background:#000;
	width:432;
	}
.descriptionTable tbody{
	background:#fff;
	}
.descriptionTable tbody tr .descriptionTableTitle{
	 width:109px;
	}
.descriptionTable tbody tr .descriptionTableTxt{
	 width:323px;
	}
.tfree_tabs{
	padding:0;border-collapse:collapse;border-spacing:0;width:100%;font-family:Microsoft YaHei;
	border:1px solid #dedede;background:#eee;margin:0 auto;margin-bottom:20px;margin-top:20px;vertical-align:middle;
}
.tfree_tabs tr th{
	border-right:1px solid #dedede;border-bottom:1px solid #dedede;color:#999;
	padding:2px 20px;height:40px;line-height:40px;font-size:14px;font-weight:bold;vertical-align:middle;
}
.tfree_tabs tr td{
	border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;background:#fff;
	line-height:20px;font-size:14px;color:#666;font-weight:normal;text-align:left;vertical-align:middle;
	height:40px;line-height:20px;
}
.spanicon{height:20px;width:20px;display:inline-block;vertical-align:top;margin-right:5px;}
.spanicon img{width:20px;height:20px;display:inline-block;}
.tdheadFeedback{ background-color: #EEEEEE; border-bottom: 1px solid #CCCCCC;}
/*phone_change-end*/
/**/
#userdefined .userself ul{ list-style-type:inherit;}
#userdefined .userself ul li{ list-style-type:inherit; margin-left:24px;}


/*switch content*/
main {
  min-width: 320px;
  max-width: 844px;
  padding: 50px;
  margin: 0 auto;
  background: #fff;
  margin-top:18px;
  padding-top:20px;
  text-align:center;
  font-family: Arial;
}
section {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #666;
  background:#FFF;
}
input {
  display: none;
}

label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 8px 25px;
  font-weight: 600;
  text-align: center;
  color:#0d236d;
  border: 1px solid transparent;
  font-size:18px;
  width:16.5%;
}
label:hover {
  color: #888;
  cursor: pointer;
}

input:checked + label {
  color:#333;
  border: 1px solid #666;
  border-top: 2px solid #5269b7;
  border-bottom: 1px solid #fff;
  font-size:18px;

}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
  display: block;
  border:1px solid #666;
  font-size:16px;
   color:#666;
   padding:8px;
   padding-top:20px;
   text-align:left;
}

@media screen and (max-width: 650px) {
  label:before {
	margin: 0;
	font-size: 18px;
  }
}

@media screen and (max-width: 480px) {
  label {
	padding: 15px;
  }
  .mainPage{ width:100%;}
  .mainPage .banner{ display:block; width:100%;}
  .mainPage .banner img{ width:100%;}
  .searchbox{ padding-top:3px; padding-left:25px;}
  .searchfrom{ width:140px;}
  .logobox{ width:150px;}
  .likebox{ padding-top:10px;}
  .heardbox{ height:80px; }
  .mainPage .titlediv{ width:100%; background:url(../images/bgitemtitle_phone.jpg) no-repeat; height:40px; display:none;  }
  .mainPage .titlediv .leftdiv{ width:210px;}
  .mainPage .titlediv .rightdiv{ width:140px; float:left; height:40px; }
  .mainPage .titlediv .rightdiv #name h1{ width:100%; font-size:14px;  word-wrap:break-word; display:none;}
  .mainPage .itempic{ width:100%;}
  .mainPage .itempic .itempicdiv .itemdiv{ width:350px; margin:20px auto;}
  .mainPage .itempic .itempicdiv{ width:350px; }
  #goods_spec_list .goods_list_h{ width:100%;}
  #goods_spec_list .goods_list_h li{ display:block; margin:0 auto; width:300px;}
  #goods_spec_list .goods_list_h li img{ width:300px; height:300px;}
  #goods_preview{ width:350px; }
  .goods_font{  width:350px; }
  #goods_spec_n5{ width:350px;}
  .mainPage .detail{ width:100%;}
  .mainPage .detail .bgdtitle{ width:350px; height:35px;  background:url(../images/bgdescription_phone.jpg) no-repeat;}
  .mainPage .detail .ddescript{ width:350px;}
  .descriptionTable tbody tr .descriptionTableTxt{ width:160px;}
  main{ padding:0px; padding-top:20px; }
  label{ width:auto; font-size:14px;}
  input:checked + label{ font-size:14px;}
  #tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4{ font-size:12px;}
  .tfree_tabs tr tdhead{ width:100px; }
  .tfree_tabs tbody tr{ width:350px;}
  .tfree_tabs tbody tr td span{ width:115px; display:block; word-wrap:break-word; }
  #content1 .contentTable{ width:345px;}
  .weproduct{ width:100%;}
  .weproduct ul{ width:100%; }
  .weproduct ul li{ width:170px; height:265px; margin-left:5px; }
  .weproduct ul li img{ width:170px; height:170px; }
  .phoneIMG{ width:350px;}
}
/*video*/
.video{width: 100%;}
.video-wrap{margin: auto;width: 76%;}
.video-container{
  width: 100%;
  height: 486px;
  background-size: 100% auto;
  background-color: black;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.video-container .btn{
  width: 68px;height: 48px;background:#202120;border-radius: 8px;  display: flex;
  align-items: center;
  justify-content: center;
}
.logo{text-align: right;margin-bottom: 20px;}
.video-container .btn img{width: 20px;}
.video-container:hover .btn{background: #c81c20;}
.video-wrap p{font-size: 30px;font-weight: 600;margin: 30px 0;}
@media only screen and (max-width: 768px){
  .video-wrap{width: 100%;}
}


