@charset "UTF-8";
@import url("common.css");


/*@media screen and (max-width: 400px) {}*/
/*@import url("tinyScreen.css") screen and (max-device-width: 400px);
value=":: 输入关键字 ::" onFocus="this.value=''" onblur='if (value ==""){value=":: 输入关键字 ::"}'
background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;filter:Alpha(opacity=50); background:#000;
*/
.clear{clear: both;}
html, body {position: relative;height: 100%;-webkit-text-size-adjust:none;}
body {font-family: '微软雅黑';}
/*.swiper-container {width: 100%;height: 100%;}
.swiper-slide {background-position: center;background-size: cover;}
*/

.swiper-container {width: 100%;}
.swiper-slide img{width: 100%;height: 100%;}
/*下标圆点*/
.pagination {position: absolute;z-index: 20;left: 10px;bottom: 10px;display: none;}
.swiper-pagination-switch {display: inline-block;width: 8px;height: 8px;border-radius: 8px;background: #222;margin-right: 5px;opacity: 0.8;border: 1px solid #fff;cursor: pointer;}
.swiper-visible-switch {background: #aaa;}
.swiper-active-switch {background: #fff;}
/*左右箭头*/
.device .arrow-left {background-image:url(../images/b-left.png);background-repeat:no-repeat;width: 87px;height: 168px;z-index: 9;
	position: absolute;
	left: 5%;
	top: 50%;
	-webkit-transform: translate(0%,-50%);  
	-ms-transform: translate(0%,-50%);
	-moz-transform: translate(0%,-50%); 
	-o-transform: translate(0%,-50%);  
	transform: translate(0%,-50%);  
}
.device .arrow-right {background-image:url(../images/b-right.png);background-repeat:no-repeat;width: 87px;height: 168px;z-index: 9;
	position: absolute;
	right: 5%;
	top: 50%;
	-webkit-transform: translate(0%,-50%);  
	-ms-transform: translate(0%,-50%);
	-moz-transform: translate(0%,-50%); 
	-o-transform: translate(0%,-50%);  
	transform: translate(0%,-50%); 
}



.header{position: absolute;top: 0px;left: 0px;z-index: 99999;width:100%;height: 80px;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;filter:Alpha(opacity=50); background:#000;}
.header .logo{margin:10px 0 0 10px;float: left;}
/*pc端*/
.min-nav{width:700px;margin:0 auto;height:80px;position: relative;}
.nav{float:left; display:inline-block; }
.nav li{float:left; display:inline; margin-right:70px; position:relative;}
.nav li strong{height:80px; display:block; line-height:80px; font-size:16px; text-shadow:#333 2px 2px 5px;}
.nav li strong a{font-family:'微软雅黑';color:#fff;font-size: 16px;}
.nav li strong a span{height:1px; width:0; margin:0 auto; background:#fff; display:block; margin:0 auto; margin-top:-20px;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.nav li strong a:hover span{width: 100%;}
.nav li.selected strong a span{width: 100%;}
.nav li.selected strong a{color:#fff;}
.nav li .sub{min-width:224px; position:absolute; left:0; top:80px;}
.nav li .sub dl{position:relative;background:#b82627;padding: 20px 0;}
.nav li .sub dd a{display:block;width: 224px; height:30px; line-height:30px;color:#fff; font-size:14px;overflow: hidden;padding: 0 20px;color: #e3b9b9;}
.nav li .sub dd.selected a{background:#bc3737;color: #fff;}
.nav li .sub dd{position: relative;}
.nav li .sub dd a span{display: none;}
.nav li .sub dd.selected a span{display: inline-block;}
.nav li .sub dd a:hover{background:#bc3737; text-decoration: none;}
.nav li .sub dd dl{position:absolute; left:264px; top:0;background:#bc3737;display: none;}
.nav li .sub dd.selected dl{display: block;}
.nav li .sub dd.selected dl a{background:none;color: #e3b9b9;padding:0 0 0 20px;}
.nav li .sub dd.selected dl dd.selected a{color: #f0f0f0;}
.nav li .sub dd.selected dl dd a:hover{color:#fff;}

.change{float: left;font-size:10px;color: #c1c1c1;position: absolute;top: 50%;right: -230px;
	-webkit-transform: translate(0%,-50%);  
	-ms-transform: translate(0%,-50%);
	-moz-transform: translate(-50%,-50%); 
	-o-transform: translate(-50%,-50%);  
	transform: translate(0%,-50%); }
.change a{margin:0 5px;font-size: 12px;color: #c1c1c1;}
.change a.hover{color: #af1d27;}
.change a:hover{color: #af1d27;}


.header .search{position:absolute;top: 50%;right: -500px;width: 220px;height: 25px;overflow: hidden;
	-webkit-transform: translate(0%,-50%);  
	-ms-transform: translate(0%,-50%);
	-moz-transform: translate(-50%,-50%); 
	-o-transform: translate(-50%,-50%); 
	transform: translate(0%,-50%); }
.header .search .zw{display: none;}
.header .search input.sear{float: left;width: 175px;height:25px;line-height:25px;color:#fff;border:none;
	background:rgba(255, 255, 255, 0.3) none repeat scroll 0 0 !important;filter:Alpha(opacity=30); background:#fff;padding-left:5px;}
.header .search input.sub{float: left;width: 19px;height: 19px;background: url(../images/ss-btn.png) no-repeat;text-indent: -9999px;margin: 4px 0 0 5px;cursor: pointer;}
.header .search .sear-btn{cursor: pointer;position: absolute;top: 4px;right: 16px;}

.banner-con{position: fixed;top: 44%;left: 50%;z-index: 9999;
	-webkit-transform: translate(-50%,-50%);  
	-ms-transform: translate(-50%,-50%); 
	-moz-transform: translate(-50%,-50%); 
	-o-transform: translate(-50%,-50%); 
	transform: translate(-50%,-50%);}
.banner-con .b-btn{cursor:pointer;width: 142px;height:47px;margin:80px auto 0;color:#333;font-size: 30px;
	text-align: center;line-height: 47px; 
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	background: url(../images/banner-btnbg.png) no-repeat;
}
.banner-con .b-btn{font-family: '微软雅黑';font-size: 20px;}
.banner-con .b-btn:hover{background: url(../images/banner-btnbgh.png) no-repeat;}
.banner-con span{border-top:1px solid #fff;width: 20px;height: 1px;display:block;margin:10px auto 0;}
.banner-con p{margin-top:10px;color: #000;font-size: 34px;font-weight: 700;}


.s-show{width: 100%;position: fixed;bottom: 35px;left: 0px;z-index: 9999;}
.s-show .show-btn{margin:0 auto;width: 100px;cursor: pointer;height:46px;
	background-image:url(../images/top-btn.png);background-repeat:no-repeat;
	-webkit-animation:arrowindicedown 2s ease-in-out infinite;
	-moz-animation:arrowindicedown 2s ease-in-out infinite;
	-ms-animation:arrowindicedown 2s ease-in-out infinite;
	-o-animation:arrowindicedown 2s ease-in-out infinite;
	animation:arrowindicedown 2s ease-in-out infinite;
}


@-webkit-keyframes arrowindicedown{
  0% { background-position: center 10px; }
  50% { background-position: center 0px; }
  100% { background-position: center 10px; }
}
@-moz-keyframes arrowindicedown{
  0% { background-position: center 10px; }
  50% { background-position: center 0px; }
  100% { background-position: center 10px; }
}
@-ms-keyframes arrowindicedown{
  0% { background-position: center 10px; }
  50% { background-position: center 0px; }
  100% { background-position: center 10px; }
}
@-o-keyframes arrowindicedown{
  0% { background-position: center 10px; }
  50% { background-position: center 0px; }
  100% { background-position: center 10px; }
}
@keyframes arrowindicedown{
  0% { background-position: center 10px; }
  50% { background-position: center 0px; }
  100% { background-position: center 10px; }
}

.s-show .show-btn .arrow{display:block;width:100px;height:46px;background-image:url(../images/arrow.png);background-repeat:no-repeat;background-position:50% 60%;
	-webkit-animation:mymove 2s ease-in-out infinite;
	-moz-animation:mymove 2s ease-in-out infinite;
	-ms-animation:mymove 2s ease-in-out infinite;
	-o-animation:mymove 2s ease-in-out infinite;
}

@keyframes mymove
{
from {opacity:0;}
to {opacity:100;}
}
@-webkit-keyframes mymove /*Safari and Chrome*/
{
from {opacity:0;}
to {opacity:100;}
}


.s-show .show-con{height:230px;overflow:hidden;display: none;
	background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;filter:Alpha(opacity=50); background:#000;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.s-show .show-con .m-g{width: 1320px;margin:40px auto 0;}
.s-show .show-con .m-g .compu-con{width: 475px;height: 160px;border-right: 1px solid #747474;float: left;}
.s-show .show-con .m-g .compu-con dl{width: 475px;overflow: hidden;}
.s-show .show-con .m-g .compu-con dl dt{float: left;}
.s-show .show-con .m-g .compu-con dl dd{float: left;width: 270px;margin-left: 25px;line-height: 1.6em;margin-top:10px;}
.s-show .show-con .m-g .compu-con dl dd a{color: #fff;font-size: 12px;}
.s-show .show-con .m-g .compu-con dl dd.dd-tit a{font-size: 16px;}
.s-show .show-con .m-g .compu-con dl dd.dd-line{border-top: 1px solid #fff;width: 50px;height: 1px;}
.s-show .show-con .m-g .compu-img{width: 840px;float: left;height: 160px;}
.s-show .show-con .m-g .compu-img .box_left{ width:840px;height:160px;position:relative;}
.s-show .show-con .m-g .compu-img .next {width:30px; height:30px; background: url(../images/show-right.png) no-repeat; color:#FFF; text-align:center;  cursor:pointer; position:absolute; display:block;top:0px;right:0px;z-index: 9999;}
.s-show .show-con .m-g .compu-img .prev{width:30px; height:30px; background: url(../images/show-left.png) no-repeat; color:#FFF; text-align:center;  cursor:pointer; position:absolute; display:block;top:31px;right:0px;z-index: 9999;}
.s-show .show-con .m-g .compu-img .prev:hover{background: url(../images/show-left1.png) no-repeat;}
.s-show .show-con .m-g .compu-img .next:hover{background: url(../images/show-right1.png) no-repeat;}
.s-show .show-con .m-g .compu-img .img-scroll { margin:0 auto; width:777px;height:160px;position:relative;overflow: hidden;}
.s-show .show-con .m-g .compu-img .img-list {width:777px;}
.s-show .show-con .m-g .compu-img .img-list ul {margin:0;padding:0;overflow:hidden;}
.s-show .show-con .m-g .compu-img .img-list li { float:left; margin-left:23px;width:240px; height:160px;position: relative;}
.s-show .show-con .m-g .compu-img .img-list li:last-child{margin-right: 0px;}
.s-show .show-con .m-g .compu-img .img-list li img{
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;	
	filter: url(1.svg#grayscale);
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.s-show .show-con .m-g .compu-img .img-list li:hover img{
	-webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter: gray;
    -webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.s-show .show-con .m-g .compu-img .img-list li p{position: absolute;bottom: 0px;left: 0px;height: 35px;color:#fff;width:225px;padding-left:15px;line-height:35px;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;filter:Alpha(opacity=50); background:#000;}
.s-show .show-con .m-g .compu-img .img-list li:hover p{background:rgba(173, 3, 4, 0.4) none repeat scroll 0 0 !important;filter:Alpha(opacity=40); background:#ad0304;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.s-show .show-con .m-g .compu-img .img-list li p i{float: left;display: block;}
.s-show .show-con .m-g .compu-img .img-list li p span{display:none;float: right;font-size: 12px;padding-right:20px;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.s-show .show-con .m-g .compu-img .img-list li:hover p span{display: block;}
.s-show .show-con .m-g .compu-img .img-list li p span b{
	font-size:0px;width: 0px;height: 0px;line-height:0px;
	border-color:transparent transparent transparent #ccc;
	border-style: dashed dashed dashed solid;
	border-width: 3px;
	vertical-align: middle;
}

.footer{width: 100%;height: 35px;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;filter:Alpha(opacity=50); background:#000;position: fixed;bottom: 0px;left: 0px;z-index: 9999;}
.footer .f-left{float: left;color: #d7d7d7;font-size: 12px;line-height: 35px;padding-left:25px;}
.footer .f-left span{padding-left: 15px;background: url(../images/f-ph.png) no-repeat;margin-left: 20px;}
.footer .f-right{float: right;color: #fff;}

.footer .f-right ul{float:left;}
.footer .f-right ul li{float:left;margin:8px 25px 0 0px;cursor: pointer;}
.footer .f-right ul li a{display: block;height: 44px;text-indent: -99999px;}
.footer .f-right ul li.ico01{background: url(../images/s-ico01.png) no-repeat;width: 23px;height: 19px;}
.footer .f-right ul li.ico02{background: url(../images/s-ico02.png) no-repeat;width: 21px;height: 21px;}
.footer .f-right ul li.ico03{background: url(../images/s-ico03.png) no-repeat;width: 21px;height: 21px;}
.footer .f-right ul li.ico04{background: url(../images/s-ico04.png) no-repeat;width: 24px;height: 20px;}