@charset "utf-8";
/*初始化*/
html{ width:100%;font-size:14px;}
body,ul,li,ol,p,h1,h2,h3,h4,h5,h6,form,input,dl,dt,dd,textarea,th,td,tr{ margin:0; padding:0;}
body{  font-family:Arial,"Microsoft YaHei"; color:#000;background-color: #fff;line-height: 1;}
a{ text-decoration:none;outline:0 none;color:#000;}
input:focus,select:focus,option:focus,textarea:focus{ outline:none;}
ul,ol{ list-style:none;}
img{ border:none; vertical-align: middle;}
textarea,input[type=date],input[type=number]{ resize:none; border: none;}
button:hover,input[class*=b]:hover{ cursor:pointer;}
i,u,b{font-style: normal;font-weight: normal;}
.clear{ clear:both; overflow:hidden; height:0;}
.over{overflow: hidden;}
.fl{ float:left;}
.fr{ float:right;}
.abs{ position:absolute;}
.rel{ position:relative;}
.em{text-indent: 2em;}
.tac{text-align: center;}
.tl{text-align: left;}
.tr{text-align: right;}
.regular{font-weight: 500;}
.fixed{position: fixed;}
.container .mar-right{margin-right:0;}
.container .pad-right{padding-right:0;}
.container .borno{border:none;}
.w100{width:100%;}
.hide{display: none;}
.opacity{opacity: 0;}
/*初始化结束*/
/*通用样式*/
.container{width:100%;min-width:1300px;height:100%;overflow: hidden;}
.wrap{width:1200px;margin:0 auto;padding-top:10%;}
.css3{-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.white{background-color: #fff;}
.blue{
	color:#060;
}
.animated{animation-duration:2s;-webkit-animation-duration:2s;}
.delay{animation-delay: 1s;-webkit-animation-delay: 1s;}
.delay2{animation-delay: 2s;-webkit-animation-delay: 2s;}
.delay3{animation-delay: 3s;-webkit-animation-delay: 3s;}
.delay4{animation-delay: 4s;-webkit-animation-delay: 4s;}
/*nav begin*/
#nav{position: fixed;right:0;top:0;width:77px;z-index: 100;background-color: #1b1b1b;text-align: center;}
#nav ul{position: absolute;right:0;top:50%;margin-top:-320px;}
#nav li{width:77px;height:58px;line-height: 20px;padding-top:22px;float:right;}
#nav a{color:#fff;}
/* #nav li p{display: none;} */
#nav .current{width:77px;padding-left:20px;padding-top:13px;height:67px;}
#nav .current p{display: block;}
#nav li:first-child{background-color: #363636;}
#nav li:nth-child(2){background-color: #0C9;}
#nav li:nth-child(3){background-color: #0C6;}
#nav li:nth-child(4){background-color: #3C0;}
#nav li:nth-child(5){background-color: #093;}
#nav li:nth-child(6){background-color: #060;}
#nav li:nth-child(7){background-color: #030;}
/*nav end*/
/*section begin*/
/*section end*/
.section{background-repeat: no-repeat;background-position: center top;background-size: 115%;background-attachment: fixed;}

.company{background-image: url(../images/company-bg.jpg);}
.product{background-image: url(../images/product-bg.jpg);}
.case{background-image: url(../images/case-bg.jpg);}
.news{background-image: url(../images/news-bg.jpg);}
/*title*/
.title h1{
	color:#060;
	line-height: 49px;
	font-size: 30px;
}
.title .eng{font-family: "bebas";}
/*company*/
.company-wrap{padding-top:9%;}
.company-wrap>div{width:48.58%;}
.company-wrap h1{font-size: 30px;color:#636363;padding:15px 0 50px;=}
.company-wrap h2{font-size: 28px;padding-top:15px;}
.company-wrap p{line-height: 2em;font-size: 16px;color:#5b5959;margin-bottom:45px;}
.more{
	border:1px solid #090;
	color:#090;
	width:108px;
	height:36px;
	line-height: 36px;
	text-align: center;
	display: inline-block;
	border-radius: 20px;
}
.more:hover{
	background-color: #390;
	color:#fff;
}
/*product*/
.product{font-size: 16px;}
.pro-tab{width:915px;padding-top:55px;}
.pro-tab li{width:125px;height:38px;line-height: 40px;float:left;text-align: center;margin-right:20px;}
.pro-tab li a{color:#474747;display: block;border-radius: 20px;}
.pro-tab li .pro-tabact,.pro-tab li a:hover{border:1px solid #0e3ab8;}
.read{
	width:153px;
	height:37px;
	line-height: 37px;
	text-align: center;
	border-radius: 20px;
	background-color: #0C0;
	color:#fff;
	display: inline-block;
	float:right;
	border:1px solid #0C0;
}
.read:hover{background-color: #fff;border:1px solid #0c0;color:#0C0;}
.pro-slick{
	margin-top:5%;
}
.pro-slick .white{
	width:231px;
	height:170px;
	padding-top:66px;
	text-align: center;
}
.pro-slick .pro-name{background: url(../images/pro-blue.png) no-repeat left center;width:95%;height:93px;padding-top:28px;color:#fff;padding-left:5%;}
.pro-slick .pro-name h1{font-size: 24px;line-height: 24px;margin-bottom:18px;}
.pro-slick .margin{margin:0 auto;width:231px;}
.slick-slide img{margin:0 auto;}
.slick-prev:before,.slick-next:before{content:" ";}
.slick-prev, .slick-next{width:25px;height:48px;background-repeat: no-repeat;background-image: url(../images/jian.png);}
.slick-prev{background-position: left center;left:-5%;}
.slick-next{background-position: right center;right:-5%;}
.pro-slide{margin-top:20px;opacity: 0;}
/*case*/
.case-img{margin-top:5%}
.case-img li{float:left;position: relative;margin-bottom:26px;margin-right:42px;}
.case-img li:nth-child(3n){margin-right:0;}
.case-img li p{width:307px;height:50px;color:#fff;font-size: 18px;line-height: 50px;position: absolute;left:18px;bottom:7px;padding-left:30px;}
.case-img .case1 p{background: url(../images/case-tit1.png) no-repeat center;}
.case-img .case2 p{background: url(../images/case-tit2.png) no-repeat center;}
.case-img .case3 p{background: url(../images/case-tit3.png) no-repeat center;}
.case-img li:hover p{animation: case 2s forwards linear infinite;}
@keyframes case {
    0%{transform: translate(0);-webkit-transform: translate(0);-moz-transform: translate(0)}
    25%{transform: translate(10px);-webkit-transform: translate(10px);-moz-transform: translate(10px);}
    50%{transform: translate(0);-webkit-transform: translate(0);-moz-transform: translate(0)}
    75%{transform: translate(10px);-webkit-transform: translate(10px);-moz-transform: translate(10px);}
    100%{transform: translate(0);-webkit-transform: translate(0);-moz-transform: translate(0)}
}
/*news*/
.news .title h1{color:#fff;}
.news .read{color:#060;background-color: #fff;border:1px solid #fff;}
.news .read:hover{background-color: transparent;color:#fff;}
.news-list{margin-top:66px;}
.news-list li{
	border-bottom:1px solid #fff;
	width:45%;
	float:left;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	padding-top: 28px;
	padding-right: 0;
	padding-bottom: 28px;
	padding-left: 0;
	margin-left: 30px;
}
.news-list li a{color:#fff;}
.news-list li h1{font-size: 48px;font-family: "Impact";margin-right:22px;margin-left:26px;}
.news-list li h3{font-size: 16px;font-weight: 500;margin-bottom:10px;line-height: 20px;}
.news-list li:hover{
	background-color: #060;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0F0;
}
/*footer begin*/
.foot-nav{
	background-color: #060;
	height:73px;
	text-align: center;
}
.foot-nav .wrap{padding-top:23px;}
.foot-nav li{width:14.28%;line-height: 32px;float:left;box-sizing: border-box;}
.foot-nav li:last-child{margin-right: 0;}
.foot-nav li:hover a{border:1px solid #fff;border-radius: 20px;}
.foot-nav a{color:#fff;width:103px;height:32px;display: block;margin:0 auto;}
.foot-mes{background-color: #f7f7f7;height:192px;}
.foot-mes .wrap{padding-top:50px;}
.foot-call{background: url(../images/foot-call.jpg) no-repeat 10px center;padding-left:79px;height:60px;margin-top:39px;}
.foot-call h1{font-size: 30px;font-family:"Impact";color:#666;font-weight: 500;text-align: right;}
.foot-call h2{font-size: 16px;font-weight: 500;color:#666;text-align: right;line-height: 30px;}
.foot-adr{color:#969696;line-height: 24px;margin-top:44px;margin-left:114px;}
/*footer end*/
/*news begin*/
.news-page{background:url(../images/news-pagebg.jpg) repeat right top;}
.page-tit{padding-top:48px;color:#6e6e6e;text-align: center;}
.page-tit h1{font-size: 36px;margin-bottom:18px;}
.page-tit h2{font-size: 18px;margin-bottom:32px;font-weight: 500;}
.page-tit h2 span{display: inline-block;width:32px;border-top:1px solid #a4a4a4;height:6px;margin:0 12px;}
.page-tab a{display: inline-block;width:125px;height:38px;line-height: 38px;border:2px solid #5d5b5b;color:#474747;font-size: 16px;border-radius: 25px;margin:0 20px;}
.page-tab a:hover,.page-tab .page-tab-act{
	background-color: #090;
	color:#fff;
	border:2px solid #0F0;
}
.news-page .wrap{padding-top:3%;}
.news-page .news-list li{border-bottom:1px solid #4c4a4a;width:100%;clear:left;position: relative;}
.news-page .news-list li a{color:#4c4a4a;}
.news-page .news-list .data{position: absolute;right:40px;top:32px;}
.news-page .news-list li:hover a{color:#fff;}
.fanye{padding:130px 0 108px;width:280px;}
.fanye a{width:40px;height:40px;border:2px solid #a4a4a4;border-radius:25px;line-height: 40px;color:#a4a4a4;margin:0 10px;display: inline-block;text-align: center;}
.fanye .fan-prev,.fanye .fan-next{background: url(../images/jian-page.png) no-repeat left center;width:17px;border:none;}
.fanye .fan-next{background-position: right center;}
.fanye .fanye-act,.fanye a:hover{
	border:2px solid #090;
	color:#090;
}
/*news end*/
/*product begin*/
.news-page .pro-slick{margin-top:3%;}
.news-page .pro-slide{float:left;margin-right:10px;margin-bottom:41px;}
.news-page .pro-slide:nth-child(5n){margin-right:0;}
/*product end*/

.banner-slick .slick-dots li button:before{opacity:0.7;}
.banner-slick .slick-dots li.slick-active button:before{color:#02419f;	}
.banner-slick  img{width:105%;}

@font-face {
    font-family: "bebas";
    src: url(fonts/BEBAS___.TTF);
}

.news-bg{width:100%;/* padding-top:25px;margin-top:4%; */padding-bottom:3%;}
.news-bg h1{color:#000;width:88%;margin:0 auto;padding:2% 0;font-weight: 500;font-size: 18px;border-bottom:1px dashed #0bc648;text-align:center;}
.news-bg .scroll-content{min-height:250px;}
.scroll-content{width:86%;margin:3% auto 0;line-height: 36px;text-align: left;}
.news-next{width:88%;margin:0 auto;}
.news-next span{width:26px;height:26px;text-align: center;background-color: #0ea961;color:#fff;display: inline-block;border-radius: 13px;margin:0 10px;line-height: 26px;}
.news-next a{color:#000;margin:0 7px;}