﻿body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,div{margin:0;padding:0;border:0;}
ul,li{ 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:650px;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{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; float:left;}
.searchbox{text-align:left;padding-top:20px;}
.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*/

/* ---------------------- 2018.1.2 phone add start ---------------------- */
.phBanner{ display:none;}
.boltTable{ width:432px; background:#000; }
.boltTable tbody tr .boltTableTitle{ width:109px;}
.boltTable tbody tr .boltTableContent{ width:323px;}
.feedbackTableTitle { background-color: #EEEEEE; border-bottom: 1px solid #CCCCCC;}
.feedbackTableTitle .tdheadOne{ width:386px; }
.feedbackTableTitle .tdheadTwo{ width:129px; }
.feedbackTableTitle .tdheadThree{ width:149px; }
.tfree_tabs{
	padding:0;border-collapse:collapse;border-spacing:0;width:810px;;font-family:Microsoft YaHei;
	border:1px solid #dedede;background:#eee;margin:0 auto;margin-bottom:20px;
}
.tfree_tabs tr th{
	border-right:1px solid #dedede;border-bottom:1px solid #dedede;color:#999;
	padding:5px 20px;height:40px;line-height:40px;font-size:14px;font-weight:bold;
}
.tfree_tabs tr td{
	border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;background:#fff;padding:10px 20px;
	line-height:20px;font-size:14px;color:#666;font-weight:normal;text-align:left;
}
.spanicon{height:20px;width:20px;display:inline-block;vertical-align:top;margin-right:5px;}
.spanicon img{width:20px;height:20px;display:inline-block;}
.feedbackImg{ width:810px;}
/* ---------------------- 2018.1.2 phone add end ---------------------- */
/**/
.phBanner{ display:none;}
/*add picture*/
.addPicture{ text-align: center; width: 100%;}
.addPicture img{ width: 100%;}
/*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 {
	font-size: 14px;;
  }
  label:before {
	margin: 0;
	font-size: 18px;
  }
}
@media screen and (max-width: 479px) {
  label {
	padding: 10px;
  }
.pcBanner{ display:none;}
.phBanner{ display:block;}
.mainPage{ width:100%; overflow:hidden;  }
.heardbox{ height:auto;}
.logobox{ margin:0 auto; float:none;}
.searchfrom{ width:350px; }
.mainPage .titlediv{ width:100%;}
.mainPage .titlediv .rightdiv{ width:150px; word-wrap:break-word;}
.mainPage .titlediv .rightdiv #name{ margin-left:0px;}
.mainPage .titlediv .rightdiv #name h1{ width:150px; font-size:14px;}
.mainPage .itempic{ width:100%; }
.mainPage .itempic .itempicdiv{ width:100%;}
.mainPage .itempic .itempicdiv .itemdiv{ width:100%;}
#goods_preview{ width:100%;}
.goods_font{ width:100%;}
#goods_spec_n5{ width:100%;}
#goods_spec_list{ width:100%; }
#goods_spec_list .goods_list_h{ width:100%;}
#goods_spec_list .goods_list_h li{ width:346px;}
#goods_spec_list .goods_list_h li img{ width:100%; height:100%;}
.mainPage .detail{ width:100%;}
.mainPage .detail .bgdtitle{ width:100%;}
.mainPage .detail .ddescript{ width:100%;}
.mainPage .detail .ddescript #userdefined{ margin:40px 8px; }
.boltTable{ width:350px; }
.boltTable tbody tr .boltTableTitle{ width:80px;}
.boltTable tbody tr .boltTableContent{ width:200px;}
main{ padding:0px; padding-top:15px;}
#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4{ font-size:12px; }
input:checked + label{ font-size:14px; }
label{ width:auto;}
.tfree_tabs{width:300px; }
.tfree_tabs tr td{ padding:0px; display:table-cell;}
.tfree_tabs tr td span{ display:block; width:110px; word-wrap:break-word;}
.feedbackImg{ width:348px; }
.weproduct{ width:100%;}
.weproduct ul{ width:100%;}
.weproduct ul li{ width:178px; margin-right:0px; margin-left:7px;  }
.weproduct ul li img{ width:175px; height:178px;}
.mainPage .detail .bgdtitle{ background:url(../images/bgdescription_ph.jpg);}
.feedbackall .useImg{ width:350px;}
.scrollDiv p .scrollDivImg{ width:350px;}
.titsbtn{ padding-right:0px;}
/*add picture*/
.addPicture{ text-align: center; width: 100%;}
.addPicture img{ width: 100%;}
}
/*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%;}
}




