@charset "utf-8";
/* CSS Document */
@font-face{ font-family:AlibabaPuHuiTi-Regular, AlibabaPuHuiTi; src:url(../font/albb.ttf);}
img{image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}


/*logo*/
.dimg{ margin:2rem 0 2rem 0;}
.top{ background:#000; height:40px; line-height:40px; padding:0 10%; color:#fff;}
.top1{ float:left; font-size:1.2rem;}
.top2{ float:right; font-size:1.8rem;margin-top: 10px;}




/*产品*/
.index-xilie{
	padding:57px 0px 43px;
	z-index:-1;}
.index-xilie-tit{
	text-align:left;
font-size: 30px;
font-family: AlibabaPuHuiTi-Medium, AlibabaPuHuiTi;
font-weight: 500;
color: #353535;
line-height: 30px; margin-bottom:36px;
	}
	.index-xilie-tit h2{ color:#D5D5D5 !important; font-size:24px; margin-top:18px;}
	.index-xilie-tit span{width: 38px;
height: 3px;
background: #B6130E;display: block;
    margin-top: 20px;}
	.index-more{width: 201px;
height: 48px;
background: #B6130E; color:#fff; text-align:center; line-height:48px;font-size: 14px;
font-family: Microsoft YaHei; margin-top:-90px; float:right;transition:transform 0.5s;transition:all 0.3s linear 0s;}
.index-more:hover{ background:#0000FF;}
.index-xilie-lei{
	background:#3b9fdd;
	padding:25px;
	line-height:200%;
	margin-top:35px;
	}
.index-xilie-lei li{
	float:left;
	margin-right:40px;
	}
.index-xilie-lei li a{
	font-size:14px;
	color:#fff;
	}
.index-xilie-con{
	padding-top:6px;
	}

.index-xilie-list{
	position:relative;
	height:230px;
	width:288px;
	overflow:hidden;
	border:#3b9fdd solid 3px;
	float:left;
	margin-right:6px;
	margin-top:6px;
	}
.index-xilie-list img{
	width:100%;
	height:100%;
	}
.text { width:100%; height:auto; background-color:#000; FILTER:alpha(opacity=60); opacity:0.7; -moz-opacity:0.7; position:absolute; left:0px; bottom:0px; }
.imgbt { width:100%; height:30px; padding:0px 10px; }
.imgbt span { display:block; }
.span_a { width:100%; line-height:30px; float:left; font-size:14px; color:#FF3366; padding-right:10px; }
.span_b { width:60px; line-height:30px; float:left; font-size:16px; color:#FF3366; font-family:Georgia, "Times New Roman", Times, serif; text-align:right; }
.imgtext { width:100%; height:auto; float:left;color:#fff; font-size:14px; line-height:200%; }
.imgtext p{padding:0 20px;}
.imgtext p a{ color:#fff; font-size:12px;}
.imgtext h3{ text-align:center; font-weight:normal; height:35px; line-height:35px; margin-bottom:15px; font-size:15px;}



.index-tj{
	width:100%;
	height:883px;
	overflow:hidden;
	}
.index-tj-tit{
	text-align:center;
	padding-top:10px;
	}

#tabbox{ width:100%; overflow:hidden; margin:0 auto;}
.tab_conbox{border-top: none; overflow:hidden;}
.tab_con{ display:none; }

.tabs{width: 100%; background:#fff;    display: block;
    overflow: hidden;}
.tabs li{     width: 19.3%;
    margin-right: 0.7%; line-height:26px;
    text-align: center;float:left;border-left:none;overflow: hidden;position: relative; padding:21px 0px;
background: #22C4F4;}

.tabs li a{display: block;outline: none; font-size:26px; color:#fff;}
.tabs li a{  height:26px;}
.tabs li a:hover {
    text-decoration: none;
    line-height: 26px;
    color: #fff; border-right:none;}	
.tabs li:last-child a{ border-right:none;}

.tabs .thistab{background: #75BC20; color:#fff;}
.tabs .thistab a{ text-decoration:none; line-height:26px; color:#fff;}

.tab_conbox .tj-list{
	width:174px;
	height:248px;
	background:#FFF;
	padding:28px 36px;
	overflow:hidden;
	float:left;
	margin-right:20px;transition:transform 0.5s;transition:all 0.3s linear 0s;
	}
.tab_conbox:last-child{ margin-right:0px;}	
.tj-list:last-child{ margin-right:0px;}
.tab_conbox .tj-list:hover{
	background:#096ac2;
	}
.tab_conbox .tj-list:hover h2{
	color:#FFf;
	}
.tab_conbox .tj-list:hover .tj-list-pic-con{
	color:#fff;
	}
.tab_conbox .tj-list-pic{
	height:161px;
	width:174px;
	}
.tab_conbox .tj-list-pic img{
	width:100%;
	height:100%;
	}

.tab_conbox .tj-list h2{
	padding: 0px;
    line-height: 17px;
    font-weight: normal;
    font-size: 13px;
    margin-top: 44px;
    text-align: center;
	}
.tab_conbox .tj-list-pic-con{
	font-size: 10px;
    text-align: center;
    color: #888;
    line-height: 14px;
    margin-top: 8px;
	}
a,.indexPart2 .list li a:after,.indexPart2 .list li .botDiv,.indexPart2 .list li .layer,.indexPart2 .list li .name,.indexPart2 .list li .msg{
    transition: All 0.5s ease;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
}
.indexPart2 {padding: 4px 0 0; position: relative;  z-index: 2;  background: #fff; overflow:hidden;}
.indexPart2 .toptop { position: relative;}
.indexPart2 .indexTitle { text-align: left;}
.indexPart2 .indexTitle .title2:after {left: 0; margin-left: 0;}
.indexPart2 .btnDiv { position: absolute; right: 0; bottom: 0;}
.indexPart2 .btnDiv a { display: block; overflow: hidden; width: 1.6rem; height: 0.54rem; line-height: 0.54rem; border-radius: 0.36rem; background: #21c3f3; color: #fff; text-align: center; font-size: 0.16rem;}
.indexPart2 .btnDiv em { display: block;}
.indexPart2 .btnDiv a:hover .show, .indexPart2 .btnDiv a:hover .hide {
            transform: translateY(-0.54rem);
            -webkit-transform: translateY(-0.54rem);
            -moz-transform: translateY(-0.54rem);}
.indexPart2 .list { }
.indexPart2 .list ul {margin-right: -25px;}
.indexPart2 .list li { float: left; width: 33.33%; padding-bottom: 25px; display:block !important; height:340px;}
.indexPart2 .list li .box {overflow: hidden;
   height: 100%;    border: 3px solid #BFBFBF;
                margin-right: 25px;
                position: relative;}
.indexPart2 .list li a:after {
                content: '';
                position: absolute;
                left: 0;
                bottom: 0;
                background: rgba(0,0,0,0.5);
                width: 100%;
                height: 0;
                z-index: 1;} 
.indexPart2 .list li a { display: block; width: 100%; height: 100%; position: relative;z-index: 2;}
.indexPart2 .list li .imgDiv{ height:100%; width:100%; text-align:center;}
.indexPart2 .list li .imgDiv img {  height:100%;}
.indexPart2 .list li .botDiv { position: absolute;left: 0; bottom: 0;padding: 25px 0px; text-align: center; width: 100%; z-index: 2;background: rgb(247,247,247,0.6); }
.indexPart2 .list li .name {padding: 0 20px; font-weight:normal;   overflow: hidden; font-size: 25px; color: #363636; text-transform: uppercase; }
.indexPart2 .list li .msg {
                font-size: 14px;
                padding: 10px 20px 0px 20px;
                color: #8D8D8D;
                overflow: hidden;
            }
.indexPart2 .list li .layer {
                position: absolute;
                height: 170px;
                text-align: center;
                left: 0;
                width: 100%;
                top: 50%;
                margin-top: -95px;
                opacity: 0;
                visibility: hidden;
                z-index: 2;}
.indexPart2 .list li .look {
                position: absolute;
                left: 50%;
                margin-left: -74px;
                bottom: 30px;
                width: 148px;
                height: 46px;
                line-height: 46px;
                color: #fff;
                font-size: 15px; }
.indexPart2 .list li:hover a:after {height: 100%;}
.indexPart2 .list li:hover .layer { opacity: 1;visibility: visible; margin-top: -85px;}
.indexPart2 .list li:hover .name, .indexPart2 .list li:hover .msg { color: #fff;}
.indexPart2 .list li:hover .botDiv { visibility: hidden; opacity: 0;}
.indexPart2 .list li:hover .box{ border: 3px solid rgba(0,0,0,0.5);}


/*about*/
.aboutbg{ background:url(../img/aboutbg.png) no-repeat center; background-size:cover; color:#fff; text-align:center; padding:129px 0px 164px 0px;}
.abouth{ color:#DADADA;font-family: CTHuPoSF;font-size: 46px;text-transform: uppercase; line-height:46px;}
.aboutj{ font-size:36px; padding:42px 0px 54px 0px; line-height:36px;}
.aboutp{ line-height:37px; font-size:17px;text-indent: 2em;
    text-align: left;}

		
/*news*/
.news{ padding:65px 0px 70px; overflow:hidden;}
.newstext{
font-size: 4.4rem;
font-family: Microsoft YaHei;
font-weight: bold;
color: #222222; text-align:left; margin-bottom:36px;}
.news-more{width: 200px;
height: 39px;
background: #22C4F4;
border-radius: 24px; color:#fff; text-align:center; line-height:39px;font-size: 14px;
font-family: Microsoft YaHei; margin-top:-80px; float:right;transition:transform 0.5s;transition:all 0.3s linear 0s;}
.news-more:hover{ background:#75BC20;}
.newsthree li{ margin-right:3%; float:left;}
.newsthree li:last-child{ margin-right:0px;}
.newsthree{ overflow:hidden;}
.newsthree li{ width:31.3%;}
.newscont{margin-top: 3rem;}
.newscont h2{ margin-bottom:2.2rem;
height: 24px;
font-size: 20px;
font-family: Microsoft YaHei; font-weight:bold;
color: #333333;
line-height: 24px;transition:transform 0.5s;transition:all 0.3s linear 0s;}
.newsthree li:hover h2{ color:#165FCB;}
.newsimg{ width:100%;  overflow:hidden;}
.newsimgp{
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF; text-align:center;position: absolute;z-index: 9;
line-height: 43px;width: 111px;margin-top: 250px;
height: 43px; background:#B6130E;}
.newsthree img{transition:transform 0.5s;transition:all 0.3s linear 0s;  }
.newsthree li:hover img{cursor: pointer;
    transform: scale(1.1);
    -ms-transform:scale(1.1);     /* IE 9 */
    -moz-transform:scale(1.1);     /* Firefox */
    -webkit-transform:scale(1.1); /* Safari 和 Chrome */
    -o-transform:scale(1.1);}
.newscont p{ margin-bottom:2.2rem;
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #9F9F9F;
line-height: 24px;}
.newmore{ font-size:14px; 
color: #333 !important;transition:transform 0.5s;transition:all 0.3s linear 0s;
line-height: 13px;color: rgba(51,51,51,1);}
.newmore:hover{ color:#096ac2;}



	
	
/*foot*/
.foot{background:#191919; overflow:hidden; padding-top:95px; padding-bottom:20px;}
.footleft{ float:left; width:80%; color:#fff;}
.footleft a{
font-size: 16px;
font-family: Microsoft YaHei;transition: all 0.8s ease;
font-weight: 400;
color: #FFFFFF;
line-height: 24px;}
.footleft a:hover{ font-size:16px; color:#ff9642}
.footleftpro{ float:left; max-height:228px; width:60%; overflow:hidden;}
.footleftpro h1,.footabou h1{
font-size: 24px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
line-height: 24px;}
.footleftpro ul{}
.footleftpro li{ margin-top:10px;
width: 38%;
    float: left;
    margin-right: 12%;
}
.footabou li{ margin-top:16px;}
.footabou{ float:left; margin-right: 10%;}
.footleft .footabou:last-child{ float:left; margin-right: 157px;}
.footabou span{ width:21px; height:5px; background:#fff; display:block; margin-top:20px; margin-bottom:20px;}
.footright{ float:right; text-align:right; width:20%; margin-top:9px;}
.footrighttext{width: 350px;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #BCBCBC;
line-height: 24px; margin-top:37px;}
.footright ul{ margin-top:25px; padding:0;}
.footright ul li{ float:right; margin-right:10px;}
.footright ul li img{ width:25px;}
.bottom{font-size: 16px;
font-family: Microsoft YaHei; margin-top:30px; padding-top:20px;
font-weight: 400;
color: #484848;
line-height: 24px; border-top: solid #303030 1px;}
.bottomleft{ float:left;}
.bottomright{ float:right;}



* {
	margin: 0;
	padding: 0;
}
body {
	color: #333;
	font-size: 13px;
}
.apple-banner {
	width: 100%;
	overflow: hidden;
}
.apple-banner .swiper-container {
	width: 100%;
/*	height: 1000px;*/
}
.swiper-button-prev,.swiper-button-next{
	width: 15%;
	height: 100%;
	top:0;
	background:none;
	}
.swiper-button-prev{
	left:0;}	
.swiper-button-next{
	right:0;}	
.swiper-button-prev span,.swiper-button-next span{
	display:block;
	width: 64px;
	height: 64px;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top:-32px;
	border-radius: 100%;
	background: rgba(180,180,180,0.25) url(../img/arrows.png) no-repeat center 17px;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.swiper-button-next span{
	background: rgba(180,180,180,0.25) url(../img/arrows.png) no-repeat center -71px;
	left:auto;
	right:20px;
	}
.swiper-button-prev:hover span,.swiper-button-next:hover span{
	opacity: .6;
}
/*分页器*/
.apple-banner .swiper-pagination{
	top:auto;
	bottom:50px;
	background:none;
}
.apple-banner  .swiper-pagination-bullet {
	display: inline-block;
	width: 50px;
	height: 30px;
	margin: 0 3px;
	cursor: pointer;
	background: none;
	border-radius:0;
	opacity: 1;
}
.apple-banner  .swiper-pagination-bullet span {
	width: 20px;
	height: 20px;
	display: block; border-radius:20px;background: #fff
}
.apple-banner .swiper-pagination-bullet-active span{
    background:#B6130E;
}
.apple-banner .autoplay .swiper-pagination-bullet-active span{
    background: #fff;
}
.apple-banner  .swiper-pagination-bullet i{
	background: #B6130E;
	height: 0px;
	transform:scaleX(0);
	transform-origin: 0;
	display: block;
}
.apple-banner .autoplay .firsrCurrent i{
	transition:transform 2.9s linear;
	transform:scaleX(1);
}
.apple-banner .autoplay .current i{
	transition:transform 4s linear;
	transform:scaleX(1);
}
.apple-banner  .autoplay .replace span{
  background:#B6130E;
}
/*内容样式*/

.slide1 {
	background: #fff url(../images/1.jpg) no-repeat center;
	background-size:cover;
}

.swiper-wrapper .title {
	text-align: center;
    margin-top: 550px;
    font-size: 24px;
    font-weight: normal;
    color: #fff;
    margin-right: 13%;
    display: block;
    float: right;
}
.tita{ background:#B6130E; color:#fff; width:190px; line-height:65px; float:right; margin-left:20px;}
.tita a{ color:#fff;}
.slide4 {
	background: #fff url(../img/banner1.png) no-repeat center;
	background-size:cover;
}

.slide2 {
	background: #fff url(../img/banner2.jpg) no-repeat center;
	background-size:cover;
}


.slide2 h2 {
	bottom: 100px;
	text-align: center;
	font-size: 30px;
	font-weight: normal;
	position: absolute;
	width: 100%;
}

.slide3 {
	background: #fff url(../images/3.jpg) no-repeat center;
	background-size:cover;
}

.slide10 {
	background: #fff url(../img/10.jpg) no-repeat center;
	background-size:contain !important;
}
.heard{/* position:absolute; */z-index:9; background:rgba(0, 0, 0, 0.36);
        width: 80%;
    padding: 0 10%;}
		

@media screen and (min-width: 400px) and (max-width: 1200px){

.slide1 {
	background: #fff url(../images/1.jpg) no-repeat center;
	background-size:cover !important;
}
.slide2 {
	background: #fff url(../img/banner2.jpg) no-repeat center;
	background-size:contain !important;
}
.slide3 {
	background: #fff url(../images/3.jpg) no-repeat center;
	background-size:cover !important;
}
.apple-banner .swiper-container { height:585px;}}




html{font-size:62.5%;/*font-family:'helvetica neue',tahoma,arial,'hiragino sans gb','Simsun',sans-serif*/} 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,hr{margin:0;padding:0}
body{line-height:1.333;font-size:12px; overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{font-size:100%;/*font-family:arial,'hiragino sans gb','microsoft yahei','Simsun',sans-serif*/}
li{list-style:none}
a:link,a:visited{text-decoration:none}
.clear{ clear:both;}
.wrap{width:75%;margin:auto; display:block; overflow:hidden;}
.wrapbottom{ width:90%;margin:auto; display:block; overflow:hidden;}
.wrapfo{ width:85%;margin:auto;text-align: center;}
.text{  background-color: #000;
    opacity: 0.7;
    left: 0px;}


.head-v3{position:relative;z-index:100; float:right;}
/*.head-v3{position:relative;z-index:100; float:left;}*/
.head-v3 .navigation-inner{margin:0 auto;width:100%;position:relative; float:left;}
.navigation-up{height:60px; float:left;}
.navigation-up .navigation-v3{/*margin-left:15px;*/float:left;}
.navigation-up .navigation-v3 ul{float:right}
.navigation-up .navigation-v3 li{float:left;font:normal 25px/59px "microsoft yahei";color:#fff;letter-spacing: 2px;}
.navigation-up .navigation-v3 .nav-up-selected{ border-bottom:solid #fff 3px;}
.navigation-up .navigation-v3 .nav-up-selected-inpage{background:#202833}
.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0}
.navigation-up .navigation-v3 li h2 a{padding:0 13px;color:#333;display:inline-block;font-family:"microsoft yahei"; }

.navigation-down{position:absolute;top:98px;left:0px;width:100%}
.navigation-down .nav-down-menu{width:100%;margin:0;background:rgba(255, 255, 255, 0.9);position:absolute;top:0px}
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:1100px;position:relative; padding:20px 0px;;}
.navigation-down .nav-down-menu dl{float:left;margin:18px 80px 18px 0}
.navigation-down .menu-1 dl{margin:20px 60px 25px 0;}
.navigation-down .menu-1 dt{font:normal 16px "microsoft yahei";color:#1b51a2;padding-bottom:10px;border-bottom:1px solid #1b51a2;margin-bottom:10px}
.navigation-down .menu-1 dd a{color:#575b61;font:normal 14px/30px "microsoft yahei"}
.navigation-down .menu-1 dd a:hover{color:#000;}
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#1b51a2;font:normal 16px "microsoft yahei"}
.erj1{ margin:20px 30px 25px 0px; width:240px;}


.search{
	margin-left:10px;
	height: 15px;
    border-right: solid #fff 1px;
    margin-top: 8px;
	position: relative;
	text-align: right;
	float:left;
}
.search .sub{
	width: 36px;
	height: 36px;
	background: url(../img/search.png) no-repeat center;
	border: none;
	margin-top:-10px;
}
.search .text{
	width: 185px;
	padding-left: 27px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #e5e5e5;
	position: absolute;
	    bottom: -54px;
    /* right: -107px; */
    margin-left: -100px;
	color: #999;
	display: none;
	border-radius: 5px;
}
.search .wl{
	display: none;
}
.search .wl:before{
	content: "";
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	top:22px;
	left: 20%;
	border-right: 13px solid transparent;
    border-bottom: 7px solid #e5e5e5;
    border-left: 13px solid transparent;
}
.search .wl:after{
	content: "";
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	top:22px;
	left: 20%;
	border-right: 13px solid transparent;
    border-bottom: 7px solid #fff;
    border-left: 13px solid transparent;
}

.topright{ float:right; margin-top:28px; margin-right:74px;}
.topright p, .topright > img{ float:left;}
.topright p{ font-size:190%; color:#fff;}





/*页码*/
.scott { padding: 16px; margin: 3px; text-align: center; margin-top:25px;}
.scott a { border:#ddd 1px solid; padding:5px 10px 5px 10px; color:#666; margin-right:2px; text-decoration:none; font-size:14px;}
.scott a:hover {border: #333 1px solid; background-color: #333; color:#fff;}
.scott a:active {
	 border: #333 1px solid;background-color: #999; color:#fff;}
.scott span.current {border:#000 1px solid;padding:5px 10px 5px 10px; 
     font-weight: bold; color: #fff; margin-right: 2px;background-color: #333;}
.scott span.disabled {border: #f3f3f3 1px solid; padding:2px 5px 2px 5px; 
     color: #ccc; margin-right: 2px; }	


@media screen and (min-width: 400px) and (max-width: 1200px){
	.body{ width:1200px;}
/*	.apple-banner .swiper-container {height: 600px;}*/
	.wrap{ width:96%;}
	.wrapbottom{ width:98%;}
	.navigation-up .navigation-v3 li{float:left;font:normal 15px/59px "microsoft yahei";color:#fff}
	.navigation-up .navigation-v3 li h2 a{padding:0 7px;}
	.topright p {
    font-size: 170%;
    color: #fff;
    line-height: 38px;}
	.navigation-up .navigation-v3 { margin-left:-15px;}
	.heard {width: 1200px; padding:0;}}
@media screen and (min-width: 1200px) and (max-width: 1320px){
   /* .apple-banner .swiper-container {height: 700px;}*/
	.wrap{ width:90%;}
	.navigation-up .navigation-v3 li{float:left;font:normal 15px/59px "microsoft yahei";color:#fff}
	.navigation-up .navigation-v3 li h2 a{padding:0 8px;}

.slide1 {
	background: #fff url(../images/1.jpg) no-repeat center;
	background-size:cover !important;
}
.slide2 {
	background: #fff url(../img/banner2.jpg) no-repeat center;
	background-size:contain !important;
}
.slide3 {
	background: #fff url(../images/3.jpg) no-repeat center;
	background-size:cover !important;
}
	.topright p {
    font-size: 170%;
    color: #fff;
    line-height: 38px;}
	.navigation-up .navigation-v3 { margin-left:-15px;}
	.heard {/*min-width:1200px;*/}}	
@media screen and (min-width: 1320px) and (max-width: 1640px){
	.navigation-up .navigation-v3 li{float:left;font:normal 15px/45px "microsoft yahei";color:#fff}}
	
	
.MagicThumb-container{left: 200px !important;}