@CHARSET "UTF-8";
@font-face {
	font-family: dtnum;
	src: url("./DINPro-Medium_1.otf");
}
a,a:link,a:hover,a:visited,a:active{
	text-decoration: none;
}
ul li{list-style: none;}
hr{
	border-color: #e1e1e1;
	margin: 0;
}
.clearfix{
	clear: both;
}

/*导航栏*/
.logowarp{
	width: 200px;
	float:left;
	overflow: hidden;
	padding: 10px 20px 10px 0;
}
.logobox img{
	width: 80%;
}
.navbar .nav>li>a:focus{
	background: none;
	color: #333333;
}

/*idnex product*/

.ipswiperthumbs{
	width: 1000px;
	height: 40px;
	padding: 30px 50px;
	background: #FFFFFF;
	position: relative;
	top: -150px;
	left: 50px;
	z-index: 99;
}

/*index-news*/
.container{
	width: 1200px;
	margin: 0 auto;
}
.container h2{
	text-align: center;
	color: #2cb829;
	line-height: 2;
	border-bottom: 2px solid #EFEFEF;
}
.indexnews{
	margin-top: 30px;
	margin-bottom: 60px;
	min-width: 1200px;
}
.indexnews-wrap{
	width: 100%;
}
.indexnews-wrap h2{
	text-align: center;
}

.indexnews-wrap h3{
	margin: 0;
}
.indexnews-wrap h3 a{
	font-size: 20px;
	font-weight: 500;
	color: #666666;
	
}
.indexnews-wrap .cont{
	font-size: 14px;
	color: #808080;
}

/*index-case*/
.indexcase{width: 100%;}
.indexcase .icleft{
	width: 590px;
	float: left;
}
.indexcase .category{
	font-size: 20px;
	line-height: 1.5;
}
.indexcase .pull-left{
	width: 40%;
	font-size: 20px;
	line-height: 2;
}

.indexcase .pull-right{
	width: 60%;
	text-align: center;
}

.icleft .indexnews-box{
	height: 422px;
}
.icleft .indexcaseimg{
	width: 100%;
	height: 345px;
	overflow: hidden;
}
.icleft .indexcaseimg img{
	width: 100%;
	min-height: 345px;
}
.indexnews-box .ictext{
	background: #e4e0df;
	padding: 18px 20px;
}
.indexnews-box .tit{
	margin: 0;
}
.indexnews-box .ictext a{
	margin: 0;
	color: #4d4d4d;
	font-size: 14px;
}
.indexcase .icright{
	width: 610px;
	float: left;
}
.icrtext p,.ictext p{
	margin: 0;
}
.icrtext a{
	color: #FFFFFF;
	font-size: 14px;
}
.icrtext span,.ictext span{
	font-size: 12px;
}
.icrtop{
	width: 100%;
	margin-bottom: 10px;
}
.icrtop .icrleft{
	width: 290px;
	height: 152px;	
	float: left;
	margin: 0 10px;
	padding: 25px 0;
	color: #FFFFFF;
	text-align: center;
	background: #ffad23;
}
.icrtop .icrright{
	width: 300px;
	height: 202px;
	float: left;
	overflow: hidden;
}
.icrtop .icrright img{
	width: 100%;
	min-height: 202px;
}
.icrbottom .icrleft{
	width: 240px;
	height: 210px;
	overflow: hidden;
	float: left;
	margin: 0 10px;
}
.icrbottom .icrright{
	width: 350px;
	height: 130px;
	float: left;
	padding: 40px 0;
	color: #FFFFFF;
	text-align: center;
	background: #2bb929;
}
.icrbottom .icrleft img{
	width: 100%;
	min-height: 210px;
}
.indexpro .indexproimg{
	width: 100%;
	height: 188px;
	overflow: hidden;
}
/*footer*/
.bottom3{
	width:60%;
	float:left;
	text-align:left;
}
.bottom4{
	float:right;
	width:40%;
}
.bottom5{
	width:50px;
	float:right;
	margin-left: 20px;
}
.bottom5 img{
	width:100%;
	display:inline-block;
}

/*about us*/

.container .lujinab{
	margin: 30px 0 20px;
}
.container .lujinab img{
	width: 300px;
}

.culture{
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	padding: 50px 0;
	margin-bottom: 50px;
	height: 680px;
	background: #f3f3f3;
}
.culture .culturegg{
	width: 100%;
	text-align: center;
	font-size: 24px;
	font-weight: 500;
	line-height: 2;
	margin: 20px 0;
}
.culture .culture-content{
	width: 1280px;
}
.culture .culture-content .culture-item{
	width: 520px;
	float: left;
	margin-right: 70px;
	margin-bottom: 25px;
	padding: 20px;
	background: #FFFFFF;
}
.culture .cultureimg{
	width: 60px;
	height: 60px;
	float: left;
	padding: 5px;
	border: 1px solid #2CB829;
	border-radius: 50%;
}
.culture .cultureimg img{
	width: 60px;
	height: 60px;
}
.culture .culturetitle{
	width: 420px;
	float: left;
	line-height: 2.5;
	font-weight: bolder;
	text-align: left;
	margin: 15px 0 15px 15px;
	border: 1px solid #2CBA29;
}
.culture .cultitle{
	width: 99px;
	float: left;
	text-align: center;
	color: #FFFFFF;
	background: #2CBA29;
	font-size: 20px;
	line-height: 1.5;
	margin: 0;
	margin-right: 15px;
	padding: 3px;
	letter-spacing: 3px;
	font-weight: 600;
}
.culture .culturetitle .xian{
	display: block;
	height: 2px;
	margin: 5px 0;
	background: #2CB829;
}
.culture .culturetitle span{
	font-size: 12px;
	font-weight: 200;
}
.culturetext{
	font-size: 16px;
	font-weight: 500;
	line-height: 4;
}
.culture .col-lg-4{
	width: 25%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing:border-box;
	box-sizing: border-box;
	padding-right: 10px;
}
.culture .col-lg-4 img{width: 100%;}


/*发展历程*/
.course{margin: 50px 0;}
.time-line{width:100%;margin:20px auto;position: relative;}
.time-line .left-btn,.time-line .right-btn{width: 30px;height: 30px;background: url(../images/icon/arrow.png) no-repeat;position: absolute;margin-top:-15px;cursor: pointer;}
.time-line .left-btn{left:0;top:50%;}
.time-line .right-btn{right:0;top:50%;transform: rotate(180deg);}
.time-line .right-btn:hover{background: url(../images/icon/arrow-hover.png) no-repeat;transform: rotate(180deg);}
.time-line .left-btn:hover{background: url(../images/icon/arrow-hover.png) no-repeat;}
.time-line .time-box{width: 1100px;margin: 0 auto;overflow: hidden;}
.time-line .time-box ul{overflow: hidden;position: relative;height: 345px;margin: 0;}
.time-line .time-box ul:after{content: "";background: #d2d2d2;height: 1px;width: 100%;position: absolute;left:0;top:50%;}
.time-line .time-box li{width:240px;float: left;padding: 10px;box-sizing: border-box;border: 1px solid #d2d2d2;position: relative; cursor: pointer;}
.time-line .time-box li:nth-child(2n){margin-top: 210px;}
.time-line .time-box li:before{content: "";border-left: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;position: absolute;width: 16px;height: 16px;background: #fff;   bottom: -9px; transform: rotate(-45deg);left: 50%;margin-left: -8px;}
.time-line .time-box li:after{content: "";width: 15px;height: 15px;background: url(../images/icon/point.png) no-repeat;position: absolute;left:50%;margin-left:-7px;bottom: 0;    bottom: -48px; z-index: 1;}
.time-line .time-box li:nth-child(2n):before{bottom: auto;top: -10px;transform: rotate(-225deg);}
.time-line .time-box li:nth-child(2n):after{bottom: auto;top:-46px;}
/*时间轴*/
.main-timeline{
    width: 80%;
    margin: 20px auto;
    position: relative;
}
.main-timeline:before{
    content: "";
    display: block;
    width: 2px;
    height: 100%;
    background: rgba(0,0,0,0.2);
    margin: 0 0 0 -1px;
    position: absolute;
    top: 0;
    left: 50%;
}
.main-timeline .timeline{
    width: 100%;
    margin-bottom: 20px;
    position: relative;
}
.main-timeline .timeline:after{
    content: "";
    display: block;
    clear: both;
}
.main-timeline .timeline-content{
    width: 45%;
    float: left;
    margin: 5px 0 0 0;
    border-radius: 6px;
}
.main-timeline .date{
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #b3b3b3;
    margin: 0 0 0 -8px;
    position: absolute;
    top:25px;
    left: 50%;
    text-transform: uppercase;
}
.main-timeline .date span{
    display: block;
    text-align: center;
}
.main-timeline .day,
.main-timeline .year{
    font-size: 10px;
}
.main-timeline .month{
    font-size: 18px;
}
.main-timeline .title{
    padding: 8px 15px;
    margin: 0;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: -1px;
    background: #2cba29;
    border-radius: 6px 6px 0 0;
    position: relative;
}
.main-timeline .title:after{
    content: "";
    width: 10px;
    height: 10px;
    background: #2cba29;
    position: absolute;
    top: 20px;
    right: -5px;
    transform: rotate(-45deg);
}
.main-timeline .description{
    padding: 15px;
    margin: 0;
    font-size: 14px;
    color: #656565;
    background: #f0f0f0;
    border-radius: 0 0 6px 6px;
}
.main-timeline .timeline:nth-child(2n+2) .timeline-content{
    float: right;
}
.main-timeline .timeline:nth-child(2n+2) .title:after{
    left: -5px;
}
/*.main-timeline .timeline:nth-child(1) .title,
.main-timeline .timeline:nth-child(1) .title:after{
    background: #2cba29;
}
.main-timeline .timeline:nth-child(2) .title,
.main-timeline .timeline:nth-child(2) .title:after{
    background: #2cba29;
}
.main-timeline .timeline:nth-child(3) .title,
.main-timeline .timeline:nth-child(3) .title:after{
    background: #2cba29;
}
.main-timeline .timeline:nth-child(4) .title,
.main-timeline .timeline:nth-child(4) .title:after{
    background: #2cba29;
}*/
@media only screen and (max-width: 990px){
    .main-timeline{ width: 100%; }
}
@media only screen and (max-width: 767px){
    .main-timeline:before,
    .main-timeline .date{
        left: 6%;
    }
    .main-timeline .timeline-content{
        width: 85%;
        float: right;
    }
    .main-timeline .title:after{
        left: -5px;
    }
}
@media only screen and (max-width: 480px){
    .main-timeline:before,
    .main-timeline .date{
        left: 12%;
    }
    .main-timeline .timeline-content{
        width: 75%;
    }
    .main-timeline .date{
        width: 60px;
        height: 60px;
        margin-left: -30px;
    }
    .main-timeline .month{
        font-size: 14px;
    }
}



.case-class{
	width: 100%;
	padding: 30px 0;
	background: url(../images/casebg.png) no-repeat;
	background-size: 100%;
}
.case-class .case-item{
	width: 385px;
	margin: 0 10px;
	float: left;
	background: #FFFFFF;
	text-align: center;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.caseshow-img{
	width: 280px;
	height: 190px;
	overflow: hidden;
}
.caseshow-img img{
	width: 100%;
}

.case-item .number_en{
	width: min-content;
	width: -webkit-min-content;
	margin: 0 auto;
	padding: 5px 10px;
	font-size: 14px;
	margin-top: -15px;
	background: #FFFFFF;
}
.case-item .classtop{
	height: 109px;
	padding: 15px 0;
	font-size: 16px;
	font-weight: 400;
}
.case-item .line{
	width: 200px;
	height: 1px;
	margin: 0 auto;
	margin-top: 15px;
	background: #666666;
}
.case-item h2,.case-item h3{
	margin: 0;
	color: #404040;
	line-height: 1.5;
	border: 0;
	font-weight: 500;
	text-align: center;
}
.case-item .classimg{
	height: 300px;
	overflow: hidden;
}
.case-item .classtext{
	height: 40px;
	padding: 15px 0 30px;
	font-size: 16px;
	font-weight: 400;
}
.case-item .classtext p{
	margin: 0;
}
.case-item a{
	color: #555555;
}
.case-item a:hover{
	color: #2cb829;
}
.case-item a:hover h2{
	color: #2cb829;
}
.case-item a:hover h3{
	color: #2cb829;
}
.case-item a:hover .line{
	background: #2cb829;
}
.case-con{
	width: 1215px;
}
.case-con .caseList{
	width: 380px;
	float: left;
	background: #FFFFFF;
	margin-right: 25px;
	margin-top: 40px;
}

.case{
	background: #F1F1F1;
	padding-bottom: 40px;
}
.caseList .caseList-img{
	width: 100%;
	height: 250px;
	overflow: hidden;
}
.caseList .tit{width:350px;height: 65px;overflow: hidden;margin-bottom: 10px;display: table-cell;vertical-align: middle;}
.caseList .caseList-con{
	padding: 10px 15px;
    height: 100px;
	background: #FFFFFF;
	text-align: center;
}
.caseList .more{
	display: block;
	padding: 10px;
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
	background: #2CB829;
}
.caseList .more:hover{
	color: #FFFFFF;
}
.titbox b{
	color: #2cb829;
	font-size: 24px;
}
.titbox a{
	color: #2cb829;
	font-size: 20px;
	font-weight: 500;
}
.row-content{margin:0 auto; text-align:left; clear:both}
.showcase.cloud{ position:relative; height:400px}
.showcase.cloud .container{height:400px; overflow:hidden; position:relative}
.showcase.cloud .slide{ position:absolute; top:0; left:0; z-index:0;height:400px}
.showcase.cloud .slide .content-main-visual{ width:950px; height:400px; overflow:hidden;float: left;}
.showcase.cloud .slide .content-main-visual a{ display:none; width:950px; height:400px; overflow:hidden; position:absolute; z-index:0; top:0; left:0}
.showcase.cloud .slide .content-main-visual a.pc{ display:block}
.showcase.cloud .slide .content-main-visual a.tablet{ display:none}
.showcase.cloud .slide .content-main-visual a.smartphone{ display:none}
.showcase.cloud .slide .content-main-visual a img{ width:100%; height:400px;}

.showcase.cloud .slide .content-main-feature{ height:400px; width:250px;float: right;}
.showcase.cloud .slide .content-main-feature .feature{ width:240px; height:130px; text-align:center;overflow:hidden;padding-left: 10px;}
.showcase.cloud .slide .content-main-feature .feature a{ padding-top:0; display:block; width:250px; height:120px; position:relative;  overflow: hidden;background-image:none; opacity:0.4; filter:alpha(opacity=40); color:#000;}
.showcase.cloud .slide .content-main-feature .feature a:hover{ background-image:none}
.showcase.cloud .slide .content-main-feature .feature a:hover{ opacity:1; filter:alpha(opacity=100)}
.showcase.cloud .slide .content-main-feature .feature a.current{ background:none}
.showcase.cloud .slide .content-main-feature .feature a img{width:100%;margin:0 auto}
.showcase.cloud .slide .content-main-feature .feature a img.tablet{ display:none}
.showcase.cloud .slide .content-main-feature .feature a img.mobile{ display:none}
.showcase.cloud .slide .content-main-feature .feature a.current{ opacity:1; filter:alpha(opacity=100)}
.listbox ul{margin: 0;}
.listbox ul li{background: #F7F7F7;margin-bottom: 20px;}

.listbox ul li .tulist{width: 220px;height: 140px;float: left;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;margin: 15px;overflow: hidden;}
.listbox ul li .tulist img{width: 220px;min-height:140px;border-bottom: 1px solid rgba(0, 0, 0, 0.09);}
.listbox ul li .zilist{width: 54%;float: left;margin: 25px 0px 28px 34px;transition: all 0.3s ease-out 0s;}
.newslist1{position: relative;background: rgb(247, 247, 247);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.newsdate{width: 150px;float: right;padding: 36px 43px 0px 0px;transition: all .3s ease-out 0s;}
.newsdate p{color: #707070;font-family:dtnum;font-size: 20px;letter-spacing:-2px;margin-bottom:30px;}
.zilist h3{margin-top: 0;font-size: 18px;font-weight: 500;}
.zilist a{margin-top: 0;color: #707070;}
.newslist1:hover{box-shadow: 0 6px 10px 5px rgba(0, 0, 0, .08);}
.newslist1:hover a{color: #404040;}
.newslist1:hover .zilist{margin: 25px 0 28px 54px;}
.newslist1:hover .newsdate{padding: 36px 20px 0px 0px;}
.newslist1 .newsdate a{padding: 8px 15px;border: 1px solid #999;border-radius: 10px;transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;color: #333;}
.newslist1:hover .newsdate a{background: #2cb829;color: #FFFFFF;border: 0;}
.dropdown-menu{text-align: left;min-width:auto;left: 20px;padding: 0;background: #F8F8F8;z-index: 1001;}
.dropdown-menu>li>a{padding: 8px 20px;}

.about-nav{width: 100%;height: 50px;border-bottom: 1px solid #dfdede;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .075);box-shadow: 0 1px 1px rgba(0, 0, 0, .075);margin-top: 30px;}
.about-nav ul{margin: 0;}
.about-nav ul li{width: 92px;float: left;font-size: 18px;font-weight: 500;margin-right: 35px;}
.about-nav ul li a{display: block;padding: 10px 0;text-align: center;color: #333;}
.about-nav ul li a:hover{color: #2cb829;border-bottom: 2px solid #2CB829;}
.about-nav .active{color: #2cb829;border-bottom: 2px solid #2CB829;}