@charset \"utf-8\";
/* CSS Document */
/*******css重置*******/

*{margin: 0;padding: 0;text-decoration: none;list-style: none;box-sizing: border-box;font-family:\"微软雅黑\",arial;}

img{display: block;}
h1,h5,h2,h3,h4{font-size: 1em;margin: 0;}
.clearfix{clear: both;}

p{font-size: 14px;}

p img{max-width:500px;margin:0 auto;}
@media(max-width:500px){
	p img{width:100%;}
}

.top280{padding-top:80px;}

.gradient{
background:-webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5),rgba(0,0,0,0.8));/*for safari5.1-6.0*/
background:-o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5),rgba(0,0,0,0.8));/*Opera 11.1-12.0*/
background:-moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5),rgba(0,0,0,0.8));/*firefox 3.6-15*/
background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5),rgba(0,0,0,0.8));/*标准语法，必须放在最后*/
}
.gradient-banner{
background:-webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6));/*for safari5.1-6.0*/
background:-o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6));/*Opera 11.1-12.0*/
background:-moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6));/*firefox 3.6-15*/
background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6));/*标准语法，必须放在最后*/
}
.gradient1{
    background: -webkit-linear-gradient(left, #FF8B38 0% , #57E83A 89%);
    background: -o-linear-gradient(left,#FF8B38 0%, #57E83A 89%);
    background: -moz-linear-gradient(left, #FF8B38 0%, #57E83A 89%);
    background-image: linear-gradient(to right, #FF8B38 0%, #57E83A 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gradient2{
   background: -webkit-linear-gradient(right, #95EAFF 10% , #224EFF 89%);
    background: -o-linear-gradient(right,#95EAFF 10%, #224EFF 89%);
    background: -moz-linear-gradient(right, #95EAFF 10%, #224EFF 89%);
    background-image: linear-gradient(to left, #95EAFF 10%, #224EFF 89%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient3{
    background: -webkit-linear-gradient(left, #38CBFF 0% , #57E83A 89%);
    background: -o-linear-gradient(left,#38CBFF 0%, #57E83A 89%);
    background: -moz-linear-gradient(left, #38CBFF 0%, #57E83A 89%);
    background-image: linear-gradient(to right, #38CBFF 0%, #57E83A 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gradient4{
    background: -webkit-linear-gradient(left, #FF8B38 0% , #ffcc00 89%);
    background: -o-linear-gradient(left,#FF8B38 0%, #ffcc00 89%);
    background: -moz-linear-gradient(left, #FF8B38 0%, #ffcc00 89%);
    background-image: linear-gradient(to right, #FF8B38 0%, #ffcc00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/************************************************index-logo***********************************************/
body{position: relative;}
.index-header{position: fixed;left: 0;top: 0;width: 100%;z-index: 1000;}
.index-logo{background-color: #fff;}
.id-logo{padding: 20px 0;overflow: hidden;}
.logo{display: block;float: left;transition: 0.5s;}
.logo img{width: 214px;}
.id-logo span{font-size: 22px;line-height: 65px;letter-spacing: 0.3px; color: #000;}

.CN-EN{float: right;padding: 12px 0;transition: 0.5s;}
.CN-EN a{display: block;float: left;margin-right: 15px;}
.CN-EN a span{font-size: 14px;line-height: 20px; color: #666;padding-left: 30px;display: block; height:20px; }
.CN-EN a.cn span{background: url(../ul/images/china.jpg)left center no-repeat;background-size: 20px 14px;}
.CN-EN a.en span{background: url(../ul/images/english.jpg)left center no-repeat;background-size: 20px 14px;}
.CN-EN a.jp span{background: url(../ul/images/japan.jpg)left center no-repeat;background-size: 20px 14px;}

.id-shop{margin-top: 12px; width: 18px;height: 18px;float: right;display: block;background: url(../ul/images/shop.png)center no-repeat;background-size: 100% auto;cursor: pointer;transition: 0.5s;}

/*********************top-nav********************/
.top-nav{float:right;margin-right: 15px;display: none;}
.top-nav li{display: inline-block;padding: 0 15px;line-height: 34px;}
.top-nav li a{font-size: 14px;color: #333;font-weight: bold;}



/*************************************index-header************************************/
/***********head**********/
.id-logo-on{padding:10px 0;}
.id-logo-off{padding:20px 0;}
/***********logo**********/
.head-logo{display: block;float: left;transition: 0.5s;}
.head-logo img{width:100px;transition: 0.5s;}
.head-logo h1{font-size: 12px;line-height: 12px;margin-top: 6px;letter-spacing: 0.3px; color: #000;font-weight: bold;transition: 0.5s;}
.head-logo-on{display: block;float: left;transition: 0.5s;}
.head-logo-on img{width:214px;transition: 0.5s;}
.head-logo-on span{font-size: 14px;line-height: 30px;margin-top: 6px;letter-spacing: 0.3px; color: #000;font-weight: bold;transition: 0.5s;}
/***********cnen**********/
.CN-EN-on{padding: 8px 0;}
.CN-EN-off{padding: 12px 0;}
/***********shop**********/
.id-shop-on{margin-top: 8px;}
.id-shop-off{margin-top: 12px;}
/***********top-nav**********/
.close{display: none;}
.open{display: block;}
.close a{color: transparent;}
.box-shadow-on{box-shadow: 2px 2px 3px rgba(0,0,0,0.15);}
.box-shadow-off{box-shadow: 2px 2px 3px rgba(0,0,0,0);}

@media(max-width:991px){
	.top-nav{display: none;}
	.index-header{box-shadow: 2px 2px 3px rgba(0,0,0,0.15);}
	.logo img{width: 150px;}
	.logo span{font-size: 12px;line-height: 13px;margin-top: 6px;}
	.id-logo{padding: 10px 0;}
	.CN-EN{padding: 11px 0;}
	.CN-EN a span{color: transparent;padding-left: 0px;width: 30px;}
	.CN-EN a.en span,.CN-EN a.jp span,.CN-EN a.cn span{background-size: 24px 16px;}
	.id-shop{margin-top: 12px;}

}
@media(max-width:600px){
	.id-logo{padding: 10px 0;}
	.id-logo span{font-size: 16px;line-height: 45px;letter-spacing: 0.3px; color: #000;}
	.logo img{width: 90px;}
	.logo span{font-size: 10px;letter-spacing: 0px;}
	.CN-EN{padding: 9px 0;}
	.CN-EN a{margin-right: 10px;}
	.CN-EN a.en span,.CN-EN a.jp span,.CN-EN a.cn span{background-size: 20px 14px;}
	.id-shop{margin-top: 9px; width: 18px;height: 18px;}
}

/**************************************************导航*****************************************************/
.index-nav{width: 100%;z-index: 666;background-color:#f1f1f1;transition: 0.5s;box-shadow: 0 3px 2px rgba(0,0,0,0.15); font-weight: bold;}
.nav{width: 100%;}
.nav>li{float: left;line-height: 46px;width:10%;position: relative;overflow: hidden;}
.nav>li:before{position: absolute;left: -100%;bottom: 0;width: 100%;height: 2px;content: \"\";transition:1s;background:#ff0000;background-size: 100% 2px;}
.nav a{font-size: 15px; text-align: center; color: #666;padding: 5px 0;display: block;}
/***************second-nav*******************/
.nav-down-menu{position: absolute;left:0px;top:90px;clear: both;display:none;z-index: 99;background-color:#000;width:120px; }
.nav-down-menu a{font-size: 16px; color:#fff;display: block;text-align: center;line-height: 30px;padding: 5px 0;}
.navli-down-menu a{padding-left:25px;}
.nav-a{position: relative; z-index: 999;}
/***************hover*******************/
.nav>li.on-top:before,.nav>li:hover:before{left:0;}
.nav>li:hover,.nav>li.on-top{background-color:#e4e4e4;}
.nav>li:hover a,.nav>li.on-top a{color: #666;}
.nav-down-menu>a:hover{color:#e4e4e4; }

@media(max-width:1259px){
	.nav li{line-height: 50px;}
	.nav-down-menu{width: 90px;}
}

@media(max-width:991px){
	.nav-down-menu{top:70px;}
	.nav{display: block;}
.nav>li{float: left;line-height: 32px;width:33%;position: relative;overflow: hidden;}
}

/**************************************************手机导航********************************************/
/***********手机导航btn*************/
.nav-btn{float: right;padding: 12px 0; display: none;width: 20px;height: 20px;cursor: pointer;margin-left: 17px;}
.nav-btn span{display: block;width: 100%;height: 3px;background-color: #ff0000;margin-bottom: 4px;border-radius: 4px;}
.nav-btn span:last-child{margin: 0;}
/***********手机导航menu*************/
.navli{position: fixed;right:-230px;top:0;text-align: left; z-index: 2000;background-color: #333;width:230px;height: 100%;transition: all 0.5s;}
.navli>div:first-child{font-size: 18px;padding: 10px 0px;color: #fff;font-weight: bold;text-align: center;}
/***********手机导航cn-en*************/
.navli .nav-cn-en{overflow: hidden;background-color: #243c62;}
.navli .nav-cn-en a{display: block;float: left;width: 50%;border-right: 1px solid #fff;}
.navli .nav-cn-en a:nth-child(1){background-color: #ff0000;color: #fff;}
.navli .nav-cn-en a:nth-child(2){background-color: #f1f1f1;color: #666;}
/***********手机导航close*************/
.navli .navli-txt{overflow: hidden;padding: 10px 10px 10px 30px;background-color: #666;border-bottom: 1px solid #666;}
.navli-txt div:nth-child(1){float: left;font-size: 16px;color: #fff;}
.navli-txt div:nth-child(2){float: right;width: 16px;margin-top: 3px;cursor: pointer;}
.navli-txt div:nth-child(2) img{width: 100%;}
/***********手机导航cn-en*************/
.navli a {font-size: 14px; color: #fff;line-height: 50px;display: block;padding-left:30px;padding-right: 10px;}
.navli li{background-color: rgba(0,0,0,0.15);border-bottom: 1px solid #666;position: relative;}
.id-nav-tu{position: absolute;right: 0px;top: 0px;width: 50px;height: 50px;background: url(../ul/jiantou-nav.png)center no-repeat #243c62;background-size: 10px;transition: 1s;border-left: 2px solid #131314;opacity: 0.6}

.navli-down-ser{display: none;background-color: #fff;z-index: 2;}
.navli-down-ser li{border-top: 1px solid #666;background-color: #CBCBCB;}

.navli>li:hover{background-color:#b6b6b6;color: #fff;}
.navli-down-ser li:hover{background-color:rgba(96,96,96,0.80)}
.navli .nav-cn-en a:hover{background-color: #1d66cf;}
.id-nav-tu:click{transform: rotate(90deg);transition: 1s;}

@media(max-width:991px){
	.nav-btn{display: block;}
		
}
@media(max-width:767px){
	.nav-btn{height: 20px;padding: 12px 0;}
}
@media(max-width:600px){
	.nav-btn{padding: 10px 0;width:20px;height: 20px;}
	.nav-btn span{margin-bottom: 3px;height: 3px;}
}

/*******************************banner*******************************/
.banner-all,.page-in-banner,.banner-in,.page-in-product{margin-top: 140px;}
@media(max-width:991px){
	.banner-all,.page-in-banner,.banner-in,.page-in-product{margin-top: 250px;}
}
@media(max-width:600px){
	.banner-all,.page-in-banner,.banner-in,.page-in-product{margin-top: 238px;}
}

/******banner-all******/
.banner-all{width: 100%;overflow: hidden;}
.banner-all img { float: left; margin-top: 0px;width: 100%;}
/******banner-box******/
#banner-content{margin: 0px !important; border: 0px !important;}
.banner-box{margin: 0; position: relative;}
/******banner-img******/
.banner-img {clear: both; }
.banner-img li {position: relative;overflow: hidden; }
/******banner-title******/
.id-banner-text{position: absolute;left: 20%;top: 0;height: 86%;display: block;}
.id-banner-table{display: table;width:100%;height: 100%;}
.id-banner-tablecell{display: table-cell;vertical-align: middle;}
.id-banner-tablecell a{font-size: 16px;line-height: 40px;width: 180px;border-radius: 20px;text-align: center;background-color: #ff0000;color: #fff; display: block;}
.id-banner-tablecell a:hover { text-decoration: underline;}
.id-banner-tablecell>i{font-size: 16px;color:#333;display:block;margin-top:10px;font-style:normal;}
/******高度控制******/
.banner-img li.banner-box{width: 100%;height: 700px;}
@media(max-width:1700px){
	.banner-img li.banner-box{height: 620px;}
}

@media(max-width:1600px){
	.banner-img li.banner-box{height: 560px;}
}

@media(max-width:1259px){
	.banner-img li.banner-box{height: 520px;}
	.id-banner-text{left: 15%;}
}

@media(max-width:991px){
	.banner-img li.banner-box{height: 420px;}
	.id-banner-text{left: 12%;}
}
@media(max-width:767px){
	.id-banner-text{height: 90%;}
	.banner-img li.banner-box{height: 240px;}
	.id-banner-text{left: 8%;}
}
@media(max-width:500px){
	.id-banner-text{left: 6%;}
  .id-banner-tablecell>i{font-size: 14px;}
}

/******box1******/
.banner-box1{background: url(../ul/images/banner01.jpg)center no-repeat;background-size:cover;}
.banner-box1 .id-banner-text{width: 25%;}
/******box2******/
.banner-box2{background: url(../ul/images/banner02.jpg)center no-repeat;background-size:cover;}
.banner-box2 .id-banner-text{width: 20%;}
/******box3*****/
.banner-box3{background: url(../ul/images/banner03.jpg)center no-repeat;background-size:cover;}
.banner-box3 .id-banner-text{width: 40%;}

/******box4******/
.banner-box4{background: url(../ul/images/banner04.jpg)center no-repeat;background-size:cover;}
.banner-box4 .id-banner-text{width: 30%;}
/******title******/
.id-banner-tablecell h1{font-size: 30px;margin-bottom: 20px;color: #ff0000; font-weight: normal;}
.id-banner-tablecell h1 em{font-size: 40px;color: #ff0000; font-weight: normal;font-style:normal;}
.id-banner-tablecell h1 i{font-size: 36px;color: #ff0000; font-weight: normal;font-style:normal;}
.id-banner-tablecell span{font-size: 40px;margin-bottom: 60px;display: block;color: #333;}


@media(max-width:1600px){
	.id-banner-tablecell h1{font-size: 26px;}
  	.id-banner-tablecell h1 em{font-size: 36px;}
  	.id-banner-tablecell h1 i{font-size: 32px;}
	.id-banner-tablecell span{font-size: 32px;}
}

@media(max-width:991px){
	.id-banner-tablecell h1{font-size: 22px;margin-bottom: 15px;}
  	.id-banner-tablecell h1 em{font-size: 32px;}
  	.id-banner-tablecell h1 i{font-size: 28px;}
	.id-banner-tablecell span{font-size: 28px;line-height: 36px; margin-bottom: 40px;}
	.id-banner-tablecell a{font-size: 14px;line-height: 34px;width: 130px;}
}

@media(max-width:767px){
	.banner-box1 .id-banner-text{width: 35%;}
	.banner-box3 .id-banner-text{width: 60%;}
	.banner-box4 .id-banner-text{width: 40%;}
	.id-banner-tablecell h1{font-size: 20px;margin-bottom: 10px;line-height: 24px;}
  	.id-banner-tablecell h1 em{font-size: 30px;}
  	.id-banner-tablecell h1 i{font-size: 26px;}
	.id-banner-tablecell span{font-size: 22px;line-height: 30px; margin-bottom: 20px;}
}

@media(max-width:767px){
	.id-banner-tablecell h1{font-size: 18px;margin-bottom: 8px;}
  	.id-banner-tablecell h1 em{font-size: 28px;}
  	.id-banner-tablecell h1 i{font-size: 24px;}
	.id-banner-tablecell span{font-size: 20px;line-height: 30px;}
}

@media(max-width:500px){
	.id-banner-tablecell span{font-size:16px;line-height: 24px; margin-bottom: 15px;}
	.id-banner-tablecell a{display:none;}
	.banner-box1 .id-banner-text{width: 40%;}
	.banner-box3 .id-banner-text{width: 55%;}
	.banner-box4 .id-banner-text{width: 36%;}
	.banner-box1{background: url(../ul/images/banner-phone1.jpg)center no-repeat;background-size:cover;}
	.banner-box2{background: url(../ul/images/banner-phone2.jpg)center no-repeat;background-size:cover;}
	.banner-box3{background: url(../ul/images/banner-phone3.jpg)center no-repeat;background-size:cover;}
	.banner-box4{background: url(../ul/images/banner-phone4.jpg)center no-repeat;background-size:cover;}
}

/******button******/
.banner-button {position: absolute; bottom:0; left: 0;width: 100%;height: 130px;z-index: 600;}
.banner-button ul{width: 1260px;margin: 0 auto;overflow: hidden;height:100%;border-top: 1px solid rgba(255,255,255,0.2);}
.banner-button li{float: left;width: 25%; height:100%;padding:20px 0; cursor: pointer;line-height: 0; position: relative;color:transparent;visibility: visible;
animation-delay: 0.2s;display: block;}
.banner-button li:last-child .banner-button-text{border: none;}
.banner-button li .banner-button-text{width:100%; height:100%;border-right: 1px solid #fff;padding: 0 15px;display: block;}
.banner-button li>b{width: 0;height: 4px;background-color: #ff0000;transition: width 5s linear;position: absolute;left: 0;bottom: 0;display:block;visibility: hidden;}
.banner-button li.on {}
.banner-button li.on>b{display: block;width: 100%;visibility: visible;}
#slidesImgs li {display: none;}

.banner-button li i{font-size: 15px;letter-spacing: 1px;font-style: normal;color: #fff;line-height: 15px;margin-bottom: 10px;display: block;}
.banner-button li h1{font-size: 15px;color: #fff;line-height: 20px;letter-spacing: 1px; margin-bottom: 5px; display: block;}
.banner-button li span{font-size: 14px;color: #fff;letter-spacing: 0.5; line-height: 20px;height: 40px; display: block;}
.banner-button li span em{font-size: 18px;font-weight: normal;font-style:normal;}
.banner-button li span b{font-size: 17px;font-weight: normal;font-style:normal;}
@media(max-width:1259px){
	.banner-button ul{width: 992px;margin: 0 auto;}
}

@media(max-width:991px){
	.banner-button ul{width: calc(100% - 40px);margin: 0 20px;}
}
@media(max-width:800px){
	.banner-button li i{font-size: 14px;}
	.banner-button li h1{font-size: 14px;}
	.banner-button li span{font-size: 12px;}
  	.banner-button li span em{font-size: 16px;}
  	.banner-button li span b{font-size: 15px;}
}
@media(max-width:760px){
	.banner-button {height: 50px;}
	.banner-button ul{border-top: none;}
	.banner-box .gradient-banner{height: 2px;bottom: 15px;background: none;}
	.gradient-banner ul{background-color: rgba(255,255,255,0.4);}
	.gradient-banner ul li{display: none;}
	.banner-button{
		background:-webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.2));/*for safari5.1-6.0*/
        background:-o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.2));/*Opera 11.1-12.0*/
        background:-moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.2));/*firefox 3.6-15*/
		background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.2));/*标准语法，必须放在最后*/}
	.banner-button li>b{bottom: 15px;height: 2px;}
}

/*******************************banner-in*******************************/
.banner-in{height:360px;overflow: hidden;background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;}
.banner-in-text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner-in-table{display: table;width:100%;height: 100%;}
.banner-in-tablecell{display: table-cell;vertical-align: middle;}
.banner-in h3{font-size: 40px;font-weight: bold;text-shadow:rgba(0,0,0,0.1) 2px 2px 0px;letter-spacing: 2px;text-align: center;color: #333;}

@media(max-width:700px){
   .banner-in{height:280px;}
	.banner-in h3{font-size: 36px;}
  	
}
@media(max-width:600px){
   .banner-in{height:200px;}
	.banner-in h3{font-size: 32px;}
}
@media(max-width:500px){
    .banner-in{height:160px;}
	.banner-in h3{font-size: 32px;}
    .banner-about-in{background-position: 70% center;}
  
}
/*******************************index-section*******************************/
.index-section{padding-bottom: 60px;}
@media(max-width:1259px){
	.index-section{padding-bottom: 50px;}
}
@media(max-width:991px){
	.index-section{padding-bottom: 40px;}
}
@media(max-width:767px){
	.index-section{padding-bottom: 30px;}
}

/*******************************index-title*******************************/
.indec-title{margin-bottom: 40px;background:url(../ul/images/title-bg.png)100px center no-repeat;background-size: 100% 4px;}
.indec-title h1{font-size: 20px;font-weight: bold;color: #333;}
@media(max-width:991px){
	.indec-title{margin-bottom: 30px;}
}

/*******************************index-product*******************************/
.index-product{padding: 60px 0;}
.id-product{}
.id-product a:last-child{margin-right: 0;}
.id-product a:nth-child(1){background: url(../ul/images/pro-1.jpg)center no-repeat;background-size: cover;}
.id-product a:nth-child(2){background: url(../ul/images/pro-2.jpg)center no-repeat;background-size: cover;}
.id-product a:nth-child(3){background: url(../ul/images/pro-3.jpg)center no-repeat;background-size: cover;}
.id-pro-box{display: block;float: left;width: 32%;margin-right: 2%;padding: 60px 40px;box-shadow: 0 0 2px 2px rgba(0,0,0,0);transition: 0.5s;}
.id-pro-box h1{font-size: 18px;line-height: 18px;margin-bottom: 5px;font-weight: bold;color: #333;}
.id-pro-box span{font-size: 14px;line-height: 24px;font-style: italic; display: block;color: #666;}
.id-pro-box:hover{box-shadow: 0 0 2px 2px rgba(0,0,0,0.15);}

@media(max-width:1259px){
	.index-product{padding: 50px 0;}
}
@media(max-width:991px){
	.index-product{padding: 40px 0;}
	.id-pro-box{padding: 40px 30px;}
}
@media(max-width:767px){
	.index-product{padding: 30px 0;}
}
@media(max-width:700px){
	.id-pro-box{padding: 30px 20px;}
}
@media(max-width:630px){
	.id-pro-box span{height: 72px;}
}
@media(max-width:500px){
	.id-pro-box{padding: 30px 30px;}
	.id-pro-box{float: none;width: 100%;margin-right: 0%;margin-bottom: 10px;}
	.id-product a:last-child{margin-right: 0;margin-bottom: 0px;}
	.id-pro-box span{height: auto;}
}


/*******************************index-aboutus*******************************/
.id-about-all{overflow: hidden;}
/********index-aboutus-left*************/
.id-about-left{float: right;width: 40%;margin-right: 5%;padding-top: 60px;}
.id-about-tit{font-size: 18px;line-height: 20px;padding-top: 30px;margin-bottom: 20px;text-align: left;color: #333;background: url(../ul/images/about-us.png)center top no-repeat;background-size: auto 100%;}
.id-about-tit span{font-size: 18px;line-height: 20px;font-weight: bold;color: #e40006;}
.id-about-left>span{font-size: 14px;margin-bottom: 30px; color: #666;line-height: 26px;display: block;text-align: justify;}
.id-about-left>a{line-height: 40px; width: 110px;border-radius: 4px;background-color: #ff0000;color: #fff;text-align: center;display: block;}
.id-about-left>a:hover{box-shadow: 0 0 2px 2px rgba(0,0,0,0.15);}
/********index-aboutus-right*************/
.id-about-right{float: right;width: 55%;border: 1px solid #e4e4e4;position: relative;}
.id-about-right video{width: 100%;}
.id-about-right iframe{width: 100%;height: 460px;transition: 0.5s;}
.id-about-right>span{position: absolute;left:0;top: 0;width: 100%;height: 40px;background-color: #000; display: block;}
@media(max-width:1259px){
	.id-about-right iframe{height: 360px;}
	.id-about-left{padding-top: 10px;}
}
@media(max-width:991px){
	.id-about-tit{padding-top: 20px;margin-bottom: 10px;}
	.id-about-right iframe{height: 270px;}
	.id-about-left{width: 42%;margin-right: 3%;padding-top: 0px;}
}
@media(max-width:767px){
	.id-about-right{float: none;width: 430px;margin: 0 auto;margin-bottom: 15px;}
	.id-about-right iframe{height: 300px;}
	.id-about-left{float: none;width: 100%;margin-right: 0%;}
	.id-about-tit{padding-top: 26px;}
}
@media(max-width:500px){
	.id-about-right{width: 100%;}
}
@media(max-width:400px){
	.id-about-right iframe{height: 260px;}
}
@media(max-width:350px){
	.id-about-right iframe{height: 230px;}
}

/*******************************index-news******************************/
.id-news-all{overflow: hidden;}
.id-news-all a:nth-child(3n){margin-right: 0;}
.id-news-all a:last-child{display: none;}
.id-news-box{width: 32%;margin-right: 2%;float: left;display: block;overflow: hidden;transition: 0.8s;position: relative;border-radius: 10px;}
.id-news-box img{width: 100%;}
/*********index-news-hover**************/
.id-news-hover{padding: 20px; position: absolute;left: 0;bottom: -60px;width: 100%;transition: 0.8s;}
.id-news-hover h1{font-size: 16px;line-height: 40px;height: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #fff;font-weight: bold;letter-spacing: 1px;border-bottom: 1px solid #f1f1f1;}
.id-news-hover span{font-size: 14px;color: #fff;line-height: 30px;display: block;padding-left: 26px;background: url(../ul/images/id-news-coin.png)left center no-repeat;margin-bottom: 10px;transition: 0.8s;}
.id-news-hover h3{font-size: 14px;color: #fff;line-height: 20px;height: 40px;overflow: hidden;letter-spacing: 1px;}

.id-news-box:hover .id-news-hover span{margin-bottom: 0;}
.id-news-box:hover .id-news-hover{bottom: 0;}

@media(max-width:991px){
	.id-news-all a:last-child{display: block;}
	.id-news-all a:nth-child(3n){margin-right: 2%;}
	.id-news-all a:nth-child(2n){margin-right: 0;}
	.id-news-all a:nth-child(1),.id-news-all a:nth-child(2){margin-bottom: 15px;}
	.id-news-box{width: 49%;}
}

@media(max-width:460px){
	.id-news-all a:nth-child(3n){margin-right: 0%;}
	.id-news-all a:nth-child(1),.id-news-all a:nth-child(2),.id-news-all a:nth-child(3){margin-bottom: 10px;}
	.id-news-box{width: 100%;}
}

/*******************************index-footer*******************************/
.index-footer{padding: 50px 0;background-color: #f7f7f7;}
.id-footer-all{overflow: hidden;}
/************index-footer-box1******************/
.id-footer-box1{float: left;width:30%;margin-right: 5%}
.id-footer-logo{margin-bottom: 20px;}
.id-footer-logo img{width: 130px;}
.id-footer-logo h1{font-size: 14px;line-height: 20px;margin-top: 6px; font-weight: bold;color: #333;}
.id-footer1-intro{font-size: 17px;line-height: 20px;margin-bottom: 20px; color: #666;text-align: justify;margin-top:30px;font-weight: bold;}
.id-footer1-pl,.id-footer1-pl a,.id-footer1-pl span{font-size: 14px;line-height: 20px;margin-bottom: 20px; color: #666;text-align: justify;}
.id-footer1-recode a{font-size: 14px;line-height: 20px;color: #666;margin-right: 4px;display: block;}
/************index-footer-box2******************/
.id-footer-box2{float: left;width: 18%;margin-right: 3%;}
.id-footer-all h5{font-size: 18px;line-height: 18px;margin-bottom: 30px; color: #666;}
.id-footer-a a{font-size: 14px;line-height: 14px;margin-bottom: 20px; color: #333; font-weight:bold;display: block;}
.id-footer-a a:last-child{margin-bottom: 0;}
/************index-footer-box3******************/
.id-footer-box3{float: left;width: 18%;margin-right: 3%;}

/************index-footer-box4******************/
.id-footer-box4{float: left;width: 23%;}
.id-footer-li li{font-size: 14px;line-height: 26px;margin-bottom: 15px; color: #666;}
.id-footer-li li:last-child{margin-bottom: 0;}


@media(max-width:1259px){
	.index-footer{padding: 40px 0;}
    .id-footer1-intro{font-size: 16px;margin-top:40px;}
	.id-footer-box2{width: 16%;margin-right: 3%;}
	.id-footer-box3{width: 17%;margin-right: 3%;}
	.id-footer-box4{width: 26%;}
}

@media(max-width:991px){
	.index-footer{padding: 10px 0;}
   .id-footer1-intro{font-size: 14px;margin-top:0px;}
	.id-footer-box2,.id-footer-box3,.id-footer-box4,.id-footer-logo,.id-footer1-recode{display: none;}	
	.id-footer-box1{width:100%;margin-right:0%}
	.id-footer1-intro,.id-footer1-pl{text-align: center;margin-bottom: 0;}
}
/*******************************友情链接*******************************/
.index-fl{padding: 10px 0;background-color: #e4e4e4;}
.id-fl{float: left;width: calc(100% - 110px);}
.id-fl a{color: #666;font-size: 12px;display: inline-block;margin-right: 5px;line-height: 20px;}
.id-fl-web{float: right;width: 110px;color: #666;font-size: 12px;line-height: 20px;}
.id-fl-web a{color: #666;font-size: 12px;line-height: 20px;}
.id-fl a:hover{text-decoration: underline;}

@media(max-width:991px){
	.index-fl{display: none;}
}

/*******************************内页边距控制*******************************/
.page-in-section{padding: 60px 0 0 16px;padding-top:220px; }

@media(max-width:1259px){
	.page-in-section{padding: 50px 0 0 16px;}
}
@media(max-width:991px){
	.page-in-section{padding: 40px 0 0 16px;}
}
@media(max-width:767px){
	.page-in-section{padding: 280px 0 0 16px;}
}
/*******************************内页边距控制*******************************/
.page-in-section2{padding: 120px 0 0 16px;}

@media(max-width:1259px){
	.page-in-section2{padding: 160px 0 0 16px;}
}
@media(max-width:991px){
	.page-in-section2{padding: 160px 0 0 16px;}
}
@media(max-width:767px){
	.page-in-section2{padding: 160px 0 0 16px;}
}
@media(max-width:530px){
	.page-in-section2{padding: 160px 0 0 16px;}
}
/***************面包屑导航******************/
.page-in-nav{margin-bottom: 30px;}
.page-in-nav h1{font-size:24px;line-height:24px;font-weight:bold;letter-spacing: 1px;}

@media(max-width:1259px){
	.page-in-nav{margin-bottom: 30px;}
}
@media(max-width:991px){
	.page-in-nav{margin-bottom: 20px;}
}
@media(max-width:500px){
	.page-in-nav{margin-bottom: 20px;}
	.page-in-nav h1{font-size:22px;line-height:22px;padding-bottom: 15px;}
}
/***************面包屑导航******************/
.page-in-nav2{margin-bottom: 30px;}
.page-in-nav2 h1{font-size: 14px;color: #666;width: 40px;border-right: 1px solid #666;letter-spacing: 1px;}
@media(max-width:500px){
	.page-in-nav2{margin-bottom: 20px;}
}

/*******************************新闻列表页*******************************/
.page-in-newslist a{display: block;}
.page-in-newslist a img{width: 100%;}

/*************新闻列表页box**************/
.page-in-newslist{overflow: hidden;}
.page-in-newslist>a:nth-child(1),.page-in-newslist>a:nth-child(6){float: left;width: 50%;margin-left: 0%;}
.news-list-box{float: left;width: 24%;margin-left: 1%;margin-bottom: 16px;position: relative;overflow: hidden;border-radius: 4px;}

.page-news-hover{padding: 20px; position: absolute;left: 0;bottom: -64px;width: 100%;transition: 0.8s;}
.page-news-hover h1{font-size: 16px;line-height: 40px;height: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #fff;font-weight: bold;letter-spacing: 1px;border-bottom: 1px solid #f1f1f1;}
.page-news-hover span{font-size: 14px;color: #fff;line-height: 30px;display: block;padding-left: 26px;background: url(../ul/images/id-news-coin.png)left center no-repeat;margin-bottom: 10px;transition: 0.8s;}
.page-news-hover h3{font-size: 14px;color: #fff;line-height: 20px;height: 40px;overflow: hidden;letter-spacing: 1px;}

.news-list-box:hover .page-news-hover span{margin-bottom: 0;}
.news-list-box:hover .page-news-hover{bottom: 0;}


@media(max-width:1259px){
	.news-list-box{margin-bottom: 12px;}
}

@media(max-width:991px){
	.news-list-box{margin-bottom: 10px;}
	.page-news-hover h3{height: 20px;}
	.page-news-hover{padding: 10px 15px;bottom: -38px;}
}

@media(max-width:767px){
	.page-in-newslist>a:nth-child(1),.page-in-newslist>a:nth-child(6){width: 49%;margin-right: 2%;}
	.news-list-box{width: 49%;margin-right: 2%;margin-left: 0;}
	.page-in-newslist>a:nth-child(2n){margin-right: 0;}
}
@media(max-width:420px){
	.page-in-newslist>a:nth-child(1),.page-in-newslist>a:nth-child(6){width: 100%;margin-right: 0%;}
	.news-list-box{width: 100%;margin-right: 0%;}
}


/*******************************新闻详情页*******************************/
.page-in-title{font-size:20px;line-height: 26px;margin-bottom: 10px;letter-spacing: 1px; text-align: center;color: #333;font-weight:bold;}
.page-news-details center span,.page-news-details center a{font-size: 12px;line-height: 20px;margin: 0 4px; display: inline-block;color: #999;}
.page-newsdetails-content{padding: 20px 0;}
.page-newsdetails-content p{font-size: 15px;color: #333;line-height: 30px;margin-bottom: 10px;text-indent: 30px;letter-spacing: 1px;}

.page-news-iframe{margin: 20px auto 0;width:700px;}
.page-news-iframe iframe{width: 100%;height: 400px;transition: 0.5s;}
.page-news-iframe>span{position: absolute;left:0;top: 0;width: 100%;height: 40px;background-color: #000; display: block;}


@media(max-width:991px){
	.page-news-iframe{width:600px;}
	.page-news-iframe iframe{height: 360px;}
}
@media(max-width:767px){
	.page-news-iframe{width:500px;}
	.page-news-iframe iframe{height: 300px;}
}
@media(max-width:600px){
	.page-news-iframe{width:100%;}
	.page-news-iframe iframe{height: 260px;}
}
@media(max-width:400px){
	.page-news-iframe iframe{height: 240px;}
}
@media(max-width:350px){
	.page-news-iframe iframe{height: 230px;}
}

/*******************************产品列表*******************************/
.page-in-section .container>div.page-pl-all:last-child{margin-bottom: 0;}
.page-pl-all>div.page-pl-box:last-child{margin-bottom: 0;}
.page-pl-all{margin-bottom:80px;margin-top: 80px;}
.page-pl-all>h1{font-size: 32px;line-height: 30px;margin-bottom: 40px;text-align:left;letter-spacing: 1px;}
.page-pl-box{margin-bottom: 40px;}
.page-pl-box>h2{font-size: 24px;line-height: 30px;margin-bottom: 30px;}
/********产品列表box1************/
.page-pro-all{overflow: hidden;}
.page-in-box{float: left;width: 23.5%;margin-right: 2%;position: relative;margin-bottom: 20px;overflow: hidden;transition: 0.8s;}
.page-pro-all>a:nth-child(4n){margin-right: 0;}
.page-in-box img{width: 100%;transition: 0.8s;}
.page-in-box h3{font-size: 16px;font-weight: bold;letter-spacing: 1px; position: absolute;left: 20px;top: 20px;color: #333;}
.page-in-box span{font-size: 14px; font-weight: bold; color: #333;  display:inline-block;width:100%;text-align:center; line-height:28px}
/********产品列表box2***********/
.page-pro-box1{display: block;position: relative;overflow: hidden;}
.page-pro-box1 img{width: 100%;transition: 1s;}
.page-pro-box1 h4{font-size: 16px;font-weight: bold;letter-spacing: 1px; position: absolute;left: 20px;top: 20px;color: #333;}
.page-pro-box1 h5{font-size: 16px;font-weight: bold;letter-spacing: 1px; position: absolute;left: 20px;top: 20px;color: #333; backgroud-color:#fff;}

.page-in-box:hover img{transform: scale(1.2);}
.page-pro-box1:hover img{transform: scale(1.2);}

@media(max-width:991px){
	.page-pl-all>h1{font-size: 28px;margin-bottom: 30px;padding-bottom: 26px;}
	.page-pl-box>h2{font-size: 22px;line-height: 30px;margin-bottom: 24px;}
	.page-pl-box{margin-bottom: 30px;}
	.page-in-box{width: 32%;}
	.page-pro-all>a:nth-child(4n){margin-right: 2%;}
	.page-pro-all>a:nth-child(3n){margin-right: 0;}
	
	.page-pl-all{margin-bottom:70px;margin-top: 120px;}
}
@media(max-width:930px){
	.page-newsdetails-content{width:100%;}
  	.page-newsdetails-content p{font-size: 14px;line-height: 26px;}
}
@media(max-width:767px){
	.page-pl-all>h1{font-size: 24px;margin-bottom: 20px;padding-bottom: 20px;font-weight: bold;}
	.page-pl-box>h2{font-size: 20px;margin-bottom: 20px;}
	.page-pl-box{margin-bottom: 20px;}
	.page-in-box{margin-bottom: 15px;}
	.page-pl-all{margin-bottom:60px;margin-top: 110px;}
}
@media(max-width:530px){
	.page-pl-all{margin-bottom:50px;}
	.page-pl-all>h1{font-size: 22px;margin-bottom: 12px;padding-bottom: 12px;}
	.page-pl-box>h2{font-size: 18px;margin-bottom: 15px;}
	.page-in-box{width: 49%;margin-bottom: 10px;}
	.page-pro-all>a:nth-child(3n){margin-right: 2%;}
	.page-pro-all>a:nth-child(2n){margin-right: 0; }
}
@media(max-width:420px){
	.page-pl-all{margin-bottom:40px;}
	.page-in-box h3{font-size: 15px;left: 15px;top: 15px;}
	.page-pro-box1 h4{font-size: 15px;left: 15px;top: 15px;}
	.page-pro-box1 h5{font-size: 15px;left: 15px;top: 15px;}
}



/*******************************产品详情*******************************/
.page-pro-content{padding: 10px 0;}
.page-pro-content p{font-size: 15px;color: #666;line-height: 26px;margin-bottom: 10px;text-indent: 30px;letter-spacing: 1px;}





/*******************************单页*******************************/
.page-single-box h1{font-size: 30px;text-align: center;margin-bottom: 20px;color: #333;}
.page-single-box>span{font-size: 16px;color: #666;line-height: 30px;text-indent: 30px;text-align: justify;display: block;}

/*******************************联系我们*******************************/
.page-contact{margin-bottom: 30px;overflow: hidden;}
.page-contact li{font-size: 16px;line-height: 36px;color: #666;}

@media(max-width:530px){
	.page-contact{margin-bottom: 20px;}
	.page-contact-all{margin: 30px 0;}
	.page-contact li{font-size: 14px;line-height: 30px;}
}

.pc-map{overflow-x: scroll;}
#map{width:100%;height: 400px;}
.map img{width:100%;}
@media(max-width:530px){
	#map{width:600px;height: 300px;}
}


/*******************************page-in-button*******************************/
.page-in-button{text-align: center;font-size: 0;margin-top: 30px;}
.page-in-button a{font-size:13px;padding: 0 10px; margin: 0 4px;margin-bottom: 5px;line-height: 30px;display: inline-block;color: #fff;background-color: #999;border:1px solid #999;}
.page-in-button .page-in-button-on{color: #666;background-color: transparent;}
.page-in-button a:hover{opacity: 0.8;}

/*******************************page-in-button2*******************************/
.page-in-button2{font-size: 14px;margin-bottom: 30px;}
.page-in-button2 span{display: block;font-size: 14px;line-height: 30px;height: 30px;overflow: hidden; color: #666;font-weight: bold;}
.page-in-button2 span a{font-weight: normal; color: #666;}
.page-in-button2 .page-return{display: block;font-size: 14px;line-height: 30px;height: 30px;background: url(../ul/images/return-arrow.png)left center no-repeat;color:#666;padding-left: 20px;}
.page-in-button2 span a:hover{text-decoration: underline;}
.page-in-button2 .page-return:hover{text-decoration: underline;}


/*********************************靠右联系漂浮栏**************************************/
.right-side{width:66px;position:fixed;right:0;top:calc(50% - 136px);z-index:1000;cursor:pointer;padding-left: 0;text-decoration: none;list-style: none;}
.right-side>li{width:66px;height:66px;padding:5px 0;margin:1px 0;transition:0.3s;border-radius: 4px;}
/**靠右联系漂浮栏-text****/
.float-side{background:rgba(255,0,0,0.9);transition: 0.5s;}
.float-side .side-icon{width:100%;height:100%;color: transparent;font-size: 20px;font-weight: bold;line-height: 56px;text-align: center;transition: 0.5s;}
.float-side .side-tit{display:block;width:100%;height:25px;line-height:25px;font-size:14px;color:#fff;text-align:center;}
/**靠右联系漂浮栏-coin****/
.side-icon01{background:url(../ul/images/top.png) no-repeat center;background-size: 40px 40px;transition: 0.5s;}
.side-icon02{background:url(../ul/images/return.png) no-repeat center;background-size: 36px 36px;transition: 0.5s;}

/**靠右联系漂浮栏-top****/
.return-top{width:66px;height:66px;background:rgba(150,150,150,0.9);display:none;}

.cd-is-visible{display:block;}
.cd-fade-out{display:none;}
.return-top:hover{background:rgba(150,150,150,0.6);}
.side-back:hover{background:rgba(255,0,0,0.8);}
.return-top:hover .side-icon01{background:none;color: #fff;}
.side-back:hover .side-icon02{background:none;color: #fff;}

@media(max-width:767px){
	.right-side{display:none;}
}


/********************************关于我们**************************************/
.page-in-about{background-color: #f1f1f1;padding-top: 30px;}
/**********box1*************/
.page-about1{text-align: center;}
.page-about1 .page-in-section{border-bottom: 1px solid #e4e4e4;}
.page-about-tit1{font-size: 50px;font-weight: bold !important;letter-spacing: 1px;line-height: 30px;position: relative;text-transform: uppercase;padding-bottom:30px;text-align: center;color: #333;margin-bottom: 30px;}
.page-about-tit1 span{font-size: 80px;line-height: 40px;color: rgba(0, 46, 91, 0.1);display: block;position: absolute;left: 50%;bottom:-20%;transform: translate(-50%, -50%);font-weight: bold;}
.page-about1 h3{font-size: 16px;line-height: 30px;text-align: center;max-width: 900px;margin: 0 auto;color: #666;}

/**********box2*************/
.page-about2,.cpfl_ny {display: block;overflow: hidden;position: relative;}
.page-about2 img{width: 100%;transition: 1s;}
.page-about2 span{line-height: 40px;font-size: 15px;text-align: center;color: #fff;padding: 0 15px; display: block;position: absolute;left: 15px;top: 15px;background-color: rgba(0,0,0,0.6);letter-spacing: 1px;}
.cpfl_ny a{line-height: 40px;font-size: 14px;text-align: center;color: #333;padding: 10px;background-color: rgba(245,245,245);}
.cpfl_ny a.active {font-size: 18px;text-align: center;color: #cc0000;padding: 10px;background-color: rgba(245,245,245);}
.cpfl_ny a.active2 {font-size: 16px;text-align: center;color: #dd0000;padding: 10px;background-color: rgba(245,245,245);}

/**********box3*************/
.page-about-box3{background-color: rgba(53,53,53,0.12);}

.page-about3-in>h1{text-align: left;}
.page-about3-in>h2{text-align: right;}

.page-about3-in{position: relative;overflow: hidden;}
.vision{position:absolute;left: 20px;top: 60px;}

.page-about3-in span{font-size: 26px; color: #333;display: block;letter-spacing: 1px;}
.vision h3,.vision h4,.vision span{text-align: left;}
.develop{position:absolute;right: 20px;bottom: 60px;}
.develop h3,.develop h4,.develop span{text-align: right;}
/**********box4*************/
.page-about4{background-color: rgba(53,53,53,0.02);padding: 40px 0 80px;}
.page-about-box4{}

.page-about4-in>h1{text-align: left;}

.page-about4-in{position: relative;overflow: hidden;}
.vision{position:absolute;left: 20px;top: 60px;}

.vision h3,.vision h4,.vision span{text-align: left;}
.page-about-enimgall{overflow: hidden;position: relative;}

/**********box4left*************/
.page-ae-box{overflow: hidden;padding: 5px;}
.page-ae-box img{width: 100%;transition: 0.5s;}

/**********box4center*************/
.page-abouten-boxcenter{width: 40%;}

/**********box4right*************/
.page-abouten-boxright{position: absolute;right: 0;top: 0;width: 60%;height: 100%;overflow: hidden;}
.page-ae-top{width: 100%;position: relative;}
.page-ae-box5{width: 40%;}
.page-ae-box6{position: absolute;right: 0;bottom: 0;width: 60%;}
.page-ae-box7{width: 100%;}
.page-ae-box:hover img{transform: scale(0.95);}

/**********box3-box4*************/
.page-about3-in>h1,.page-about3-in>h2,.page-about4-in>h1,.page-about4-in>h2{font-size:300px;font-weight: bold;font-family: \"宋体\";}
.page-about3-in h3,.page-about4-in h3{font-size: 90px;font-weight: bold;font-family: \"宋体\";}
.page-about3-in h4,.page-about4-in h4{font-size: 40px;margin: 30px 0;}

.page-about3-in>h1,.page-about3-in>h2{color:rgba(53,53,53,0.1);line-height: 400px;letter-spacing: -10px;}
.page-about4-in>h1,.page-about4-in>h2{color:rgba(0,0,0,0.08);line-height: 360px;;}
.page-about3-in h3{color: #333;;border-bottom: 1px solid #666;}
.page-about3-in h4{color: #666;}
.page-about4-in h3{color:#444;border-bottom: 1px solid #999;}
.page-about4-in h4{color: #777;}

/**********box5*************/
.page-about-box5 .page-about-tit1{margin-top: 30px;margin-bottom: 50px;}
.page-about5-video video{width: 100%;}
.page-about5-video{padding: 0 100px;}
.page-about5-video iframe{width: 100%;height: 600px;}


@media(max-width:1259px){
	/**********box1*************/
	.page-about-tit1{font-size: 40px;}
	.page-about-tit1 span{font-size: 70px;}
    /**********box3*************/
    .page-about3-in span{font-size: 24px;}
	/**********box4*************/
	.page-about4{padding: 40px 0 70px;}
	.page-about4-in>h1,.page-about4-in>h2,.page-about3-in>h1,.page-about3-in>h2{font-size: 240px; line-height: 280px;}
	/**********box5*************/
	.page-about5-video iframe{width: 100%;height: 400px;}
}

@media(max-width:991px){
	/**********box1*************/
	.page-about-tit1{padding-bottom: 20px;}
	.page-about-tit1 span{font-size: 60px;}
	/**********box2*************/
	.page-about2 span{font-size: 14px;}
	/**********box3*************/
	.vision{top: 30px;}
	.develop{bottom: 30px;}
    .page-about3-in span{font-size: 20px;}
	/**********box4*************/
	.page-about4{padding: 30px 0 60px;}
	.vision{top: 30px;}
    /**********box3-box4*************/
    .page-about3-in>h1,.page-about3-in>h2,.page-about4-in>h1,.page-about4-in>h2{font-size:220px;line-height: 260px;}
    .page-about3-in h3,.page-about4-in h3{font-size: 80px;}
    .page-about3-in h4,.page-about4-in h4{font-size: 30px;}
	/**********box5*************/
	.page-about-box5 .page-about-tit1{margin-top: 30px;margin-bottom: 40px;}
	.page-about5-video{padding: 0;}
	.page-about5-video iframe{height: 400px;}
}

@media(max-width:767px){
	/**********box1*************/
	.page-about-tit1{font-size: 40px; margin-bottom: 10px;}
	.page-about-tit1 span{font-size: 50px;bottom: -40%;}
	/**********box3*************/
	.vision{top: 30px;}
	.develop{bottom: 30px;}
    .page-about3-in span{font-size: 16px;}
	/**********box4*************/
	.page-about4{padding: 30px 0 40px;}
	.page-about-box4{margin-bottom: 20px;}
	.vision{top: 30px;}
    /**********box3-box4*************/
    .page-about3-in>h1,.page-about3-in>h2,.page-about4-in>h1,.page-about4-in>h2{font-size:180px;line-height: 250px;letter-spacing: -3px;}
    .page-about3-in h3,.page-about4-in h3{font-size: 60px;}
    .page-about3-in h4,.page-about4-in h4{font-size: 25px;margin: 25px 0;}
	/**********box5*************/
	.page-about-box5 .page-about-tit1{margin-top: 10px;margin-bottom: 30px;}
}
@media(max-width:600px){
	.page-in-about{padding-top: 10px;}
	/**********box1*************/
	.page-about-tit1{font-size: 30px; margin-bottom: 10px;}
	.page-about-tit1 span{font-size: 40px;bottom: -40%;}
	.page-about1 h3{font-size: 14px;line-height: 26px;}
	/**********box4*************/
	/**********box4left*************/
	.page-ae-box{padding: 3px;}
	.page-about-box4{margin-bottom: 0px;}
	.page-abouten-boxleft{width: 43%;height: 100%;}
	.page-ae-box1{margin-top: 10%;margin-left: 10%;}
	/**********box4center*************/
	.page-abouten-boxcenter{width: 100%;}
	
	/**********box4right*************/
	.page-abouten-boxright{position: static;width: 100%;}
	.page-ae-top{margin-top: 0%;}
	.page-ae-box5{width: 40%;}
	.page-ae-box6{position: absolute;right: 0;bottom: 0;width: 60%;}
	.page-ae-box7{float: left;width: 100%;}
	.page-ae-box:hover img{transform: scale(0.95);}
  
	/**********box5*************/
	.page-about-box5 .page-about-tit1{;margin-bottom: 20px;}
	.page-about5-video iframe{height: 300px;}
	
}

@media(max-width:500px){
	/**********box1*************/
	.page-about-tit1{font-size: 30px; margin-bottom: 10px;}
	.page-about-tit1 span{font-size: 30px;bottom: -40%;width: 170px;}
	/**********box2*************/
	.page-about2 span{left: 10px;top: 10px;}
	/**********box3*************/
	.vision{top: 30px;}
	.develop{bottom: 30px;}
	.page-about3-in span{font-size: 14px;}
	/**********box4*************/
	.vision{top: 30px;}
  /**********box3-box4*************/
    .page-about3-in>h1,.page-about3-in>h2,.page-about4-in>h1,.page-about4-in>h2{font-size:160px;line-height: 200px;}
    .page-about3-in h3,.page-about4-in h3{font-size: 40px;}
    .page-about3-in h4,.page-about4-in h4{font-size: 22px;margin: 20px 0;}
	/**********box5*************/
	.page-about-box5 .page-about-tit1{margin-top: 0; margin-bottom: 10px;}
	.page-about5-video iframe{height: 260px;}
}

@media(max-width:400px){
	.page-about5-video iframe{height: 220px;}
}

/*************************Eagle DR650****************************/
/************box1************/
.pd-pro-box1{overflow: hidden;position: relative;background-color: #f1f1f1;}
.pd-pro-box1all{overflow: hidden;padding: 80px 0;position: relative;}
.pd-box1-left{float: left;width: 60%;}
.pd-box1-left img{width: 100%;}
.pd-box1-right{position: absolute;right: 0;top: 0;width: 40%;height: 100%;}
.pd-box1-table{display: table;width: 100%;height: 100%;padding-left:50px;}
.pd-box1-text{display: table-cell;vertical-align: middle;}
.pd-box1-text>h1{font-size: 36px;font-weight: bold;margin-bottom: 25px;}
.pd-box1-text>h2{font-size: 32px;font-weight:normal;margin-bottom: 15px;letter-spacing: 1px;line-height: 40px;}
.pd-box1-text>div>span{font-size: 30px;line-height: 46px;font-weight:normal;letter-spacing: 1px;}
.pd-box1-text>span{font-size: 14px;line-height: 26px;color: #666;display: block;}
.pd-box1-text>em{font-size: 16px;color:#333;display:block;margin-bottom:10px;font-style:normal;}

@media(max-width:1259px){
	.pd-pro-box1all{padding: 60px 0;}
	.pd-box1-text>h1{font-size: 30px;}
	.pd-box1-text>h2{font-size: 28px;line-height:36px;}
	.pd-box1-text>div>span{font-size: 26px;line-height: 42px;}
	.pd-box1-text>span{width: 100%;}
}
@media(max-width:991px){
	.pd-pro-box1all{padding: 50px 0;}
	.pd-box1-text>h1{font-size: 28px;margin-bottom: 15px;}
	.pd-box1-text>h2{font-size: 24px;line-height:34px;}
	.pd-box1-text>div>span{font-size: 22px;line-height: 30px;}
}
@media(max-width:767px){
	.pd-pro-box1{background-color: #fff;}
	.pd-pro-box1all{padding: 30px 0;margin:0 15px;}
	.pd-box1-left{float: none;width: 100%;background-color: #f1f1f1;}
	.pd-box1-left img{margin: 0;}
	.pd-box1-right{position: static;width: 100%;text-align: left;background: none;margin-bottom: 15px;}
	.pd-box1-table{padding:0;}
	.pd-box1-text>h1{font-size: 26px;margin-bottom: 15px;}
	.pd-box1-text>h2{font-size: 20px;margin-bottom: 10px;line-height:30px;}
	.pd-box1-text>div{display: inline-block;margin-right: 5px;}
	.pd-box1-text>div>span{font-size: 18px;line-height: 30px;}
}

@media(max-width:420px){
	.pd-pro-box1all{margin:0;}
	.pd-box1-text>h1{font-size: 24px;margin-bottom: 15px;line-height: 36px;}
	.pd-box1-text>h2{font-size: 18px;margin-bottom: 5px;}
	.pd-box1-text>div>span{font-size: 16px;line-height: 30px;}
}

/************box2************/
.pd-pro-box2{background-color: #e4e4e4;}
.pd-pro-box2all{overflow: hidden;position: relative;padding: 80px 0;}
.pd-box2-left{float: left;width: 50%;position: absolute;left: 0;top: 0;height: 100%;}
.pd-box2-table{display: table;width: 100%;height: 100%;padding:0 50px;}
.pd-box2-text{display: table-cell;vertical-align: middle;}
.pd-box2-text>h1{font-size: 36px;margin-bottom: 25px;display: inline-block;}
.pd-box2-text>h3{font-size: 30px;font-weight: normal;margin-bottom: 15px;color: #333;}
.pd-box2-text>span{font-size: 14px;line-height: 26px;font-weight: normal;display: block;color: #666;}
.pd-box2-text>h2{font-size: 30px;font-weight: normal;margin-bottom: 15px;margin-top: 30px; color: #333;padding-top: 20px;border-top: 1px solid #999;display: inline-block;}
/************box2-right************/
.pd-box2-right{float: right;width: 50%;}
.pd-box2-img{overflow: hidden;}
.pd-box2-img1{margin-bottom: 60px;}
.pd-box2-img1 img{float: left;width: 31%;margin: 0 1% 15px;}
.pd-box2-img2 img{float: left;width: 48%;margin: 0 1%;}
.pd-box2-img3{margin: 60px 0;}
.pd-box2-img3 img{width: 49%;margin:0;margin-right: 2%;float: left;}
.pd-box2-img3 img:nth-child(2n){margin-right: 0;}

@media(max-width:1259px){
	.pd-pro-box2all{padding: 60px 0;}
	.pd-box2-text>h1{font-size: 32px;}
	.pd-box2-text>h3{font-size: 26px;}
	.pd-box2-text>h2{font-size: 26px;margin-top: 20px;}
}
@media(max-width:991px){
	.pd-pro-box2all{padding: 50px 0;}
	.pd-box2-table{padding:0 15px 0 0;}
	.pd-box2-text>h1{font-size: 30px;margin-bottom: 20px;}
	.pd-box2-text>h3{font-size: 24px;margin-bottom: 10px;}
	.pd-box2-text>h2{font-size: 24px;margin-bottom: 10px;margin-top: 15px;}
}
@media(max-width:767px){
	.pd-pro-box2all{padding: 30px 0;border-top: 1px solid #e4e4e4;margin: 0 15px;}
	.pd-pro-box2{background-color: #fff;}
	.pd-box2-left{float: none;width: 100%;position: static;}
	.pd-box2-table{padding:0;}
	.pd-box2-table{margin-bottom: 15px;}
	.pd-box2-text>h1{font-size: 26px;margin-bottom: 15px;line-height: 36px;}
	.pd-box2-text>h3{font-size: 22px;margin-bottom: 10px;}
	.pd-box2-text>h2{font-size: 22px;}
	/************box2-right************/
	.pd-box2-right{float: none;width: 100%;background-color: #e4e4e4;padding: 15px;}
	.pd-box2-img1{margin-bottom: 10px;}
	.pd-box2-img3{overflow: hidden;margin:0;}
	
}

@media(max-width:420px){
	.pd-pro-box2all{margin: 0;}
	.pd-box2-text>h1{font-size: 26px;margin-bottom: 10px;line-height: 36px;}
	.pd-box2-text>h3{font-size: 20px;margin-bottom: 5px;}
	.pd-box2-text>h2{font-size: 20px;margin-top: 10px;}
	.pd-box2-img1{margin-bottom: 0px;}
}

/************box3************/
.pd-pro-box3all{padding: 80px 0;}
.pd-pro-box3all>h1{font-size: 36px;line-height: 36px;margin-bottom: 40px;text-align: left;letter-spacing: 1px;}
.pd-pro-box3all>h5{font-size: 16px;line-height: 36px;margin-bottom: 30px;}
.pd-box3-imgall{overflow: hidden;}
.pd-box3-imgall>div:nth-child(4n){margin-right: 0%;}
.pd-box3-img{float: left;width: 22.5%;margin-right: 3%;}
.pd-box3-img img{width: 100%;margin-bottom:10px;}
.pd-box3-img>h2{font-size: 18px;line-height: 30px;height: 30px;margin-bottom: 6px;overflow: hidden;text-align: center;color: #333;}
.pd-box3-img>span{font-size: 14px;text-align: center;color: #666;line-height: 26px;height: 104px;overflow: hidden;display: block;}

@media(max-width:1259px){
	.pd-pro-box3all{padding: 60px 0;}
	.pd-pro-box3all>h1{font-size: 32px;}
}
@media(max-width:991px){
	.pd-pro-box3all{padding: 50px 0;}
	.pd-pro-box3all>h1{font-size: 30px;margin-bottom: 30px;}
  .pd-pro-box3all>h5{font-size: 14px;line-height: 30px;margin-bottom: 20px;}
	.pd-box3-img>h2{font-size: 16px;margin-bottom: 4px;}
}
@media(max-width:767px){
	.pd-pro-box3all{padding: 30px 0 15px;margin: 0 15px;border-top: 1px solid #e4e4e4;}
	.pd-pro-box3all>h1{font-size: 28px;line-height: 28px;margin-bottom: 20px;}
	.pd-box3-imgall>div:nth-child(4n){margin-right: 2%;}
	.pd-box3-imgall>div:nth-child(2n){margin-right: 0%;}
	.pd-box3-img{width: 49%;margin-right: 2%;margin-bottom: 15px;}
}

@media(max-width:420px){
	.pd-pro-box3all{padding: 30px 0 15px;margin: 0;}
	.pd-pro-box3all>h1{font-size: 26px;line-height: 36px;margin-bottom: 15px;}
	.pd-box3-img>h2{font-size: 15px;margin-bottom: 2px;}
	.pd-box3-img>span{display:none;}
}

/************box4************/
.pd-pro-box4{overflow: hidden;position: relative;background-color: #f1f1f1;}
.pd-pro-box4all{overflow: hidden;padding: 80px 0;position: relative;}
.pd-box4-left{float: left;width: 50%;}
.pd-box4-left img{width: 100%;}
.pd-box4-right{position: absolute;right: 0;top: 0;width: 50%;height: 100%;}
.pd-box4-table{display: table;width: 100%;height: 100%;padding:0 50px;}
.pd-box4-text{display: table-cell;vertical-align: middle;}
.pd-box4-text>h1{font-size: 36px;margin-bottom: 25px;display: inline-block;}
.pd-box4-text>span{font-size: 16px;line-height: 30px;width: 500px; font-weight:normal;display: block;letter-spacing: 1px;text-align: justify;}

.pd-box-margin{margin: 60px 0;}

@media(max-width:1259px){
	.pd-pro-box4all{padding: 60px 0;}
	.pd-box4-text>h1{font-size: 32px;}
}
@media(max-width:991px){
	.pd-pro-box4all{padding: 50px 0;}
	.pd-box-margin{margin: 40px 0;}
	.pd-box4-text>h1{font-size: 30px;margin-bottom: 20px;}
	.pd-box4-text>span{width: 100%;font-size: 14px;line-height: 26px;}
}
@media(max-width:767px){
	.pd-pro-box4all{padding: 30px 0;margin:0 15px;border-top: 1px solid #e4e4e4;}
	.pd-pro-box4{background-color: #fff;}
	.pd-box4-left{margin:0;}
	.pd-box-margin{margin: 0;}
	.pd-box4-left{float: none;width:100%;padding:0;}
	.pd-box4-right{position: static;width: 100%;margin-top: 15px;}
	.pd-box4-table{background-color: #fff;padding: 0;}
	.pd-box4-text>h1{font-size: 28px;margin-bottom: 15px;}
}

@media(max-width:420px){
	.pd-pro-box4all{margin:0;}
	.pd-box4-text>h1{font-size: 26px;margin-bottom: 10px;line-height: 36px;}
}

/************box5************/
.pd-pro-box5{background-color: #e8e8e8;}
.pd-pro-box5all{overflow: hidden;position: relative;padding: 80px 0;}
.pd-box5-left{float: left;width: 48%;margin-right: 2%;position: absolute;left: 0;top: 0;height: 100%;}
.pd-table{display: table;width: 100%;height: 100%;}
.pd-tablecell{display: table-cell;vertical-align: middle;width: 100%;height: 100%;}
.pd-box5-left h1{font-size: 36px;margin-bottom: 25px;display: inline-block;    line-height: 46px;}
.pd-box5-text h3{font-size: 24px;font-weight: normal;margin-bottom: 15px;margin-top:20px;color: #333;padding-top: 20px;border-top: 1px solid #999;display: inline-block;}
.pd-box5-text span{font-size: 14px;line-height: 26px;width: 500px;font-weight: normal;display: block;color: #666;}
.pd-box5-text h3:nth-child(1){border:none;padding-top: 0;margin-top:0;}
/************box2-right************/
.pd-box5-right{float: right;width: 50%;}
.pd-box5-right img{width: 100%;}

@media(max-width:1259px){
	.pd-pro-box5all{padding: 60px 0;}
	.pd-box5-left h1{font-size: 32px;}
	.pd-box5-text span{width: 100%;}
	.pd-box5-right{margin-top: 50px;}
}
@media(max-width:991px){
	.pd-pro-box5all{padding: 50px 0;}
	.pd-pro-box5{background-color: #fff;padding:0;}
	.pd-pro-box5all{padding: 50px 0;border-top: 1px solid #e4e4e4;}
	.pd-box5-left{position: static;}
	.pd-box5-left h1{font-size: 30px;margin-bottom: 20px;line-height: 40px;}
	.pd-box5-left{float: none;width: 100%;margin-right: 0%;}
	.pd-box5-text h3{font-size: 22px;margin-bottom: 10px;}
	/************box2-right************/
	.pd-box5-right{float: none;width: 100%;margin-top: 20px;}
}
@media(max-width:767px){
	.pd-pro-box5all{padding: 30px 0;margin: 0 15px;}
	.pd-box5-left h1{font-size: 28px;line-height: 36px;}
	.pd-box5-text h3{font-size: 20px;margin-top:15px;padding-top: 15px;}
}

@media(max-width:420px){
	.pd-pro-box5all{margin: 0;}
	.pd-box5-left h1{font-size: 26px;margin-bottom:15px;line-height: 36px;}
}

/************box6************/
.pd-pro-box6all{padding: 80px 0;}
.pd-pro-box6all>h1{font-size: 36px;line-height: 36px;margin-bottom: 40px;text-align: left;letter-spacing: 1px;}
.pd-box6-imgall{overflow: hidden;}
.pd-box6-imgall>div:nth-child(4n){margin-right: 0%;}
.pd-box6-img{float: left;width: 22.5%;margin-right: 3%;margin-bottom: 15px;}
.pd-box6-img img{width: 100%;margin-bottom: 10px;}
.pd-box6-img>h2{font-size: 16px;line-height: 40px;height: 40px;overflow: hidden;text-align: center;color: #333;}

@media(max-width:1259px){
	.pd-pro-box6all{padding: 60px 0;}
	.pd-pro-box6all>h1{font-size: 32px;}
}
@media(max-width:991px){
	.pd-pro-box6all{padding: 50px 0;border-top: 1px solid #e4e4e4;}
	.pd-pro-box6all>h1{font-size: 32px;line-height: 32px;margin-bottom: 30px;}
	.pd-box6-imgall>div:nth-child(4n){margin-right: 2%;}
	.pd-box6-imgall>div:nth-child(3n){margin-right: 0%;}
	.pd-box6-img{width: 32%;margin-right: 2%;margin-bottom: 10px;}
}
@media(max-width:767px){
	.pd-pro-box6all{padding: 30px 0;margin:0 15px;}
	.pd-pro-box6all>h1{font-size: 28px;line-height: 28px;margin-bottom: 20px;}
}
@media(max-width:600px){
	.pd-box6-imgall>div:nth-child(3n){margin-right: 2%;}
	.pd-box6-imgall>div:nth-child(2n){margin-right: 0%;}
	.pd-box6-img{width: 49%;}
	.pd-box6-img>h2{font-size: 15px;line-height: 36px;height: 36px;}
}
@media(max-width:420px){
	.pd-pro-box6all{margin:0;}
	.pd-pro-box6all>h1{font-size: 26px;line-height: 36px;}
}

/************box7************/
.pd-pro-box7all{padding: 80px 0;}
.pd-pro-box7all>h1{font-size: 36px;line-height: 36px;margin-bottom: 40px;text-align: left;letter-spacing: 1px;}
.pd-box7-imgall{overflow: hidden;}
.pd-box7-img{}
.pd-box7-img img{width: 100%;margin-bottom: 10px;}
.pd-box7-img>h2{font-size: 16px;line-height: 40px;height: 40px;overflow: hidden;text-align: center;color: #333;}

@media(max-width:1259px){
	.pd-pro-box7all{padding: 6px 0;}
	.pd-pro-box7all>h1{font-size: 32px;}
}
@media(max-width:991px){
	.pd-pro-box7all{padding: 50px 0;border-top: 1px solid #e4e4e4;}
	.pd-pro-box7all>h1{font-size: 32px;line-height: 32px;margin-bottom: 30px;}
}
@media(max-width:767px){
	.pd-pro-box7all{padding: 30px 0;margin:0 15px;}
	.pd-pro-box7all>h1{font-size: 28px;line-height: 28px;margin-bottom: 20px;}
}
@media(max-width:600px){
	.pd-box7-img>h2{font-size: 15px;line-height: 36px;height: 36px;}
}
@media(max-width:420px){
	.pd-pro-box7all{margin:0;}
	.pd-pro-box7all>h1{font-size: 26px;line-height: 36px;}
}

/************box8************/
.pd-pro-box8all{padding: 80px 0;}
.pd-pro-box8all>h1{font-size: 36px;line-height: 36px;margin-bottom: 40px;text-align: left;letter-spacing: 1px;}
.pd-box8-imgall{overflow: hidden;}
.pd-box8-imgall>div:nth-child(3n){margin-right: 0%;}
.pd-box8-img{float: left;width: 32%;margin-right: 2%;}
.pd-box8-img img{width: 100%;margin-bottom:10px;}
.pd-box8-img>h2{font-size: 18px;line-height: 30px;height: 30px;margin-bottom: 6px;overflow: hidden;text-align: center;color: #333;}
.pd-box8-img>span{font-size: 14px;text-align: center;color: #666;line-height: 26px;height: 52px;overflow: hidden;display: block;}

@media(max-width:1259px){
	.pd-pro-box8all{padding: 60px 0;}
	.pd-pro-box8all>h1{font-size: 32px;}
}
@media(max-width:991px){
	.pd-pro-box8all{padding: 50px 0;}
	.pd-pro-box8all>h1{font-size: 30px;margin-bottom: 30px;padding-bottom: 20px;}
	.pd-box8-img>h2{font-size: 16px;margin-bottom: 4px;}
}
@media(max-width:767px){
	.pd-pro-box8all{padding: 30px 0 15px;margin: 0 15px;border-top: 1px solid #e4e4e4;}
	.pd-pro-box8all>h1{font-size: 28px;line-height: 28px;margin-bottom: 20px;}
	.pd-box8-imgall>div:nth-child(3n){margin-right: 2%;}
	.pd-box8-imgall>div:nth-child(2n){margin-right: 0%;}
	.pd-box8-img{width: 49%;margin-bottom: 15px;}
}

@media(max-width:420px){
	.pd-pro-box8all{padding: 30px 0 15px;margin: 0;}
	.pd-pro-box8all>h1{font-size: 26px;margin-bottom: 15px;line-height: 36px;}
	.pd-box8-img>h2{font-size: 15px;margin-bottom: 2px;}
	.pd-box8-img>span{font-size: 13px;line-height: 20px;height: 40px;}
}


/************box9************/
.pd-pro-box9all{padding: 80px 0;}
.pd-pro-box9all>h1{font-size: 36px;line-height: 36px;margin-bottom: 30px;text-align: left;letter-spacing: 1px;}
.pd-pro-box9all>h5{font-size: 14px;line-height: 20px;color: #666;margin-bottom: 30px;}
.pd-box9-imgall{overflow: hidden;}
.pd-box9-imgall>div:nth-child(5n){margin-right: 0%;}
.pd-box9-img{float: left;width:18.4%;margin-right: 2%;}
.pd-box9-img img{width: 100%;}
.pd-box9-img>h2{font-size: 18px;line-height: 30px;height: 30px;margin-bottom: 6px;overflow: hidden;text-align: center;color: #333;}
.pd-box9-img>span{font-size: 14px;text-align: center;color: #666;line-height: 26px;height: 52px;overflow: hidden;display: block;}

@media(max-width:1259px){
	.pd-pro-box9all{padding: 60px 0;}
	.pd-pro-box9all>h1{font-size: 32px;margin-bottom: 20px;}
}
@media(max-width:991px){
	.pd-pro-box9all{padding: 50px 0;}
	.pd-pro-box9all>h1{font-size: 30px;margin-bottom: 20px;}
	.pd-pro-box9all>h5{font-size: 14px;margin-bottom: 20px;}
	.pd-box9-img>h2{font-size: 16px;margin-bottom: 4px;}
	.pd-box9-imgall>div:nth-child(5n){margin-right: 2%;}
	.pd-box9-imgall>div:nth-child(3n){margin-right: 0%;}
	.pd-box9-img{width:32%;}
}
@media(max-width:767px){
	.pd-pro-box9all{padding: 30px 0 15px;margin: 0 15px;border-top: 1px solid #e4e4e4;}
	.pd-pro-bo9all>h1{font-size: 28px;line-height: 28px;margin-bottom: 20px;}
	.pd-box9-imgall>div:nth-child(3n){margin-right: 2%;}
	.pd-box9-imgall>div:nth-child(2n){margin-right: 0%;}
	.pd-box9-img{width: 49%;margin-bottom: 15px;}
}

@media(max-width:420px){
	.pd-pro-box9all{padding: 30px 0 15px;margin: 0;}
	.pd-pro-box9all>h1{font-size: 26px;line-height: 26px;margin-bottom: 15px;}
	.pd-box9-img>h2{font-size: 15px;margin-bottom: 2px;}
	.pd-box9-img>span{font-size: 13px;line-height: 20px;height: 40px;}
}




/* CSS Document Created on 2021-01-13 12:31:08 by 1 */