/* CSS Document */
/* 外贸狼 做最好的品牌 */
/* 网址：www.waimaolang.cn */
/* QQ：1114759591 */
@charset "utf-8";
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
	list-style: none;
}
body {
  font-family: "Microsoft YaHei",arial;
  font-size: 14px;
  line-height: 25px;
  color: #333333;
  background: #fff url(../images/foreign/bodybj.jpg) no-repeat;
  background-position: center top;
  background-size: 100%;
  margin: 0 auto;
  -webkit-font-smoothing: none; /*chrome、safari*/
  -moz-osx-font-smoothing: grayscale;/*firefox*/
}
*{text-decoration: none; -webkit-font-smoothing: antialiased; }
a:hover,a:focus {
  color: #2a6496;
  text-decoration: none;
}

a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
img{ display:block; padding: 0; margin: 0; max-width:100%; }

video::-internal-media-controls-download-button {
    display:none;
}
video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
video::-webkit-media-controls-panel {
    width: calc(100% + 30px); 
}

.clear{clear: both;}
.left{float: left;}
.right{float: right;}
.content{ max-width:950px; margin: 0 auto;}
.display-flex-b{ display: flex; align-content: center; justify-content: space-between;}
.display-flex-a{display: flex; justify-content: space-around; align-content: center; align-items: center;}
.box-sizing{box-sizing: border-box;}

.margin-5{margin: 5px;}
.margin-10{margin: 10px;}
.margin-15{margin: 15px;}
.margin-20{margin: 20px;}
.margin-tb-5{margin-top: 5px; margin-bottom: 5px;}
.margin-tb-10{margin-top: 10px; margin-bottom: 10px;}
.margin-tb-15{margin-top: 15px; margin-bottom: 15px;}
.margin-tb-20{margin-top: 20px; margin-bottom: 20px;}
.margin-lr-5{margin-left: 5px; margin-right: 5px;}
.margin-lr-10{margin-left: 10px; margin-right: 10px;}
.margin-lr-15{margin-left: 15px; margin-right: 15px;}
.margin-lr-20{margin-left: 20px; margin-right: 20px;}
.margin-t-5{margin-top: 5px;}
.margin-t-10{margin-top: 10px;}
.margin-t-15{margin-top: 15px;}
.margin-t-20{margin-top: 20px;}
.margin-b-5{margin-bottom: 5px;}
.margin-b-10{margin-bottom: 10px;}
.margin-b-15{margin-bottom: 15px;}
.margin-b-20{margin-bottom: 20px;}
.margin-l-5{margin-left: 5px;}
.margin-l-10{margin-left: 10px;}
.margin-l-15{margin-left: 15px;}
.margin-l-20{margin-left: 20px;}
.margin-r-5{margin-right: 5px;}
.margin-r-10{margin-right: 10px;}
.margin-r-15{margin-right: 15px;}
.margin-r-20{margin-right: 20px;}

.padding-5{padding: 5px;}
.padding-10{padding: 10px;}
.padding-15{padding: 15px;}
.padding-20{padding: 20px;}
.padding-tb-5{padding-top: 5px; padding-bottom: 5px;}
.padding-tb-10{padding-top: 10px; padding-bottom: 10px;}
.padding-tb-15{padding-top: 15px; padding-bottom: 15px;}
.padding-tb-20{padding-top: 20px; padding-bottom: 20px;}
.padding-lr-5{padding-left: 5px; padding-right: 5px;}
.padding-lr-10{padding-left: 10px; padding-right: 10px;}
.padding-lr-15{padding-left: 15px; padding-right: 15px;}
.padding-lr-20{padding-left: 20px; padding-right: 20px;}
.padding-t-5{padding-top: 5px;}
.padding-t-10{padding-top: 10px;}
.padding-t-15{padding-top: 15px;}
.padding-t-20{padding-top: 20px;}
.padding-b-5{padding-bottom: 5px;}
.padding-b-10{padding-bottom: 10px;}
.padding-b-15{padding-bottom: 15px;}
.padding-b-20{padding-bottom: 20px;}
.padding-l-5{padding-left: 5px;}
.padding-l-10{padding-left: 10px;}
.padding-l-15{padding-left: 15px;}
.padding-l-20{padding-left: 20px;}
.padding-l-30{padding-left: 30px;}
.padding-r-5{padding-right: 5px;}
.padding-r-10{padding-right: 10px;}
.padding-r-15{padding-right: 15px;}
.padding-r-20{padding-right: 20px;}

.head-top{  width: 90%; margin: 0 auto; padding: 30px 0 25px 0; align-items: center;}
.logo-img{ display: block;}
.logo-linian{display: block;}
.logo-qq{ display: block; font-size: 27px;}
.biao-h1{ font-size: 52px;  text-align: center; font-weight: bold; display: block; line-height: 70px; margin-top: 20px;}
.biao-h2{ font-size: 44px;  text-align: center; font-weight: bold; display: block; line-height: 70px; margin-top: 20px;}
.biao-h3{ font-size: 30px;  text-align: center; font-weight: bold; display: block; line-height: 70px; margin-top: 20px;}
.biao-h4{
	font-size: 38px;
	text-align: center;
	font-weight: bold;
	display: block;
	line-height: 70px;
	margin-top: 20px;
	color: #00F;
}
.fen-list{ background: rgba(234,234,234,0.67); width: 450px; border-radius: 10px; padding: 10px; margin:65px auto 0 auto; }
.fen-list ul{width: 49%; float: left;}
.fen-list ul li{ font-size: 21px; font-weight: bold; line-height: 40px;}
.fen-list ul span{ font-size: 23px; margin-right: 3px;color: #FF0000;}
.lianxi-bj{margin-top:20px; text-align: center;}
.lianxi{ background: #FFF; border: 5px solid #FF0000; padding: 8px 30px; text-align: center; border-radius:25px; font-size: 23px; font-weight: bold; display: inline-block;}
.lianxi-erwei{text-align: center; padding-top: 5px;}
.lianxi-erwei img{ display: inline-block; padding: 0; margin: 0; }
.nav{ background: url(../images/foreign/navbj.png) no-repeat center center; background-size: 100%; height: 59px;}
.nav li{ font-size: 18px; width: 16.6666%; text-align: center;}
.nav li a{color: #333; }
.nei-text{font-size: 20px; color: #fff; line-height: 90px; padding: 0 35px 0 105px; box-sizing: border-box; }

.nei-list00{background: url(../images/foreign/li00.png) no-repeat center center; height: 108px; background-size: 100%;}
.nei-list01{background: url(../images/foreign/li01.png) no-repeat center center; height: 83px; background-size: 100%; }
.nei-list02{background: url(../images/foreign/li02.png) no-repeat center center; height: 91px; background-size: 100%; line-height: 100px !important; }
.nei-list03{background: url(../images/foreign/li03.png) no-repeat center center; height: 91px; background-size: 100%; line-height: 100px !important; }
.nei-list04{background: url(../images/foreign/li04.png) no-repeat center center; height: 91px; background-size: 100%; line-height: 100px !important; }
.nei-list05{background: url(../images/foreign/li05.png) no-repeat center center; height: 91px; background-size: 100%; line-height: 100px !important; }
.nei-list07{background: url(../images/foreign/li07.png) no-repeat center center; height: 91px; background-size: 100%; line-height: 100px !important; }
.nei-list09{background: url(../images/foreign/li09.png) no-repeat center center; height: 91px; background-size: 100%; line-height: 100px !important; }


.nei-bj{background:-webkit-gradient(linear,0% 9%, 0% 100%, from(#f7f7f7), to(#FFFFFF));background:-moz-linear-gradient(0% 0% 270deg, #f7f7f7,#FFFFFF);}
.nei-cnh{  }
.nei-cnh-1{ padding: 15px 15px 15px 50px; width: 70%}
.nei-cnh-1 p{ font-size: 17px; line-height: 35px; }
.yellow-b{ background: #FFFF00; padding: 0 3px; }
.yellow-c{ color: #FFFF00; }
.text-center{ text-align: center; }

.nei-cnh-2{ width: 30%; }
.nei-logo{ display: block; text-align: center; padding-top: 30px; }
.nei-logo img{ display: inline-block; height: auto; }
.nei-cnh-2 p{ text-align: center; font-size: 15px; }
.nei-cnh-text{ box-shadow: 0 0 10px #333333; padding:8px 12px; border-radius: 3px; margin-top: 10px; font-size: 16px; font-weight: bold; }
.nei-cnh-text span{ color: #FF0000; }
.shenme-fox{ font-size: 20px; color: #FD3E13; }
.shenm-con{ padding: 30px 0; width: 825px;  margin: 0 auto; }
.shenme-logo{ width: 20%; }
.shenme-text{ font-size: 19px; color: #000; text-indent: 2em; width: 70%; line-height: 30px; }

.shen-border{ border:1px solid #ccc; }
.vid-width{ width: 825px; margin: 20px auto; }
.vid-logo{ width: 100%; }
.vid-text{ width: auto; margin-top:25px; box-shadow: 0 2px 10px #666666; border-radius: 5px; background:-webkit-gradient(linear,0% 9%, 0% 100%, from(#FFFFFF), to(#FEF5E6));background:-moz-linear-gradient(0% 0% 270deg, #f7f7f7,#FFFFFF); box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.vid-text h3{text-shadow: 0px 0px 3px #fff,1px 1px 5px #f5f3f3,2px 2px 7px #f1f1f1,4px 4px 9px #333; font-size: 20px; color: #F84311; text-align: center;}
.vid-text h4{ padding-top: 10px; font-size: 15px; font-weight: bold; }
.vid-text p{font-size: 15px; padding-left: 10px; line-height: 23px; padding-top: 5px;}

.shipin-cn{width: 850px; margin: 20px auto;}
.shipin-iv img{ display: inline-block; }

.zheng-text{ background-color: #E83D09; font-size: 18px; color: #FFFFFF; border:1px solid #e03807; padding: 12px 25px; border-radius: 10px; line-height: 35px; box-sizing: border-box; }

.about-content{ box-sizing: border-box; }
.about-video{ border:1px solid #ddd; padding: 5px; width: 335px; }
.about-video img{ width: 100%; height: auto; display: block;  }
.about-con{ width: 540px; }
.about-text{ font-size: 16px; line-height: 23px; }
.about-title{ background: url(../images/foreign/about-title.jpg) no-repeat center center; height: 78px; line-height: 78px; text-align: center; font-size: 18px; color: #FF0000; }

.img-tu{ flex-wrap: wrap; }
.img-tu li{ width: 165px; margin-bottom: 5px; }
.img-tu img{ width: 100%; height: 100px; display: block; }
.img-tu p{ font-size: 12px; text-align: center; color: #333; }

.blue-t{ color: blue; }
.gou-text{ padding-right: 50px; padding-left: 50px; }
.gou-text h3{ color: #FA4A00; font-size: 21px; font-weight: normal; margin-top: 15px; margin-bottom: 5px; }
.gou-text p{ font-size: 16px; line-height: 30px;}

.color-red{ color: red; }
.contact-con h3{ margin-bottom: 10px; font-size: 18px; color: #000; }
.contact-con img{ max-width: 100%; height: auto; display: inline-block;}
.contact-ma{ border-right: 3px solid #ccc; width: 180px; height: 225px;}
.contact-tel{ border-right: 3px solid #ccc; width: 200px; height: 225px;}
.contact-tel p{ font-size: 18px; line-height: 28px; color: #000; }
.contact-text{ width: 430px; }
.contact-text p{ font-size: 16px; line-height: 30px;}
.copy-foot{ font-size: 15px; }

.a-liao:hover{ color: #c7c700; }

@media screen and (max-width:769px) and (min-width: 641px){
	.head-top{ display: block; text-align: center;}
	.head-top img{display: inline-block;}
	.head-top div{ margin-top: 12px;}
  .biao-h1{ margin-top: 0px; }
	.biao-h1{ font-size: 30px; }
	.biao-h2{ font-size: 24px; margin-top: 0;}
	.biao-h3{ font-size: 24px; }
	.biao-h4{ font-size: 24px; }
	.fen-list{margin-top: 25px;}
  .lianxi{ font-size: 18px; }
  .nei-list00{ height: 73px; line-height: 63px;}
  .nei-text{ font-size: 15px; padding: 0 25px 0 70px;}
  .nei-cnh-1 p{ font-size: 14px; line-height: 30px;}
  .nei-cnh-1{ padding: 15px 15px 15px 10px; }
  .nei-cnh-2{ padding-right: 10px; }
  .nei-cnh-2 p{ font-size: 12px; }
  .shenm-con{ width: auto; padding:15px 10px;}
  .vid-width{ width: 96%; box-sizing: border-box; padding: 12px;}
  .vid-logo{ float: none; padding-bottom: 20px; width: 100%; text-align: center; }
  .vid-text{ float: none; width: 100%;box-sizing: border-box; }
  .shipin-cn{ padding: 0 10px; box-sizing: border-box; width: auto; }
  .shenme-fox{ font-size: 18px; }
  .zheng2-shu{ align-items: center; padding: 0px 10px; box-sizing: border-box;}
  .zheng2-shu img{ width: 49%; height: auto;  }
  .liao01-padding{ padding: 0; }
  .about-content{}
  .about-video{width: 100%; box-sizing: border-box; float: none;}
  .zheng-text{ margin:0 10px; font-size: 16px; }
  .about-con{ float: none;  width: 100%; padding: 15px 0 12px;}
  .img-tu{ padding: 0 10px; }
  .img-tu li{ width: 48%; height: auto; }
  .img-tu li img{ height: auto; }
  .gou-text{ padding: 0 10px 20px 10px; }
  .gou-text h3{ font-size: 18px; }
  .gou-text p{ font-size: 14px; }
  .contact-ma{ width: 42%; }
  .contact-tel{ width: 42%; border:none; }
  .contact-text{box-sizing: border-box; width: 92%; padding-top: 15px; }
  .copy-foot{ font-size: 12px; }
}

@media screen and (max-width:640px) and (min-width:320px){
  *{ box-sizing: border-box; max-width: 100%;}
  .head-top{ display: block; text-align: center;}
  .head-top img{display: inline-block;}
  .head-top div{ margin-top: 12px;}
  .biao-h1{ font-size: 20px; margin-top: 0px; line-height: 60px; }
  .biao-h2{ font-size: 18px; margin-top: 0;}
  .biao-h3{ font-size: 18px; margin-top: 0;}
  .biao-h4{ font-size: 18px; margin-top: 0;}
  .fen-list{ width: auto; box-sizing: border-box; margin:30px 10px 0 10px;}
  .fen-list ul li{ font-size: 14px; }
  .fen-list ul span{ font-size: 16px; }
  .lianxi{ margin: 0 10px; padding:8px 15px; font-size: 16px;}
  .nav li{ font-size: 12px; }
  .nei-text{ font-size: 14px; padding:0 10px 0 40px; display: block;}
  .nei-text span{ display: block; }
  .nei-text span:nth-child(2){ display: none; }
  .nei-list00,.nei-list01,.nei-list02,.nei-list03,.nei-list04,.nei-list05,.nei-list07,.nei-list09{ line-height:35px !important; background-position: center top;  height: 40px; }
  .nei-cnh-1{ width: 100%; padding:15px 10px; }
  .nei-cnh-1 p{ font-size: 14px; line-height: 28px; }
  .nei-cnh-2{ width: 100%; padding:15px 10px; }
  .shenm-con{ width: 100%; padding: 10px;  box-sizing: border-box;}
  .shenme-logo{ width: 100%; float: left; text-align: center; }
  .shenme-logo img{ width: 80%; display: inline-block; }
  .shenme-text{ width: auto; font-size: 14px; }
  .vid-width{ padding: 5px; margin: 10px; width: auto; box-sizing: border-box;}
  .shenme-fox{ font-size: 14px; padding-left: 10px;}
  .shen-vid{ margin: 0; }
  .vid-logo{ margin:0 0 15px 0; padding-top: 10px; width: auto; float: none;}
  .vid-text{ width: auto; padding: 10px; float: none; margin: 0 5px 15px;}
  .shipin-cn { margin-top: 10px; padding: 0 10px;}
  .shipin-cn .shenme-fox{ margin: 0; padding-left: 0px; }
  .shipin-iv{margin-top: 10px;}
  video{ border:1px solid #ddd; }
  .zheng2-shu{ display: block; padding:0 10px; }
  .zheng2-shu img{ margin-bottom: 10px; }
  .zheng-text{ margin:0 10px; padding: 10px; font-size: 14px; line-height: 28px;}
  .liao01-padding{ padding: 0px; }
  .about-video{width: 100%; box-sizing: border-box; float: none;}
  .about-content{ padding:0 10px; }
  .zheng-text{ margin:0 10px; font-size: 16px; }
  .about-con{ float: none;  width: 100%; padding: 15px 0 12px;}
  .about-title{ background-size: 100%; font-size: 12px; }
  .img-tu{ padding: 0 10px; }
  .img-tu li{ width: 48%; height: auto; }
  .img-tu li img{ height: auto; }
  .gou-text{ padding: 0 10px 20px 10px; }
  .gou-text h3{ font-size: 16px; margin-top: 8px; }
  .gou-text p{ font-size: 14px; }
  .contact-ma{ width: 49%; }
  .contact-tel{ width: 49%; border:none; }
  .contact-tel p{ font-size: 14px; }
  .contact-text p{font-size: 14px;}
  .contact-text{box-sizing: border-box; width: 92%; padding-top: 15px; }
  .copy-foot{ font-size: 12px; }
  .contact-con{ margin: 0 10px; }
}