/*公共模块*/
@charset "utf-8";
body{
	/*font-family: "SourceHanSansCN","Microsoft YaHei","SimHei",Arial;*/
	font-family: "Microsoft YaHei","SimHei",Arial;
	color: #2f3033;
	height:100%;
}
*{
	margin: 0;
	padding: 0;
}
p{ margin:0; }
/*@font-face {
    font-family: "SourceHanSansCN";

    src: url("../fonts/SourceHanSansCN-Light.otf") format("otf");
	src: url("../fonts/SourceHanSansCN-Light.eot");
	src: url("../fonts/SourceHanSansCN-Light.svg");
	src: url("../fonts/SourceHanSansCN-Light.ttf");

	
    font-style: normal;
    font-weight: normal;
}*/
a,a:hover{ text-decoration: none }
a{ color:#2f3033; }
ul{
	margin: 0;
	list-style:none;
}

.clearboth{
	clear: both;
}
.bold{
	font-weight: bold;
}

input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:   #666666;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #666666;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #666666;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #666666;
}

input.white::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:   #fff;
}
input.white:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
}
input.white::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
}
input.white:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fff;
}
input.othercolor::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:   #ca9404;
}
input.othercolor:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #ca9404;
}
input.othercolor::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #ca9404;
}
input.othercolor:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #ca9404;
}

input:focus{   border:1px solid #ca9404;}
ul,li{ list-style:none; }
.left{ float:left; }
/*title*/
.title{ text-align: center;  }
.title h3{ font-weight: bold; font-size:36px;  margin:0; color: #ca9404;}
.title h4{ font-size:22px; font-weight:normal; }
.title p{ margin:8px 0 0; font-size:20px; color:#2f3033; }
.title h6{ color:#999;  position: relative; padding:0 20px; width:; }
.title h6:after{ position: absolute;  height:1px; top:10px; content: ""; width:500px; left:0; }
.title h6:before{ position: absolute;  height:1px; top:10px; content: ""; width:500px; right:0; }
.container{ width:1200px; margin:0 auto;  position: relative;   }
.fl{ float:left; }
.clear{ clear:both; }
section{
    min-width: 1200px;
}
.right{ float:right;}
.btn{ border:2px solid #fff; display: block; color:#fff; text-align: center; /*transition: all 0.6s;*/ width:240px; height:40px; line-height: 40px; font-size:20px;   }
.btn:hover{ background: #ca9404;  border:2px solid #ca9404; }
.warp{ background: #f4f4f4; }
.bread h4{ font-size:14px; padding-top:38px; }
.bread h4 .col{ color:#ca9404; }

/*导航*/
nav{ height:110px; width:100%; background: transparent;position: absolute;z-index: 10; }
nav .logo{ position: absolute; left:0; top:15px;}
nav h3{ position: absolute; left:120px; padding-left:20px; line-height: 86px; font-size:20px; color:#3a98db; position: absolute;}
nav h3:before{ position: relative; left:-20px; height:60px; border:1px solid #f1f1f1; background: red; content: "";  }
nav .nav{ float:right; }
nav .nav ul li { float:left; padding:0 10px; line-height: 108px; width:90px; position: relative; text-align: center;}
nav .nav ul li:before{ position: absolute; left:0; width:15px; height:3px; background: #ca9404; content:''; bottom:30px; opacity: 0;
transition: all 0.6s}
nav .nav ul li:hover:before{ opacity: 1; left:50px; }
nav .nav ul li.active:before{ opacity: 1; left:50px;  }
nav .nav ul li a{ color:#fff; font-size:16px;}
nav .nav ul li:hover a{ color:#ca9404; }
nav .nav ul li.active a{ color:#ca9404; }

/*底部*/
.foot{  padding:58px 0 0px; background: url(../images/index/foot.jpg); background-size:cover; }
.foot h5{ font-size:36px; padding-bottom:48px; text-align: center; color:#bc8b0b;}
.foot .yqtb{ width:628px; margin:0px auto 60px;   }
.foot .yqtb ul{ margin-left:-90px; }
.foot .yqtb ul li{ position:relative; width:90px; height:90px; text-align: center; color:#fff;  float:left; margin-left:88px;}
.foot .yqtb ul li:before{ position: absolute; width:100%; height:100%; border:1px solid #fff;  transform:rotate(45deg); content: ""; left:0; }
.foot .yqtb ul li h3{ font-size:28px; font-weight:normal; }
.foot .yqtb ul li p{ font-size:14px; }
.foot .yqtb ul li .sanjiao{ margin:18px auto 0;width:0; height:0; border-width:22px; border-style:solid dashed dashed dashed; border-color:#fff transparent transparent transparent; }
.foot .infor .link{ color:#fff; float:left; }
.foot .infor .link h4,.foot .infor .biaodan h4{ font-size:18px; font-weight:normal; color:#fff; padding-bottom:10px; position:relative; text-indent:22px;}
.foot .infor .link h4{ position:relative; }
.foot .infor .link h4::before,.foot .infor .biaodan h4:before{ position:absolute; width:12px; height:2px; background:#fff; content:""; top:10px; left:0;}
.foot .infor .link a{ color:#fff; font-size:14px; display:inline-block;   opacity: 0.8;}
.foot .infor .link1{ width:170px;  }
.foot .infor .link1 a{width:57px; padding:7px 0 0 24px; }
.foot .infor .link2{ width:216px; margin-left:52px; }
.foot .infor .link2 a{ width:86px;  padding:7px 0 0 18px;}
.foot .infor .biaodan{ width:698px;  float:right;}
.foot .infor .biaodan h4{ position:relative; }
.foot .infor .biaodan .p1{ width:340px; float:left; }
.foot .infor .biaodan .input1{ border:1px solid #323235; color:#fff;display: inline-block; float:left; width:160px; height:30px; background:#29292c; text-indent:10px; }
.foot .infor .biaodan .input2{ width:330px; height:30px; color:#fff; background:#29292c; border:1px solid #323235; margin-top:10px; text-indent:10px;}
.foot .infor .biaodan .marginleft{  margin-left:10px; }
.foot .infor .biaodan .p2 textarea{ width:320px; float: left; color:#fff; background:#29292c; border:1px solid #323235; resize: none; height:52px; padding:10px; }
.foot .infor .biaodan select{ width:333px; float: left; color:#666; background:#29292c; border:1px solid #323235; height:30px; padding:0 10px; margin-top:12px; }
.foot .infor .biaodan .btn{ width:160px; height:24px; line-height:20px; font-size:14px; background: none; margin-top:10px;}
.ship{ text-align: center; padding:26px 0 20px; color: #666; font-size:0; border-bottom:1px solid #2f3033; }
.ship a{ color:#fff; display: inline-block; font-size:18px; color: #666; padding:2px 0px 4px 0;  position: relative; margin-right:18px; }
.ship a:hover:before{ position: absolute; content: ''; width:100%; height:1px; background:#bc8b0b; bottom:0px;  }
.ship a:hover{ color:#bc8b0b; }
.ship span{ font-size:18px; }
.adress ul{ text-align: center; color:#666; }
.adress ul li{ display: inline-block; padding:14px 22px; font-size:18px; }
.adress ul li i img{ vertical-align: middle; }
.adress ul li span{ vertical-align: middle; padding-left:6px; }
.icp{   text-align: center; color:#fff; padding:0px 0 20px; line-height:26px; font-size:14px;}
.icp p{ color: #666; font-size:18px;}

.side{ position: fixed; top:50%; margin-top:-250px; right:30px; width:62px; z-index: 99999; }
.side ul li{ width:60px; height:60px; background:#ca9404; text-align: center; margin-top:15px;}
.side ul li a p,.side ul li a span{ color:#fff; margin-top: 4px;} 
.side ul li .img{ height:30px; display: block; text-align: center; padding-top:10px; }
.side ul li .img img{ width:40%; }
.side ul li p{ line-height: 0; font-size:12px; }
.side ul li a span{ font-size:12px; line-height: 0; }
.side ul li:last-child .img{ height:24px;}
.side ul li:last-child .img img{ width:24%; }


/*右侧浮动窗*/

.righttan{
	width:66px;
	height:auto;
	position: fixed;
	z-index: 9999;
	right: 0px;
	top: 200px;
	z-index: 999;
}

.righttan ,.righttan a{
	box-sizing: border-box;
}

.righttan a{
	width:66px;
	height:66px;
	display: block;
	background: #fff;
	border: 1px solid #e3e3e3;
    border-top: none;
    text-decoration: none;
	padding-top: 12px;
	position: relative;
	z-index: 888;
}

.righttan a .ic-1{
	width: 22px;
	height: 22px;
	display: block;
	margin: 0 auto;
	background: url(../images/tan/img1.png) no-repeat center;
}

.righttan a .ic-2{
	width: 20px;
	height: 22px;
	display: block;
	margin: 0 auto;
	background: url(../images/tan/img2.png) no-repeat center;
}

.righttan a:hover .ic-2{
	background: url(../images/tan/img21.png) no-repeat center;
}

.righttan a .ic-3{
	width: 28px;
	height: 22px;
	display: block;
	margin: 0 auto;
	background: url(../images/tan/img3.png) no-repeat center;
}

.righttan a:hover .ic-3{
	background: url(../images/tan/img31.png) no-repeat center;
}

.righttan a .ic-4{
	width: 22px;
	height: 22px;
	display: block;
	margin: 0 auto;
	background: url(../images/tan/img4.png) no-repeat center;
}

.righttan a:hover .ic-4{
	background: url(../images/tan/img41.png) no-repeat center;
}

.righttan a .ic-5{
	width: 22px;
	height: 22px;
	display: block;
	margin: 0 auto;
	background: url(../images/tan/img5.png) no-repeat center;
}

.righttan a:hover .ic-5{
	background: url(../images/tan/img51.png) no-repeat center;
}


.righttan a .ic-6{
	width: 22px;
	height: 22px;
	display: block;
	margin: 0 auto;
	background: url(../images/tan/img6.png) no-repeat center;
}

.righttan a:hover .ic-6{
	background: url(../images/tan/img61.png) no-repeat center;
}

.righttan a .ic-7{
	width: 21px;
	height: 22px;
	display: block;
	margin: 0 auto;
	background: url(../images/tan/img7.png) no-repeat center;
}

.righttan a:hover .ic-7{
	background: url(../images/tan/img71.png) no-repeat center;
}

.righttan a p{
	font-size: 12px;
	color: #000;
	text-align: center;
	margin-top: 6px;
}

.righttan .back-top{
	width:66px;
	height:66px;
	position: relative;
	z-index: 888;
	cursor: pointer;
}

.righttan a.on , 
.righttan a:hover{
	background:#f1801b;
	border-left: 1px solid #f1801b;
	border-right: 1px solid #f1801b;
}

.righttan a.on p,
.righttan a:hover p{
	color: #fff;
}

.righttan .tphone{
    position: absolute;
    width: 0px;
    height: 66px;
    right: 72px;
    top: -1px;
    line-height: 66px;
    background: #f1801b;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    z-index: 777;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	overflow: hidden;
}

.righttan .hua:hover div{
	width: 150px;
}

.righttan a.bornone{
	border: none;
}



/*分页*/
.page{ text-align: center; }

/*分享*/
.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{ background-image:url(../images/new/share.png);  }
.bdshare-button-style0-16 a:hover{opacity:0;}