@charset "utf-8";html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td{margin: 0;padding: 0;font-size: 16px;font-family: "Arial", sans-serif,"PingFang SC", "HanHei SC", "Helvetica Neue", "Microsoft Yahei",微软雅黑, "Helvetica", "STHeitiSC-Light";line-height: 2em}

ul,
ol,
li{list-style: none}
a{color: #5f6061;text-decoration: none}
a:hover{text-decoration: none;-webkit-transition: background-color .2s ease;-moz-transition: background-color .2s ease;-ms-transition: background-color .2s ease;-o-transition: background-color .2s ease;transition: background-color .2s ease}
.tac { text-align: center; }
.left{float: left}
.right{float: right}
.hide{display: none}
.lazy{background: url("../images/loading.gif") 50% 50% no-repeat}
.back2top{display: block;width: 43px;height: 43px;background: url("../images/back2top.png") no-repeat;position: fixed;right: 3.5%;bottom: 15%;opacity: .33;z-index: 99}
.back2top:hover{opacity: 1}


.fullSlide{position: relative;margin: 0 auto}
.fullSlide2{display: none}
.slide{position: relative;margin: 0 auto}
.slide .bd{position: relative;z-index: 0;overflow: hidden}
.slide .bd li img{width: 100%;vertical-align: top}
.slide .hd{position: relative;z-index: 1;margin-top: -60px;height: 30px;line-height: 30px;text-align: center}
.slide .hd ul{text-align: center}
.slide .hd ul li{cursor: pointer;display: inline-block;*display: inline;zoom: 1;width: 14px;height: 14px;margin: 5px;overflow: hidden;font-size: 0;background-color: #fff;border-radius: 50%}
.slide .hd ul .on{background-color: #ff0}
.slide .prev,
.slide .next{z-index: 1;display: block;width: 53px;height: 14px;position: relative;float: left;background: url("../images/arrow.png") 0 0 no-repeat;filter: alpha(opacity=40);opacity: .4;position: absolute;top: 50%;margin-top: -7px}
.slide .prev{left: 2.1%;margin-left: 10px}
.slide .next{background-position: right 0;right: 2.1%;margin-right: 10px}
.slide .prev:hover,
.slide .next:hover{filter: alpha(opacity=80);opacity: .8}
.banner{width: 100%;position: relative;z-index: 1;overflow: hidden}
.banner .bd ul{width: 100% !important}
.banner .bd li{width: 100% !important;height: 913px;background-position: center 0;background-attachment: fixed;background-repeat: no-repeat;min-width: 1200px}
.banner .bd li a{display: block;width: 1400px;margin: 0 auto;height: 100%}
.banner .hd{position: fixed;left: 0;top: 850px;z-index: 1;width: 100%;overflow: hidden}
.banner .hd ul{text-align: center}
.banner .hd ul li{cursor: pointer;display: inline-block;*display: inline;zoom: 1;width: 10px;height: 10px;margin: 5px;overflow: hidden;font-size: 0;background-color: #fff;border-radius: 50%}
.banner .hd ul .on{background-color: #ff0}
.banner .prev,
.banner .next{z-index: 1;display: block;width: 53px;height: 44px;position: relative;float: left;background: url("../images/arrow.png") 0 center no-repeat;filter: alpha(opacity=40);opacity: .4;position: absolute;top: 50%;margin-top: -22px}
.banner .prev{left: 2.1%;margin-left: 10px}
.banner .next{background-position: right 0;right: 2.1%;margin-right: 10px}
.banner .prev:hover,
.banner .next:hover{filter: alpha(opacity=80);opacity: .8}

.banner .arrow {
	position: absolute;
	top: 25%;
	margin-top: 0;
	width: 100px;
	height: 50%;
	padding: 0;
	cursor: pointer;
}

.banner .arrow span, .banner .arrow span:after, .banner .arrow span:before
	{
	position: absolute;
	top: 50%;
	height: 2px;
	background-color: #fff;
	border-radius: 1px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

.banner .arrow span {
	margin-top: -1px;
	width: 0
}

.banner .arrow span:after, .banner .arrow span:before {
	content: "";
	width: 30px
}

.banner .arrow.btn-prev span {
	left: 50%;
	margin-left: -10px
}

.banner .arrow.btn-prev span:before {
	left: 0;
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left
}

.banner .arrow.btn-prev span:after {
	left: 0;
	top: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left
}

.banner .arrow.btn-next span {
	right: 50%;
	margin-right: -10px
}

.banner .arrow.btn-next span:before {
	right: 0;
	bottom: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: right;
	-ms-transform-origin: right;
	transform-origin: right
}

.banner .arrow.btn-next span:after {
	right: 0;
	top: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: right;
	-ms-transform-origin: right;
	transform-origin: right
}

.banner .arrow:hover span {
	width: 40px
}

.banner .arrow:hover.btn-prev span {
	margin-left: -20px
}

.banner .arrow:hover.btn-next span {
	margin-right: -20px
}

.banner .btn-next {
	right: 2.1%
}

.banner .btn-prev {
	left: 2.1%
}


@media screen and (max-width:1920px){

.header-small{height: 40px}
/*.header-small .logo img{height: 19px;}*/
.header-small .header-in{margin: 5px auto}
.fullSlide .hd{margin-top: -50px}
.fullSlide .hd ul li{width: 10px;height: 10px}


}
@media screen and (max-width:1440px){.banner .bd li{height: 513px;background-size: 1440px 513px}


}
@media screen and (max-width:1200px){.warp2 ul li{width: 50%;float: left;position: relative;overflow: hidden}

.banner .bd li a{width: 1000px}

}
@media screen and (max-width:750px){/*.footer{display: none}*/
.banner{display: none}
.slide .hd{margin-top: -30px}
.slide .hd ul li{width: 7px;height: 7px}
.slide .prev, .slide .next{width: 25px;height: 14px}
/*.footer,*/ .warp4, .warp3, .service{display: none}
.fullSlide{display: none}
.fullSlide2{display: block !important}
/*.back2top{display: none !important}*/
/*.t-footer{display: block;width: 94%;margin: 35px auto 0}*/
.t-footer .t-footer-bottom .left{width: 55%}
.t-footer-top{font-size: 24px;height: 40px;line-height: 40px}
.t-back2top{display: block;width: 30px;height: 30px;background: url("../images/back2top.png") no-repeat;background-size: 30px}

}