.section{width: 100%;height: 100%;overflow: hidden;}

.header{
	height: 100px;
	position: fixed;
	width: 100%;left: 0;top: 0;
	z-index: 9999;
	background: white;
	border-bottom: solid 1px #dbdbdb;
}
.header .logo{
	display: block;
	float: left;
	margin-top: 26px;
	margin-right: 150px;
}


.navbar{float: left}
.navbar li{margin-right:25px;float: left;position: relative;}
.navbar .nav-item{
	display:block;
	font-size: 18px;
	line-height: 100px;
	color:#444444;
	/*font-family: 'open';*/

}
.navbar .nav-item .category::after{
	content: '';
	width:0;
	height: 3px;
	background: #e15616;
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	transition: all .5s;
}
.navbar  .nav-item.active,.navbar  .nav-item:hover{
	color: #e15616;
}
.navbar  .nav-item.active .category::after,
.navbar  .nav-item:hover .category::after{
	width:100%;
}
.dropmenu {
    position: absolute;
    top: 100%;
    z-index: 500;
    background: #fff;
    max-height: 0;
    opacity: 0;
    /*width: 100%;
    min-width: 145px;*/
   min-width: 100%;
    overflow: hidden;
    transition: max-height 1s;
}
.navbar li:hover .dropmenu {
    opacity: 1;
    max-height: 500px;
    padding:5px 17px 0px 17px;
}
.dropmenu a{
	display: block;
	font-size: 18px;
	color:#666;
	line-height: 40px;
	white-space: nowrap;
	min-width: 85px;
	border-bottom: solid 1px #eee;
	transition: all .3s;
}
.dropmenu a:hover{color: #e15616;}

.navbar .nav-item{
	float: left;
	padding-right: 80px;
}
.navbar .category{
	color: #444;
	display: block;
	font-size: 18px;
	line-height:100px;
	    padding: 0 9px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	position: relative;
}
.navbar .nav-item:hover .category,
.navbar .nav-item.active .category{
	color: #e15616;
}
.header .dropdown-menu {
    position: fixed;
    top:100px;
    z-index: 999;
    background-color: #f2f2f2;
/*    padding: 55px 0 75px 0;*/
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    height: auto;
    display: none;
    overflow: hidden;
    width: 100%;
    left: 0;
    margin-top: 0;
    -ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);
    -o-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);
            box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);
}
.header .dropdown-menu.full-screen {
    position: absolute;
    top: 100px;
}
.nav-item:hover .dropdown-menu {
    display: block;
    visibility: visible;
}



.dropdown-menu .menu-list{margin-top: 55px;margin-bottom: 75px;float: left;width: 220px;height: auto;line-height: auto;margin-right: 53px;}
.dropdown-menu .menu-list:last-child{margin-right: 0;}
.dropdown-menu .menu-top{padding-bottom: 10px;border-bottom: solid 1px #cccccc;height: 45px;line-height: 45px;padding-left: 20px;background: url(../images/menu-bg.png) no-repeat left center;}
.dropdown-menu .menu-top a{font-size: 18px;color: #333;line-height: 18px;}
.dropdown-menu .menu-bot{margin-top: 13px;padding: 0 20px;}
.dropdown-menu .menu-bot a{text-transform: uppercase;font-size: 14px;color: #666; line-height: 30px;display: block;width: 100%;text-align: left;}
.dropdown-menu .menu-top a:hover,.dropdown-menu .menu-bot a:hover{color: #da251d;}

@media all and (max-width: 1440px) {
	.dropdown-menu .menu-list{width: 190px;margin-right: 45px;}
}











.h-tel{
	line-height: 100px;
	font-size: 16px;
	color: #9a9a9a;
	float: right;
	position: relative;
	padding-right: 29px;
	margin-right: 30px;
}
.h-tel:after{
	position: absolute;
	content: '';
	width: 1px;
	height: 18px;
	background: #c1c1c1;
	top: 50%;
	right: 0;
	margin-top: -9px;
	
}
.langua{
	float: right;
	display: block;
	font-family: arial;
	color: #9a9a9a;
	line-height: 24px;
	width: 42px;
	text-align: center;
	margin-top: 38px;
}
.langua.active{color: white;background: #e15616;border-radius: 15px;}
.langua:hover{background: #e15616;color: white;}
.login{
	float: right;
	width: 30px;
	height: 30px;
	margin-top: 35px;
	margin-left: 20px;
	background: url(../images/login.png) no-repeat center;
}
.serach{
	width: 80px;
	height: 100px;
	float: right;
	background:url(../images/serach.png) no-repeat center;
}
.nav-search {
	width: 148px;
	height: 100px;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative;
}
.nav-search:hover{opacity: 1;}
.search-box {
    position: absolute;
    right:0;
    top:80px;
    font-size: 0;
    width: 300px;
    height: 0;
    z-index: 100;
    border-radius: 15px;
    background:white;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    overflow: hidden;
}
.nav-search:hover .search-box {
    opacity: 1;
    height: 40px;
}
.search-box .search{
	width:256px;
	height: 40px;
	float: left;
	font-size: 14px;
	color:#333;
	line-height: 24px;
	padding:3px 10px;
}
.search-box .butt{
	width:40px;
	height:40px;
	background:url(../images/serach.png) no-repeat center;
	float: right;
	cursor: pointer;
	transition: all .3s;
}
.serach-box{display: none; width: 650px;height: 56px;background: white;position: absolute;top: 104px;right: 10%;margin-left: -325px;border-radius: 5px;padding-left: 10px;z-index: 999;}
.serach-box .text{border: none;outline: none;width: 570px;float: left;height: 56px;padding-left: 5px;}
.serach-box .submit{width: 65px;float: right;height: 56px;background: url(../images/serach.png) no-repeat center;border: none;outline: none;}
.head-main{width: 1720px;margin: 0 auto;}

@media all and (max-width: 1680px) {
	.head-main{width: 1500px;}
	.header .logo{margin-right: 170px;}
}


/*home-banner*/
#home-slider{
	width: 100%;
	height: 100%;
    position: relative;
    overflow: hidden;
    zoom: 1;
}
.flex-viewport {
    max-height: 2000px;
    transition: all 1s ease;
}
#home-slider .slides{
	width: 100%;
}
#home-slider .slides li{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#home-slider .slides a{
		display: block;
	width: 100%;
	height: 100%;
	padding-top: 200px;
}
/*#home-slider .flex-direction-nav .flex-prev, 
#home-slider .flex-direction-nav .flex-next {
    display: block;
    width: 60px;
    height:60px;
    border: 1px solid #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-top:20px;
    font-size: 0;
    transition:all .5s;
}
#home-slider .flex-direction-nav .flex-prev{left:100px;}
#home-slider .flex-direction-nav .flex-next{right: 100px;}*/
/*#home-slider .flex-direction-nav .flex-prev::before, 
#home-slider .flex-direction-nav .flex-next::before {
	font-family:"iconfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	font-size: 20px;
	color: #fff;
	text-align: center;
	line-height: 58px;
	width: 100%;
	height: 100%;
	display: block;
}
#home-slider .flex-direction-nav .flex-prev::before{
	content: "\e608";
}
#home-slider .flex-direction-nav .flex-next::before{
	content: "\e609";
}
#home-slider .flex-direction-nav .flex-prev:hover,
#home-slider .flex-direction-nav .flex-next:hover{
	background:#32b372;
	border-color: #32b372;
}*/
#home-slider .flex-control-paging {
    position: absolute;
    bottom: 50px;
    left: 0;
    z-index: 4;
    text-align: center;
    width: 100%;
    font-size: 0;
}
#home-slider .flex-control-paging li{
	display: inline-block;
	margin:0 10px;
}
#home-slider .flex-control-paging li a {
    display: block;
    width: 10px;
    height: 5px;
    cursor: pointer;
    border-radius: 5px;
    background: #83848b;
    transition:all .5s;
}
#home-slider .flex-control-paging li .flex-active {
    width: 20px;
    background: #e15616;
}
#home-slider .after {
    position: absolute;
    width: 18px;
    height: 32px;
    left: 50%;
    margin-left: -9px;
    bottom: 116px;
    background: url(../images/banner-afetr.png) no-repeat center;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    z-index: 777;
}
#home-slider .after a{display: block;width: 100%;height: 100%;}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
  50% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
  }
  100% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px)
  }
}
@keyframes spin {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
  50% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
  }
  100% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px)
  }
}
/*home-业务板块*/
.index-pro{position: relative;}
.h-business-item{
	float: left;
	width: 33.33333%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;

	transform: translateY(200px);
    opacity: 0;
}
.pro-big,.proh-big{width: 100%;height: 100%;}
.pro-hide{display: none; position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #333333;}
.hide-tit{padding-bottom: 31px;line-height: 33px;position: relative; color: #fff;font-size: 33px;margin-bottom: 22px; font-weight: lighter;letter-spacing: 3px;}
.hide-t it:after{position: absolute;content: '';width: 40px;height: 2px;background: #e15616;left: 0;bottom: 0;}
.pro-hide p{color: rgba(255,255,255,0.6);font-size: 14px;line-height: 26px;}
.hide-main{width: 1400px;margin: 0 auto;height: 100%;position: relative;}
.h-business-item:nth-child(1){
	transition: all 1s cubic-bezier(.35,.75,.55,1) 0.5s;
}
.h-business-item:nth-child(2){
	transition: all 1s cubic-bezier(.35,.75,.55,1) 1s;
}
.h-business-item:nth-child(3){
	transition: all 1s cubic-bezier(.35,.75,.55,1) 1.5s;
}
.h-business-item .m-cont{
	width: 100%;
	height: 100%;

	text-align: center;
	color: #fff;
	padding:190px 0% 20px 0%;
	transition: all .6s ease;
}
.h-business-item .m-tit{
	font-size: 20px;
	font-weight: lighter;
	transform: translateY(72px);
	height: 30px;
	white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
	transition: all .6s ease;
}
.h-business-item .m-des{
	line-height: 26px;
	margin:7px 0 24px;
	transform: translateY(55px);
	opacity: 0;
	height: 52px;
    display: -webkit-box;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	transition: all .6s ease;
}
.h-business-item .m-more{
	display: inline-block;
	text-align: center;
	width: 160px;
	height: 42px;
	border:1px solid #5d5d5d;
	border-radius: 30px;
	color: white;
	margin-bottom: 50px;
	font-size: 14px;text-align: center;line-height: 40px;
	padding-left: 20px;
	background:url(../images/index-more.png) no-repeat left 33px center ;

	transition: all .6s ease;
}
.h-business-item .m-more:hover{
	background:url(../images/index-moreH.png) no-repeat left 33px center #c0511e; border: none;
}
.h-business-item .m-box{

}
.h-business-item .m-head{
	margin:0 auto;

	transition: all .6s ease;
}
.h-business-item .m-head img{width: 60%;}
.index-pro.active .h-business-item{
	transform: translateY(0);
	opacity: 1;
}
.dis-table {
    display: table;
    width: 100%;
    height: 100%;
}
.dis-cell {
    display: table-cell;
    vertical-align: middle;
}
.h-business-item .index-p-tit{margin-bottom: 5px; color: white;font-size: 33px;font-weight: lighter;letter-spacing: 3px;}
.h-business-item .index-p-tit2{text-transform: uppercase; letter-spacing: 2px;margin-bottom: 35px; color: rgba(255,255,255,0.6);font-size: 16px;font-weight: lighter;font-family: 'open Sans';}

.index-three
{
    /*background: url(../images/index-three.png) no-repeat center;background-size: cover;*/
    background: url(../images/index-three.jpg) no-repeat center;background-size: cover;
    }
/* 本例子css */
.index-three .index-f{}
.picScroll-left{position:relative;margin-top: 45px;  }
.picScroll-left .hd{ }
.picScroll-left .hd .prev,.picScroll-left .hd .next{cursor: pointer; position: absolute;z-index: 33; display:block;  width:20px; height:38px;top: 50%;margin-top: -19px;}
.picScroll-left .hd .next{background:url(../images/hide-right.png) no-repeat center;right: -40px; }
.picScroll-left .hd .prev{background:url(../images/hide-left.png) no-repeat center;left: -40px; }
.picScroll-left .hd .next:hover{background:url(../images/hide-rightH.png) no-repeat center; }
.picScroll-left .hd .prev:hover{background:url(../images/hide-leftH.png) no-repeat center; }
.picScroll-left .bd{overflow: hidden;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{width: 330px;margin-right: 27px;position: relative; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{width: 100%;display: block;transition: all .5s;}
.picScroll-left .bd ul li .pic a:hover img{ }
.picScroll-left .bd ul li .title{ line-height:60px;position: absolute;bottom: 0;left: 0;  width: 100%;height: 60px;background: #222;font-size: 18px;color: rgba(255,255,255,0.6); }
.picScroll-left .bd ul li:hover .pic img{transform: scale(1.1);}
.proh-big{display: none; padding: 193px 0;}
.proh-colse{position: absolute;background: url(../images/clode.png) no-repeat center;width: 25px;height: 25px;top: 20px;right: 0;transition: all .5s;}
.proh-colse:hover{transform: rotateZ(180deg);}

/*第三版*/
.index-three.active,.index-three.active .int-tit,.index-three.active .int-tit2,.index-three.active .int-tit3{opacity: 1;transform: translateY(0px);}
.index-three{opacity: 0;transition: all 1s cubic-bezier(.35,.75,.55,1) 0.5s;}
.int-tit{opacity: 0;transition: all 1s cubic-bezier(.35,.75,.55,1) 1s;transform: translateY(20px); color: rgba(102,102,102,.06);font-size: 56px;text-align: center;text-transform: uppercase;letter-spacing: 3px; font-family: 'bold';}
.int-tit2{opacity: 0;transition: all 1s cubic-bezier(.35,.75,.55,1) 1s;transform: translateY(20px);color: white;font-size: 40px;text-align: center;line-height: 40px;font-weight: lighter;margin-top: -40px;margin-bottom: 26px; letter-spacing: 3px;padding-bottom: 24px;position: relative;}
.int-tit2:after{position: absolute;content: '';width: 40px;height: 2px;background: #e15616;bottom: 0;left: 50%;margin-left: -20px;}
.int-tit3{opacity: 0;transition: all 1s cubic-bezier(.35,.75,.55,1) 1s;transform: translateY(20px);text-align: center;color: rgba(255,255,255,0.8);font-size: 16px;line-height: 16px;font-weight: lighter;letter-spacing: 2px;}
.int-left{opacity: 0;transition: all 1s cubic-bezier(.35,.75,.55,1) 1.5s;transform: translateX(-20px);float: left;height: 100%;}
.int-left a{line-height: 20px;margin-bottom: 30px; display: block; padding-left: 40px;position: relative; color: rgba(255,255,255,0.7);font-size: 16px;}
.int-left a:after{position: absolute;content: '';background: url(../images/leftafter.png) no-repeat center; width: 20px;height: 20px;left: 0;}
.index-three.active .int-left{opacity: 1;transform: translateX(0);}
.index-three.active .int-right{opacity: 1;transform: translateX(0);}
.int-left a:hover:after{    -webkit-animation: kuosan-1 2s linear infinite;
    animation: kuosan-1 2s linear infinite;
    z-index: -1;
}


@-webkit-keyframes kuosan-1 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100)\9
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
    filter: alpha(opacity=0)\9
  }
}
@keyframes kuosan-1 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100)\9
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
    filter: alpha(opacity=0)\9
  }
}
/* 本例子css */
.int-right{float: right;height: 100%;opacity: 0;transition: all 1s cubic-bezier(.35,.75,.55,1) 1.5s;transform: translateX(20px);}
.picScroll-top{ margin:0 auto; position:relative;  }
.picScroll-top .hd{ }
.picScroll-top .hd .prev,.picScroll-top .hd .next{position: absolute;left: 50%;margin-left: -10px; display:block;  width:20px; height:12px;overflow:hidden;cursor:pointer;}
.picScroll-top .hd .next{background: url(../images/int-bot.png) no-repeat center; bottom: -32px;}
.picScroll-top .hd .prev{background: url(../images/int-top.png) no-repeat center; top: -32px;}
.picScroll-top .hd .next:hover{background: url(../images/int-botH.png) no-repeat center;}
.picScroll-top .hd .prev:hover{background: url(../images/int-topH.png) no-repeat center;}
.picScroll-top .bd{ padding:10px;   }
.picScroll-top .bd ul{ overflow:hidden; zoom:1; }
.picScroll-top .bd ul li{ text-align:center; zoom:1; }
.picScroll-top .bd ul li .pic{ text-align:center;border:1px solid #373737; padding: 22px 30px; }
.picScroll-top .bd ul li .pic img{ width:112px; height:149px; display:block; }
.picScroll-top .bd ul li .pic a:hover img{ border-color:#999;  }
.int-big{position: relative;height: 60%;}
.int-mid{width: 50%; float: left;position: absolute;margin-top: -55px;left: 50%;margin-left: -25%;opacity: 0;transition: all 1s cubic-bezier(.35,.75,.55,1) 1.5s;transform: rotateZ(-30deg);}
.int-mid img{display: block;width: 100%;}
.int-num{ 
background: -webkit-linear-gradient(right top, #e56019 30%, #e7a215 ); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom left, #e56019 30%, #e7a215 ); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom left, #e56019 30%, #e7a215 ); /* Firefox 3.6 - 15 */
  background: linear-gradient(to top right, #e56019 30%, #e7a215 ); /* 标准的语法 */
        -webkit-background-clip: text;
        color: transparent;
font-family: 'din';font-size: 150px;position: absolute;top: 150px;width: 100%;text-align: center;opacity: .1;opacity: 0;transition: all 1s cubic-bezier(.35,.75,.55,1) 2.5s;transform: translateY(-20px);}
.int-center{opacity: 0;transition: all 1s cubic-bezier(.35,.75,.55,1) 2s;transform: rotateZ(-30deg);width: 64%;height: 64%;border-radius: 50%;background: url(../images/int-center.png) no-repeat center; position: absolute;left: 50%;margin-left: -32%;top: 50%;margin-top: -30%;background-size: cover;}
.int-font{opacity: 0;transition: all 1s cubic-bezier(.35,.75,.55,1) 2.5s;transform: translateY(-20px);width: 100%;height: 100%;text-align: center;font-size: 18px;color: white;line-height: 34px;margin-top: -70px;}
.int-icon{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.int-icon1{position: absolute;top: 100px;left: 10px;background: url(../images/int-icon1.png) no-repeat center;width: 40px;height: 40px;}
.int-icon2{position: absolute;top: 33px;left: 65px;background: url(../images/int-icon2.png) no-repeat center;width: 40px;height: 40px;}
.int-icon3{position: absolute;top: -20px;left: 155px;background: url(../images/int-icon3.png) no-repeat center;width: 40px;height: 40px;}
.int-icon4{position: absolute;top: -20px;right: 165px;background: url(../images/int-icon4.png) no-repeat center;width: 40px;height: 40px;}
.int-icon5{position: absolute;top: 33px;right: 65px;background: url(../images/int-icon5.png) no-repeat center;width: 40px;height: 40px;}
.int-icon6{position: absolute;top: 100px;right: 10px;background: url(../images/int-icon6.png) no-repeat center;width: 40px;height: 40px;}
.int-icon1:hover,.int-icon1.hover{background-image: url(../images/int-icon1H.png);}
.int-icon2:hover,.int-icon2.hover{background-image: url(../images/int-icon2H.png);}
.int-icon3:hover,.int-icon3.hover{background-image: url(../images/int-icon3H.png);}
.int-icon4:hover,.int-icon4.hover{background-image: url(../images/int-icon4H.png);}
.int-icon5:hover,.int-icon5.hover{background-image: url(../images/int-icon5H.png);}
.int-icon6:hover,.int-icon6.hover{background-image: url(../images/int-icon6H.png);}

.index-three.active .int-mid,.index-three.active .int-center{opacity: 1;transform: rotateZ(0);}
.index-three.active .int-font,.index-three.active .int-num{opacity: 1;transform: translateY(0);}
.index-three.active .int-num{opacity: .1;}
.index-three.active .int-slide{opacity: 1;}

.int-slide{ opacity: 0;transition: all 1s cubic-bezier(.35,.75,.55,1) 2.5s;   position: absolute;bottom: -40px;left: 50%;margin-left: -25%;border-radius: 50%;}
/* 本例子css */
.slideBox{display: none; width:100%; height:220px; position:relative;}
.slideBox .bd{ position:relative; height:100%; z-index:0;    overflow: hidden;border-radius: 50%; }
.slideBox .bd li{ zoom:1; vertical-align:middle;width: 220px;height: 220px;border-radius: 50%; }
.slideBox .bd img{transition: all .5s; width:95%; height:95%; display:block; border-radius: 50%;  }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; top:50%; margin-top:-10px; display:block; width:20px; height:20px; }
.slideBox .next{ background: url(../images/slide-right.png) no-repeat center;right: -40px; }
.slideBox .prev{ background: url(../images/slide-left.png) no-repeat center;left: -40px; }
.slideBox .prev:hover{ background: url(../images/slide-leftH.png) no-repeat center; }
.slideBox .next:hover{background: url(../images/slide-rightH.png) no-repeat center; }
.slideBox .bd li:hover img{transform: scale(1.1);}




/*four*/
.index-four
{
    /*background: url(../images/index-four.png) no-repeat center;background-size: cover;opacity: 0;transition: all 1s cubic-bezier(.35,.75,.55,1) 0.5s;*/
    background: url(../images/index-four.jpg) no-repeat center;background-size: cover;opacity: 0;transition: all 1s cubic-bezier(.35,.75,.55,1) 0.5s;
    }
.inf-tit{margin-top: 45px; opacity: 0;transition: all 1s cubic-bezier(.35,.75,.55,1) 1s;transform: translateY(-20px); color: rgba(204,204,204,.4);font-size: 56px;text-align: center;text-transform: uppercase;letter-spacing: 3px; font-family: 'bold';}
.inf-tit2{opacity: 0;transition: all 1s cubic-bezier(.35,.75,.55,1) 1s;transform: translateY(-20px);color: #333;font-size: 40px;text-align: center;line-height: 40px;font-weight: lighter;margin-top: -35px;margin-bottom: 50px; letter-spacing: 3px;padding-bottom: 24px;position: relative;}
.inf-tit2:after{position: absolute;content: '';width: 40px;height: 2px;background: #e15616;bottom: 0;left: 50%;margin-left: -20px;}
.inf{width: 100%;background: white;padding:65px 50px;opacity: 0;transition: all 1s cubic-bezier(.35,.75,.55,1) 1.5s;}
.inf-left{float: left;width: 36.77%;opacity: 0;transition: all 1s cubic-bezier(.35,.75,.55,1) 1.5s;transform: translateX(-20px);}
.inft-tit{text-align: right;padding-bottom: 20px;background: url(../images/inf-lefth.png) no-repeat right 30px bottom;margin-right: -65px;}
.inft-tit span{font-size: 24px;color: #333;padding-right: 10px;letter-spacing: 1px;}
.inft-tit a{display: inline-block;width: 90px;height: 33px;color: #777;line-height: 33px;float: right; text-align: center;font-family: arial;font-size: 14px;background: url(../images/inf-more.png) no-repeat center;}
.inft-tit a:hover{color: white;background-image: url(../images/inf-moreH.png);}
.inft-pic{overflow: hidden;margin-top: -11px;}
.inft-pic img{display: block;transition: all .5s;width: 100%;}
.inf-mid{float: left;margin-left: -120px;width: 40.847%;opacity: 0;transition: all 1s cubic-bezier(.35,.75,.55,1) 2s;transform: translateY(20px);}
.infm-pic{overflow: hidden;}
.infm-pic img{display: block;width: 100%;transition: all .5s;}
.infm-tit{margin-left: -161px; background: url(../images/infm-tit.png) no-repeat center;height: 107px;width: 100%;line-height: 107px;text-align: center;}
.infm-tit span{font-size: 24px;color: #333;padding-right: 10px;letter-spacing: 1px;}
.infm-tit a{display: inline-block;width: 90px;height: 33px;color: #777;line-height: 33px; text-align: center;font-family: arial;font-size: 14px;background: url(../images/inf-more.png) no-repeat center;}
.infm-tit a:hover{color: white;background-image: url(../images/inf-moreH.png);}
.inf-right{float: right;margin-left: -263px;width: 51.847%;opacity: 0;transition: all 1s cubic-bezier(.35,.75,.55,1) 2.5s;transform: translateX(20px);}
.infr-tit{text-align: right;margin-bottom: 15px;}
.infr-tit span{font-size: 16px;color: #666;padding: 0 5px;cursor: pointer;}
.infr-tit span.active{font-size: 24px;color: #333}
.infr-tit a{float: right;margin-left: 10px; display: inline-block;width: 90px;height: 33px;color: #777;line-height: 33px; text-align: center;font-family: arial;font-size: 14px;background: url(../images/inf-more.png) no-repeat center;}
.infr-tit a:hover{color: white;background-image: url(../images/inf-moreH.png);}
.infr-big{position: relative;}
.infr-pic img{display: block;width: 100%;}
.infr-po{position: absolute;top: 0;right: 0;display: none;}
.infr-list{display: block; padding: 20px 0;float: right;padding-right: 25px;}
.infr1{width: 54%;}
.infr-list h3
{
    float: left;font-size: 18px;color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    width: 70%;
    
 }
.infr-list span{float: right;font-size: 14px;color: #888;font-family: arial;line-height: 24px;}
.infr-list p{font-size: 14px;color: #888;line-height: 24px;margin-top: 8px;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.infr2{width: 64%}
.infr3{width: 71%}
.infr4{width: 78%}
.infr5{width: 85%}
.infr6{width: 92%}
.infr2,.infr3,.infr4,.infr5,.infr6{border-top: solid 1px #dbdbdb}
.infr-list:hover h3,.infr-list:hover span{color: #e15616;}
.index-f{padding-top: 50px;width: 100%;height: 100%;}

.index-four.active,.index-four.active .inf{opacity: 1;}
.index-four.active .inf-tit,.index-four.active .inf-tit2,.index-four.active .inf-mid{opacity: 1;transform: translateY(0);}

.index-four.active .inf-left,.index-four.active .inf-right{opacity: 1;transform: translateX(0);}


/*five*/
.index-five
{
    /*padding-top: 30px; width: 100%;height: 100%; background: url(../images/index-five.png) no-repeat center;background-size: cover;*/
    padding-top: 30px; width: 100%;height: 100%; background: url(../images/index-five.jpg) no-repeat center;background-size: cover;
  }
.ine-tit{opacity: 0;transition: all 1s cubic-bezier(.35,.75,.55,1) 1s;transform: translateY(-20px); color: rgba(255,255,255,.1);    margin-top: 50px;font-size: 56px;text-align: center;text-transform: uppercase;letter-spacing: 3px; font-family: 'bold';}
.ine-tit2{opacity: 0;transition: all 1s cubic-bezier(.35,.75,.55,1) 1s;transform: translateY(-20px);color: #fff;font-size: 40px;text-align: center;line-height: 40px;font-weight: lighter;margin-top: -35px;margin-bottom:25px; letter-spacing: 3px;padding-bottom: 24px;position: relative;}
.ine-tit2:after{position: absolute;content: '';width: 40px;height: 2px;transform: translateY(-20px);background: #e15616;bottom: -20px;left: 50%;margin-left: -20px;}
.ine-tit3{opacity: 0;transition: all 1s cubic-bezier(.35,.75,.55,1) 1.5s;transform: translateY(-20px);text-align: center;color: rgba(255,255,255,0.6);font-size: 20px;line-height: 39px; font-weight: lighter;background: url(../images/ine-tit3.png) no-repeat center;margin-bottom: 55px;}
.ine-ewm{opacity: 0;transition: all 1s cubic-bezier(.35,.75,.55,1) 2s;transform: translateY(-20px);text-align: center;margin-bottom: 55px;}
.ine-ewm p{opacity: 0;transition: all 1s cubic-bezier(.35,.75,.55,1) 2s;transform: translateY(-20px);color: rgba(255,255,255,0.6);font-size: 16px;margin-top: 5px;}
.ine-ul{opacity: 0;transition: all 1s cubic-bezier(.35,.75,.55,1) 2s;transform: translateY(-20px);text-align: center; background: url(../images/ine-ul.png) no-repeat center;height: 110px;}
.ine-li{opacity: 0;transition: all 1s;display: inline-block;margin: 0 84px; width: 110px;height: 110px;text-align: center;vertical-align: middle;}
.ine-li .ine-icon{display: table-cell;width: 110px;height: 110px;text-align: center;vertical-align: middle;border: solid 1px #5a6478;border-radius: 50%;}
.ine-icon img{opacity: 0.8;transition: all .5s;}
.ine-li:hover .ine-icon{border: none;background: #e15616;}
.ine-li:hover img{opacity: 1;transform: rotateZ(60deg);}
.ine-li h4{font-size: 18px;color: rgba(255,255,255,0.8);margin-top: 12px;}
.ine-li h4.h4{margin-left: -10px;width: 130px;}
.ine-li:nth-child(1){transition-delay: 2.5s;transform: translateX(-20px);}
.ine-li:nth-child(2){transition-delay:2.8s;transform: translateX(-20px);}
.ine-li:nth-child(3){transition-delay: 3.1s;transform: translateX(-20px);}
.ine-con{opacity: 0;transition: all 1s cubic-bezier(.35,.75,.55,1) 3.5s;transform: translateY(20px);text-align: center;margin-top: 70px;}
.ine-con a{width: 180px;height: 50px;border: solid 1px #5a6478;text-align: center;line-height: 48px;color: white;font-size: 18px;border-radius: 30px;display: inline-block;}
.ine-con a:hover{background: #e15616;border: none;}


.five.active .ine-tit,.five.active .ine-ul,.five.active .ine-con,.five.active .ine-tit2,.five.active .ine-tit3,.five.active .ine-ewm,.five.active .ine-ewm p{opacity: 1;transform: translateY(0);}
.five.active .ine-li:nth-child(1),.five.active .ine-li:nth-child(2),.five.active .ine-li:nth-child(3){opacity: 1;transform: translateX(0);}
.five.on .ine-tit,.five.on .ine-ul,.five.on .ine-con,.five.on .ine-tit2,.five.on .ine-tit3,.five.on .ine-ewm,.five.on .ine-ewm p{opacity: 1;transform: translateY(0);}
.five.on .ine-li:nth-child(1),.five.on .ine-li:nth-child(2),.five.on .ine-li:nth-child(3){opacity: 1;transform: translateX(0);}

/*底部*/
.foot{background: url(../images/foot-bg.png) no-repeat center;background-size: cover;border-top: solid 3px #e15616;padding-top: 83px;}
.foot-left{float: left;}
.foot-list{float: left;padding-left: 9px;margin-right: 95px;}
.foot-list .foot-ab{display: block; margin-bottom: 22px; color: white;font-size: 18px;position: relative;letter-spacing: 2px;}
.foot-list .foot-ab:before{position: absolute;content: '';width: 2px;height: 16px;background: #863a17;top: 50%;margin-top: -8px; left: -9px;}
.foot-list .foot-as{display: block;line-height: 30px;font-size: 14px;color: white;opacity: 0.5;letter-spacing: 2px;}
.foot-list .foot-as:hover{opacity: 1;}
.foot-right{border-left: solid 1px #262626;float: right;padding-left: 120px;}
.foot-add{width: 390px;padding: 20px 0;border-bottom: solid 1px #262626;}
.foot-add p{line-height: 26px;color: white;font-size: 14px;opacity: 0.5;}
.share{margin-top: 35px;}
.share a{opacity: 0.5; height: 25px !important;margin: 0 !important;padding: 0 !important;width: 25px;margin-right: 30px !important;}
.share a.bds_sqq{background: url(../images/qq.png) no-repeat center;}
.share a.bds_tsina{background: url(../images/weibo.png) no-repeat center;}
.share a.bds_weixin{background: url(../images/weixin.png) no-repeat center;}
.share a.bds_fbook{background: url(../images/face.png) no-repeat center;}
.share a.bds_linkedin{background: url(../images/in.png) no-repeat center;}
.share a:hover{opacity: 1 !important;}
.foot-top{margin-bottom: 70px;}
.foot-link{padding-bottom: 22px;border-bottom: solid 1px #262626;color: rgba(255,255,255,0.4);font-size: 14px;}
.foot-link a{font-size: 14px;color: white;opacity: 0.4;line-height: 26px;display: inline-block;margin-right: 24px;}
.foot-link a:hover{opacity: 1;}
.foot-bot{padding: 20px 0;}
.foot-bot p{float: left;color: rgba(255,255,255,0.4);font-size: 14px;}
.foot-bot p a,.foot-bot span a{color: white;opacity: .4;}
.foot-bot p a:hover,.foot-bot span a:hover{opacity: 1;}
.foot-bot span{float: right;display: block;color: rgba(255,255,255,0.4);font-size: 14px;}

@media all and (max-width: 1520px){
	.head-main{width: 1400px;}
	.header .logo{margin-right: 150px;}
	.navbar .nav-item{padding-right: 45px;}
}


@media all and (max-width: 1440px) {
	.head-main{width: 1200px;}
	.header .logo{margin-right: 45px;}
	.navbar .nav-item{padding-right: 26px;}
	
	
	.hide-main{width: 1200px;}
	.main{width: 1200px;}
	.picScroll-left .bd ul li{width: 282px;}
	.picScroll-left .hd .next{right: 0;}
	.picScroll-left .hd .prev{left: 0;}
	.infm-tit{margin-left: -64px;    height: 90px;
    width: 306px;line-height:90px;background-size: cover;}
    .inft-pic{margin-top: -18px;}
    .infr-list{padding-top: 16.5px ;padding-bottom: 16.5px;}
    .infr-tit{margin-bottom: 9px;}
    .inf{padding: 40px 50px;}
    .inf-tit{margin-top: 75px;}
    .inf-tit2{margin-bottom: 20px;}
    .inf-mid{margin-left: -98px;}
    .foot-list{margin-right: 50px;}
    .foot-right{padding-left: 90px;}
    
    .int-mid{margin-top: -30px;}
    .int-icon1{top: 85px;left: 2px;}
    .int-icon2{top: 20px;left: 50px;}
    .int-icon3{top: -20px;left: 130px;}
    .int-icon4{top: -20px;right: 135px;}
    .int-icon5{top: 20px;right: 50px;}
    .int-icon6{top: 85px;right: 2px;}
    .int-slide{margin-left: -28%;}
    .int-num{top: 120px;}
    .int-font{margin-top: -50px;}   
    .h-business-item .m-cont{padding-top: 60%;}
    
}
@media (max-height:937px) and (min-height:700px ) {
	.inf-tit{margin-top: 20px;}
	.inf-tit2{margin-bottom: 20px;}
	.inf{padding: 20px 50px;}
	.int-tit{}
	
	.index-three .index-f{margin-top: 0;}
	.int-mid{width: 40%;margin-left: -20%;}
	.int-icon1{left: -7px;}
	.int-icon2{left: 30px;}
	.int-icon3{left: 110px;}
	.int-icon4{right: 125px;}
	.int-icon5{right: 30px;}
	.int-icon6{right: -7px;}
	.int-slide{margin-left: -111px;}
	.int-font{font-size: 18px;}
	.index-five{padding-top: 0;}
	
	.ine-tit2:after{bottom: -15px;}
	.ine-tit2{margin-bottom: 15px;}
	.ine-tit3{margin-bottom: 20px;}
	.ine-con{margin-top: 47px;}
	.ine-ewm{margin-bottom: 15px;}
	
	.h-business-item .m-more{margin-bottom: 10px;}
	.h-business-item .m-cont{}
	.h-business-item .index-p-tit2{margin-bottom: 20px;}
	.proh-big{padding: 110px 0;}
	.picScroll-left{margin-top: 15px;}
	

	#home-slider .slides a{margin-top: 70px;}
}
/*锚点*/
.nei_anchor {text-align: center;display: none;position: fixed;left: 0;top: 0;font-size:0;width: 100%;z-index: 1001;background: #fff;box-shadow: 0px 0px 8px 0px #d6d6d6;}
.nei_anchor span {display: inline-block;*display: inline;*zoom: 1;}
.nei_anchor span a {font-size: 16px;color: #666;line-height: 50px;padding: 0 40px;display: inline-block;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;position: relative;}
.nei_anchor span a:after{content: '';width: 1px;height: 17px;background: #dadada;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.nei_anchor span.on a:after,.nei_anchor span a:hover:after{display: none;}
.nei_anchor span:hover a,
.nei_anchor span.on a {color: #fff;background: #e4672d;}

/*关于我们*/
.ny-banner{margin-top: 100px; height: 400px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.ny-banner .wrap{height: 100%;}
.ny-banner h3{font-size: 60px;font-family: 'cond';color: rgba(68,68,68,0.1);text-transform: uppercase;line-height: 43px;}
.ny-banner h4{margin-top: -15px;position: relative;padding-bottom: 20px;}
.ny-banner h4:after{position: absolute;content: ''; width: 40px;height: 2px;background: #e15616;left: 0;bottom: 0;}
.ab-one{padding: 100px 0 118px 0;overflow: hidden;}
.abo-left{float: left; width: 490px;padding-left: 15px;}
.abo-left h3{font-size: 70px;color: rgba(68,68,68,0.08);line-height: 43px;font-family: 'cond';}
.abo-left h4{font-size: 30px;color: #333;line-height: 30px;margin-top: -15px;position: relative;padding-bottom: 25px;}
.abo-left h4:after{position: absolute;content: '';width: 40px;height: 2px;background: #e77845;left: 0;bottom: 0;}
.abo-right{height: 400px;overflow-y: auto; width: 700px;float: right;padding-right: 50px;}
.abo-right::-webkit-scrollbar {
  width: 3px;
  background-color: #cccccc;
}
.abo-right::-webkit-scrollbar-thumb {
  background-color:#e15616;
  border-radius: 10px;
}
.abo-right p{line-height: 28px;font-size: 14px;color: #666;}
.abo-right h5{font-size: 16px;color: #333;line-height: 28px;margin-top: 20px;font-weight: bold;}
.abo-top{margin-bottom: 90px;}
.ab-one ul{margin-left: -21px;}
.ab-one li{float: left;margin-left: 21px;width: 386px;position: relative; height: 240px;overflow: hidden;}
.ab-one li:after{transition: all .5s; position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.4);}
.abo-pic{width: 100%;height: 100%;overflow: hidden;}
.abo-pic img{display: block;width: 100%;height: 100%;transition: all .5s;}
.abo-font{position: absolute;z-index: 33; width: 100%;height: 100%;top: 0;left: 0;}
.abo-font h5{font-size: 24px;color: white;line-height: 24px;text-align: center;margin-bottom: 10px;}
.abo-font h6{opacity: .8; font-size: 18px;color: white;line-height: 18px;text-align: center;}
.ab-one li:hover:after{background: rgba(225,86,22,0.8);}
.ab-one li:hover img{transform: scale(1.1);}
.ab-two h3{font-size: 70px;color: rgba(255,255,255,0.15);line-height: 43px;font-family: 'cond';text-align: center;}
.ab-two h4{font-size: 30px;color: #fff;line-height: 30px;margin-top: -15px;position: relative;padding-bottom: 25px;text-align: center;}
.ab-two h4:after{position: absolute;content: '';width: 40px;height: 2px;background: #e77845;left: 50%;margin-left: -20px; bottom: 0;}
.ab-two{background: url(../images/abt-bg.png) no-repeat center top;padding: 87px 0 84px 0;}
.ab-two p{font-size: 24px;color: #333;line-height: 40px;}
.abt-p{padding-left: 370px;margin-top: 30px;margin-bottom: 57px;}
.abt-ul{padding: 68px 160px 136px 160px;background: #f5f5f5;}
.abt-ul h4{color: #333;margin-top: 0;}
.abt-ul ul{margin-top: 78px;margin-left: -119px;}
.abt-ul li{float: left; width: 130px;text-align: center;margin-left: 119px;}
.abt-icon{transition: all .5s; margin-bottom: 27px; width: 130px;height: 130px;background-repeat: no-repeat;background-position: center;}
.abt-font{font-size: 22px;color: #333;line-height: 30px;}
.abt-icon1{background-image: url(../images/abt-icon1.png);background-size: 90px;}
.abt-icon2{background-image: url(../images/abt-icon2.png);background-size: 90px;}
.abt-icon3{background-image: url(../images/abt-icon3.png);background-size: 90px;}
.abt-icon4{background-image: url(../images/abt-icon4.png);background-size: 90px;}
.abt-ul li:hover .abt-icon{transform: rotateY(180deg);}
.abt-ul li:hover .abt-icon1{background-image: url(../images/abt-icon1H.png);}
.abt-ul li:hover .abt-icon2{background-image: url(../images/abt-icon2H.png);}
.abt-ul li:hover .abt-icon3{background-image: url(../images/abt-icon3H.png);}
.abt-ul li:hover .abt-icon4{background-image: url(../images/abt-icon4H.png);}
.ab-three h3{font-size: 70px;color: rgba(255,255,255,0.06);line-height: 43px;font-family: 'cond';text-align: center;}
.ab-three h4{font-size: 30px;color: #fff;line-height: 30px;margin-top: -15px;position: relative;padding-bottom: 25px;text-align: center;}
.ab-three h4:after{position: absolute;content: '';width: 40px;height: 2px;background: #e77845;left: 50%;margin-left: -20px; bottom: 0;}
.ab-three{background: url(../images/abe-bg.png) no-repeat center;padding: 73px 0 154px 0;}
.ab-three h5{font-size: 16px;line-height: 16px;color: rgba(255,255,255,0.6);text-align: center;margin-top: 22px;}

/*发展历程*/
#historySlide{position: relative;width: 100%;overflow: hidden;}
#historySlide .history-c{height:280px;width: 100%;position: relative;}
.history-c .swiper-slide{width:1200px;height:280px;}
#historySlide .history-c .year{font-size:80px;font-family: "cond";color: #e15616;border-right: 1px solid #a7a7a7;display: inline-block;line-height:57px;height:57px;padding-right: 60px;}
#historySlide .history-c .cont{position: relative;margin:110px 220px;}
#historySlide .history-c .des{font-size:20px;line-height: 24px;color: #666;vertical-align: top;display: inline-block;padding-left: 56px;}
#historySlide .p-tit{font-size: 18px;line-height: 26px;color: #fff;margin-bottom: 14px;}
#historySlide .history-c .des p{font-size: 14px;line-height: 26px;color: #666;position:relative;padding-left: 14px;}
#historySlide .history-c .des p::before{content: '';position: absolute;left: 0;top:50%;width:5px;height: 5px;border-radius: 50%;background: #006fc1;margin-top: -2.5px;}

#historySlide .history-scroll{height:70px;margin:0 auto;}
#historySlide .swiper-container{padding:0 22px;}
.history-scroll .swiper-slide{float: left;width:154px;height:70px;background: url(../images/time-line.png) no-repeat top left;cursor: pointer;}
.history-scroll .swiper-slide.active-nav .daty,.history-scroll .swiper-slide.active-nav:hover .daty{color: #e15616;}
#historySlide .time-line{width:154px;height:70px;position: relative;}
.history-scroll .dot{padding:3px;width:14px;height: 14px;border:1px solid #e15616;border-radius: 50%;position: absolute;top:23px;left:-7px;opacity: 0;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.history-scroll .dot i{display: block;background:#e15616;width:100%;height: 100%;border-radius: 50%;}
.history-scroll .swiper-slide.active-nav .dot{opacity: 1;}
.history-scroll .daty{font-size:16px;color: rgba(255,255,255,0.8); line-height:32px;position: absolute;top: 37px;left: 0;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);z-index: 10;font-family: arial;}
#historySlide .arrow-left,#historySlide .arrow-right{
    width:55px;height: 55px;
    border:1px solid #ccc;border-radius: 50%;
    background:url(../images/p-prev2.png) no-repeat center;
    position: absolute;top:50%;margin-top: -22.5px;
    z-index: 10;
    cursor:pointer;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
#historySlide .arrow-left{left: 0;}
#historySlide .arrow-right{right: 0;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
#historySlide .arrow-left:hover,#historySlide .arrow-right:hover{background-color: #e15616;border-color: #e15616;}

.ab-four h3{text-transform: uppercase; font-size: 70px;color: rgba(68,68,68,0.1);line-height: 43px;font-family: 'cond';text-align: center;}
.ab-four h4{font-size: 30px;color: #333;line-height: 30px;margin-top: -15px;position: relative;padding-bottom: 25px;text-align: center;}
.ab-four h4:after{position: absolute;content: '';width: 40px;height: 2px;background: #e77845;left: 50%;margin-left: -20px; bottom: 0;}
.ab-four{padding: 80px 0 60px 0;background: url(../images/abf-bg.png) no-repeat center;background-size: cover;}
.ab-four h5{font-size: 16px;color: #666;line-height: 16px;text-align: center;margin-top: 25px;}
.abf-top{ margin-top: 40px;text-align: center;}
.abf-top a{display: inline-block;width: 90px;height: 34px;line-height: 32px;font-size: 16px;color: #666;text-align: center;border: solid 1px #cccccc;margin: 0 3px;}
.abf-top a.active{border-color: #e15616;background: #e15616;color: white;}
.abf-swiper{display: none;}
.abf-swiper .swiper-slide{padding: 40px 30px;background: white;height: 400px;box-shadow: 0 0 10px 0px rgba(0,0,0,0.1);}
.abf-swiper .swiper-slide img{display: block;width: 100%;height: 100%;}
.abf-swiper{padding: 57px 9px  !important;}
.abf-swiper .swiper-pagination-bullet{width: 10px;margin: 0 10px !important; height: 10px;background: none; border: solid 2px #cccccc;opacity: 1;}
.abf-swiper .swiper-pagination-bullet-active{background: #e15616;border: none;}

/*图片放大*/
#darkbox {position: fixed;z-index: 9999;background: rgba(0,0,0,0.8) no-repeat none 50%;background-size: contain;-webkit-box-shadow: 0 0 0 3000px rgba(0,0,0,0.8);box-shadow: 0 0 0 3000px rgba(0,0,0,0.8);opacity: 0;visibility: hidden;}
#darkbox.on {opacity: 1; visibility: visible;height: 90% !important;width: 90% !important;left: 5% !important;top: 5% !important;}
#darkbox_prev, #darkbox_next {cursor: pointer;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-user-select: none;position: absolute;top: 50%;margin-top: -25px;height: 50px;width: 50px;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;border-top: 2px solid #fff; border-right: 2px solid #fff;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
#darkbox_prev {left: -2px;-ms-transform: rotate(-135deg);-webkit-transform: rotate(-135deg);transform: rotate(-135deg);}
#darkbox_next {-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);right: -2px;}
#darkbox_prev:hover,#darkbox_next:hover{border-color: #fca61f;}
#darkbox-description {position: absolute;width: 100%;color: #fff;font-size: 18px;bottom: 25px;text-align: center;text-shadow: 0 1px 1px #000;}
#darkbox:after {position: absolute;right: 0;top: 0;width: 24px;height: 24px; content: "";color: #fff;cursor: pointer;background: url(../images/close.png) no-repeat center transparent;}

.ab-five{background: url(../images/abv-bg.png) no-repeat center top;padding: 80px 0 98px 0;}
.ab-five h3{text-transform: uppercase; font-size: 70px;color: rgba(255,255,255,0.15);line-height: 43px;font-family: 'cond';text-align: center;}
.ab-five h4{font-size: 30px;color: #fff;line-height: 30px;margin-top: -15px;position: relative;padding-bottom: 25px;text-align: center;}
.ab-five h4:after{position: absolute;content: '';width: 40px;height: 2px;background: #e77845;left: 50%;margin-left: -20px; bottom: 0;}
.ab-five h5{font-size: 20px;color: #444;line-height: 20px;text-align: center;margin: 39px 0 54px 0;}
.abf-ul{padding: 87px 220px 110px 220px;background: #f5f5f5;}
.abf-ul h6{font-size: 30px;line-height: 30px;color: #333;text-align: center;letter-spacing: 1px;margin-bottom: 93px;}
.abf-ul ul{margin-left: -184px;}
.abf-ul li{float: left;width: 130px;text-align: center;margin-left: 184px;}
.abf-icon{transition: all .5s; width: 130px;height: 130px;background-repeat: no-repeat;background-position: center;}
.abf-font{margin-top: 20px; font-size: 22px;color: #333;line-height: 30px;}
.abf-icon1{background-image: url(../images/abf-icon1.png);background-size: 90px;}
.abf-icon2{background-image: url(../images/abf-icon2.png);background-size: 90px;}
.abf-icon3{background-image: url(../images/abf-icon3.png);background-size: 90px;}
.abf-ul li:hover .abf-icon1{background-image: url(../images/abf-icon1H.png);}
.abf-ul li:hover .abf-icon2{background-image: url(../images/abf-icon2H.png);}
.abf-ul li:hover .abf-icon3{background-image: url(../images/abf-icon3H.png);}
.abf-ul li:hover .abf-icon{transform: rotateY(180deg);}
.ab-six{padding-bottom: 72px;}
.ab-six h3{text-transform: uppercase; font-size: 70px;color: rgba(68,68,68,0.1);line-height: 43px;font-family: 'cond';text-align: center;}
.ab-six h4{font-size: 30px;color: #333;line-height: 30px;margin-top: -15px;position: relative;padding-bottom: 25px;text-align: center;}
.ab-six h4:after{position: absolute;content: '';width: 40px;height: 2px;background: #e77845;left: 50%;margin-left: -20px; bottom: 0;}
.ab-six h5{font-size: 16px;color: #666;line-height: 16px;text-align: center;margin-top: 25px;}
.abx-swiper{padding: 109px 0 50px 0 !important;}
.abx-swiper ul{margin-left: -20px;margin-top: -20px;}
.abx-swiper li{transition: all .5s; border: solid 1px #e0e0e0; float: left;width: 224px;height: 90px;margin-left: 20px;margin-top: 20px;}
.abx-swiper li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.15);}
.abx-swiper .swiper-pagination-bullet{width: 10px;margin: 0 10px !important; height: 10px;background: none; border: solid 2px #cccccc;opacity: 1;}
.abx-swiper .swiper-pagination-bullet-active{background: #e15616;border: none;}
.abx-swiper .swiper-pagination{bottom:  0 !important;}

/**/
.second-nav{ padding: 18px 0;border-bottom: solid 1px #e0e0e0;background: white;}
.second-nav a{display: inline-block; font-size: 16px;color: #666;line-height: 20px;padding: 0 20px;border-right: solid 1px #d5d5d5;}
.second-nav a.active{color: #e15616;}
.second-nav a:last-child{border-right: 0;}

/**/
.appli{padding: 60px 0 90px 0;background: #f5f5f5;}
.appli h3{line-height: 30px;font-size: 30px;color: #333;text-align: center;position: relative;letter-spacing: 2px;font-weight: lighter;padding-bottom: 20px;margin-bottom: 68px;}
.appli h3:after{position: absolute;content: '';width: 35px;height: 2px;background: #e15616;left: 50%;margin-left: -17.5px;bottom: 0;}
.appli ul{margin-left: -20px;}
.appli li{position: relative;overflow: hidden; padding-top: 55px;padding-left: 50px; float: left;width: 590px;height: 280px;margin-left: 20px;margin-bottom: 20px;}
.appli a{display: block;}
.appli li .appli-pic{position: absolute;bottom: -25px;right: -20px;width: 242px;height: 190px;overflow: hidden;text-align: center;}

.appli li.appli1{background: url(../images/appli1-bg.png) no-repeat center;}
.appli li.appli2{background: url(../images/appli2-bg.png) no-repeat center;}
.appli li.appli3{background: url(../images/appli3-bg.png) no-repeat center;}
.appli li.appli4{background: url(../images/appli4-bg.png) no-repeat center;}


.appli li.appli1 h4{margin-bottom: 16px; font-size: 24px;line-height: 24px;color: #a81e18;}
.appli li.appli1 p{line-height: 26px;font-size: 16px;color: #9d3531;}
.appli li.appli1 span{margin-top: 28px; padding-left: 27px;display: block;font-size: 14px;line-height: 20px;color: #a81e18;background: url(../images/appli1-more.png) no-repeat left center;}

.appli li.appli2 h4{margin-bottom: 16px; font-size: 24px;line-height: 24px;color: #37517b;}
.appli li.appli2 p{line-height: 26px;font-size: 16px;color: #37517b;}
.appli li.appli2 span{margin-top: 28px; padding-left: 27px;display: block;font-size: 14px;line-height: 20px;color: #37517b;background: url(../images/appli2-more.png) no-repeat left center;}

.appli li.appli3 h4{margin-bottom: 16px; font-size: 24px;line-height: 24px;color: #3d7188;}
.appli li.appli3 p{line-height: 26px;font-size: 16px;color: #3d7188;}
.appli li.appli3 span{margin-top: 28px; padding-left: 27px;display: block;font-size: 14px;line-height: 20px;color: #3d7188;background: url(../images/appli3-more.png) no-repeat left center;}

.appli li.appli4 h4{margin-bottom: 16px; font-size: 24px;line-height: 24px;color: #7d5641;}
.appli li.appli4 p{line-height: 26px;font-size: 16px;color: #91705e;}
.appli li.appli4 span{margin-top: 28px; padding-left: 27px;display: block;font-size: 14px;line-height: 20px;color: #7d5641;background: url(../images/appli4-more.png) no-repeat left center;}
.appli li:hover span{transform: translateX(10px);}
.appli li span{transition: all .5s;}

.ny-banner h5{font-size: 36px;line-height: 36px;color: white;letter-spacing: 2px;}

.product{padding: 60px 0 100px 0;background: #333;}
.pro-tit{height: 180px;background: #444444;}
.pro-tit h3{letter-spacing: 3px; font-size: 30px;color: white;line-height: 30px;text-align: center;}
.pro-tit span{color: #e15616;font-family: arial;}
.pro-tit h4{font-size: 18px;line-height: 18px;color: #fff;opacity: .8;text-align: center;margin-top: 15px;}
.pro-list{margin-top: 70px;}
.pro-list h3{/*margin-bottom: 37px;*/ font-size: 30px;line-height: 30px;font-weight: lighter;color: white;letter-spacing: 2px;padding-bottom: 30px;position: relative;}
.pro-list h3:after{position: absolute;content: '';width: 40px;height: 2px;background: #e15616;left: 0;bottom: 0;}
.pro-list ul{margin-left: -22px;}
.pro-list li{float: left; width: 283px;margin-left: 22px;margin-top: 22px;}
.pro-pic{overflow: hidden; background: #444444;width: 283px;height: 316px;}
.pro-pic img{transition: all .5s; display: block;width: 100%;height: 100%;}
.pro-font {text-overflow: ellipsis;overflow: hidden;white-space: nowrap; height: 52px;background: #222;font-size: 16px;color: white;opacity: .6;text-align: center;line-height: 52px;}
.pro-list li:hover img{transform: scale(1.1);}

/**/
.proinfo{background: #333;margin-top: 100px;padding-bottom: 100px;}
.crumb{height: 60px;border-bottom: solid 1px #484848;}
.crumb-right{color: white;opacity: 0.8;font-size: 14px;padding-left: 25px;padding-top: 20px;padding-bottom: 21px; float: right;background: url(../images/crumb.png) no-repeat left center;}
.crumb a{color: white;opacity: 0.8;font-size: 14px;padding: 0 19px 0 10px;position: relative;}
.crumb a:after{position: absolute;content: '';width:7px ;height: 12px; background: url(../images/crumb-right.png) no-repeat center;right: 0;top: 50%;margin-top: -6px;}
.crumb a:last-child:after{display: none;}
.crumb a.active{color: #e15616;}
.pro-center{margin-top: 62px;padding: 67px 50px 83px;background: #444444;}
.proi-top{margin-bottom: 45px;}
.pro_left{width:606px;float:left; overflow:hidden;height: 554px;}
/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block; width:493px;height:550px; overflow:hidden;}
.jqzoom img{width:100%; height:100%;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:368px;height:368px;background:#ffffff;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:200px !important;height:200px !important;border:1px solid #aaa;background:#ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:496px;height:554px;border: solid 1px #606060;float: left;}
.spec-scroll{padding-top:0;height: 100%;float: right; width: 100px;}
.spec-scroll .prev{background-image:url(../images/pro-left.png);background-repeat: no-repeat;background-position: center;}
.spec-scroll .next{background-image:url(../images/pro-right.png);background-repeat: no-repeat;background-position: center;}
.spec-scroll .prev,.spec-scroll .next{display: block; width:100px;height:30px;cursor:pointer;background-color: #333333;}
.spec-scroll .prev:hover{background-color:#e15616;}
.spec-scroll .next:hover{background-color:#e15616;}
.spec-scroll .items{margin:10px 0; position:relative;width:100px;height:474px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;}
.spec-scroll .items ul li{float:left;width:100px;text-align:center;height: 111px;margin-bottom: 10px;}
.spec-scroll .items ul li img{border:1px solid #606060;width:100px;height: 111px;}
.spec-scroll .items ul li.hover img { border:1px solid #e15616;}

.pro_right{ width: 426px;float: right;position: relative;overflow: hidden;}
.pror-tit{font-size: 24px;color: #fff;line-height: 36px;margin-bottom: 18px;}
.pror-tit2{font-size: 14px;color: #fff;line-height: 26px;margin-bottom:33px;opacity: 0.8;}
.pro_right p{font-size: 14px;line-height: 28px;color: white;opacity: 0.8;}
.proi-a{height: 60px;padding: 21px;background: #e15616;}
.proi-a a{ font-size: 16px;color: white;line-height: 18px;padding: 0 35px;border-right: solid 1px #ea895c;}
.proi-a a:last-child{border-right: 0;}
.proi-list {margin-top: 60px;}
.proi-list h3{margin-bottom: 38px; color: white;font-size: 24px;line-height: 28px;border-left: solid 3px #e15616;padding-left: 12px;}
.proi1 ul{margin-left: -18px;}
.proi1 li{margin-left: 18px;width: 354px;float: left;}
.proi-pic{width: 354px;height: 328px;overflow: hidden;border: solid 1px #5b5b5b;}
.proi-pic img{display: block;width: 100%;height: 100%;transition: all .5s;}
.proi-font{height: 50px;line-height: 50px;border: solid 1px #5b5b5b;border-top: 0; color: white;opacity: 0.8;padding-left: 22px;}
.proi1 li:hover img{transform: scale(1.1);}
.proi2 ul{margin-left: -39px;margin-top: -30px;}
.proi2 li{margin-top: 30px; margin-left: 39px;float: left;width: 530px;height: 140px;border: solid 1px #636363;padding-top: 31px;padding-left: 38px;}
.proi-icon{transition: all .5s; float: left;width: 76px;height: 76px;background-color: #e15616;border-radius: 50%;background-repeat: no-repeat;background-position: center;}
.li-font{transition: all .5s; float: left;margin-left: 45px;width: 270px;}
.li-font h4{margin-bottom: 11px; font-size: 24px;line-height: 24px;color: #e15616;}
.li-font p{line-height: 24px;font-size: 16px;color: white;opacity: 0.6;}
.proi2 li:hover .proi-icon{transform: rotateY(180deg);}
.proi-icon1{background-image: url(../images/proi-icon1.png);}
.proi-icon2{background-image: url(../images/proi-icon2.png);}
.proi-icon3{background-image: url(../images/proi-icon3.png);}
.proi-icon4{background-image: url(../images/proi-icon4.png);}
.big-pic{padding: 18px 25px;border: solid 1px #636363;}
.big-pic img{display: block;}
.proi-big{display: none;}


/*future*/
.fu-banner{padding-top: 370px; background: url(../images/future-banner.png) no-repeat center top;padding-bottom: 27px;}
.fu-banner h1{ font-size: 50px;color: white;text-align: center;text-transform: uppercase;}
.fu-banner h2{font-size: 16px;color: rgba(255,255,255,0.5);text-align: center;position: relative;padding-bottom: 30px;}
.fu-banner h2:after{position: absolute;content: '';width: 28px;height: 2px;background: #9e9e9e;bottom: 0;left: 50%;margin-left: -14px;animation-delay: 1s;}
.fu-banner h3{text-transform: uppercase;font-size: 14px;color: rgba(255,255,255,0.6);text-align: center;margin-top: 210px;margin-bottom: 38px;}
.fu-font{margin-bottom:208px;height: 220px;background: rgba(218,34,26,0.9);padding: 30px 65px;}
.fu-font h4{font-size: 26px;color: white;text-align: center;}
.fu-font p{font-size: 14px;color: rgba(255,255,255,0.8);line-height: 26px;text-align: center;margin-top: 8px;}
.future{background: #181818;}
.future h5{margin-bottom: 22px; font-size: 26px;color: white;text-align: center;line-height: 30px;}
.future h6{margin-bottom: 45px; font-size: 16px;color: rgba(255,255,255,0.6);text-align: center;line-height: 30px;}
.fu-left{float: left;}
.fu-right{float: right;margin-top: 97px;}
.fu-pic{overflow: hidden;}
.future1{overflow: hidden; background: url(../images/fu-bg1.png) no-repeat center,url(../images/point.png) no-repeat center;height: 602px;}
.fu1-left{width: 540px;float: left;margin-top: 200px;line-height: 40px;font-size: 20px;color: rgba(255,255,255,0.6);}   
.fu1-right{float: right;margin-top: 144px;}
.fr1{float: left;}
.fr2{float: left; animate-delay: .5s; -webkit-animation-delay:.5s; /* Safari 和 Chrome */margin-left: -20px;margin-top: 140px;}
.fr3{float: left; animate-delay: 1s; -webkit-animation-delay:1s; /* Safari 和 Chrome */}
.future2{text-align: center;padding: 40px 0 30px 0;}
.future3{overflow: hidden;height: 1299px; background: url(../images/fu-bg3.png) no-repeat center,url(../images/point3.png) no-repeat center top;padding-top: 96px;}
.f3-left{float: left;}
.f3-right{float: right;width: 470px;float: right;margin-top: 184px;}
.f3-right h3{margin-bottom: 20px; font-size: 26px;color: white;line-height: 40px;}
.f3-right p{font-size: 16px;line-height: 36px;color: rgba(255,255,255,0.6);}
.f3-top{margin-bottom: 106px;}
.f3-bot .f3-right{margin-top: 0;}
.future4{overflow: hidden;padding-top: 55px;padding-bottom: 80px;}
.future4 h1{margin-bottom: 74px; line-height: 40px;font-size: 26px;color: white;text-align: center;}
.future4 li{text-align: center; float: left;width: 580px;height: 340px;border: solid 1px #303030;margin-right: 40px;margin-bottom: 40px;padding: 45px 60px 40px 60px;}
.future4 li:nth-child(2n){margin-right: 0;}
.future4 li img{transition: all 1s;}
.future4 li:hover img{transform: translateY(-10px);}
.future4 li h1{margin-bottom: 0; color: white;text-align: center;line-height: 24px;font-size: 24px;margin-top: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.future4 li p{color: rgba(255,255,255,0.5);line-height: 22px;font-size: 14px;margin-top: 17px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}


/*客服*/
.kf {transition: .8s;-o-transition: .8s;-moz-transition: .8s;-webkit-transition: .8s;z-index: 999999;background-color: #fff;position: fixed;top: 50px;right: 20px;width: 45px;border-radius: 5px;/*display: none;*/}
.kf span {z-index: 1000001;-webkit-transition: .5s;-o-transition: .5s;transition: .5s;cursor: pointer;position: relative;display: block;width: 62px;height: 62px;border-bottom: 1px solid #e3e3e3;background:url(../images/kefu_j.png) no-repeat center #fff;}
.kf span:hover{background-color:#77777b;}
.kf .zx {border-radius: 5px 5px 0 0;background-position: 0 -62px;}
.kf .zx:hover {background-position: 0 -124px;}
.kf .freetel {background-position:-62px -62px;}
.kf .freetel:hover {background-position:-62px -124px;}
.kf .act {background-position:-186px -62px;}
.kf .act:hover{background-position:-186px -124px;}
.kf .zxlya {background-position:-124px -62px;}
.kf .zxlya:hover{background-position:-124px -124px;}
.kf .back_top {border-radius: 0 0 5px 5px;border: none;background-position:-248px -62px;}
.kf .back_top:hover {background-position:-248px -124px;}
.kf span div {display: none;background-color: #fff;border-radius: 5px;position: absolute;right: 75px;padding: 20px;font-size: 14px;text-align: center;bottom:2px;min-width: 180px;}
.kfimgr{position: absolute;bottom:23px;right: -9px;}
.kf span div i {display: block;position: absolute;width: 15px;height: 200px;right: -15px;top: 0;}
.kf .zx div,.kf .zxlya div, .kf span:nth-child(4) div {text-align: center;min-width: 148px;font-size: 14px;color: #666;}
.kf span:nth-child(4) div {white-space: nowrap;}
.kf a{display:block;height:100%;position:absolute;top:0;right:0;width: 100%}
.kf span div, .kf {-webkit-box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);}
.nav_center div, .index_nav_center div, .shou, .zhan {-webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);}
.shou {z-index: 1000000;cursor: pointer;width: 30px;height: 40px;top: 50%;margin-top: -15px;borderbackground: url("../images/kefu_j.png") no-repeat -310px -102px #fff-radius: 5px 0 0 5px;right: 62px;position: absolute;}
.shou.on {background-position: -310px -102px;}
.kf .freetel input {text-indent: .5em;display: block;margin: 15px 0;line-height: 28px;color: #666;font-size: 12px;width: 140px;border: 1px solid #d1d1d1;border-radius: 2px;height: 28px;}
.kf .btn-call{transition:all .5s;-webkit-transition:all .5s;display: block;background: #FC5204;border-radius: 2px;color: #fff;line-height: 26px;font-size: 12px;text-align: center;width: 79px;height: 26px;position: relative;}
.kf .btn-call:hover {background:#69c927;}
.nav_center div, .index_nav_center div, .shou, .zhan {-webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);}
.shou {z-index:601;cursor: pointer;width: 30px;height: 40px;top: 50%;margin-top: -15px;border-radius: 5px 0 0 5px;right: 45px;background: url("../images/kefu_j.png") no-repeat -310px -102px  #fff;position: absolute;}
.shou.on {background-position: -311px -61px;}

/*faq*/
.faq{padding: 80px 0 70px 0;}
.faq-list{border: solid 1px #e0e0e0;background: white;margin-bottom: 29px;padding: 26px 62px 36px 29px;height: 260px;}
.faq-top{padding-left: 32px;margin-bottom: 25px;height: 27px;}
.faq-top span{line-height: 27px; font-size: 16px;color: #333;position: relative;font-family: "微软雅黑";}
.faq-top span:after{position: absolute;content: '';background: url(../images/faq-left.png) no-repeat center;width: 6px;height: 10px;right: -14px;top: 50%;margin-top: -4px;}
.faq-pic{float: left;width: 200px;height: 140px;overflow: hidden;}
.faq-pic img{display: block;width: 100%;height: 100%;transition: all 1s;}
.faq-list:hover .faq-pic img{transform: scale(1.1);}
.faq-font{width: 880px;float: right;height: 140px;}
.faq-font p{line-height: 28px;font-size: 14px;color: #888;position: relative;padding-left: 13px;}
.faq-font p:before{position: absolute;content: '';width: 4px;height: 4px;background: #de3a33;border-radius: 50%;left: 0;top: 50%;margin-top: -2px;}
.faq-font a{font-family:"微软雅黑"; float: right;font-size: 12px;color: #666;display: block;line-height: 28px;}
.faq-font a:hover{color: #da251d;}

/*faqlist*/
.faqlist{padding: 56px 0 100px 0;}
.faqlist .faq-top{padding-left: 60px;margin-bottom: 17px;}
.faq-big{padding-bottom: 38px;}
.fl-list{border: solid 1px #e0e0e0;background: white;margin-bottom: 20px;}
.fl-top{height: 50px;line-height: 50px;margin: 0 30px;}
.fl-top h2{float: left; font-size: 14px;color: #666666;position: relative;padding-left: 13px;transition: all 1s;}
.fl-top h2:before{position: absolute;content: '';width: 4px;height: 4px;background: #de3a33;border-radius: 50%;left: 0;top: 50%;margin-top: -2px;}
.fl-top span{width: 20px;height: 50px;float: right;display: block;}
.fl-top span.jia{background: url(../images/fjia.png) no-repeat center;}
.fl-top span.jian{background: url(../images/jian.png) no-repeat center;}
.fl-bot{display: none; margin: 16px 30px 37px 30px;line-height: 26px;color: #666;font-size: 14px;}
.fl-list:hover .fl-top h2{transform: translateX(10px);}
.faqlist .jiazai{margin-top: 0;}


/*service*/
.service{padding: 30px 0 100px 0;}
.three-nav{height: 50px;border-bottom: solid 1px #e0e0e0;}
.three-nav a{display:block;float: left;line-height: 50px;padding: 0 40px;font-size: 14px;color: #666;text-transform: capitalize;}
.three-nav a.active{background: #da251d;color: white;}
.serv {padding-top: 80px;padding-bottom: 47px;}
.ser-list{display: block;float: left;width: 230px;height: 360px;border: solid 1px #e0e0e0;background: white;padding: 18px 24px 21px 24px;margin-right: 12.5px;margin-bottom: 20px;}
.ser-list:nth-child(5n){margin-right: 0;}
.ser-pic{width: 180px;height: 220px;overflow: hidden;}
.ser-pic img{display: block;width: 100%;height: 100%;transition: all 1s;}
.ser-list:hover .ser-pic img{transform: scale(1.1);}
.ser-list p{color: #666;font-size: 14px;line-height: 18px;margin-top: 13px;margin-bottom: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ser-list span{transition: all 1s;display: inline-block;width: 110px;height: 34px;color: white;font-size: 14px;background: #999 url(../images/download.png) no-repeat 12px center;padding-left: 20px;text-align: center;line-height: 34px;}
.ser-list:hover span{background: #da251d url(../images/download.png) no-repeat 12px center;}


/*page*/
.page{width: 100%;height: 60px;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;}
.page_inner{font-size: 0;}
.page a{width: 58px;height: 60px;color: #666;font-size: 20px;display: inline-block;line-height: 60px;border-right: 1px solid #e0e0e0;text-align: center;border-spacing: 0;border-collapse: collapse;}
.page a:first-child{border-left: 1px solid #e0e0e0;}
.page a.on,.page a:hover{color: #da251d;}
.page .page_prev{width: 58px;float: right;background: url(../images/pagel.png)no-repeat center;border-right: none;border-left: 1px solid #e0e0e0;}
.page .page_prev:hover{background: url(../images/pagelh.png)no-repeat center;}
.page .page_next{width: 58px;float: right;border-left: 1px solid #e0e0e0;background:url(../images/right4.png)no-repeat center;}
.page .page_next:hover{background: url(../images/right4h.png)no-repeat center;}



/*Manuals*/
.manuals{padding: 80px 0 63px 0;}
.man-list{display: block;height: 220px;border: solid 1px #e0e0e0;padding: 23px 63px 23px 24px;background: white;margin-bottom: 20px;}
.man-pic{width: 140px;height: 172px;overflow: hidden;float: left;}
.man-pic img{display: block;width: 100%;height: 100%;transition: all 1s;}
.man-list:hover .man-pic img{transform: scale(1.1);}
.man-font{width: 900px;float: right;height: 172px;padding: 29px 0 69px 0;}
.man-font h2{font-size: 18px;color: #666;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.man-font h3{font-size: 14px;color: #888;margin-top: 7px;}
.man-font span{transition: all 1s;display: inline-block;width: 110px;height: 34px;color: white;font-size: 14px;background: #999 url(../images/download.png) no-repeat 12px center;padding-left: 20px;text-align: center;line-height: 34px;float: right;}
.man-list:hover span{background: #da251d url(../images/download.png) no-repeat 12px center;}

/*video*/
.video{padding: 80px 0 67px 0;}
.vid-left{float: left;width: 540px;height: 410px;overflow: hidden;padding: 76px 60px;background: white;}
.vid-left h1{font-size: 30px;line-height: 30px;margin-bottom: 19px;}
.vid-left p{font-size: 14px;color: #666;line-height: 26px;height: 188px;overflow-y: auto;}
.vid-left p::-webkit-scrollbar{width: 4px !important;background: url("../images/stan_03.jpg") repeat-y center;}
.vid-left p::-webkit-scrollbar-thumb{background: url("../images/stan_07.jpg") repeat-y center;}
.vid-left hr{width: 30px;height: 1px;background: #da251d;border: none;margin-bottom: 20px;}
.vid-right{width: 660px;height: 410px;float: left;}
.video-box{width: 100%;height: 100%;overflow: hidden;position: relative;}
.video-box:before{position: absolute;content: '';background: url(../images/play.png) no-repeat center;width: 61px;height: 61px;top: 50%;left: 50%;margin-top: -30.5px;margin-left: -30.5px;z-index: 2;background-size: cover;}
.video-box img{width: 100%;height: 100%;display: block;transition:  all 1s;}
.video-big{margin-top: 70px;}
.video-list{float: left;margin-right: 13.3px;margin-bottom: 19px;width: 290px;}
.video-list:nth-child(4n){margin-right: 0;}
.video-list .video-box{border: solid 1px #e5e5e5;}
.video-font{font-size: 16px;color: #666;line-height: 51px;text-align: center;}
.video-list .video-box:before{width: 45px;height: 45px;margin-left: -22.5px;margin-top: -22.5px;}
.video-box:hover img{transform: scale(1.1);}


/*二级导航*/


.second-nav .nav-pos{width: 130px;height: 100px;background: #da251d;float: left;margin-top: -43px;padding: 29px 13px 0 15px;}
.second-nav .nav-pos hr{width: 14px;height: 2px;background: #fbeae9;border: 0;margin-bottom: 11px;}
.second-nav .nav-pos h1{font-size: 14px;color: white;line-height: 20px;text-transform: uppercase;}
/*描点*/
.nei_anchor {text-align: center;display: none;position: fixed;left: 0;top: 0;height:60px;font-size:0;width: 100%;z-index: 1001;background: #fff;box-shadow: 0px 0px 8px 0px #d6d6d6;}
.nei_anchor span {display: inline-block;*display: inline;*zoom: 1;}
.nei_anchor span a {font-size: 16px;color: #666;line-height: 60px;padding: 0 40px;display: inline-block;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;position: relative;width: auto;}
.nei_anchor span a:after{content: '';width: 1px;height: 17px;background: #dadada;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.nei_anchor span.on a:after,.nei_anchor span a:hover:after{display: none;}
.nei_anchor span:hover a,.nei_anchor span.on a {color: #fff;background: ##e15616}
.nei_anchor span.span1 a {background: transparent;color: #666;}

/*2019.3.21日增加样式*/
#home-slider .slides h3{
	font-size: 40px;
	letter-spacing: 1px;
	font-weight: lighter;
	color: white;line-height: 40px;text-align: center;
	background: url(../images/h3-bg.png) no-repeat center bottom;padding-bottom: 20px;
}
#home-slider .slides h4{
	font-size: 16px;
	letter-spacing: 2px;
	margin-top: 15px;
	font-family: 'Open Sans';
	font-weight: lighter;opacity: 0.6;
	color: white;line-height: 16px;text-align: center;
	
}

#home-slider .slides h5{
	font-size: 66px;
	letter-spacing: 5px;
	color: white;
	line-height: 66px;text-align: center;	
	margin-top: 75px;
}
#home-slider .slides h6{
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 10px;
	margin-top: 9px;
	color: white;opacity: 0.4;
	line-height: 14px;text-align: center;	
}
#home-slider .slides .slide-tit{
	text-align: center;	
	margin-top: 25px;
}
#home-slider .slides .slide-tit span{
	font-size: 20px;
	line-height: 20px;
	color: white;position: relative;
}
#home-slider .slides .slide-tit span:after{position: absolute;content: '';width: 74px;height: 1px;background: rgba(187,187,187,0.2);left: -80px;top: 50%;margin-top: -0.5px;}
#home-slider .slides .slide-tit span:before{position: absolute;content: '';width: 74px;height: 1px;background: rgba(187,187,187,0.2);right: -80px;top: 50%;margin-top: -0.5px;}
.proi-list p{
color:#fff;

}

.nav-item2
{
    font-weight: bold;
    float: left;
    background: url(/skin/yjpm/images/headtel.png) no-repeat 0px;
    padding-left: 24px;
    }
@media (max-width: 1440px)
{
    .navbar .nav-item2 {
    padding-right: 10px;
    }
    
}

@media (max-width: 1520px){
.navbar .nav-item2 {
    padding-right: 45px;
}
.navbar .nav-item2 {
    float: left;
    padding-right: 50px;
}
.navbar .nav-item2 {
    display: block;
    font-size: 18px;
    line-height: 100px;
    color: #444444;
    /* font-family: 'open'; */
}
}