/* CSS Document */
*{ padding:0px; margin:0px; outline: 0 none;}
a{ text-decoration:none; color:#666; transition:all 0.5s ease 0s;}
a:hover{ color:#b73b1e;}
ul { list-style-type:none; }
li { vertical-align:bottom; zoom:1;}
img{ border:0px;}
select{font-family:"微软雅黑"; color:#666; font-size:12px; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
textarea{font-family:"微软雅黑"; color:#666; font-size:12px; outline: none; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
table{ border-collapse:collapse; border-spacing:0px;}
th,td{padding:0;}
input{ vertical-align:middle; outline:none; font-size:12px; font-family:"微软雅黑"; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.clearfix:before,.clearfix:after{ content:" "; display:block; height:0; visibility:hidden; clear:both; overflow:hidden;}
.clearfix{zoom:1;}
.clearfix:after{clear:both;}
.hidden { display: none; }
h1,h2,h3,h4,h5,h6{ font-weight:normal; font-size: inherit}
em,i{ font-style: normal;}
.fl{float:left;}
.fr{float:right;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}

body{ font-family:"微软雅黑"; background:#fff; color:#666; margin:0px auto; font-size:12px; overflow-x:hidden;}

.swiper-wrapper{}
.in_banner { position:relative; height:100vh;}
.in_banner .swiper-slide { height:100%; position:relative; background-size:cover; background-position:top center;}
.in_banner .swiper-slide img{ width:470px;}
.in_banner .swiper-slide .ani{ width:80%; left:10%; bottom:30%; color:#fff; display:block; position:absolute; font-size:60px; background:url(../images/about_hx1.png) no-repeat left bottom; background-size:550px; padding-bottom:10px;}
.in_banner .swiper-pagination-bullet{ background:#fff; width:12px; height:12px; opacity:0.8;}
.in_banner .swiper-pagination-bullet-active{ background:#b73b1e; opacity:1;}

.dh{ position:absolute; width:100%; top:0px; left:0px; z-index:10;}
.dh .logo{ margin-left:10%; padding:28px 0px;}
.dh .logo img{ width:180px;}

.dh .logo1{ padding-top:28px; float:left;}
.dh .logo1 img{ width:180px;}

.dh .logo2{padding:20px 0px; display:none;}

.ny_dh{ position:relative; height:106px; box-shadow:0px 0px 8px #999;}

.righteject { position:absolute; z-index:10; top:0px; height:100%; width:100%;}
.rightejecttit {text-align:center; display:block; position:absolute; top:40px; right:10%; cursor:pointer;}
.rightejecttit span{transform:rotate(0deg); width:23px; display:inline-block; height:23px;  transition:all 0.3s ease 0s; background:url(../images/open2.png) no-repeat center center; background-size:90%;}
.rightejectcon { width:100%; position:absolute; top:-110px; right:0%; overflow:hidden; background-color:#fff;}
.rightejectcon1{ width:80%; margin-left:10%;}

.rightejectcon1 .fdh{ padding-left:0px; width:60%; float:left; margin-top:28px;}
.rightejectcon1 .fdh li{ float:left; height:50px; line-height:50px; margin:0px 0px 0px 80px; position:relative;}
.rightejectcon1 .fdh li a{ display:block; font-size:17px;}

.rightejectcon1 .fdh li .xdh{ position:absolute; top:35px; left:0px; display:none;transform:translateY(10px); transition:all 0.5s ease 0s; width:500px;}
.rightejectcon1 .fdh li .xdh a{ display:inline-block; font-size:14px; line-height:24px; padding-right:15px;}

.rightejectcon1 .fdh li:hover .xdh{ display:block; transform:translateY(0px); transition:all 0.5s ease 0s;}
.rightejectcon1 .fdh li:hover a{ color:#b73b1e;}
.rightejectcon1 .fdh li:hover .xdh a{ color:#666;}
.rightejectcon1 .fdh li:hover .xdh a:hover{color:#b73b1e;}

.rightejectcon1 .search{ padding-right:60px; float:right; height:106px; line-height:106px; font-size:14px; white-space:nowrap;}
.rightejectcon1 .search img{ vertical-align:middle; margin-left:15px; width:14px; height:auto;}

.rightejecttit span { position:relative; display:block; z-index:100;}
.rightejectthis span {transform:rotate(90deg); background:url(../images/close.png) no-repeat; width:23px; display:inline-block; background-size:cover; height:23px;  transition:all 0.3s ease 0s; margin-top:3px;}

.ny_dh .rightejecttit span{transform:rotate(0deg); width:23px; display:inline-block; height:23px;  transition:all 0.3s ease 0s; background:url(../images/open2.png) no-repeat; background-size:90%; margin-top:3px;}
.ny_dh .rightejectthis span {transform:rotate(90deg); background:url(../images/close.png) no-repeat; width:23px; display:inline-block; background-size:cover; height:23px;  transition:all 0.3s ease 0s;}
.phone-header{
	display: none;
	width: 100%;
}
.phone-header-box{
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
}
.phone-header h1{
	line-height: 20px;
	margin: 0 0 0 15px;
}
.phone-header .menu-push{
	position: absolute;
	right: 0;
	top:0;
	width: 25px;
	height:36px;
	padding: 20px 13px 0;
	z-index: 999;
}
.phone-header .menu-push.fixed{
	position: fixed;
	background: rgba(255,255,255,.8);
}
.phone-header .menu-push.fixed.menu-open{
	width: 100%;
	background: rgba(255,255,255,1);
}
.phone-header .menu-push .push-line{
	float: right;
	width: 25px;
	height: 25px;
}
.phone-header .menu-push .line{
	display: block;
	width: 20px;
	height: 3px;
	margin-bottom: 4px;
	background: #b73b1e;
	overflow: hidden;
	transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.phone-header .menu-push .line-2{ margin-left:5px;}
.phone-header .menu-push.menu-open{}
.phone-header .menu-push.menu-open .line{
	background: #b73b1e;
}
.phone-header .menu-push.menu-open  .line-1{
	width: 20px;
	transform: translate(0px, 7px) rotate(45deg);
	-webkit-transform: translate(0px, 7px) rotate(45deg);
	-moz-transform: translate(0px, 7px) rotate(45deg);
	-o-transform: translate(0px, 7px) rotate(45deg);
}
.phone-header .menu-push.menu-open  .line-2{
	 width: 0px;
	 transform: translateX(27px);
	 -webkit-transform: translateX(27px);
	 -moz-transform: translateX(27px);
	 -o-transform: translateX(27px);
}
.phone-header .menu-push.menu-open  .line-3{
	width: 20px;
	transform: translate(0px, -7px) rotate(-45deg);
	-webkit-transform: translate(0px, -7px) rotate(-45deg);
	-moz-transform: translate(0px, -7px) rotate(-45deg);
	-o-transform: translate(0px, -7px) rotate(-45deg);
}
.phone-header .menu-list{
	position: absolute;
	left: 0;
	top:56px;
	width: 100%;
	z-index:1000;
	display: none;
}
.phone-header .menu-list form .choose{
	padding: 16px 15px 11px;
	background: #fff;
	box-shadow: 0px 3px 3px #f1f1f1 inset;
}
.phone-header .menu-list form .choose a{
	float: left;
	font-size: 12px;
	color: #666666;
	line-height: 12px;
}
.phone-header .menu-list form .choose i{
	float: left;
	width: 1px;
	height: 7px;
	margin: 3px 27px 0;
	background: #c2c1c1;
}
.phone-header .menu-list form .choose a.on{
	color: #ff0000;
}
.phone-header .menu-list .form{
	height: 33px;
	background: #e9e9e9;
}
.phone-header .menu-list form input{
	float: left;
}
.phone-header .menu-list form .text{
	width: 80%;
	height: 33px;
	line-height: 33px;
	border: none;
	padding-left: 15px;
	background: #e9e9e9;
}
.phone-header .menu-list form .search{
	height: 33px;
	width: 33px;
	margin-right: 15px;
	float: right;
	border: none;
	background: #e9e9e9 url(../img/form_ico.png) no-repeat center center;
	background-size: 15px 15px;
}
.phone-header .menu-list ul{
	border-top: 1px solid #e5e5e5;
	float: none;
	overflow: auto;
}
.phone-header .menu-list li{
	float: none;
	background: #ffffff;
	padding: 0;
	margin: 0;
}
.phone-header .menu-list li{
	display: block;
	line-height: 43px;
	font-size: 15px;
	color: #333333;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
}
.phone-header .menu-list li a{ display:block;}
.phone-header .menu-list li span{ display:block; text-align:center; font-size:14px; color:#00ace5;}
.phone-header .menu-list li span a{ display:inline-block;}
.phone-header .menu-list li a.z1{
	display: block;
	height: 43px;
	line-height: 43px;
	font-size: 15px;
	color: #333333;
	padding: 0 15px;
	position: relative;
}
.phone-header .menu-list li .z1 i{
	position: absolute;
	right: 15px;
	top: 14px;
	width: 17px;
	height: 17px;
	background: url(../images/menu_list1.png) no-repeat right center;
	background-size: 17px 17px;
}
.phone-header .menu-list li .z1.active{
	color: #333;
	border-color: transparent;
}
.phone-header .menu-list li .z1.active i{
	background-image: url(../images/menu_list2.png);
}
.phone-header .menu-list li .z{padding: 0 15px;}
.phone-header .menu-list li .z i{
	position: absolute;
	right: 15px;
	top: 14px;
	width: 17px;
	height: 17px;
	background: url(../images/menu_list.png) no-repeat right center;
	background-size: 17px 17px;
}

.phone-header .menu-list li dl{
	display: none;
	margin: 0;
}
.phone-header .menu-list li dd{

}
.phone-header .menu-list li dd a{
	padding: 0 15px;
	background: #f5f5f5;
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	color: #7c7c7c;
}

.phone-header .menu-list .search{ background:#fff; padding:16px 0px; font-size:15px; text-align:center;}
.phone-header .menu-list .search img{ vertical-align:middle; margin:0px 10px;}



.reveal-modal-bg {

	z-index: 1000;
	display: none;
	top: 0;
	left: 0;
	background:rgba(0,0,0,0.6);
	position:fixed;
	width:100%; height:100%;
}

.reveal-modal {
	visibility: hidden;
	top:0px !important;
	padding:5%;
	bottom:0px;
	width:90%;
	position:fixed;
	z-index: 1001;
	background:rgba(0,0,0,1.00);
}
.reveal-modal .cent-form{
    position: absolute;
    width: 94.8%;
    left: 2.6%;
    top: 50%;
    height: 124px;
    margin-top: -63px;
    border-bottom: 1px solid #515151;}

.reveal-modal .tex {
border: none;
    font-size: 66px;
    height: 124px;
    line-height: 124px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    color: #555;
    padding-left: 88px;
    padding-right: 80px;
    background: url(../images/ico_36.png) no-repeat 35px 60px;
}
.reveal-modal .sub-butn {
border: none;
    height: 100px;
    margin-top: 24px;
    font-size: 24px;
    line-height: 100px;
    color: #555;
    background: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    text-align: center;
}

.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}

.reveal-modal .close-reveal-modal {
	font-size:50px;
	line-height: .5;
	position:fixed;
	top: 8px;
	right: 11px;
	color: #aaa;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: bold;
	cursor: pointer;
}


.in_product{ width:80%; margin-left:10%;}
.in_product .bt{ padding:40px 0px; font-size:17px; color:#ba3a1d; font-weight:bold;}

.bigmap1{ width:80%; position:fixed; top:30%; left:10%;}


.reveal-modal1 {
	visibility: hidden;
	top:30% !important;
	left:10%;
	width:80%;
	position:fixed;
	background:rgba(0,0,0,0.6);
	z-index: 1001;
}
.reveal-modal1 .cent-form{
    position: absolute;
    width: 94.8%;
    left: 2.6%;
    top: 50%;
    height: 124px;
    margin-top: -63px;
    border-bottom: 1px solid #515151;}

.reveal-modal1 .close-reveal-modal {
	border: 2px solid #fff;
	background:#333;
    width: 25px;
    height: 25px;
    border-radius: 50%;
	color:#e6b10e;
	position:absolute; right:-10px; top:-10px;
	font-size:25px; text-align:center; line-height:23px;
	cursor: pointer;
}

.in_product_t{ background:#fff;}
.in_product_t .img{ height:430px; float:left; width:50%; background-repeat:no-repeat; background-position:center center; position:relative;}
.in_product_t .img img{ height:50px; position:absolute; top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    max-width: 100%;
    padding: 0px 10%;}
.in_product_t .nr{ width:50%; height:430px; float:right; box-sizing:border-box; padding:5%;}

.PopupText{}
.PopupText1{ height:250px; line-height:24px;}
.PopupText_an{height: 40px; line-height:40px; margin-top:30px; width:80%;
    font-size:14px; border: 2px solid #e6b10e;
    text-align: center;
    color: #e6b10e;
	display:block;}
.PopupText_an:hover{ background:#e6b10e; color:#fff;}

.zl-scrollBarBox{
    height:100%;
    position:absolute;
    background:#f3f3f3;
}
.zl-scrollBar{
    position:absolute;
    left:0;
    top:0;
    background:#848484;
    transition:background 0.3s;
}
.zl-scrollBar.zl-verticalBar{
    min-height:10px;
}

.zl-scrollBar.zl-horizontalBar{
    min-width:10px;
}
.zl-scrollBar:hover{
    background:#000;
}
.zl-scrollContentDiv{
    position:relative !important;
    width:100% !important;
    height:100% !important;
    padding:0 !important;
    margin:0 !important;
    top:0;
    left:0;
}

.scrollBox{
    width:calc(50% - 20px);
    float:left;
    border:1px solid #e8e8e8;
    background:#FFF;
    box-sizing:border-box;
    margin:10px 0 10px 10px;
    height:calc(50% - 15px);
    overflow:auto;
    padding:10px;
}


.in_about{ margin:0px auto;}
.in_about .bt{padding:40px 0px; letter-spacing: 2px; font-size:17px; color:#ba3a1d; font-weight:bold; width:80%; margin:0px auto;}
.in_about1{ width:80%; margin:0px auto; padding-bottom:30px;}
.in_about1 p{ font-size:15px; color:#333; line-height:28px;}
.in_about1_x{ width:40%; display:block; padding:30px 0px;}
.in_about1_x img{ width:100%;}
.in_about2{ height:730px; background-position: center center; background-repeat:no-repeat; background-size:cover;}
.in_about2 img{
	display: none;
}


.di{ background:#3e3634; width:80%; margin:0px auto; padding:15px 10%; color:#988e8b;}
.di_l{ width:50%; float:left;}
.di_l .form{ border-bottom:2px solid #777;}
.di_l1 .text{ width:75%; border:0px; height:35px; line-height:35px; background:none; color:#fff; font-size:12px;}
.di_l1 .anniu{ width:23%; padding-right:10px; box-sizing:border-box; background:url(../images/sanjiao.png) no-repeat; background-size:6px; background-position:right center; border:0px; cursor:pointer; height:35px; line-height:35px; font-size:12px; color:#fff;}

.di_r{ width:45%; float:right; box-sizing:border-box;}
.di_r .bt{ margin-left:15%;}
.di_r .social-icons{ margin-left:15%; padding-right:0px; padding-top:15px;}
.di_r .social-icons a{ display:block; float:left; width:20%; height:22px; border-right:1px solid #666; box-sizing:border-box;}

.di_r .social-icons a.facebook{ background:url(../images/facebook.png) no-repeat; background-position:center center; background-size:15px;}
.di_r .social-icons a.instagram{ background:url(../images/instagram.png) no-repeat; background-position:center center; background-size:15px;}
.di_r .social-icons a.twitter{ background:url(../images/twitter.png) no-repeat; background-position:center center; background-size:15px;}
.di_r .social-icons a.linkedin{ background:url(../images/linkedin.png) no-repeat; background-position:center center; background-size:15px;}
.di_r .social-icons a.pinterest{ background:url(../images/pinterest.png) no-repeat; background-position:center center; background-size:15px;}

.di .cop{ padding-top:20px; line-height:30px;}
.di .cop1{ padding-top:10px; display:none;}

.di_r1{ padding-top:20px; font-size:12px; text-align:right;}
.di_r1 span{ display:inline-block; line-height:35px;}
.di_r1 a{ display:inline-block; border-bottom:2px solid #ba391f; margin-left:20px; color:#fff; line-height:35px;}

.di .bt{ color:#fff; font-size:13px; position:relative; margin-bottom:16px; padding-left:35px;}
.di .bt:before{ content:''; color:#ba391f; width:30px; height:3px; background:#ba391f; display:block; position:absolute; left:0px; top:7px;}


.product_lb{ width:80%; margin:0px auto; margin-top:70px;}

.product_lb ul li{ width:25%; float:left; overflow:hidden; margin-bottom:30px; box-sizing:border-box; padding-right:30px;}
.product_lb ul li a .img{ overflow:hidden;  background-repeat:no-repeat; background-position:center center; background-size: cover; transition:all 0.5s ease 0s;}
.product_lb ul li a:hover .img{ transition:all 0.5s ease 0s; transform: scale(1.1);}
.product_lb ul li .img img{ width:100%; display:block;}
.product_lb ul li .nr h2{ display:block; color:#6a391d; font-size:18px; padding:10px 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.product_lb ul li .nr span{ display:block; padding-bottom:10px; color:#666;}
.product_lb ul li .nr span img{ width:16px; height:16px; margin-right:10px; vertical-align:sub;}

.product_lb ul.tj{
	display: none;
}
.product_lb ul.tj li{ width:33.33%; float:left; overflow:hidden; margin-bottom:30px;}




/**加载效果旋转**/
        @-webkit-keyframes rotate {
	0% {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
}
100% {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg);
}
}@keyframes rotate {
	0% {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
}
100% {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg);
}
}.loadmore {
	display:block;
	line-height:50px;
	text-align:center;
	color:#ccc;
	font-size:14px;
}
.loadmore span {
	height:20px;
	width:20px;
	border-radius:100%;
	display:inline-block;
	margin:10px;
	border:2px solid #f60;
	border-bottom-color:transparent;
	vertical-align:middle;
	-webkit-animation:rotate 1.1s infinite linear;
	animation:rotate 1.1s infinite linear;
}
.loadover {
	position:relative;
	margin:0 12px;
	padding:24px 0;
	height:20px;
	line-height:20px;
	color:#909090;
	text-align:center;
}
.loadover span {
	position:relative;
	display:inline-block;
	padding:0 6px;
	height:20px;
	background:#F2F2F2;
	z-index:2
}
.loadover:after {
	content:'';
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	height:1px;
	background:#DCDCDC;
	z-index:1;
	display:block;
}


.product_xx{ width:80%; margin:0px auto; max-width:1200px; padding:60px 0px;}
.product_xx .bt{ color:#6a391d; text-align:center; font-size:25px; padding-bottom:60px;}
.product_xx .bt1{ color:#333; text-align:left; font-size:20px; padding-bottom:60px;}
.product_xx .bt1 span{ display:block; font-weight:normal; font-size:16px;}
.product_xx .photo { position:relative; margin-bottom:30px;}
.product_xx .photo .swiper-slide { height:auto; position:relative; background-size:cover; background-position:top center;}
.product_xx .photo .swiper-slide img{ width:100%; height:auto; display:block;}
.product_xx .photo .swiper-pagination-bullet{ background:#fff; width:12px; height:12px; opacity:0.8;}
.product_xx .photo .swiper-pagination-bullet-active{ background:#b73b1e; opacity:1;}


.product_xx .nr{ font-size:14px;}
.product_xx .nr p{ line-height:26px;}
.product_xx .nr img{ max-width:1200px; height:auto;}


.about_banner{ background-size:cover; background-position:center center; background-repeat:no-repeat; height:750px;}
.about_banner img{ display:none; width:100%;}


.about{}
.about1{ width:80%; margin:0px auto; padding:30px 0px; font-size:15px; line-height:30px;}

.news{ width:80%; margin:0px auto; padding:30px 0px;}
.news .bt{ font-size:16px; padding:15px 0px;}
.news1{}
.news1 .img{ background-size:cover; background-repeat:no-repeat; background-position: center center;}
.news1 .img img{ display:block; width:100%; height:auto;}
.news1 h2{ font-size:14px; padding:20px 0px; color:#333;}
.news1 h2 span{ color:#888;}

.news2{ margin-top:35px;}
.news2 .img{ width:100%; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.news2 .img1{ width:100%; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.news2 img{ width:100%; height:auto;}
.news2 h2{ font-size:14px; padding:20px 0px; color:#333;}
.news2 h2 span{ color:#999;}

.news3{ display:none;}
.news3 ul li{}
.news3 ul li .img{ width:100%; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.news3 ul li .img1{ width:100%; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.news3 ul li img{ width:100%; height:auto;}
.news3 ul li h2{ font-size:14px; padding:20px 0px; color:#333;}
.news3 ul li h2 span{ color:#999;}


/*CSS sabrosus style pagination*/
DIV.sabrosus { padding:5px; MARGIN:30px 3px 40px 3px; TEXT-ALIGN: right; font-size:14px;}
DIV.sabrosus A { padding:5px 15px; border: #ccc 1px solid; COLOR: #444; margin:0px 3px; text-decoration:none; background:#fff;}
DIV.sabrosus A:hover { padding:5px 15px; background:#333; color:#fff; border: #333 1px solid;}
DIV.pagination A:active { padding:5px 15px; background:#333; color:#fff; border: #333 1px solid;}
DIV.sabrosus SPAN.current { padding:5px 15px; background:#333; color:#fff; border: #333 1px solid; margin:0px 3px;}
DIV.sabrosus SPAN.disabled { padding:5px 15px; border: #ccc 1px solid; COLOR: #444;  margin:0px 3px; text-decoration:none;}


/*CSS sabrosus style pagination*/
DIV.pagination1 { padding:5px; MARGIN:30px 3px 40px 3px; TEXT-ALIGN: right; font-size:14px; display: flex; justify-content: flex-end;}
DIV.pagination1 A { padding:5px 15px; border: #ccc 1px solid; COLOR: #444; margin:0px 3px; text-decoration:none; background:#fff;}
DIV.pagination1 A:hover { padding:5px 15px; background:#333; color:#fff; border: #333 1px solid;}
DIV.pagination1 A:active { padding:5px 15px; background:#333; color:#fff; border: #333 1px solid;}
DIV.pagination1 p { padding:5px 15px; background:#333; color:#fff; border: #333 1px solid; margin:0px 3px;}
DIV.pagination1 SPAN.disabled { padding:5px 15px; border: #ccc 1px solid; COLOR: #444;  margin:0px 3px; text-decoration:none;}



 .rotator-screen {
  background: #381809;
  position: fixed;
  font-family:"微软雅黑";
  width: 100%;
  height: calc(100%);
  overflow: hidden;
  z-index:20;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  top: 0px;
  left: 0px;
}
.rotator-screen .cover {
  background: rgba(0, 0, 0, 0.8);
  position:fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}


.rotator-screen .cover h1, .rotator-screen .cover p ,.rotator-screen .cover h3 {
  display: none;
  position: absolute;
  font-family:"微软雅黑";
  width: 100%;
  left: 0%;
  top: 50%;
  text-align: center;
  text-transform: uppercase;
}
.rotator-screen .cover h1 {
  font-weight: 400;
  font-size:25px;
  line-height: 24px;
  color: #f9f8f8;
  opacity: 0.7;
  margin-top: -40px;
  letter-spacing: 3px;
}

.rotator-screen .cover p {
  font-family:"微软雅黑";
  font-weight: 300;
  font-size:50px;
  line-height: 44px;
  color: white;
  letter-spacing: 5px;
}
.rotator-screen .cover h3 {
	position:absolute;
	top:32px;
	width:80%;
	left:10%;
	text-align:left;
  color: #f9f8f8;
}
.rotator-screen .cover h3 img{ width:180px;}



.product_banner{ position:relative; height:70vh;}
.product_banner .swiper-slide { height:100%; position:relative; background-size:cover; background-position:top center;}
.product_banner .swiper-slide img{ width:470px;}
.product_banner .swiper-slide .ani{ width:80%; left:10%; bottom:35%; color:#fff; display:block; position:absolute; font-size:50px; padding-bottom:10px;}
.product_banner .swiper-slide .ani span{ font-size:35px; padding-top:10px; display:block;}
.product_banner .swiper-pagination-bullet{ background:#fff; width:12px; height:12px; opacity:0.8;}
.product_banner .swiper-pagination-bullet-active{ background:#b73b1e; opacity:1;}
.product_banner .swiper-pagination{ color:#fff; font-size:17px; position:absolute; right:calc(10% + 30px); bottom:25px; width:auto; left:auto;}
.product_banner .swiper-button-next{ height: 0; width: 0; background:none; right:10%; bottom:20px; top:auto;
    border-top: 15px solid transparent;
    border-left: 15px solid #e20009;
    border-bottom: 15px solid transparent;}
.product_banner .swiper-button-prev{ height: 0; width: 0; background:none; left:auto; right:calc(10% + 80px); bottom:20px; top:auto;
    border-top: 15px solid transparent;
    border-right: 15px solid #e20009;
    border-bottom: 15px solid transparent;}

.product_xlb{ width:80%; margin:0px auto; padding:10px 0px 20px 0px;}
.product_xlb .ff{ font-size:15px; line-height:35px;}
.product_xlb .ff span{ float:right;}
.product_xlb .ff span b{ font-weight:normal; display:inline-block; padding:0px 10px; line-height:22px; font-size:12px; border:1px solid #AB0507;}
.product_xlb .xl{ border:0px; border-bottom:1px solid #ccc; height:35px; line-height:35px; padding:0px 25px 0px 10px; font-size:14px; position:relative; background:url(../images/xiala.png) no-repeat right center; background-size:11px;}

.product_xlb ul{ padding-top:40px; padding-bottom:40px;}
.product_xlb ul li{}
.product_xlb ul li a{ width:100%; font-size:14px; line-height:26px; display:block; margin:0px auto; box-sizing:border-box; transition:all 0.5s ease 0s; border-bottom:1px solid #ccc; padding:15px 0px; background:url(../images/jiantou1.png) no-repeat right center; background-size:80px;}
.product_xlb ul li a .left{ width:150px; border-right:1px solid #ccc; padding:20px 0px;}
.product_xlb ul li a .right{ width:calc(100% - 300px); padding:20px 0px;}
.product_xlb ul li a:hover{ width:100%; box-sizing:border-box; padding:15px 30px; transition:all 0.5s ease 0s; background:url(../images/jiantou2.png) no-repeat right 30px center; background-size:80px;}


.pages{ margin-bottom: 25px; }
.pages a,.pages span {
    display:inline-block;
    padding:5px 15px;
    margin:0 3px;
    border:1px solid #ccc;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:0px;

}
.pages a,.pages li {
    display:inline-block;
    list-style: none;
    text-decoration:none;
    color:#333;

}
.pages a.first,.pages a.prev,.pages a.next,.pages a.end{
    margin:0;
}
.pages a:hover{
    border-color:#333;
        background:#333;
        color:#fff;
}
.pages span.current{
    background:#333;
    border:#333 1px solid;
    color:#eee;
    font-weight:700;
    /*border-color:#ccc;*/
}