@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{font-size: 1em;}
.clearfix{clear: both;}

p{font-size: 14px;}

p img{/* max-width:500px; */margin:0 auto;}
@media(max-width:500px){
	p img{width:100%;}
}
.jianbian{background: -webkit-linear-gradient(left,#fff 50%,#135799 50%);
    background: -o-linear-gradient(right,#fff 50%,#135799 50%);
    background: -moz-linear-gradient(right,#fff 50%,#135799 50%);
	background: linear-gradient(to right,#fff 50%,#135799 50%);
}
.page-company-intro p{letter-spacing: 2px;font-size: 14px;line-height:26px;margin-bottom: 20px;}
/*************************************************头部********************************************/
/**********************************logo*********************/
/****************************head*******************************/
.index-head{background-color: #fff;position: absolute;left: 0;top: 0;width: 100%;z-index: 66;}
.id-head-left{float: left;line-height: 40px;font-size: 16px;color: #333;font-weight: bold; background: url(../images/tel.png)left center no-repeat;background-size:20px auto;padding-left:30px;}

.id-head-right{float: right;color: #fff;line-height: 40px;height: 40px;}
.id-head-right a{display: inline-block;width: 40px;height: 14px;color: #333;}

.gizle {top: -40px;}
.sabit {top:0;z-index: 999;}

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

/*************************************************头部导航********************************************/

.index-logo{position: fixed;left: 0;width: 100%;z-index: 666;top: 40px;opacity: 0.9;}
.scroll-on{top:40px;z-index: 999;}
.scroll-nav{top: 0;}


/*************************************************头部导航********************************************/
.logo{float: left;width: 220px;}
.logo img{width: 100%;}

.id-nav{float: right;width: calc(100% - 280px);background: #135799;}
.id-nav>li{float: left;width: 16%;line-height: 96px;text-align: center;position: relative;}
.id-nav>li>a{font-size: 16px; text-align: center;color: #fff;display: inline-block;}
.nav-down-menu{position: absolute;left: 0;top: 96px;z-index: 99;background-color:#135799;width:100%;box-shadow: -3px 5px 3px rgba(0,0,0,0.2);display: none;padding: 10px 0;border-top: 2px solid #fff;}
.nav-down-menu>li{line-height: 40px;}
.nav-down-menu>li>a{color: #fff;text-align: center;}

.id-nav>li:hover .nav-down-menu{display: block;}
.id-nav>li a:hover{text-decoration: underline;}
.id-nav>li:hover,.id-nav>li.on-top{background-color: #0081ff;}

@media(max-width:1459px){
	.logo{width: 170px;padding: 10px 0;}
	.id-nav{width: calc(100% - 200px);}
}

@media(max-width:1259px){
	.logo{width: 160px;padding: 10px 0;}
	.id-nav{width: calc(100% - 190px);}
	.id-nav>li{line-height: 90px;}
	.nav-down-menu{top: 90px;}
}
@media(max-width:991px){
	.id-nav{display: none;}
	.logo{width: 140px;padding:0;}
	.index-head{display: none;}
	.index-logo{top: 0;padding: 5px 0;}
}
@media(max-width:500px){
	.logo{width: 110px;}
}



/**************************************************手机导航********************************************/

.nav-btn{float: right; display: none;padding: 15px 0;}
.nav-btn img{width:100%;}
.navli .nav-cn-en{overflow: hidden;background-color: #333;}
.navli .nav-cn-en a{display: block;color: #fff;float: left;width: 50%;border-right: 1px solid #131314;border-bottom:1px solid #131314;}
.navli>div:first-child{font-size: 18px;padding: 10px 0px;color: #999;font-weight: bold;text-align: center;}
.navli{position: fixed;right:-240px;top:0;text-align: left; z-index: 999;background-color: #333;width:240px;height: 100%;transition: all 0.5s;overflow-y: scroll;}
.navli a {font-size: 14px; color: white;line-height: 50px;display: block;padding-left:30px;padding-right: 10px;}
.navli li{background-color: #333;border-bottom: 1px solid #000;position: relative;}
.id-nav-tu{position: absolute;right: 0px;top: 0px;width: 50px;height: 50px;background: url(../images/jiantou-nav.png)center no-repeat #333;background-size:auto 10px;transition: 1s;border-left: 2px solid #131314;opacity: 0.6}
.navli .navli-txt{overflow: hidden;padding: 10px 10px 10px 30px;background-color: #000;}
.navli-txt div:nth-child(1){float: left;font-size: 16px;color: #fff;}
.navli-txt div:nth-child(2){float: right;width: 12px;margin-top: 5px;}
.navli-txt div:nth-child(2) img{width: 100%;}

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

.navli>li:hover{background-color:rgba(96,96,96,0.90) }
.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;}
	.nav{display: none;}	
}
@media(max-width:500px){
	.nav-btn{padding: 10px 0;width: 26px;}
}

/*******************************banner-文字*******************************/
.banner-text-all{position: absolute;left: 0; top:0;width: 100%;height:100%;color: #fff;z-index: 1;}
.banner-table{display: table;width: 100%;height:100%;}
.banner-text{display: table-cell;width: 100%;height:100%;vertical-align: middle;text-align: center;}
.banner-text h3{font-size: 60px;font-weight: bold;text-shadow:rgba(0,0,0,0.1) 2px 2px 0px;letter-spacing: 2px;margin-bottom: 15px;}
.banner-text span{font-size: 30px;letter-spacing: 5px;margin-bottom: 30px;display: block;padding: 0 20px}
.banner-text a{font-size: 18px; display: block;background-color: #1d66cf;color: #fff;width: 200px;text-align: center;margin: 0 auto;padding: 16px 0;}

@media(max-width:1259px){
	.banner-text h3{font-size: 50px;}
    .banner-text .banner-in-h3{font-size: 40px;}
	.banner-text span{font-size: 24px;}
    
}


@media(max-width:991px){
	.banner-text h3{font-size: 40px;}
    .banner-text .banner-in-h3{font-size: 34px;}
	.banner-text span{font-size: 20px;}
	.banner-text a{font-size: 16px;width: 160px;}
}
@media(max-width:767px){
	.banner-text h3{font-size: 34px;}
    .banner-text .banner-in-h3{font-size: 28px;}
	.banner-text span{font-size: 16px;}
	.banner-text a{font-size: 14px;width: 140px;padding: 10px 0;}
  	
}
@media(max-width:500px){
	.banner-text h3{margin-bottom: 10px;}
	.banner-text span{font-size: 14px;margin-bottom: 15px;}
	.banner-text a{padding: 6px 0;width: 100px;}
}


/*******************************banner-文字*******************************/
.banner-text-all{position: absolute;left: 0; top:0;width: 100%;height:100%;color: #fff;z-index: 1;}
.banner-table{display: table;width: 100%;height:100%;}
.banner-text{display: table-cell;width: 100%;height:100%;vertical-align: middle;text-align: center;}
.banner-text h3{font-size: 60px;font-weight: bold;text-shadow:rgba(0,0,0,0.1) 2px 2px 0px;letter-spacing: 2px;margin-bottom: 15px;}
.banner-text span{font-size: 30px;letter-spacing: 5px;margin-bottom: 30px;display: block;padding: 0 60px}
.banner-text a{font-size: 18px; display: block;background-color: #1d66cf;color: #fff;width: 200px;text-align: center;margin: 0 auto;padding: 16px 0;}

@media(max-width:1259px){
	.banner-text h3{font-size: 50px;}
    .banner-text .banner-in-h3{font-size: 40px;}
	.banner-text span{font-size: 24px;}
    
}


@media(max-width:991px){
	.banner-text h3{font-size: 40px;}
    .banner-text .banner-in-h3{font-size: 34px;}
	.banner-text span{font-size: 20px;}
	.banner-text a{font-size: 16px;width: 160px;}
}
@media(max-width:767px){
	.banner-text h3{font-size: 34px;}
    .banner-text .banner-in-h3{font-size: 28px;}
	.banner-text span{font-size: 16px;}
	.banner-text a{font-size: 14px;width: 140px;padding: 10px 0;}
  	
}
@media(max-width:500px){
	.banner-text h3{margin-bottom: 10px;}
	.banner-text span{font-size: 14px;margin-bottom: 15px;}
	.banner-text a{padding: 6px 0;width: 100px;}
}

/*******************************banner-内页*******************************/
.banner-in{height:360px;position: relative;overflow: hidden;}
.banner-in img{height:100%;width:100%;position: absolute;left: 0;top: 0;}
.banner-in h3{font-size: 40px;font-weight: bold;text-shadow:rgba(0,0,0,0.1) 2px 2px 0px;letter-spacing: 2px;position: absolute;left: 0;top: 60%;width: 100%;text-align: center;color: #fff;}

@media(max-width:1460px){
  .banner-in img{width:auto;left:-20%;}
}
@media(max-width:1230px){
  .banner-in img{left:-35%;}
}
@media(max-width:991px){
	.banner-in h3{top: 50%;}
	.banner-in img{left:-50%;}
}
@media(max-width:800px){
	.banner-in img{left:-100%;}
}
@media(max-width:700px){
	.banner-in h3{font-size: 36px;}
  	
}
@media(max-width:600px){
    .banner-in img{left:-200%;}
	.banner-in h3{font-size: 32px;}
}
@media(max-width:500px){
    .banner-in img{left:-260%;}
	.banner-in h3{font-size: 32px;}
}

/*******************************banner-首页*******************************/
html,body{width:100%;height:100%;}
.index-banner{position: relative;background-color: #000;width:100%;height:100%;}
.index-banner .id-banner{height: 100%;width: 100%;}
.index-banner .id-banner-box{width: 100%;height: 100%;display: none;overflow: hidden;}
.id-banner-box-on{display: block;}
.id-banner-box1{background: url(../images/banner01.jpg)center center no-repeat;background-size: auto 100%;}
.id-banner-box2{background: url(../images/banner02.jpg)center center no-repeat;background-size: auto 100%;}
.id-banner-box3{background: url(../images/banner03.jpg)center center no-repeat;background-size: auto 100%;}
.id-banner-box4{background: url(../images/banner04.jpg)center center no-repeat;background-size: auto 100%;}
.id-banner-box5{background: url(../images/banner05.jpg)center center no-repeat;background-size: auto 100%;}
@media(max-width:1259px){
	.index-banner{margin-top: 90px}
}

@media(max-width:991px){
	.index-banner{margin-top: 70px;}
}

@media(max-width:500px){
	.index-banner{margin-top: 58px;}
	.id-banner-box1{background: url(../images/banner-p-1.jpg)center center no-repeat;background-size: auto 100%;}
	.id-banner-box2{background: url(../images/banner-p-2.jpg)center center no-repeat;background-size: auto 100%;}
	.id-banner-box3{background: url(../images/banner-p-3.jpg)center center no-repeat;background-size: auto 100%;}
	.id-banner-box4{background: url(../images/banner-p-4.jpg)center center no-repeat;background-size: auto 100%;}
   .id-banner-box5{background: url(../images/banner-p-5.jpg)center center no-repeat;background-size: auto 100%;}
}

/*******************************banner-首页*******************************/
.krakatoa{display:none;}
.krakatoa img{width:100%}
.krakatoa-control{padding-bottom:20px;position: absolute;left: 0;bottom: 0;width:100%;height: 55%;}

/************banner-arrow首页*********/
.arrows{position:absolute;top:0px;left:0;z-index:100;width: 100%;}
.arrow{width: 20px;height: 30px;}
.arrow-left{float:left;}
.arrow-left a{background: url(../images/jiantou-left1.png)left center no-repeat;background-size: 100% auto;}
.arrow-right{float: right;margin-right: 10px;}
.arrow-right a{background: url(../images/pro-right1.png)right center no-repeat;background-size: 100% auto;}
.arrow a{display:block;width:24px;height:80px;padding-top:16px;overflow:hidden;cursor:pointer;color: transparent;}

.arrow-left a:hover{background: url(../images/jiantou-left2.png)left center no-repeat;background-size: 100% auto;}
.arrow-right a:hover{background: url(../images/pro-right2.png)right center no-repeat;background-size: 100% auto;}

/************banner-button首页*********/
.buttons{position:absolute;bottom:15px;left:45%;z-index:100;}
.pagination{float:left;margin:0 2px;}
.pagination a{display:block;width:24px;height:24px;overflow:hidden;background-size: 100%;border-radius: 20px;background-color: #e4e4e4;margin: 0 5px;color: #e4e4e4;}
.active-button a,.active-button a:hover{background-color: #1d66cf;color: #1d66cf;}
.pagination a:hover{background-position:0 -30px;}

@media(max-width:900px){
	.arrow a{width:20px;}
}

@media(max-width:750px){
	.buttons{left:40%;}
	.pagination a{width:20px;height:20px;}
	.arrow a{width:18px;}
}
@media(max-width:500px){
	.buttons{left:33%;}
	.pagination a{width:16px;height:16px;}
}
/*******************************banner-button*******************************/

.index-banner-button{position: absolute;bottom: 15px;left: calc(50% - 64px);text-align: center;z-index: 99;}
.id-banner-button{display: inline-block;background-color: #e4e4e4;border: 1px solid #ccc;width: 20px;height: 20px;border-radius: 20px;margin: 0 4px;cursor: pointer;}
.id-banner-button-on{background-color:#1d66cf;border-color: #1d66cf;}

@media(max-width:500px){
	.index-banner-button{left: calc(50% - 52px);}
	.id-banner-button{width: 15px;height: 15px;}
}


/**************************************************index-section********************************************/
.index-section{padding: 80px 0;}

@media(max-width:1259px){
	.index-section{padding: 60px 0;}
}
@media(max-width:991px){
	.index-section{padding: 50px 0;}
}
@media(max-width:767px){
	.index-section{padding: 40px 0;}
}




/**************************************************index-title*******************************************/
.index-title{text-align: center;margin-bottom: 60px;}
.index-title h1{font-size: 36px;color: #fff;font-weight: bold;letter-spacing: 1px;}
.index-title span{display: block;height: 4px;width: 100px;background-color: #fff;margin:20px auto 0;}
.index-title div{font-size: 14px;line-height: 20px;color: #fff;text-align: center;margin-top: 20px;}
.index-abilty .index-title h1{color: #111;}
.index-abilty .index-title span{background-color: #055aa9;}
.index-news .index-title h1{color: #111;}
.index-news .index-title span{background-color: #055aa9;}
.index-contact .index-title h1{color: #111;}
.index-contact .index-title span{background-color: #055aa9;}


@media(max-width:1259px){
	.index-title h1{font-size: 32px;}
	.index-title span{width: 70px;}
}
@media(max-width:991px){
	.index-title{margin-bottom: 40px;}
}
@media(max-width:700px){
	.index-title h1{font-size: 30px;}
}
@media(max-width:529px){
	.index-title h1{font-size: 28px;}
}
@media(max-width:400px){
	.index-title h1{font-size: 26px;}
}








/**************************************************公司简介*******************************************/
.index-company{background: url(../images/index-com-bg.jpg)center no-repeat;background-size: 100% 100%;padding: 130px 0;}
.index-com-txt{font-size: 16px;line-height: 30px;margin-bottom: 80px; text-align: center; color: #fff;letter-spacing: 1px;}

.id-com-more{font-size: 14px;border: 1px solid #fff; width: 200px;display: block;color: #0f4b83;text-align: center;padding: 15px 0;margin: 0 auto;background-color: #fff;}


.id-com-more:hover{background-color: transparent;color: #fff;}

@media(max-width:1259px){
	.index-company{padding: 100px 0;}
}
@media(max-width:991px){
	.index-company{padding: 70px 0;}
}
@media(max-width:767px){
	.index-company{padding: 50px 0;}
	.index-com-txt{margin-bottom: 60px;}
}

@media(max-width:700px){
	.index-com-txt{font-size: 14px;}
}

@media(max-width:500px){
	.index-company{padding: 30px 0;}
	.index-com-txt{margin-bottom: 30px;}
	.id-com-more{width: 160px;padding: 10px 0;}
	
}




/**************************************************我们的能力*******************************************/
.id-ablity-coin{overflow: hidden;}
.id-ablity-box{display: block;float: left;width: 25%;text-align: center;padding: 32px 0;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.id-ablity-coin a:nth-child(n+5){border-bottom: none;}
.id-ablity-coin a:nth-child(4n){border-right: none;}

.id-ab-img{width: 100px;height: 100px;margin:0 auto 30px;background-size: 100% 100%;background-repeat: no-repeat;background-position: center center;}
.id-ab-tit{font-size: 17px;margin-bottom: 20px;color: #333;}
.id-ab-more{width: 60px;height: 26px;border: 1px solid #055aa9;color: #055aa9;background-color: #fff;line-height: 24px;text-align: center;margin: 0 auto;}

.id-ablity-box1 .id-ab-img{background-image: url(../images/ab-coin1.png);}
.id-ablity-box2 .id-ab-img{background-image: url(../images/ab-coin2.png);}
.id-ablity-box3 .id-ab-img{background-image: url(../images/ab-coin3.png);}
.id-ablity-box4 .id-ab-img{background-image: url(../images/ab-coin4.png);}
.id-ablity-box5 .id-ab-img{background-image: url(../images/ab-coin5.png);}
.id-ablity-box6 .id-ab-img{background-image: url(../images/ab-coin6.png);}
.id-ablity-box7 .id-ab-img{background-image: url(../images/ab-coin7.png);}
.id-ablity-box8 .id-ab-img{background-image: url(../images/ab-coin8.png);}
.id-ablity-box1:hover .id-ab-img{background-image: url(../images/ab-coin1-h.png);}
.id-ablity-box2:hover .id-ab-img{background-image: url(../images/ab-coin2-h.png);}
.id-ablity-box3:hover .id-ab-img{background-image: url(../images/ab-coin3-h.png);}
.id-ablity-box4:hover .id-ab-img{background-image: url(../images/ab-coin4-h.png);}
.id-ablity-box5:hover .id-ab-img{background-image: url(../images/ab-coin5-h.png);}
.id-ablity-box6:hover .id-ab-img{background-image: url(../images/ab-coin6-h.png);}
.id-ablity-box7:hover .id-ab-img{background-image: url(../images/ab-coin7-h.png);}
.id-ablity-box8:hover .id-ab-img{background-image: url(../images/ab-coin8-h.png);}
.id-ablity-box:hover .id-ab-more{background-color: #055aa9;color: #fff;}

@media(max-width:991px){
	.id-ab-img{width: 80px;height: 80px;}
}

@media(max-width:767px){
	.id-ab-img{width: 70px;height: 70px;margin:0 auto 20px;}
	.id-ab-tit{font-size: 16px;}
}
@media(max-width:560px){
	.id-ablity-box{width: 50%;}
	.id-ablity-coin{border-left: 1px solid #ddd;border-top: 1px solid #ddd;}
	.id-ablity-coin a:nth-child(n+5){border-bottom: 1px solid #ddd;}
	.id-ablity-coin a:nth-child(4n){border-right: 1px solid #ddd;}
}

@media(max-width:400px){
	.id-ab-img{width: 60px;height: 60px;}
	.id-ablity-box{padding: 20px 0;}
}

/**************************************************产品展示*******************************************/
.index-product{background: url(../images/id-pro-bg.jpg)center no-repeat;background-size: cover;padding: 130px 0}
.index-product .id-pro-box-position{height:270px;position:relative;width: 100%;}

/*************产品-题目*****************/
.id-pro-tit-all{overflow: hidden;margin-top: 30px;padding-bottom: 30px;}
.id-pro-tit{font-size: 16px;padding: 5px 25px; color: #fff;background-color: transparent;display: inline-block;margin: 0 4px;margin-bottom: 20px; position: relative;border: 1px solid #fff;}
.index-border{ position: absolute;bottom: -10px;left: calc(50% - 10px); width: 0;height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;border-top:10px solid #fff;display: none;}

/*************产品-产品*****************/
.id-pro-all{display: none;}

#id-pro-box-all1{height:100%;position:absolute;bottom:0px;width: 100%;padding:0 40px;}
#id-pro-box-all2{height:100%;position:absolute;bottom:0px;width: 100%;padding:0 40px;}
#id-pro-box-all3{height:100%;position:absolute;bottom:0px;width: 100%;padding:0 40px;}
#id-pro-box-all4{height:100%;position:absolute;bottom:0px;width: 100%;padding:0 40px;}
#id-pro-box-all5{height:100%;position:absolute;bottom:0px;width: 100%;padding:0 40px;}
#id-pro-box-all6{height:100%;position:absolute;bottom:0px;width: 100%;padding:0 40px;}
#id-pro-box-all7{height:100%;position:absolute;bottom:0px;width: 100%;padding:0 40px;}

.id-pro-box{width:100%;height:100%;position:relative;overflow:hidden;}
.id-pro-box ul.mobile{width:400%;position:absolute;top:0; left:0;}

.mobile li{float:left;width:6%;margin-right:0.25%;}

.mobile li img{width:100%;}
.mobile li a{display:block;}
.mobile li div{font-size:16px;width:100%;line-height:56px;height:56px;overflow: hidden;padding: 0 10px;color: #333;background-color: #ccc; text-align:center;}


/*************产品-buttom*****************/
.but_left{width:36px;height:100%;position:absolute; top:0px; left:0px;background:url(../images/jiantou-left1.png)center no-repeat;background-size: 26px auto;}
.but_right{width:36px;height:100%; position:absolute; top:0px; right:0px;background:url(../images/pro-right1.png)center no-repeat;background-size: 26px auto;}


/*************产品-hover*****************/
.but_left:hover{background:url(../images/jiantou-left2.png)center no-repeat;background-size: 26px auto;}
.but_right:hover{background:url(../images/pro-right2.png)center no-repeat;background-size: 26px auto;}


.mobile li:hover div{background-color: #0081ff;color: #fff;}
.id-pro-all-on{display: block;}
.id-pro-tit:hover{background-color: #fff;}
.id-pro-tit:hover .index-border{display: block}
.id-pro-tit-on{background-color: #fff;color: #055aa9;}
.id-pro-tit-on .index-border{display: block}
.flex-item:hover .id-pro-box-tit{background-color: #055aa9;color: #fff;}

@media(max-width:1358px){
	.mobile li{;margin-right:0.26%;}
}

@media(max-width:1259px){
	.index-product{padding: 100px 0;}
	.id-pro-tit-all{padding-bottom: 20px;}
	.index-product .id-pro-box-position{height:240px;}
	.mobile li{width: 8%;margin-right: 0.35%;}
}
@media(max-width:991px){
	.index-product{padding: 70px 0;}
	.index-product .id-pro-box-position{height:190px;}
}

@media(max-width:767px){
  	.index-product{padding: 50px 0;}
	.id-pro-tit-all{padding-bottom: 10px;}
	.id-pro-box-tit{font-size: 14px; line-height: 40px;height: 40px;}
	
	.mobile li{width: 12.2%;margin-right: 0.35%;}
	.mobile li div{font-size:15px;line-height:40px;height:40px;}
	.index-product .id-pro-box-position{height:250px;}
}
@media(max-width:700px){
	.index-product .id-pro-box-position{height:226px;}
	.but_left,.but_right{height: 210px;}
}
@media(max-width:600px){
	.index-product .id-pro-box-position{height:190px;}
	.but_left,.but_right{height: 190px;}
}

@media(max-width:529px){
	.index-product .id-pro-box-position{height:170px;}
	.but_left,.but_right{height: 150px;}
	.id-pro-tit{font-size: 14px;padding: 5px 15px;}
	.id-pro-tit-all{margin-top: 20px;}
}
@media(max-width:450px){
	.index-product .id-pro-box-position{height:160px;}
	.but_left,.but_right{height: 160px;}
	.mobile li{width: 8%;}
	.but_left,.but_right{width: 20px;background-size: 16px auto;}
	#id-pro-box-all1,#id-pro-box-all2,#id-pro-box-all3,#id-pro-box-all4,#id-pro-box-all5,#id-pro-box-all6,#id-pro-box-all7{padding: 0 25px;}
	.but_left:hover,.but_right:hover{background-size: 16px auto;}
	
	.id-pro-box ul.mobile{width:600%;}
}
@media(max-width:420px){
	.mobile li{margin-right: 3px;margin-left: 3px;}
}

@media(max-width:400px){
	.index-product .id-pro-box-position{height:240px;}
	.but_left,.but_right{height: 240px;}
	.mobile li{width: 315px;}
	.mobile li{width: 15%;}
	.id-pro-box ul.mobile{width:650%;}
}

@media(max-width:370px){
	.index-product .id-pro-box-position{height:220px;}
	.but_left,.but_right{height: 220px;}
}
@media(max-width:330px){
	.index-product .id-pro-box-position{height:200px;}
	.but_left,.but_right{height: 200px;}
}
/*************************************************index-news********************************************/
.index-news{background-color: #fff;}
.index-news-all{overflow: hidden;}

/*******index-news-left***********/
.id-news-left{float: left;width: 48%;margin-right: 4%;background-color: #e3e3e3;}
.id-news-l-time{float: left;width: 80px;padding:30px 20px;}
.id-news-l-time div{text-align: center;}
.id-news-l-time div:nth-child(1){font-size: 24px;color: #333;font-weight: 600;line-height: 36px;}
.id-news-l-time div:nth-child(2){font-size: 12px;color: #333;line-height: 20px;}
.id-news-l-time div:nth-child(3){font-size: 12px;color: #999;line-height: 20px;}
.id-news-l-a{float: left;width: calc(100% - 80px);background-color: #f7f7f7;padding: 30px;}
/*******index-news-left-right***********/

.id-news-box1{display: block;}
.id-news-tit1{font-size: 18px;line-height: 36px;height: 36px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #3889c2;font-weight: 600;margin-bottom: 10px;}
.id-news-txt1{font-size: 14px;margin-bottom: 20px; color: #666;line-height: 26px;height: 104px;overflow: hidden;text-align: justify;text-indent: 30px;}

.id-news-more{padding: 10px 50px;font-size: 14px;border-radius: 30px;margin-bottom: 20px; color: #fff; background-color: #055aa9;border: 1px solid #055aa9;display: inline-block;}

/*******index-news-left-right***********/
.id-news-right{float: left;width: 48%;}
.id-news-box{display: block;border-bottom: 1px dashed #d2d2d2;}
.id-news-top{overflow: hidden;}
.id-news-top div{line-height: 45px;height: 45px;}
.id-news-tit{font-size: 16px;color: #000; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; float: left;width: calc(100% - 80px);font-weight: 600;}
.id-news-time{font-size: 12px;color: #999;float:right;text-align: right;width:70px;}
.id-news-txt{font-size: 14px;line-height: 26px;height: 52px;overflow: hidden;color: #666;margin-bottom: 10px;display: none;text-align: justify;}
.id-news-txt-on{display: block;}

.id-news-box:hover .id-news-tit{color: #1863ab;}
.id-news-box:hover{border-color:#1863ab;}
.id-news-more:hover{background-color: transparent;color: #1863ab;}

@media(max-width:1259px){
	.id-news-top div{line-height: 38px;height: 38px;}
	.id-news-txt1{height:52px;margin-bottom: 40px}
}

@media(max-width:991px){
	.id-news-left{clear: left;width: 100%;margin-right: 0%;margin-bottom: 20px;}
	.id-news-right{clear: left;width: 100%;}
	.id-news-txt{height: 52px;}
}
@media(max-width:767px){
	.id-news-tit1{font-size: 17px;margin-bottom: 5px;}
	.id-news-more{padding: 6px 30px;}
}


/**************************************************联系我们********************************************/
.index-contact{background-color: #f0f0f0;}
.id-cu-coin{float: left;width: 22%;margin-right: 1.5%;margin-left: 1.5%; margin-bottom: 30px;padding-left: 80px;background-position: left top;background-repeat: no-repeat;}

.id-cu-coin>div:nth-child(1){font-size: 18px;color: #333;margin-bottom: 10px;font-weight: 600;}
.id-cu-coin>div:nth-child(2){font-size: 14px;color: #666;line-height: 22px;height: 44px;overflow: hidden;}


.id-cu-coin1{background-image: url(../images/map-coin.png);}
.id-cu-coin2{background-image: url(../images/tel-coin.png);}
.id-cu-coin3{background-image: url(../images/web-coin.png);}
.id-cu-coin4{background-image: url(../images/mail-coin.png);}


@media(max-width:991px){
	.id-cu-coin{width: 48%;margin-right: 1%;margin-left: 1%;background-position: top center;padding-top: 50px;padding-left: 0;margin-bottom: 15px;}
	.container-cu>div{text-align: center;}
	.container-cu>div:nth-child(2n){margin-right: 0;}
}

@media(max-width:529px){
	.id-cu-coin{background-size:30px auto;padding-top: 40px;}
}





/***************************首页footer******************************/
.index-footer-all{padding-top:60px;background: url(../images/foot-bg.jpg)center no-repeat;background-size: 100% 100%;}
.id-footer-box{float: left;width: calc(100%/7);padding-right: 20px;}

.id-footer-tit{font-size: 16px;line-height: 20px;height: 20px;margin-bottom: 10px; overflow: hidden;display: block;color: #fff;font-weight: bold;}
.id-footer-box-a a{font-size: 13px;line-height: 34px;height: 34px;color: #ccc; display: block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.id-footer-box-a div img{width: 100px;margin-top: 20px;}
/**********首页footer-right**********/
.id-footer-box-link{float: right;}
.id-footer-box-link .id-footer-tit{text-align: right;}
.id-footer-coin{text-align: right;margin-top: 20px;}
.id-footer-coin a{width: 34px;height: 34px;margin: 0 5px;display: inline-block;background-repeat: no-repeat;background-position: center center;border: 1px solid #fff;border-radius: 30px;}
.id-footer-coin a:last-child{margin-right: 0;}
.id-qq{background-image: url(../images/qq.png);}
.id-wechat{background-image: url(../images/wechat.png);}
.id-skip{background-image: url(../images/skip.png);}
.erweima{width: 100px;height: 100px;margin-top: 20px;float: right;}
.erweima img{width: 100%;}
/**********首页footer-beian**********/
.id-footer-beian{margin-top: 30px;padding: 20px 0; text-align: center;color: #fff;border-top: 1px solid #ccc;line-height: 14px;}
.id-footer-beian a{display: inline-block;font-size: 14px;color: #9ba0a8;line-height: 20px;height: 20px;}
.id-footer-beian a:first-child{padding-right: 5px;}

.id-footer-coin a:hover{background-color: rgba(0,0,0,0.1);border-color: #999;}


@media(max-width:1259px){
	.index-footer-all{padding-top:50px;}
}

@media(max-width:991px){
	.index-footer-all{padding-top:40px;}
}
@media(max-width:767px){
	.index-footer-all{padding-top:0px;}
	.id-footer-beian{margin-top: 0;border-top: none;}
	.index-footer{display: none;}
}
@media(max-width:529px){
	
}


/***************面包屑导航******************/
.page-in-nav{width:100%;padding:30px 0;background:#f6f6f6;}
.page-in-nav-left{float:left;}
.page-in-nav-left h1{display:inline-block;font-size:24px;line-height:24px;font-weight:bold;margin:0;}
.page-in-nav-left span{display:inline-block;font-size:24px;line-height:24px;font-weight:bold;margin:0 5px;}
.page-in-nav-left h2{display:inline-block;font-size:18px;line-height:24px;color:#666;margin:0;}

.page-in-nav-right{float:right;width: auto;line-height: 24px;height: 24px;overflow: hidden;}
.page-in-nav-right span{color:#666;margin-left:5px;line-height:24px;}
.page-in-nav-right a{color:#666;margin-left:5px;line-height:24px;}

.page-in-nav-right a:hover{color:#0657a8;}

@media (max-width:767px) {
	.page-in-nav{padding:10px 0;}
	.page-in-nav-left{display:none;}
	.page-in-nav-right{float:none;width:100%;}
	.page-in-nav-right a,.page-in-nav-right span{margin:0 5px 0 0}
}


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

@media(max-width:1259px){
	.page-in-content{padding: 50px 0;}
}
@media(max-width:991px){
	.page-in-content{padding: 40px 0;}
}
@media(max-width:767px){
	.page-in-content{padding: 30px 0;}
}
@media(max-width:529px){

}
/***************************内页左右控制******************************/

/******left******/

.page-in-left{float:left;width:240px;padding-right: 30px;margin-right: 30px;border-right:1px solid #ccc;}
.page-in-right{float:left;width:calc(100% - 270px);}

@media (max-width:991px) {
	.page-in-left{float:none;width:100%;margin-bottom:20px;border-right: none;margin-right: 0;padding-right: 0;}
	.page-in-right{float:none;width:100%;margin-left:0;padding-left:0;border-left:0;}
}

/******mainright******/
.page-left-nav{margin:0;padding:0;margin-bottom:40px;}
.page-left-nav h1,.page-left-contact h1{width:100%;height:56px;line-height:56px;font-size:24px;color:#666;padding-left:10px;margin-top:0;margin-bottom:20px;border-bottom:1px solid #ccc;}

.page-left-nav-list{padding-left:0;}
.page-left-nav-list li a{display:block;width:100%;border-bottom: 1px solid #eee;line-height: 20px;text-indent:12px;text-overflow: ellipsis;overflow: hidden;white-space: normal;font-size: 14px;padding: 11px 0;color: #333;}

.page-left-second-nav{padding-left:0;display:none;}
.page-left-second-nav li a{text-indent:30px;}
.page-left-second-nav li a span{margin-right:10px;}


.page-left-contact{margin:0;padding:0;margin-bottom:40px;}
.page-left-contact li{width:100%;height:43px;padding-left:12px;line-height:42px;font-size:14px;color:#666;border-bottom: 1px solid #eee;}
.page-left-contact span{display:inline-block;width:45px;color:#666;}

.page-left-nav-list li:hover .page-left-second-nav{display:block;}
.page-left-nav-list li a:hover{color:#0657a8;}


@media (max-width:991px) {
	.page-left-nav h1{display: none;}
	.page-left-contact{display: none;}
	.page-left-nav{margin-bottom:30px;}
	.page-left-nav-list li{display: inline-block;border: 1px solid #666;border-radius: 4px;margin: 0 2px 6px;}
	.page-left-nav-list li a{border: none;text-align: center;padding: 10px;text-indent: 0;}
	.page-left-nav-list li:hover .page-left-second-nav{display:none;}
	.page-left-nav-list li a:hover{background-color:#0657a8;color: #fff;}
}




/**************文字导航***************/
.page-nav2-a{padding-bottom:20px;border-bottom: 1px dashed #999;overflow: hidden;margin-bottom: 40px;}
.page-nav2-a a{margin-right: 40px;font-size: 16px;line-height: 36px;width: 100px;border: 1px solid #999;border-radius: 6px;background-color: #f6f6f6; float: left;display: block;text-align: center;color: #333;margin-bottom: 5px;}
.page-ability{text-align:center;}
.page-ability a{display: inline-block;padding: 0 10px;width: auto;margin-right: 20px;float: none;}                                     
.page-nav2-a .page-nav2-a-on{color: #0657a8;}

.page-nav2-a a:hover{color: #0657a8;}


@media(max-width:991px){
	.page-nav2-a{margin-bottom: 20px;}
}

@media(max-width:767px){
	.page-nav2-a a{margin-right: 30px;font-size: 14px;}
}
	
@media(max-width:529px){
	.page-nav2-a a{margin-right: 10px;}
}



/********************************新闻列表*********************************/
.article-list-all{overflow: hidden;}
.news-list-box1{display: block;padding: 20px 10px;border-bottom: 1px solid #999;overflow: hidden;}
.news-list-left{float: left;width: 20%;margin-right: 3%;background-color: #fff;border: 1px solid #999;}
.news-list-right{float: right;width: 77%;}
.news-list-right>div:nth-child(1){font-size: 22px;line-height: 24px;height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333;}
.news-list-right>div:nth-child(2){margin: 8px 0 10px;}
.news-list-right>div span{font-size: 14px;color: #999;margin-right: 10px;}
.news-list-right>div:nth-child(3){font-size: 14px;line-height: 26px;height: 78px;overflow: hidden;color: #666;}

/**************新闻列表-hover***************/

.news-list-box1:hover{background-color: #f6f6f6;}

@media(max-width:1259px){
	.news-list-right>div:nth-child(3){height:52px;}
}

@media(max-width:991px){
	.news-list-left{width: 25%;}
	.news-list-right{width: 72%;}
	.news-list-right>div:nth-child(1){font-size: 20px;}
	.news-list-right>div:nth-child(2){margin: 8px 0 6px;}
}

@media(max-width:767px){
	.news-list-box1{padding: 15px 0;}
	.news-list-left{width: 30%;}
	.news-list-right{width: 67%;}
	.news-list-right>div:nth-child(1){font-size: 18px;line-height: 24px;height: 24px;}
	.news-list-right>div:nth-child(2){margin: 4px 0 6px;}
	.news-list-right>div span{font-size: 12px;}
	.news-list-right>div:nth-child(3){height: 44px;line-height: 22px;font-size: 13px;}
}

@media(max-width:529px){
	.news-list-box1{padding: 10px 0;}
	.news-list-right>div:nth-child(2){margin:0;}
	.news-list-right>div:nth-child(1){font-size: 16px;}
}

@media(max-width:500px){
	.news-list-box1{padding: 10px;margin-bottom: 15px;}
	.news-list-left{clear: left;width: 100%;margin-bottom: 10px;}
	.news-list-right{clear:right;width: 100%;}
}


/*************************************************新闻内页****************************************************/

.news-details-all{margin-bottom: 30px;}
.page-news-details-tit{text-align: center;font-size: 20px;color: #333;margin-bottom: 10px;font-weight: bold;}
.page-nd-a a{ font-size: 13px;color:#9f9f9f;margin: 0 5px;display:inline-block; }

.page-nd-content{font-size: 14px; padding: 10px 20px;text-align: justify;}

@media(max-width:991px){
	.news-details-all{margin-bottom: 0px;}
}
@media(max-width:767px){
	.page-news-details-tit{font-size: 18px;}
	.text-right p{font-size: 14px;line-height: 28px;}
	
}

@media(max-width:530px){
	.page-nav a{font-size: 12px;}
	
}


/***************************产品列表页******************************/
.page-product-list-all{overflow: hidden;}
.page-pro-box{float: left;width: 23.5%;margin-right: 2%;margin-bottom: 15px;display: block;border: 2px solid #ccc;}
.page-pro-box img{width: 100%;}
.page-pro-box div{font-size: 15px;line-height: 54px;height: 54px; color: #fff;background-color: #999;overflow: hidden;text-align: center;padding: 0 10px;}
.page-product-list-all a:nth-child(4n){margin-right: 0;}

.page-pro-box:hover{border-color:#0657a8;}
.page-pro-box:hover div{background-color: #0657a8;}

@media (max-width:1259px){
	.page-pro-box{width: 32%;}
	.page-product-list-all a:nth-child(4n){margin-right: 2%;}
	.page-product-list-all a:nth-child(3n){margin-right: 0;}
}
@media (max-width:700px){
	.page-pro-box div{line-height: 40px;height: 40px;}
}
@media (max-width:560px){
	.page-pro-box{width: 49%;}
	.page-product-list-all a:nth-child(3n){margin-right: 2%;}
	.page-product-list-all a:nth-child(2n){margin-right: 0;}
}



/**************************************产品详情页*********************************/
.page-pro-details-all{margin-bottom:40px;}
.page-pro-scroll{max-width:800px;margin:50px auto;}
.ms-slide{position: relative;}
.page-pro-name{font-size: 16px; position: absolute;left: 0;bottom: 0;width: 100%;line-height: 40px;height: 40px;overflow: hidden;background-color:  #0657a8;color: #fff;z-index: 333;padding: 0 10px;}
.master-slider{border: 2px solid #fff;}
.ms-thumb-frame img{border: 2px solid #0657a8;}
.page-pro-intro-tit{margin-bottom: 20px;border-bottom: 2px solid  #0657a8;}
.page-pro-intro-tit span{font-size: 18px;padding: 10px 20px; color: #fff;background-color: #0657a8;text-align: center;display: inline-block;}
.page-pro-intro-txt li{font-size: 14px;line-height: 30px;color: #333;}

@media(max-width:1026px){
	.page-pro-scroll{max-width:800px;margin:50px auto;}
}
@media(max-width:767px){
	.page-pro-details-all{margin-top: 30px}
	.page-pro-scroll{margin:40px auto;}
}
@media(max-width:530px){
	.page-pro-intro-tit span{font-size: 17px;}
	.page-pro-intro-txt li{font-size: 15px;}
}
@media(max-width:400px){
	.page-pro-scroll{margin:30px auto;}
}

/**************************************产品详情页样式*********************************/
/***  Master Slider*	version 1.5.7* 	Core css file*/
.master-slider{position: relative;visibility: hidden;-moz-transform: translate3d(0 , 0 , 0);}
.master-slider.ms-fullheight{height: 100%;}

.ms-layout-partialview .ms-view {overflow: visible;background-color:transparent;}
.ms-layout-partialview { overflow: hidden; }
.master-slider.before-init{}

.master-slider img {max-width:none;}

.ms-ie img{border:none;}
.ms-ie8 * {opacity:inherit;filter:inherit;}
.ms-ie7   {zoom:1;}

.ms-loading-container{position:absolute;width:100%;top:0;}
.ms-loading-container .ms-loading,.ms-slide .ms-slide-loading {width: 36px;height: 36px;background: url(../images/loading-2.gif) no-repeat center white;border-radius: 60px;box-shadow: 0px 0px 3px rgba(0,0,0,0.2);position: absolute;left: 50%;top: 50%;margin: -18px;opacity: 0.9;}

/* grab cursor */
.ms-def-cursor{cursor:auto !important;}
.ms-grab-cursor{cursor: url("grab.png"), move;}
.ms-grabbing-cursor{cursor: url("grabbing.png"), move;}
.ms-ie .ms-grab-cursor{cursor: url("../masterslider/style/grab.cur"), move;}
.ms-ie .ms-grabbing-cursor {cursor: url("../masterslider/style/grabbing.cur"), move;}

.ms-view { margin:0px auto;overflow:hidden;background:black;position:relative;-webkit-perspective: 2000px;-moz-perspective: 2000px;-ms-perspective: 2000px;perspective: 2000px;}
.ms-view .ms-slide-container{position:relative;}

.ms-slide {position:absolute;-webkit-transform: translateZ(0px);-moz-transform: translateZ(0px);-ms-transform: translateZ(0px);-o-transform: translateZ(0px);transform: translateZ(0px);-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;height:100%;}

.ms-slide.selected {}

.ms-slide .ms-slide-bgcont,.ms-slide .ms-slide-bgvideocont{position: absolute;overflow:hidden;width: 100%;}

.ms-slide .ms-slide-bgvideocont{z-index: 5;height: 100%;}

.ms-slide .ms-slide-bgvideocont,.ms-slide-bgvideocont>video{-webkit-transform: translateZ(0.3px);-moz-transform: translateZ(0.3px);-ms-transform: translateZ(0.3px);-o-transform: translateZ(0.3px);transform: translateZ(0.3px);}

.ms-slide .ms-slide-bgvideo{position: absolute;top: 0px;}
.ms-container {position: relative; margin:0 auto;}
.ms-slide .ms-slide-bgcont img , .ms-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

.ms-slide .ms-layer{position:absolute;}
.ms-slide .ms-slide-layers{position: absolute;overflow:hidden;width:100%;height: 100%;z-index: 10;top:0px;}

.ms-slide .ms-slide-video{position:absolute;top:0;z-index: 11;background:black;padding:0;margin: 0;border: none;}

.ms-layer.video-box{background:black;}
.ms-layer.video-box iframe{padding:0;margin: 0;border: none;position: absolute;z-index: 10;}

.ms-slide .ms-slide-vpbtn , .ms-slide .ms-video-btn{position:absolute;cursor: pointer;z-index: 10;}

.ms-slide .ms-slide-vcbtn{position:absolute;cursor: pointer;z-index: 13;}

.ms-slide-vcbtn-mobile{position: relative;bottom: 0;left:0;width:100%;height: 28px;background-color: black;color: white;text-align: center;cursor: pointer;z-index: 13;}

.ms-slide-vcbtn-mobile .ms-vcbtn-txt {text-transform: uppercase;font-family: sans-serif;font-size: 0.75em;display: inline-block;background: url(../images/video-close-btn.png) no-repeat 0px 3px; padding-left: 15px;height: 15px;color: #DBDBDB;margin-top: 7px;}

.ms-slide .ms-slide-vcbtn,.ms-slide .ms-slide-layers,.ms-slide .ms-slide-vpbtn,.ms-slide .ms-slide-video {-webkit-transform: translateZ(0.44px);-moz-transform: translateZ(0.44px);-ms-transform: translateZ(0.44px);-o-transform: translateZ(0.44px);transform: translateZ(0.44px);}

.ms-video-img{position:absolute;width:100%;height:100%;top:0;left:0;}

.ms-mask-frame{overflow:hidden;position:absolute;float:left;}

/* controls */

.ms-thumb-list{overflow:hidden;position:absolute;}

.ms-thumb-list.ms-dir-h {width: 100%;}
.ms-thumb-list.ms-dir-v {height: 100%; top: 0;}
.ms-thumbs-cont{position: relative;}
.ms-thumb-frame img{width:100%;	height:auto;}
.ms-thumb-frame{cursor: pointer;float: left;overflow: hidden;opacity: 0.5;-webkit-transition: opacity 300ms;-moz-transition: opacity 300ms;-ms-transition: opacity 300ms;-o-transition: opacity 300ms;transition: opacity 300ms;}
.ms-thumb-frame-selected{ opacity: 1; }

.ms-tabs .ms-thumb-frame {background-color: #F6f6f6;text-shadow: 0 1px 1px white;color: #222;border: solid 1px white;border-width: 0 1px 1px 0;overflow: visible;position: relative;opacity: 1;
-webkit-transition: all 300ms ease-out;-moz-transition: all 300ms ease-out;-ms-transition: all 300ms ease-out;-o-transition: all 300ms ease-out;transition: all 300ms ease-out;}

.ms-tabs.ms-dir-h .ms-thumb-frame {margin-top: 12px;}
.ms-tabs.ms-dir-v .ms-thumb-frame {margin-left: 12px;}
.ms-tabs .ms-thumb{padding: 20px 20px;}
.ms-tabs .ms-thumb-frame-selected {	opacity: 1; background: #EDEDED;}
.ms-tabs .ms-thumb-frame .ms-thumb-ol {
    position: absolute;
    opacity: 0;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.ms-tabs.ms-dir-h .ms-thumb-frame .ms-thumb-ol {top: 0px; left: 50%;margin-left: -12px;border-bottom: solid 12px #F6f6f6;border-left: solid 12px transparent;border-right: solid 12px transparent;}

.ms-tabs.ms-dir-h .ms-thumb-frame-selected .ms-thumb-ol{opacity: 1;top:-12px;border-bottom-color: #EDEDED;}

.ms-tabs.ms-dir-v .ms-thumb-frame .ms-thumb-ol {top: 50%; left: 0;margin-top: -12px;border-right: solid 12px #EDEDED; border-top: solid 12px transparent;border-bottom: solid 12px transparent;}

.ms-tabs.ms-dir-v .ms-thumb-frame-selected .ms-thumb-ol{opacity: 1;left:-12px;border-right-color:white;}

.ms-bullet{cursor:pointer;float: left;}
.ms-bullets.ms-dir-h {position: absolute;bottom: 20px;right: 50%;width: 100px;}

.ms-sbar {position: absolute;}
.ms-sbar.ms-dir-h {left: 10px;right: 10px;top: 5px;display: none;}
.ms-sbar.ms-dir-v {top: 10px;bottom: 10px;right: 5px}
.ms-sbar .ms-bar {height: 4px;background: #333;border-radius: 4px;}
.ms-sbar.ms-dir-v .ms-bar {	width: 4px;}

.ms-sbar .ms-bar{position:relative;-webkit-transition: opacity 300ms;-moz-transition: opacity 300ms;-ms-transition: opacity 300ms;-o-transition: opacity 300ms;transition: opacity 300ms;}
.ms-timerbar {width: 100%;bottom: 0px;position: absolute;}
.ms-ctimer {position: absolute;top: 30px;left: 30px;cursor: pointer;}
.ms-ctimer-bullet {}

.ms-time-bar{-webkit-transition: width 120ms linear;-moz-transition: width 120ms linear;-ms-transition: width 120ms linear;-o-transition: width 120ms linear;transition: width 120ms linear;}

.ms-ie7 .ms-tooltip-arrow{height:0px;}

.ms-slide-info {position: absolute;}
.ms-slide-info.ms-dir-v {top:0;}

@keyframes point-anim{
	0% 		{transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); -ms-transform: scale(0.5);  opacity: 1; }
	100% 	{transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5);  opacity: 0; }
}

@-webkit-keyframes point-anim{
	0% 		{-webkit-transform: scale(0.5); opacity: 1; }
	100% 	{-webkit-transform: scale(1.5);	opacity: 0; }
}

/* In Android browser, using css animations over slider causes some crashes */
.ms-android .ms-tooltip-point .ms-point-border{animation:none;-moz-animation:none;-webkit-animation:none;-o-animation:none;}
/***  Master Slider*	version 1.5.7* 	Core css file*/



.ms-showcase2-template {padding-bottom: 155px;}
.ms-showcase2-template .ms-view{background: transparent;}
.ms-showcase2-template .ms-bar {background: black !important;}
.ms-showcase2-template .ms-tabs-vertical-template {margin: 0 auto;}

.ms-showcase2-template.ms-dir-v {padding-right: 140px;padding-bottom:0 !important;}

.ms-showcase2-template .ms-thumb-list.ms-dir-h {bottom: -145px;width: 100%;height: 137px;}

.ms-showcase2-template .ms-thumb-list.ms-dir-v {height: 100%;width: 130px;right: -140px;top: 0;}

.ms-showcase2-template .ms-thumb-list .ms-thumb-frame {width: 127px;height: 90px;opacity: 0.5;-webkit-transition: opacity 300ms;-moz-transition: opacity 300ms;-ms-transition: opacity 300ms;-o-transition: opacity 300ms;transition: opacity 300ms;}

.ms-showcase2-template .ms-thumb-frame { cursor: pointer; }
.ms-showcase2-template .ms-thumb-list.ms-dir-h .ms-thumb-frame{ margin-right:10px; }
.ms-showcase2-template .ms-thumb-list.ms-dir-v .ms-thumb-frame{	margin-bottom:15px;}
.ms-showcase2-template .ms-thumb-list .ms-thumb-frame-selected{ opacity: 1; }

@media (max-width: 400px) {
	
	.ms-showcase2-template .ms-thumb-list.ms-dir-v {width: 64px;right: -70px;}
	.ms-showcase2-template .ms-thumb-list .ms-thumb-frame {width: 64px;height: 46px;}
	.ms-showcase2-template {padding-bottom: 75px;}
	.ms-showcase2-template.ms-dir-v {padding-right: 70px;}
 }
 
@media (max-width: 200px) {
	.ms-showcase2-template .ms-thumb-list{display: none; }
	.ms-showcase2-template {padding-bottom: 0px;}
	.ms-showcase2-template.ms-dir-v {padding-right: 0px;}
}



/***************************联系我们******************************/
.page-contact-in{margin-bottom: 30px}
.page-contact-in li:first-child{font-size: 24px;color: #333;text-align: left; width: 100%;margin-bottom: 20px;}
.page-contact-in li:last-child{width: 100%;}
.page-contact-in li{font-size: 14px; float: left;width: 31%;margin-right: 2%;height: 30px;}

.pc-map{overflow-x: scroll;}
.pc-map #dituContent{width: 100%;height: 400px;}

@media(max-width:1259px){
	.pc-map #dituContent{height: 360px;}
}

@media(max-width:991px){
	.page-contact-in li:first-child{font-size: 22px; margin-top: 10px;}
	.page-contact-in li{width: 48%;}
	.pc-map #dituContent{width: 600px;height: 280px;}
}

@media(max-width:529px){
	.page-contact-in li:first-child{font-size: 18px;font-weight: bold;margin-bottom: 10px;}
	.page-contact-in li{width: 100%;margin-right: 0;}
	.pc-map #dituContent{width: 600px;height: 220px;}
}




/***************************招聘英才******************************/
.page-invite-span{overflow: hidden;border-bottom: 1px solid #ccc;}
.page-invite-span span{font-size: 16px;line-height: 50px;color: #333; display: block;float: left;width: 45%;}
.page-invite-btn{float: right;width:50px;height: 50px;cursor: pointer;background:url(../images/plus.png)99% no-repeat;background-size: 20px auto;}
.page-invite-info{display: none; padding: 30px 0;}
.page-invite-info1{margin-bottom: 20px;}
.page-invite-info1 div{font-size: 16px;color: #333;line-height: 20px;margin-bottom: 10px;font-weight: bold;}
.page-invite-info1 span{font-size: 14px;color: #999;line-height: 20px;margin-bottom: 10px;display:block;}
.page-invite-btn-on{background:url(../images/min.png)99% no-repeat;background-size: 20px auto;}

@media(max-width:570px){
	.page-invite-span span{font-size: 15px;width: 45%;}
	.page-invite-btn{width:30px;}
}
@media(max-width:400px){
	.page-invite-span span{font-size: 14px;line-height: 40px;padding-right: 5px;}
	.page-invite-span span:nth-child(1){width: 48%;}
	.page-invite-span span:nth-child(2){width: 37%;}
	.page-invite-btn{height: 40px;}
}




/***************************公司环境******************************/
.page-environment-nav{overflow: hidden;text-align: center;margin-bottom: 30px;}
.page-en-a{font-size: 15px;line-height: 20px;padding: 10px 15px;display: inline-block;margin-right: 4px;margin-bottom: 5px;background-color: #0657a8;color: #fff;border-radius: 6px;border: 1px solid #0657a8;cursor: pointer;}
.page-en-a-on{background-color: transparent;color: #0657a8;}
.page-en-box{float: left;width: 23.5%;margin-right: 2%;padding: 10px;border: 1px solid #ccc;margin-bottom: 15px;}
.page-en-box img{width: 100%;}
.page-enviro-box>div:nth-child(4n){margin-right: 0;}
.page-enviro-box{display: none;}
.page-enviro-box-on{display: block;}


@media(max-width:1259px){
	.page-en-box{width: 32%;}
	.page-enviro-box>div:nth-child(4n){margin-right: 2%;}
	.page-enviro-box>div:nth-child(3n){margin-right: 0;}
}

@media(max-width:700px){
	.page-en-box{width: 49%;}
	.page-enviro-box>div:nth-child(3n){margin-right: 2%;}
	.page-enviro-box>div:nth-child(2n){margin-right: 0;}
}








/***************************内页button******************************/
.page-in-button{text-align: center;margin-top: 40px;}
.page-in-button center{font-size: 0;border: 1px solid #c7c7c7;border-radius: 6px;overflow: hidden;color: #636363;display: inline-block;}
.page-in-button a{font-size: 14px;padding: 15px 25px;line-height: 15px;color: #636363; display: inline-block;text-align: center;border-left: 1px solid #c7c7c7;border-right: 1px solid #c7c7c7;box-sizing: border-box;}
.page-in-button center a:nth-child(1){border-left: none;}
.page-in-button center .page-button-prev{color: transparent!important;background:url(../images/page_prev.png)center no-repeat #fff;background-size: 8px auto;}
.page-in-button center .page-button-next{color: transparent!important;background:url(../images/page_next.png)center no-repeat #fff;background-size: 8px auto;}

.page-in-button a:hover,.page-in-button .page-button-on{color: #fff;background-color: #0657a8;}
.page-in-button center .page-button-prev:hover{background:url(../images/page_prev02.png)center no-repeat #0657a8;background-size: 8px auto;}
.page-in-button center .page-button-next:hover{background:url(../images/page_next02.png)center no-repeat #0657a8;background-size: 8px auto;}


@media(max-width:991px){
	.page-in-button{margin-top: 30px;}
}
@media(max-width:515px){
	.page-in-button{margin-top: 30px;}
	.page-in-button a{padding: 12px 20px;}
	
}

@media(max-width:440px){
	.page-in-button{margin-top: 20px;}
	.page-in-button a{padding: 10px 15px;}
	
}

@media(max-width:370px){
	.page-in-button a{padding: 8px 13px;}
}


/********************buttom按钮************************/
.page-buttom2{float: right;margin-top: 20px;}
.last,.next,.return{font-size: 14px; width:180px;;margin-bottom: 8px;padding: 5px 10px;line-height: 30px;height: 40px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align:left;display:block;border: 1px solid #e4e4e4;border-radius: 4px; color: #666;}
.page-buttom2 .return{color: #fff;background-image: url(../images/back.png);background-repeat: no-repeat;background-position: 20px 50%;background-color:#0657a8;padding-left: 60px;box-shadow: 0 0 5px 3px #e4e4e4;}

.next:hover{background-color:#0657a8;  color: #fff;box-shadow: 0 0 5px 3px #e4e4e4;}
.last:hover{background-color:#0657a8;  color: #fff;box-shadow: 0 0 5px 3px #e4e4e4;}


/********************内页推荐************************/
/***********产品-推荐TITLT*********/ 
.page-recomend-title{ overflow: hidden;margin-bottom: 30px;}
.page-recomend-title div{font-size: 22px;color: #333;float:left}
.page-recomend-title a{float: right;color: #0657a8;font-size: 16px;padding: 2px 6px;}

/***********产品-推荐新闻*********/ 
.page-in-reconmend{overflow: hidden;margin-bottom: 30px;border: 1px solid #999;background-color: #fafafa;padding:10px 20px;}
.page-recom-news{overflow: hidden;}
.page-recom-news-box{float: left; width: 48%;display: block;overflow: hidden;line-height: 18px;height: 18px;margin-bottom: 15px;margin-right: 2%;}
.page-re-news-tit{font-size: 14px;padding-left: 5px; line-height: 18px;height: 18px;color: #333; overflow: hidden;float: left;width:calc(100% - 100px);}
.page-re-news-time{font-size: 14px;line-height: 18px;height: 18px;padding-right: 5px;  border-right: 1px solid #999;float: left;color: #999;}


/***********产品-推荐产品*********/ 
.page-recom-pro{overflow: hidden;}
.page-recom-pro-box{display: block;float: left;width: 18.4%;margin-right: 2%;}
.page-recom-pro a:last-child{margin-right: 0;}
.page-recom-pro-box img{width: 100%;border: 1px solid #ccc;}
.page-re-pro-tit{font-size: 14px;color:#666 ;text-align: center;margin-bottom: 10px;line-height: 40px;height: 40px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

/***********新闻hover*********/ 
.page-recom-news-box:hover .page-re-news-tit{color:#0657a8;}
.page-recom-news-box:hover .page-re-news-time{color:#0657a8;}
.page-recom-pro-box:hover .page-re-pro-tit{color:#0657a8;}
.page-recom-pro-box:hover img{border-color:#0657a8;}


@media(max-width:991px){
	.page-in-reconmend{display: none;}
}

/*******page-cer*********/
.cer-list{margin-bottom:20px;}
.cer-img{display:block;float: left;width: 150px;height: 100%;}
.cer-list li a img{width:100%;}
.cer-box{margin-bottom: 30px;}
.cer-box-table{float: right;width: calc(100% - 200px);display: table;height: auto; font-size: 15px;line-height: 30px;color: #666666;}
.cer-box-text{display: table-cell;vertical-align: middle;height: 100%;}
.cer-box-text1{vertical-align: unset;}
.cer-more{width: 150px;}
.cer-more img{width: 50px;margin: 0 auto;}

@media(max-width:500px){
	.cer-img,.cer-more{width: 100px;}
	.cer-box-table{width: calc(100% - 120px);height: 140px; font-size: 12px;line-height: 24px;}
	.cer-more img{width: 40px;}
}
@media(max-width:370px){
	.cer-box-table{width: calc(100% - 110px);line-height: 18px;}
}



/*******page-cer*********/
.fancybox-opened {z-index: 8030;}
.fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner {position: relative;}


.fancybox-inner {overflow: hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;}
.fancybox-error {color: #444;font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin: 0;padding: 15px;white-space: nowrap;}
.fancybox-image, .fancybox-iframe {display: block;width: 100%;height: 100%;}

.fancybox-image {max-width: 100%;max-height: 100%;}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url(../images/fancybox_sprite.png);}

#fancybox-loading {position: fixed;top: 50%;left: 50%;margin-top: -22px;margin-left: -22px;background-position: 0 -108px;opacity: 0.8;cursor: pointer;z-index: 8060;}

#fancybox-loading div {width: 44px;height: 44px;background: url(../images/fancybox_loading.gif) center center no-repeat;}

.fancybox-close {position: absolute;top: -18px;right: -18px;width: 36px;height: 36px;cursor: pointer;z-index: 8040;}
.fancybox-nav {position: absolute;top: 0;width: 40%;height: 100%;cursor: pointer;text-decoration: none;background: transparent url(../images/blank.gif); /* helps IE */-webkit-tap-highlight-color: rgba(0,0,0,0);z-index: 8040;}

.fancybox-prev {left: 0;}
.fancybox-next {right: 0;}
.fancybox-nav span {position: absolute;top: 50%;width: 36px;height: 34px;margin-top: -18px;cursor: pointer;z-index: 8040;visibility: hidden;}
.fancybox-prev span {left: 10px;background-position: 0 -36px;}
.fancybox-next span {right: 10px;background-position: 0 -72px;}

.fancybox-nav:hover span {visibility: visible;}

.fancybox-tmp {position: absolute;top: -99999px;left: -99999px;max-width: 99999px;max-height: 99999px;overflow: visible !important;}

/* Overlay helper */

.fancybox-lock {overflow: visible !important;width: auto;}

.fancybox-lock body {overflow: hidden !important;}

.fancybox-lock-test {overflow-y: hidden !important;}

.fancybox-overlay {position: absolute;top: 0;left: 0;overflow: hidden;display: none;z-index: 8010;background:rgba(0,0,0,.8);}

.fancybox-overlay-fixed {position: fixed;bottom: 0;right: 0;}

.fancybox-lock .fancybox-overlay {overflow: auto;overflow-y: scroll;}

/* Title helper */
.fancybox-title {visibility: hidden;font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position: relative;text-shadow: none;z-index: 8050;}
.fancybox-opened .fancybox-title {visibility: visible;}
.fancybox-title-float-wrap {position: absolute;bottom: 0;right: 50%;margin-bottom: -50px;z-index: 8050;text-align: center;}

.fancybox-title-float-wrap .child {display: inline-block;margin-right: -100%;padding: 5px 30px;background: transparent; /* Fallback for web browsers that doesn't support RGBa */background:#0081ff;-webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius: 6px;color: #FFF;font-weight: bold;font-size:15px;line-height: 24px;white-space: nowrap;}

.fancybox-title-outside-wrap {position: relative;margin-top: 10px;color: #fff;}
.fancybox-title-inside-wrap {padding-top: 10px;}
.fancybox-title-over-wrap {position: absolute;bottom: 0;left: 0;color: #fff;padding: 10px;background: #000;background: rgba(0, 0, 0, .8);}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url(../images/fancybox_sprite@2x.png);
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url(../images/fancybox_loading@2x.gif);
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}