/*
* @Author: Administrator
* @Date:   2019-06-05 09:09:28
* @Last Modified by:   Administrator
* @Last Modified time: 2019-06-05 11:03:11
*/
.hidden{width: 100%;overflow: hidden;}
.header{ border-bottom: solid 1px #1f1f25; position: fixed;z-index: 9999; top: 0;width: 100%;height: 87px; z-index:2222}
.headerbg{content:" "; position: fixed;; left:0; top:0px; width:100%; height:100%;background: #1f1f25;height: 87px;  z-index:2221; background-color:rgb(0,0,0);   
 opacity:0.4;   
filter:alpha(opacity=40);   
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=40)';
}

.logo{float: left;margin-top: 15px;display: block;margin-right: 85px;}

.navbar{float: left; margin-left:40px;}
.navbar *{-webkit-box-sizing: border-box;box-sizing: border-box;}
.category-item{float: left;margin-right: 74px;}
.category-item-single{position: relative;}
.category-a{display: block;font-size: 16px;line-height: 86px;color: #fff;-webkit-transition: all .6s;-o-transition: all .6s;transition: all .6s;position: relative;}
.category-a.on,.category-a:hover{color: #ed7d31;}
.category-a::after{content: '';width:0;height: 2px;background: #ed7d31;position: absolute;bottom: 0;left:50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: all .8s;-o-transition: all .8s;transition: all .8s;}
.category-item.active .category-a::after,.category-item:hover .category-a::after{width: 100%;}
.category-item.active .category-a,.category-item:hover .category-a{color:#ed7d31; }
.dropdown-menu *{-webkit-box-sizing: border-box;box-sizing: border-box;}
.dropdown-menu.single {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
    /* width: auto; */
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    z-index: 1100;
    background: rgba(255,255,255,1);
    margin-top: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: max-height .5s;
    -o-transition: max-height .5s;
    transition: max-height .5s;
    border: none;
    color: #303233;
    height: auto;
    padding: 0;
    display: block;
}
.dropdown-menu.single li{
    display: block;
    font-size: 16px;
    width: 100%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-bottom: 1px solid #efefef;
    position: relative;
}
.dropdown-menu.single li:last-child{border-bottom: 0;}
.dropdown-menu.single li>a {
    padding: 21px 60px;
    white-space: nowrap;
    display: inline-block;
    width: 100%;
    color: #333;
    line-height: 1;
    height: auto;
    background: 0 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.dropdown-menu.single li>i{display: block;font-size: 16px;color: #4d4d4d;position: absolute;right: 25px;top:50%;margin-top: -8px;}
.dropdown-menu.single li:hover a{color:#ed7d31;}
.dropdown-menu.single li:hover i{color:#0e48a7; }
.category-item:hover .dropdown-menu.single{
    max-height: 450px;
    opacity: 1;
}

.menu-left{width: 22%;background: #f7f8f9;float: left;padding: 20px 0px;}
.menu-left a{display: block;font-size: 14px;padding: 0 20px; color: #333;height: 40px;line-height: 40px;background: url(../images/abv-right.png) no-repeat right 20px center;}
.menu-left a.active{background-color: white;}
.menu-right{width: 78%;float: right;background: white;padding: 30px 40px;}
.menu-list{display: none;}
.menu-list ul{margin-left: -23px;}
.menu-list li{overflow: hidden; float: left;margin-left: 23px;width: 23%;}
.menu-pic{width: 200px;height: 170px;overflow: hidden;}
.menu-pic img{display: block;width: 100%;}
.menu-list li:hover .menu-fo{color: #69c927;}
.menu-fo{text-align: left;font-size: 14px;line-height: 24px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.menu-more{padding-right: 20px; display: block;color: #666;font-size: 16px;margin: 15px 0;background: url(../images/abv-right.png) no-repeat left 70px center;}
.menu-more:hover{color: #69c927;background-image: url(../images/indx-spanH.png);background-size: 9px 16px;}
.menu-ab a{font-size: 16px;color: #333;}
.menu-ab{margin-bottom: 10px;line-height: 24px;height: 24px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.menu-as,.menu-as a{font-size: 14px;color:#666;margin-bottom: 5px;line-height: 20px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.menu-list .menu-li{width: 30%;margin-bottom: 20px;padding-bottom: 20px;border-bottom: solid 1px #e6e6e6;}
.menu-li-left{float: left;width: 100px;height: 85px;overflow: hidden;    margin-right: 20px;}
.menu-li-left img{display: block;width: 100%;}
.menu-li-right{float: left;width: 150px;}
.menu-ab a:hover,.menu-as a:hover{color: #69C927;}
.nav-rela{position: relative;}               
.dropdown-container .container-middle{text-align: center;}
.dropmenu {    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
    /* width: auto; */
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    z-index: 1100;
    background: rgba(255,255,255,1);
    margin-top: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: max-height .5s;
    -o-transition: max-height .5s;
    transition: max-height .5s;
    border: none;
    color: #303233;
    height: auto;
    padding: 0;
    display: block;}
.nav .nav-item:hover .dropmenu {opacity: 1;max-height: 550px;background: white;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
/*.menu-sma{min-width: 100px;}*/
.menu-sma a{display: block;text-align: center; height: 50px;line-height: 50px;font-size: 14px;color: #777;border-bottom: solid 1px #e4e4e4;padding: 21px 30px;}
.menu-sma a:last-child{border-bottom: none;}
.menu-sma a:hover{color: #333;font-weight: bold;}
.head-tel{float: right;color: white;font-family: arial;font-size: 24px;padding-left: 33px;background: url(img/head-tel.png) no-repeat left center;line-height: 30px; margin-top:10px;}


/*banner*/
.banner{margin-top: 0px !important;}
.banner .swiper-slide{position: relative;height: 650px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.banner .swiper-pagination{height: 30px;line-height: 30px;bottom: 20px !important;}
.banner .swiper-pagination-bullet{transition: all .5s; position: relative; opacity: 1;width: 10px;height: 10px;background: white;margin: 0 10px !important;}
.banner .swiper-pagination-bullet-active{background:#ed7d31;}

.banner-font{ padding-top: 200px; position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.banner-p{opacity: 0; transition: all 1s .7s;transform: translateY(-20px);margin-bottom: 24px; line-height: 48px; font-size: 48px;color: white;}
.banner-p span{    font-style: italic;font-weight: bold; font-size: 60px;color: #d6b673;padding-right: 20px;
background-image: -webkit-linear-gradient( top, #00cdb0, #109eb8);
  -webkit-background-clip: text;
  color: transparent;}
.banner-font h5{opacity: 0;transition: all 1s .7s;transform: translateY(20px);font-size: 18px;color: #c2c5cb;line-height: 18px;}

.banner-a{opacity: 0;transition: all 1s .7s;transform: translateY(20px);position: relative;overflow: hidden; display: block;width: 221px;height: 50px;background: url(img/more.png); text-align: center;line-height: 46px;font-size: 18px;color: #f2f2f2;margin-top: 65px;border-radius: 30px;
  /*border-image: linear-gradient(to right, #ed7d31, #de6e22);
  border-image-slice: 10;
  border: 2px solid transparent;*/}
.banner-a span{position: relative;z-index: 33;}
.banner-a:hover:after{width: 100%;}
.banner-a:after{transition: all .5s; position: absolute;content: '';width: 0%;height: 100%;left: 0;top: 0;background:-webkit-linear-gradient(left, #00cdb0, #109eb8);border-radius: 30px;}
.banner .swiper-slide-active .banner-p,.banner .swiper-slide-active .banner-font h5,.banner .swiper-slide-active .banner-a{opacity: 1;transform: translateY(0);}
.banner .swiper-button-next,.banner .swiper-button-prev{opacity: 0;background-image: none;background-color: #ed7d31;width: 50px;font-size: 20px; height: 50px;margin-top: -25px;color: white;text-align: center;line-height: 50px; }
.banner:hover .swiper-button-next,.banner:hover .swiper-button-prev{opacity: 1;}
.banner-a:hover{}



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




/*@media all and (max-width: 1460px) {
	.main{width: 1200px;}
	.logo{margin-right: 78px;}
	.nav .category{padding: 0 25px;}
	.foot-left dl{width: 138px;}
	.form_pop input[type="text"]{width: 176px;}
	.ino-left{padding: 10px;    height: 626px;}
	.ino-list,.ino-pic{height: 553px;}
	.ino-li i{width: 60px;height: 60px ;   line-height: 60px;}
	.li-font{padding-top: 5px;}
	.int-banner .swiper-button-next{right: 60px;}
	.int-banner .swiper-button-prev{left: 60px;}
	.banner .swiper-slide{height: 500px;}
	.banner-p,.banner-font h5{margin-left: 115px;}
	.banner-font{padding-top: 150px;}
	.gallery-top{width: 965px;}
	.con-wrap{width: 1100px;}
	.inf-right{padding-left: 50px;padding-right: 50px;}
}
@media all and (max-width: 1280px) {
	.shop-big{width: 1200px;}
	.main{width: 1150px;}
	.foot-left dl{width: 130px;}
	.ine-left{width: 881px;}
	.nav .category{padding: 0 22px;}
	.inf-right{padding-left: 50px;padding-right: 50px;}
	.int-banner .swiper-button-next{right: 60px;}
	.int-banner .swiper-button-prev{left: 60px;}
	.form_pop input[type="text"]{width: 166px;}
	.gallery-top{width: 920px;}
	.banner-p,.banner-font h5{margin-left: 100px;}
}*/

/**/
.index-one{padding: 70px 0;background: url(img/ino-bg.png) no-repeat center;background-size: cover;}
.ino-tit{position: relative;margin-bottom: 40px;}
.ino-tit h3{text-transform: uppercase; font-size: 16px;line-height: 12px;color: #909090;font-family: arial;margin-bottom: 10px;}
.ino-tit h4{display: inline-block; font-size: 30px;line-height: 30px;font-weight: bold;background: linear-gradient(to right, #ed7d31, #de6e22);-webkit-background-clip: text;color: transparent;}
.index-more{position: absolute;right: 0;bottom: 0; overflow: hidden;border: solid 2px #e5e8ea; display: block;width: 161px;height: 40px; text-align: center;line-height: 36px;font-size: 16px;color: #666;border-radius: 30px;transition: all 0s;}
.index-more span{position: relative;z-index: 33;}
.index-more:hover{background: url(img/index-more.png);border: none;line-height: 40px;}
/*.index-more:hover:after{width: 100%;}
.index-more:hover span{color: white;}
.index-more:after{transition: all .5s; position: absolute;content: '';width: 0%;height: 100%;left: 0;top: 0;background:-webkit-linear-gradient(left, #00cdb0, #109eb8);border-radius: 30px;}*/


.index-one ul{width:100%; margin:0px auto 0 auto;}
.index-one li{transition: all .5s; background: white; border: solid 1px #eeeeee;border-right: none; float:left;width:33.3%;height:100%;position:relative;overflow:hidden;cursor:pointer;}
.index-one li:last-child{border-right: solid 1px #eee;}
.index-one li .ino-top{transition: all .5s;font-size: 16px;color: #333;background: #f6f6f7;height: 90px;border-bottom: solid 1px #f0f0f0;text-align: center;line-height: 90px;}
.index-one li .ino-top span{position: relative;padding-left: 35px;}
.index-one li .ino-top span:after{transition: all .5s;position: absolute;content: '';background: url(img/circuit.png) no-repeat center;width: 27px;height: 21px;left: 0;top: 50%;margin-top: -10.5px;}
.index-one li p{line-height: 30px;font-size: 14px;color: #888;min-width: 215px;}
.ino-pic{width: 100%;height: 100%;float: left;overflow: hidden;}
.ino-pic img{display: block;width: 100%; height:353px;}
.ino-bot{position: relative; transition: all .5s;width: 100%; text-align: center;padding: 0 45px;padding-top: 10px; padding-bottom:10px;}
.ino-font{float: right;display: none;text-align: left;height:200px; overflow-y:auto;}
.ino-font::-webkit-scrollbar {width: 2px;background-color: #ededed;}
.ino-font::-webkit-scrollbar-thumb {background-color:#0ea2b7;border-radius: 10px;}
.index-one li.active{width: 664px;border-radius: 7px;box-shadow:  0 0 30px rgba(0,0,0,0.2);z-index: 3;}
.index-one li.active .ino-pic{width: 183px;}
.index-one li.hover{width: 184px;}

.index-one li.active .ino-bot{padding: 30px 80px 0 80px;height: 363px;}
.index-one li.active .ino-pic{margin-top: 25px;}
.index-one li.hover .ino-bot{padding: 70px 0px 0 0px;}
.index-one li.active .ino-font{display: block;}
.index-one li.active .ino-top{height: 70px;line-height: 70px; color: white;font-size: 24px;background:-webkit-linear-gradient(left, #00cdb0, #109eb8);}
.index-one li.active .ino-top  span:after{background-image: url(img/circuitH.png);}
.index-one li.active .ino-more{opacity: 1;}
.ino-more{opacity: 0; position: absolute;left: 50%;bottom: 37px;border: solid 2px #e5e8ea;transition: all 0s; overflow: hidden; display: block;width: 161px;height: 40px; text-align: center;line-height: 36px;font-size: 16px;color: #666;border-radius: 30px;margin-left: -80.5px;}
.ino-more span{position: relative;z-index: 33;}
.ino-more:hover{background: url(img/index-more.png);border: none;line-height: 40px;}

/*.ino-more:hover:after{width: 100%;}
.ino-more:hover span{color: white;}
.ino-more:after{transition: all .5s; position: absolute;content: '';width: 0%;height: 100%;left: 0;top: 0;background:-webkit-linear-gradient(left, #00cdb0, #109eb8);border-radius: 30px;}*/



.dis-table{width: 100%;display: table;height: 100%;}
.dis-cell{vertical-align: middle;text-align: center; display: table-cell;}

/*index-two*/
.index-two{height: 650px;position: relative;}
.gallery-top{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.gallery-top .swiper-slide{background-repeat: no-repeat;background-position: center;background-size: cover;}
.index-two .main-swiper{padding-top: 120px; position: absolute;width: 100%;left: 0;top: 0; height: 100%;}
.gallery-thumbs{width: 200px;height: 300px;
    margin: 0 !important;position: absolute;left: 0;top: 0;}
.gallery-thumbs .swiper-slide{cursor: pointer;height: 60px !important; line-height: 60px;font-size: 24px;color: white;}
.gallery-thumbs .swiper-slide span{position: relative;}
.gallery-thumbs .swiper-slide span:after{display: none; position: absolute;content: '';background: url(img/int-right.png) no-repeat center;width: 13px;height: 22px;right: -35px;top: 50%;margin-top: -11px;}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active{font-weight: bold;}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active span:after{display: block;}
.int-tit{position: relative;z-index: 33; margin-bottom: 28px;}
.int-tit h3{text-transform: uppercase; font-size: 16px;line-height: 14px;color: #909090;font-family: arial;margin-bottom: 10px;background: linear-gradient(to right, #ed7d31, #de6e22);-webkit-background-clip: text;color: transparent;}
.int-tit h4{display: inline-block; font-size: 30px;line-height: 30px;font-weight: bold;background: linear-gradient(to right, #ed7d31, #de6e22);-webkit-background-clip: text;color: transparent;}
.int-font{height: 650px; position: relative; padding-top: 220px;padding-left: 305px;}
.int-font h3{margin-bottom: 20px; font-weight: bold;font-size: 24px;color: white;line-height: 24px;}
.int-font:after{position: absolute;content: '';width: 1px;height: 100%;background: rgba(255,255,255,0.18);left: 240px;top: 0;}
.int-font p{line-height: 28px;color: white;font-size: 16px;}
.int-font a{margin-top: 77px; position: relative; overflow: hidden;transition: all 0s; display: block;width: 161px;height: 40px; text-align: center;line-height: 36px;font-size: 16px;color: #fff;border-radius: 30px;border: solid 2px rgba(220,220,220,0.33);}
.int-font a span{position: relative;z-index: 33;}
.int-font a:hover{background: url(img/index-more.png);border: none;line-height: 40px;}
/*.int-font a:hover:after{width: 100%;}
.int-font a:hover span{color: white;}
.int-font a:hover{border: none;}
.int-font a:after{transition: all .5s; position: absolute;content: '';width: 0%;height: 100%;left: 0;top: 0;background:-webkit-linear-gradient(left, #00cdb0, #109eb8);border-radius: 30px;}*/

.main-swiper .swiper-button-next,.main-swiper .swiper-button-prev{height: 20px;transform: rotateZ(90deg);position: relative !important; z-index: 33;left: 0;right: 0;bottom: 0;top: 0;margin-top: 0;}
.main-swiper .swiper-button-prev{margin-top: 10px;}

/*index-three*/
.index-three{padding: 60px 0;background: url(img/ine-bg.png) no-repeat center;background-size: cover;}

.index-three h3{text-align: center; text-transform: uppercase; font-size: 16px;line-height: 14px;color: #909090;font-family: arial;margin-bottom: 10px;}
.index-three h4{text-align: center; font-size: 30px;line-height: 30px;font-weight: bold;color: #0ea2b7;}
.ine-top{margin-top: 27px;padding-bottom: 18px;border-bottom: solid 1px #f2f2f2;}
.ine-left1{float: left; width: 660px;padding-left: 50px;padding-top: 50px;}
.ine-right1{float: right;}
.ine-list{overflow: hidden;margin-bottom: 40px;}
.ine-num{float: left; background: url(img/ine3.png) no-repeat center;width: 60px;height: 57px;font-family: arial;text-align: center;line-height: 57px;color: white;font-weight: bold;font-size: 34px;margin-right: 18px;}
.ine-font{float: left;}
.ine-font h5{margin-bottom: 2px; font-size: 20px;line-height: 40px;color: #333;font-weight: bold;}
.ine-list:hover .ine-font h5{color: #0ea2b7;}
.ine-font p{font-size: 14px;color: #666;line-height: 30px;padding-left: 19px;position: relative;}
.ine-font p:after{position: absolute;content: '';width: 8px;height: 8px;border-radius: 50%;background: #e5e5e5;left: 0;top: 11px;}
.ine-right2{float: left;}
.ine-bot{padding-top: 48px;}
.ine-left2{float: right; width: 760px;}

/**/
.index-four{background: url(img/inf-bg.png) no-repeat center;background-size: cover;height: 356px;padding-top: 80px;}
.index-four h3{font-size: 28px;color: white;font-weight: bold;line-height: 28px;text-align: center;margin-bottom: 36px;}
.index-four a{ position: relative; overflow: hidden;left: 50%;margin-left: -80.5px;transition: all 0s; display: block;width: 161px;height: 40px; text-align: center;line-height: 36px;font-size: 16px;color: #fff;border-radius: 30px;border: solid 2px white;}
.index-four a span{position: relative;z-index: 33;}
.index-four a:hover{border: none;background: url(img/index-more.png) no-repeat center;line-height: 40px;}
/*.index-four a:hover:after{width: 100%;}
.index-four a:hover span{color: white;}
.index-four a:hover{border: none;}
.index-four a:after{transition: all .5s; position: absolute;content: '';width: 0%;height: 100%;left: 0;top: 0;background:-webkit-linear-gradient(left, #00cdb0, #109eb8);border-radius: 30px;}*/

.inv-swiper .swiper-slide{height: 48px;border-right: solid 1px #e7e7e7; padding: 0 50px;width: auto;vertical-align: middle;}
.index-five{box-shadow: 0 0 21px 4px rgba(0,0,0,0.18);position: relative; padding: 60px 105px;background: white;margin-top: -86px;}
.index-five .inf-next,.index-five .inf-prev{position: absolute;width: 51px;height: 51px;background-image: none; border-radius: 50%;border: solid 1px #cecece;text-align: center;line-height: 49px;color: #d0d0d0;}
.index-five .inf-next{right: 55px;}
.index-five .inf-prev{left: 55px;}
.index-five .inf-next:hover,.index-five .inf-prev:hover{color: white;background:-webkit-linear-gradient(left, #00cdb0, #109eb8);border: none;}
.inv-swiper .swiper-wrapper > * { transition: opacity 150ms linear 100ms, transform 150ms ease-in-out 100ms; }
.inv-swiper .swiper-wrapper:hover > * { opacity: 0.5; transform: scale(0.9); }
.inv-swiper .swiper-wrapper> *:hover { opacity: 1; transform: scale(1); transition-delay: 0ms, 0ms; }
.inv-swiper .swiper-slide img{opacity: 0.5; display: block;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);transition: all 1s;filter: gray;}
.inv-swiper .swiper-slide:hover img{opacity: 1; -webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;}

/*关于我们*/
.index-six{padding: 153px 0 70px 0;margin-top: -86px; background: url(img/inx-bg.png) no-repeat center;background-size: cover;}
.inx-left{float: left; width: 726px;height: 473px;overflow: hidden;}
.inx-left img{display: block;transition: all .5s; width: 100%;height: 100%;}
.inx-left:hover img{transform: scale(1.1);}
.inx-right{width: 570px;float: right;padding-top: 34px;}
.inx-right h3{text-transform: uppercase; font-size: 16px;line-height: 12px;color: #909090;font-family: arial;margin-bottom: 10px;}
.inx-right h4{margin-bottom: 25px; display: inline-block; font-size: 30px;line-height: 30px;font-weight: bold;background: linear-gradient(to right, #ed7d31, #de6e22);-webkit-background-clip: text;color: transparent;}
.inx-right p{line-height: 28px;font-size: 14px;color: #888;}
.inx-right a{display: block;width: 36px;height: 36px;border-radius: 50%;border: solid 1px #b8b8b8;text-align: center;line-height: 34px;color: #b8b8b8;margin-top: 20px;}
.inx-right a:hover{color: white;background:-webkit-linear-gradient(left, #00cdb0, #109eb8);border: none;}
.inx-right li{float: left;margin-right: 55px;}
.inx-right ul{margin-top: 34px;}
.inx-right li .div{text-align: center;}
.inx-right li .timer{display: inline-block; line-height: 44px; position: relative; text-align: center; color: white;font-family: arial;font-size: 60px;font-weight: bold;color: #de6e22;}
.inx-right li span{color: white;font-size: 24px;font-family: arial;font-weight: normal;color: #de6e22;}
.inx-right li .span{margin-top: 18px; display: block;font-size: 14px;color: #6e728b;text-align: center;}

/*index-seven*/
.index-seven{padding: 60px 0 70px 0;}
.inst-left{float: left;}
.inst-left h3{margin-bottom: 6px;}
.index-seven .ino-tit{margin-bottom: 35px;}
.inst-right{float: right;margin-top: 12px;}
.inst-right a{border: solid 2px #e5e8ea; display: block;float: left;transition: all 0s; overflow: hidden; width: 161px;height: 40px; text-align: center;line-height: 36px;font-size: 16px;color: #666;border-radius: 30px;margin-left: 10px;}
.inst-right span{position: relative;z-index: 33;}
.inst-right a:hover,.inst-right a.hover{background: url(img/index-more.png);border: none;line-height: 40px;}
.ins-big{margin-top: 35px;}
.ins-big ul{margin-left: -70px;display: none;}
.ins-big li{margin-left: 70px;float: left;width: 420px;}
.ins-list{display: block;width: 100%;}
.ins-list h5{line-height: 30px;font-size: 18px;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 22px;}
.ins-pic{width: 100%;height: 248px;overflow: hidden;}
.ins-pic img{display: block;width: 100%;height: 100%;transition: all .5s;}
.ins-list p{line-height: 24px;font-size: 14px;color: #888;margin-top: 15px;margin-bottom: 30px;    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ins-list .ins-more{position: relative; overflow: hidden;transition: all 0s; display: block;width: 161px;height: 40px; text-align: center;line-height: 36px;font-size: 16px;color: #666;border-radius: 30px;border: solid 1px #bfbfbf;}
.ins-list .ins-more span{position: relative;z-index: 33;}
.ins-list:hover .ins-more{border: none;background: url(img/index-more.png) no-repeat center;line-height: 40px;}
.ins-list:hover img{transform: scale(1.1);}
.ins-list:hover h5{color: #109eb7;}

/*底部*/
.foot{background: #efefef;padding-top: 55px;}
.foot-top{padding-bottom: 43px;border-bottom: solid 1px #2a2a30;}
.foot-left{float: left;}
.foot-left dl{float: left;width: 145px;}
.foot-left dt{margin-bottom: 20px;}
.foot-left dt a{font-size: 16px;display: block;line-height: 16px;color: #000;}
.foot-left dd a{display: block;font-size: 14px;color: #696969;line-height: 30px;}
.foot-mid{float: left;margin-left: 70px;}
.foot-mid h3{text-align: center;margin-bottom: 35px; line-height: 16px;font-size: 16px;color: #000;}
.foot-mid .ewm{width: 124px;height: 124px;background: white;padding: 10px;}
.foot-mid .ewm img{display: block;width: 100%;height: 100%;}
.foot-right{float: left;margin-left: 65px;}
.foot-right h3{margin-bottom: 35px; line-height: 16px;font-size: 16px;color: #000;}
.foot-right h4{line-height: 2;font-size: 24px;color: #000;font-family: arial;}
.foot-right h5{font-family: arial;font-size: 14px;color: #666;line-height: 14px;margin-top: 12px;}
.zixun{position: relative;z-index: 22; width: 140px;font-size: 14px;border-radius: 5px;margin-top: 40px; height: 36px;display: block;text-align: center;color: white;line-height: 34px;}
.zixun:after{position: absolute;content: '';border-radius: 5px; width: 100%;height: 100%;left: 0;top: 0;z-index: 2; background: linear-gradient(to right, #ed7d31, #de6e22);}
.zixun span{display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 11;background: url(img/zixun.png) no-repeat left 23px center;padding-left: 25px;}
.zixun:hover:after{background: linear-gradient(to right, #de6e22 ,#ed7d31);}
.foot-bot{padding: 15px 0;overflow: hidden;}
.foot-bot span{line-height: 30px;font-size: 16px;color: white;}
.foot-bot a{font-size: 14px;color: #696969;padding: 0 20px;}
.foot-bot a:hover,.foot-left dt a:hover,.foot-left dd a:hover{color: #08b6b4;}
.footer{padding: 15px 0;text-align: center;background: #d2d2d2;}
.footer span{font-size: 14px;color: #666;line-height: 30px;padding: 0 20px;}
.footer span a{font-size: 14px;color: #666;}
.footer span a:hover{color: #08b6b4;}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 1 !important;}
@media all and (max-width: 1440px) {
	.main{width: 1200px;}
	.logo{margin-right: 28px;}
	.category-item{margin-right: 53px;}
	.ino-bot{padding-left: 25px;padding-right: 25px;}
	.index-one li.active .ino-bot{padding: 30px 50px 0 50px;}
	.index-one li.hover{width: 170px;}
	.index-one li.active{width: 520px;}
	.ine-left1{width: 600px;}
	.ine-font{width: 450px;}
	.ine-left2,.inx-right{width: 550px;}
	.inx-left{width: 600px;height: 390px;}
	.inx-right{padding-top: 14px;}
	.ins-big ul{margin-left: -50px;}
	.ins-big li{margin-left: 50px;width: 366px;}
	.ins-pic{height: 216px;}
        .foot-left dl{width: 125px;}
	.foot-mid{margin-left: 0;}
	.foot-right{margin-left: 54px;}
	.inv-swiper .swiper-slide{padding: 0 45px;}
	.index-five{padding: 60px 70px;}
	.index-five .inf-next{right: 10px;}
	.index-five .inf-prev{left: 10px;}
	
	.banner-font{padding: 200px 100px 0 100px;}
}



.section{width: 100%;overflow: hidden;}
/*=================================*/
.ny-banner{position: relative;margin-top: 87px;height: 300px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.ny-banner img{display: block;width: 100%;}
.ny-tit{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.ny-tit h3{font-size: 34px;font-weight: bold;color: white;text-align: center;line-height: 34px;margin-bottom: 20px;}
.ny-tit h4{font-size: 20px;color: white;text-align: center;line-height: 20px;}

.container{width: 1200px;margin: 0 auto;}
.second-nav{background: #f6f6f6; font-size: 15px;color: #888;line-height: 50px; height: 50px;border-bottom: solid 1px #e5e5e5;}
.crumb{padding-left: 22px;background: url(img/crumb.png) no-repeat left center;}
.crumb a{display: inline-block; font-size: 15px;color: #888;line-height: 14px; padding: 0 10px;border-right: solid 1px #888888;}
.crumb a:last-child{border-right: none;}
.quality{padding: 38px 0 70px 0;background: #f6f6f6;}
.con-left{
	width: 260px;
	float: left;
	padding-bottom: 60px;
}

.con-tit{
	height: 90px;
	background: -webkit-linear-gradient(left, #ed7d31 , #de6e22); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #ed7d31, #de6e22); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #ed7d31, #de6e22); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #ed7d31 , #de6e22); /* 标准的语法 */
	padding: 25px 0 0 25px;

}
.con-tit h3{
	font-size: 26px;
	color: white;
	line-height: 26px;
}
.con-tit h4{
	font-size: 13px;
	text-transform: uppercase;
	color: white;
	opacity: 0.67;
	font-family: arial;
	margin-top: 2px;

}
.nav-list{background: white;padding: 0 6px;}
.nav-list li{overflow: hidden; opacity: 1;pointer-events: auto;-webkit-transform: none;transform: none;border-bottom: solid 1px #eeeeee;}
.nav-list li:last-child{border-bottom: none;}
.con-item{position: relative;padding: 0 20px;}
.nav-list .open .con-item a{color: #08b9b6;font-weight: bold;}
.con-item a{font-size: 16px;line-height: 60px;margin-right: 60px;display: block;color: #333;}
.category-cont a:last-child{border:none;}
.category-cont a.active{color:#af9472;}
.category-tig{font-size: 14px;color: #888;text-align: right;line-height: 60px;width: 20px;height: 60px; position: absolute;right: 15px;top: 0; z-index: 2;}
.category-tig::before,.category-tig::after{content: '';background: #888;position: absolute;top:50%;left: 50%;transition: all .3s;}
.category-tig::before{width: 13px;height: 13px;margin-top: -6.5px;margin-left: -6.5px;background: url(img/top.png) no-repeat center;transition: all .5s;}
.nav-list li.open .category-tig::before{opacity: 1;transform: rotateZ(90deg);}
.category-cont{display: none;}
.nav-list li.open .category-cont{display: block;border-top: solid 1px #eeeeee;}
.category-pad{padding: 15px 0 20px 20px;}
.nav-list li.open .category-cont a.active{color: #08b9b6;}
.category-cont a {padding-left: 15px; line-height: 30px;font-size: 14px;display: block;color: #888888;position: relative;}
.category-cont a:after{
	position: absolute;
	content: '';
	width: 4px;
	height: 4px;
	background: #c6c6c6;
	border-radius: 50%;
	left: 0;
	top: 50%;
	margin-top: -2px;
}
.nav-list li.open .category-cont a.active:after{
	background: #08b9b6;
}
.nav-two{border-bottom: solid 1px #eeeeee;}
.nav-two:last-child{border-bottom: 0;}
.navt-item{position: relative;}
.nav-pa{padding: 5px 0;}
.nav-bot{display: none;}
.nav-bot a{line-height: 30px;}
.nav-two.open .nav-bot{padding-left: 20px; display: block;border-top: solid 1px #eeeeee;}
.nav-pig{font-size: 14px;color: #888;text-align: right;line-height: 40px;width: 20px;height: 40px; position: absolute;right: 15px;top: 0; z-index: 2;}
.nav-pig::before,.nav-pig::after{content: '';background: #888;position: absolute;top:50%;left: 50%;transition: all .3s;}
.nav-pig::before{width: 13px;height: 13px;margin-top: -6.5px;margin-left: -6.5px;background: url(img/top.png) no-repeat center;transition: all .5s;}
.nav-two.open .nav-pig::before{opacity: 1;transform: rotateZ(90deg);}
.nav-two.open .navt-item a {
    color: #08b9b6;

}
.nav-two.open .navt-item a:after{background: #f08200;}
.nav-two.open .nav-bot a.active{color: #f08200;}

.con-right{width: 910px;float:right;}
.qua-right{padding: 34px 30px 70px 30px;background: white;}
.qua-right p{font-size: 14px;color: #888;line-height: 26px;}
.qua-right img{display: block;width: 100%;}

/*质量方针*/
.poli-right{padding: 68px;min-height: 680px;background: white;}
.poli-right h3{margin-bottom: 18px; font-size: 24px;color: #333;line-height: 24px;}
.poli-right p{font-size: 16px;line-height: 34px;color: #888;}
.poli-right img{max-width:100%}

/*品质管控*/
.ctl-right{margin-bottom: 40px; padding: 70px 0 85px 0;text-align: center;background: white;}

/*分页*/
.pagee {text-align: center;position: relative;}
.pagee a{margin:0 3px; display:inline-block;width: 40px;height: 40px; font-size: 16px;color: #333333;font-family: arial;text-align: center;line-height: 38px;border: solid 1px #dddddd;}
.pagee a.prev,.pagee a.next{font-size: 14px;color: #333333;}
.pagee a:hover,.pagee a.on{color: #fff;background: #109db8;border-color: #109db8;}

/*品质保证*/
.cer-right{padding: 50px 35px 40px 35px;background: white;margin-bottom: 40px;}
.cer-right ul{margin-left: -20px;}
.cer-right li{margin-bottom: 30px; width: 195px;float: left;margin-left: 20px;}
.cer-right li a{display: block;width: 100%;height: 195px;border: solid 1px #e5e5e5;overflow: hidden;}
.cer-right li img{display: block;width: 100%;height: 100%;transition: all .5s;}
.cer-right li p{line-height: 16px;margin-top: 20px; font-size: 16px;color: #666;text-align: center;text-overflow: ellipsis;white-space: normal;overflow: hidden;}
.cer-right li:hover a{border-color: #ed7d31;}
.cer-right li:hover img{transform: scale(1.1);}
.cer-right li:hover p{color: #ed7d31;}



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


/*新闻中心*/
.news-right{background: white;padding-bottom: 63px;}
.news-right ul{margin-bottom: 40px;}
.news-right li{transition: all .5s;position: relative; height: 113px;border-bottom: dotted 1px #b3b3b3;padding: 27px 225px 0 30px;}
.news-right li:after{transition: all .5s; position: absolute;content: '';background: url(img/news-more.png) no-repeat center;width: 10px;height: 100%;top: 0;right: 125px;transform: translateX(-10px);opacity: 0;}
.news-left{float: left;text-align: center;}
.news-data{font-size: 57px;color: #d1d1d1;line-height: 42px;font-family: 'thex';}
.news-time{font-size: 16px;color: #d1d1d1;font-family: 'ltex';margin-top: 3px;}
.news-dec{float: left;width: 560px;margin-left: 20px;}
.news-dec h3{transition: all .5s;margin-bottom: 7px; color: #484848;font-size: 16px;line-height: 16px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news-dec p{line-height: 20px;font-size: 12px;color: #9f9f9f;    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-right li:hover{background: #f5f9fa;}
.news-right li:hover:after{transform: translateX(0);opacity: 1;}
.news-right li:hover .news-dec h3{color: #05aec7;}

/*新闻详情*/
.news{padding: 40px 0 80px 0;background: #fff;}
.newsinfo{padding-bottom: 40px;}
.newsinfo h1{
	font-size: 22px;color: #666666;
	line-height: 22px;
	font-weight: bold; text-align: center;
	margin-bottom: 15px;
}
.newsinfo .data,.newsinfo .zan,.newsinfo .share{
 
 
	font-size: 14px;color: #999; display: inline-block;
	margin-right: 25px; padding-left:20px;
	line-height: 19px;
}
.newsinfo .data{background: url(img/data.png) no-repeat left center;}
.newsinfo .zan{background: url(img/zan.png) no-repeat left center;}
.newsinfo .share{background: url(img/share.png) no-repeat left center;}
.newsinfo p,.newsinfo span{font-size: 16px;color: #888;line-height: 30px;}
.news-prev,.news-next{
	display: block;
	height: 52px;
	border-bottom: solid 1px #d9d9d9;
	border-top: solid 1px #d9d9d9;
	padding: 0 10px;
	line-height: 52px;
	font-size: 16px;color: #888888;
	margin-bottom: 19px;
	background: url(img/newsinfo-more.png) no-repeat right 10px center;
}
.news-prev b,.news-next b{color: #666;font-weight: normal;}
.news-prev span,.news-next span{
	font-size: 14px;
	color: #999;
	font-family: arial;
	float: right;
	margin-right: 30px;
}
.news-next{margin-bottom: 0;}
.news-prev:hover,.news-next:hover{color: #05aec7;}
.news-back{
	display: block;
	width: 198px;
	height: 40px;
	color: #333;
	line-height: 40px;
	text-align: center;
	border: solid 1px #d9d9d9;
	margin-top: 42px;
}
.news-back:hover{color: white;background: #05aec7;border-color: #05aec7;}
.share-box {
    width: 200px;
    height: 60px;
    background: white;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    position: absolute;
    left: 85%;
    top: -10px;
    display: none;
  
    z-index: 33;
    padding: 0 15px;
}
.share-hide{float: left;position: relative;padding-bottom: 10px;cursor: pointer;}
.news-share span{float: left;display: block; font-size: 14px;color: #666;padding-right: 20px;padding-left: 0;margin-right: 0; background: url(img/share.png) no-repeat right center;line-height: 32px;}
.news-share a{float: left; width: 32px;height: 32px !important;padding: 0 !important;margin: 0 !important;margin-left: 9px !important;border-radius: 50%;opacity: 0.9;}
.news-share a.bds_tsina{background: url(img/news-wb.png) no-repeat center;}
.news-share a.bds_weixin{background: url(img/news-wx.png) no-repeat center;}
.news-share a.bds_sqq{background: url(img/news-qq.png) no-repeat center;}
.news-share a.bds_linkedin{background: url(../images/news-in.png) no-repeat center;}
.news-share a.bds_qzone{background: url(img/news-qz.png) no-repeat center;}
.news-share a:hover{opacity: 1 !important;}
.share-hide:hover .share-box{display: block;}
.bd_weixin_popup{width: 250px !important;height: 315px !important;}

/*产品中心*/
.pro-box{padding-bottom: 60px;}
.pro-big{margin-left: -20px;padding-bottom: 20px;overflow: hidden;}
.pro-list{display: block;float: left;width: 445px;margin-left: 20px;margin-bottom: 20px;overflow: hidden;}
.pro-pic{width: 100%;height: 355px;overflow: hidden;}
.pro-pic img{display: block;width: 100%;height: 100%;transition: all .5s;}
.pro-tit{transition: all .5s; position: relative;background: #9d9c9c;height: 55px;}
.pro-tit h3:after{position: absolute;content: ''; width:20px ;height: 55px;right: 20px;top: 0; background: url(img/pro-more.png) no-repeat center;}
.pro-tit h3{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 3; line-height: 55px;font-size: 20px;color: white; height: 55px;padding: 0 20px; padding-right: 100px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pro-list:hover img{transform: scale(1.1);}
.pro-list .pro-tit:after{transition: all .5s;position: absolute;content: '';width: 100%;height: 100%;top: 0;left: -100%;z-index: 2;    background: -webkit-linear-gradient(left, #ed7d31 , #de6e22);
    background: -o-linear-gradient(right, #ed7d31, #de6e22);
    background: -moz-linear-gradient(right, #ed7d31, #de6e22);
    background: linear-gradient(to right, #ed7d31 , #de6e22);}
.pro-list:hover .pro-tit:after{left: 0;}
.pro-bot{background: #f6f6f6;}
.pro-swiper{position: relative;}
.pro-swiper img{display: block;width: 100%;height: 100%;transition: all .5s;}
.pro-swiper ul{margin-left: -18.5px;}
.pro-swiper li{position: relative; float: left; width: 286px;height: 233px;margin-left: 18.5px;overflow: hidden;}
.pro-swiper .swiper-button-next,.pro-swiper .swiper-button-prev{width: 60px;height: 54px;background: #9b9b9b;color: white;text-align: center;line-height: 54px;top: 50%;margin-top: -27px;}
.pro-swiper .swiper-button-next{right: -78px;}
.pro-swiper .swiper-button-prev{left: -78px;}
.pro-swiper .swiper-button-next:hover,.pro-swiper .swiper-button-prev:hover{background: #ed7d31;}
.pro-dec{position: absolute;width: 100%;bottom: -100%;left: 0; color: white;height: 36px;line-height: 36px;text-align: center;background: rgba(0,0,0,0.7);}
.pro-swiper li:hover .pro-dec{bottom: 0;transition: all .5s;}
.pro-swiper li:hover img{transform: scale(1.1);}


/*产品详情*/
.proinfo{padding: 30px 40px;background: white;}
/*.proi-top{padding:60px 0 100px 0;}*/
.pro_left{width:445px;float:left; overflow:hidden;}
/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block; width:445px;height:355px;border: solid 1px #eeeeee; overflow:hidden;}
.jqzoom img{width:100%; height:100%;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:368px;height:368px;background:#ffffff;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:200px !important;height:200px !important;border:1px solid #aaa;background:#ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{}
.spec-scroll{float: right;width:100%;height: 66px;margin-top: 20px;}
.spec-scroll .prev{margin-right: 16px;}

.spec-scroll .prev,.spec-scroll .next{position: relative;z-index: 2; width:15px;font-weight: bold; height:66px;cursor:pointer;float: left;line-height: 66px;font-size: 20px;color: #999;}
.spec-scroll .prev:hover,.spec-scroll .next:hover{color: #08b9b6;}

.spec-scroll .items{width:396px;height:66px;overflow:hidden;float: left;position: relative;}
.spec-scroll .items ul{position:absolute;}
.spec-scroll .items ul li{width:84px;text-align:center;height: 66px;float: left;margin-right: 15px;}
.spec-scroll .items ul li img{border:1px solid #d2d2d2;width:84px;height: 66px;}
.spec-scroll .items ul li.hover img { border:1px solid #08b9b6;}

.pro_right{padding-top:25px; width: 330px;float: right;position: relative;overflow: hidden;}
.pror-tit{font-size: 32px;color: #333;line-height: 32px;margin-bottom: 15px;}

.pro_right p{font-size: 14px;color: #888;line-height: 28px;}
.pro-line{width: 100%;height: 1px;background: #e3e3e3;margin: 25px 0;}
.pro_right a{transition: all .5s; display: block;width: 150px;height: 40px;text-align: center;color: white; line-height: 40px;background: -webkit-linear-gradient(left, #ed7d31 , #de6e22);
    background: -o-linear-gradient(right, #ed7d31, #de6e22);
    background: -moz-linear-gradient(right, #ed7d31, #de6e22);
    background: linear-gradient(to right, #ed7d31 , #de6e22);border-radius: 30px; }
.pro_right a span{font-size: 12px;padding: 0 5px;}
.pro_right a:hover{background: -webkit-linear-gradient(left, #de6e22 , #ed7d31);
    background: -o-linear-gradient(right,  #de6e22 , #ed7d31);
    background: -moz-linear-gradient(right, #de6e22 , #ed7d31);
    background: linear-gradient(to right, #de6e22 , #ed7d31);}
.proi-top{padding-bottom: 50px;}
.proi-a{height: 60px;background: #efeef2;border-radius: 5px;}
.proi-a a{display: block;width: 100%;line-height: 60px;font-size: 25px;color: #333;text-align: center;float: left;}
.proi-a a.active{color: #1f1f25;
	/* background: -webkit-linear-gradient(left, #ed7d31 , #de6e22); */
	background: -o-linear-gradient(right, #ed7d31, #de6e22);
	background: -moz-linear-gradient(right, #ed7d31, #de6e22);
	/* background: linear-gradient(to right, #ed7d31 , #de6e22); */
}

.proi-pa{padding: 30px 0px;display: none;}

.proi-pa p{font-size: 14px;line-height: 36px;color: #888888;}


/*关于我们*/
.ab-one{padding: 70px 0 47px 0;background: #f6f6f6;}
.ab-tit{font-size: 30px;color: #333;line-height: 30px;text-align: center;margin-bottom: 20px;}
.ab-dec{font-size: 14px;color: #888;line-height: 14px;text-align: center;margin-bottom: 40px;}
.ab-tit1{font-size: 30px;color: #fff;line-height: 30px;text-align: center;margin-bottom: 20px;}
.ab-dec1{font-size: 14px;color: #d6d6d6;line-height: 14px;text-align: center;margin-bottom: 40px;}
.abo-left{float: left; width: 570px;height: 466px;background: white url(img/ab2.png) no-repeat left top;padding: 90px 60px;}
.abo-left h3{font-size: 20px;line-height: 20px;color: #434343;}
.ab-line{width: 60px;height: 3px;background: #119fbd;margin: 13px 0 42px 0;}
.abo-left p{height: 200px;overflow-y: auto; line-height: 30px;font-size: 14px;color: #888;padding-right: 30px;}
.abo-left p::-webkit-scrollbar {
  width: 2px;
  background-color: #e3e3e3;
}
.abo-left p::-webkit-scrollbar-thumb {
	width: 3px;
  background-color:#999;
  border-radius: 10px;
}
.abo-right{float: right;width: 630px;height: 466px;overflow: hidden;}
.abo-right img{display: block;width: 100%;transition: all .5s;}
.abo-right:hover img{transform: scale(1.1);}
.ab-two{padding: 75px 0 70px 0;background: #f6f6f6 url(img/ab3.png) no-repeat center top;}
.ab-two ul{margin-left: -15px;}
.ab-two li{width: 390px;height: 445px;background: white;float: left;margin-left: 15px;}
.abt-pic{width: 100%;height: 200px;overflow: hidden;}
.abt-pic img{display: block;width: 100%;transition: all .5s;}
.abt-font{padding: 45px 30px 40px 30px;}
.abt-font h3{font-size: 20px;color: #333;line-height: 20px;}
.abt-line{width: 35px;height: 2px;background: #888;margin: 20px 0 16px 0;}
.abt-font p{font-size: 14px;color: #888;line-height: 24px;}
.ab-two li:hover img{transform: scale(1.1);}
.ab-three{background: url(img/ab7.png) no-repeat center;background-attachment: fixed;padding: 60px 0;}
.recruit-top {
    height: 57px;
    background: #0daaba;
}
.recruit-top span {
    line-height: 55px;
    text-align: center;
    font-size: 18px;
    color: white;
    display: block;
    float: left;
    width: 213px;
    position: relative;
}
.recruit-top span:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 18px;
    background: #56c4cf;
    right: 0;
    top: 50%;
    margin-top: -9px;
}
.recruit-top span:last-child:after{display: none;}
.recruit-list {
    margin-top: 10px;
}
.rec-top {
    height: 54px;
    position: relative;
    background: #eeeeee;
}
.rec-top span {
    line-height: 54px;
    text-align: center;
    font-size: 14px;
    color: #333;
    display: block;
    float: left;
    width: 213px;
}
.rec-top .after {
    transition: all .5s;
    position: absolute;
    background: url(img/recruit1.png) no-repeat center;
    width: 110px;
    height: 54px;
    right: 0px;
    top: 0px;
}
.rec-bot {
    display: none;
}
.rec-hide{
	border-top: solid 1px #f2f2f2;
	padding: 21px 0 50px 0;
	margin: 0 45px;
}
.rec-bot p {
    font-size: 14px;
    line-height: 26px;
    color: #888;
}
.rec-bot p.p1 {
	font-size: 16px;
    color: #333;
}
.rec-bot a {
    margin-top: 30px;
    display: block;
    width: 117px;
    height: 40px;
    background: #0daaba;
    border-radius: 30px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
}
.rec-top:before {
    display: none;
    transition: all .5s;
    position: absolute;
    content: '';
    background: url(img/recruit2.png) no-repeat center;
    width: 8px;
    height: 14px;
    left: 47px;
    top: 19px;
}
.recruit-list.on .rec-bot{display: block;}
.recruit-list.on .rec-top:before, .recruit-list.on .rec-top .after {
    display: block;
}
.recruit-list.on,.recruit-list.on .rec-top{background: white;}
.recruit-list.on .rec-top{padding-left: 45px;}
.recruit-list.on .rec-top span {
    color: #0daaba;
    font-size: 20px; width: auto;padding-left: 30px;
}
.recruit-list.on .rec-top span.span3 {
    display: none;
}
.recruit-list.on .rec-top .after{background-image: url(img/recruit.png);}
.abe-p{color: #b1aeae;font-size: 14px;text-align: center;margin-top: 40px;}
.abe-p a{color: #b1aeae;font-size: 14px;}
.ab-four{padding: 70px 0;background: #f6f6f6;}
.abf-left{width: 730px;height: 409px;float: left;overflow: hidden;}
.abf-right{height: 409px;width: 470px;background: white url(img/abf1.png) no-repeat right bottom;float: right;padding: 60px;}
.abf-right h3{font-size: 20px;color: #333;line-height: 20px;}
.abf-right .abf-line{width: 100%;height: 1px;margin: 20px 0; background: #e1e1e1;}
.abf-icon span{float: left;width: 28px;height: 28px;border: solid 1px #e1e1e1;color: #acacac; text-align: center;line-height: 26px;border-radius: 50%;}
.abf-icon p{font-size: 14px;color: #888;line-height: 28px;float: right;width: 88%;}
.abf-icon{margin-bottom: 20px;}
.abf-icon:hover span{color: white;background: #0daaba;border-color: #0daaba;}
.abf-map{margin-bottom: 40px;}
.abf-form p{height: 38px;margin-left: -22.5px;margin-bottom: 20px;}
.abf-form .text{margin-left: 22.5px;width: 385px;height: 38px;border: solid 1px #dbdbdb;padding: 0 20px;font-size: 14px;color: #666;line-height: 36px;background: none;float: left;}
.abf-form textarea{width: 100%;border: solid 1px #dbdbdb;padding: 5px 20px;resize: none;background: none;height: 190px;font-size: 14px;color: #666;line-height: 36px;}
.abf-form button{cursor: pointer;transition: all .5s; display: block;width: 155px;height: 48px;border-radius: 30px;color: #666;text-align: center;line-height: 46px;margin: 0 auto; margin-top: 40px;outline: none;background: none;border: solid 1px #dbdbdb;}
.abf-form button span{font-size: 12px;padding-left: 5px;}
.abf-form button:hover{background: #0daaba;color: white;border: none;}


/*pcba*/
.pcba-one{padding: 60px 0 70px 0;background: #f6f6f6;}
.pco-left{width: 641px;height: 382px;float: left;overflow: hidden;}
.pco-left img{display: block;width: 100%;transition: all .5s;}
.pco-left:hover img{transform: scale(1.1);}

.pco-right{height: 382px;width: 559px;background: white;float: right;padding: 0 100px;text-align: left;}
.pco-right h3{font-size: 30px;color: #333;line-height: 30px;margin-bottom: 25px;text-align: left;}
.pco-right p{font-size: 14px;color: #888;line-height: 26px;text-align: left;}

.pcba-tit{font-size: 30px;color: #333;line-height: 30px;text-align: center;margin-bottom: 14px;}
.pcba-dec{font-size: 14px;color: #888;line-height: 25px;text-align: center;margin-bottom: 34px;}
.pcba-two{padding: 60px 0 68px 0;}
.pct-swiper{position: relative;}
.pct-swiper .pro-list{width: 388px;margin-left: 18px;}
.pct-ul{margin-left: -18px;}
.pct-swiper .pro-pic{border: solid 1px #eeeeee;}
.pct-swiper .pct-next,.pct-swiper .pct-prev{ width: 60px;height: 54px;background: #9b9b9b;color: white;text-align: center;line-height: 54px;top: 145px;margin-top: 0;z-index: 2;}
.pct-swiper .pct-next{right: -78px;}
.pct-swiper .pct-prev{left: -78px;}
.pct-swiper .pct-next:hover,.pct-swiper .pct-prev:hover{background: #ed7d31;}
.pcba-three{background: #f6f6f6;padding: 70px 0 90px 0;}
.pce-left{width: 550px;float: left;}
.pce-left table{width: 100%;}
.pce-left td{border: solid 1px #e5e5e5;height: 60px;text-align: center;}
.pce-left td.td1{width: 120px;background: #ed7d31;color: white;font-size: 16px;}
.pce-left td.td2{background: #fff;color: #888888;font-size: 16px;}
.pce-right{width: 607px;float: right;}
.pce-right table{width: 100%;}
.pce-right td{border: solid 1px #e5e5e5;height: 60px;text-align: center;}
.pce-right td.td1{width: 125px;background: #ed7d31;color: white;font-size: 16px;}
.pce-right td.td2{width: 200px; background: #fff;color: #888888;font-size: 16px;}
.pce-right td.td3{width: 282px; background: #fff;color: #888888;font-size: 16px;}
.pce-table{margin-top: 50px;}

.pcba-four{padding: 80px 0;}
.pcba-four img{margin-top: 15px;}
.pcba-five{background: #f6f6f6;padding: 70px 0 78px 0;}
.pcv-slide{height: 443px;}
.pcv-pic{width: 455px;height: 100%;overflow: hidden;float: left;}
.pcv-pic img{display: block;width: 100%;transition: all .5s;}
.pcv-slide:hover img{transform: scale(1.1);}
.pcv-tit{width: 745px;float: left;background: white;height: 100%;padding: 63px 100px;}
.pcv-tit h3{margin-bottom: 20px; color:#333;font-size: 20px;line-height: 20px;}
.pcv-tit p{line-height: 28px;font-size: 14;color: #888;}
.pcv-swiper .pcv-next,.pcv-swiper .pcv-prev{ width: 60px;height: 54px;background: rgba(0,0,0,0.37);color: white;text-align: center;line-height: 54px;top: 50%;margin-top: -27px;z-index: 2;}
.pcv-swiper .pcv-next{left: 455px;}
.pcv-swiper .pcv-prev{left: 395px;}
.pcv-swiper .pcv-next:hover,.pcv-swiper .pcv-prev:hover{background: #ed7d31;}

.pcba-six{padding: 60px 0 70px 0;}
.pcba-six .pro-swiper ul{margin-left: -18px;}
.pcba-six .pro-swiper li{margin-left: 18px; width: 388px;height: 316px;}
.pcba-six .pro-dec{height: 40px;line-height: 40px;}

/*描点*/
.nei_anchor {
  text-align: center;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  font-size:0;
  width: 100%;
  z-index: 1001;
  background: #fff;
  box-shadow: 0px 0px 8px 0px #d6d6d6;
}
.nei_anchor span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.nei_anchor span a {
    font-size: 16px;
    color: #666;
    line-height: 60px;
    padding: 0 40px;
    display: inline-block;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  position: relative;
}
.nei_anchor span a:after{
    content: '';
    width: 1px;
    height: 17px;
    background: #dadada;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.nei_anchor span.on a:after,.nei_anchor span a:hover:after{
    display: none;
}
.nei_anchor span:hover a,
.nei_anchor span.on a {
    color: #fff;
    background: #ed7d31;
}
a.zzzz
{
   display: none;
    }
@media all and (max-width: 1340px){
	.pro-swiper .swiper-button-next,.pct-swiper .pct-next{right: 20px;}
	.pro-swiper .swiper-button-prev,.pct-swiper .pct-prev{left: 20px;}
}




/* ==================落地页========================= */
@font-face {
    font-family: 'scb';
 		src: url('img/SourceHanSansCN-Bold.eot');
    src: url('img/SourceHanSansCN-Bold.woff') format('woff'),
    url('../font/SourceHanSansCN-Bold') format('truetype'),
    url('../font/SourceHanSansCN-Bold') format('svg');

}
.pcb-banner{position:relative;margin-top: 87px;}
.pcb-banner img{display:block;width:100%;}
.ban-font{position:absolute;width: 100%;height: 100%;left: 0;top: 0;}
.banner-line{width: 92px;height:4px;background: white;}
.ban-font h3{font-size:60px;font-weight:bold;color: white;font-family:'思源黑体 CN','scb';text-align:left;margin:7px 0 5px;}
.ban-font h4{font-size:24px;color: white;font-family:'思源黑体 CN','scb';text-align:left;opacity: 0.7;}
.ban-font a{display:block;width:157px;height:46px;text-align:center;line-height:46px;color: white;font-size: 18px;margin-top: 57px; background: #16dcc5;}
/*第一版*/
.pcb-one{padding: 80px 0;background: white;}
.pcb-tit{background-image: -webkit-linear-gradient( left, #02c8b1 45%, #0fa0b7 55%);-webkit-background-clip: text;color: transparent;font-family:'思源黑体 CN','scb';font-size: 36px;text-align: center;line-height: 38px;font-weight: bold;}
.pcb-tit1{color: white;font-family:'思源黑体 CN','scb';font-size: 36px;text-align: center;line-height: 38px;line-height: 38px;ont-weight: bold;}

.pcb-pic{margin-bottom: 65px; position: relative; margin-top: 40px;text-align: center;padding-top: 94px;}
.pcb-pic img{position: relative;z-index: 2;}
.pcb-pic li{cursor: default; position: absolute;width: 404px;height: 62px;background: #eeeeee;font-size: 16px;color: #333;line-height: 62px;}
.pcb-pic li:hover{color: white;background: -webkit-linear-gradient(left, #02c8b1 , #0fa0b7); background: -o-linear-gradient(right,#02c8b1 , #0fa0b7);background: -moz-linear-gradient(right, #02c8b1 , #0fa0b7); background: linear-gradient(to right, #02c8b1 , #0fa0b7); }
.pcb-pic li.one-li1{top: 0;left: 50%;margin-left: -202px;}
.pcb-pic li.one-li2{top: 80px;left: 0%;}
.pcb-pic li.one-li3{top:123px;right: 0;}
.pcb-pic li.one-li4{top: 227px;left: 0%;}
.pcb-pic li.one-li5{top: 330px;right: 0%;}
.pcb-more{transition: all .5s; display: block;font-size: 14px;color: white;border-radius:8px; text-align: center;margin: 0 auto;width: 165px;height: 40px;line-height: 40px;background: -webkit-linear-gradient(left, #02c8b1 , #0fa0b7); background: -o-linear-gradient(right,#02c8b1 , #0fa0b7);background: -moz-linear-gradient(right, #02c8b1 , #0fa0b7); background: linear-gradient(to right, #02c8b1 , #0fa0b7);}
.pcb-more:hover{background: -webkit-linear-gradient(left, #0fa0b7 , #02c8b1); background: -o-linear-gradient(right, #0fa0b7 , #02c8b1);background: -moz-linear-gradient(right, #0fa0b7 , #02c8b1); background: linear-gradient(to right, #0fa0b7 , #02c8b1); }
.pcb-more1{transition: all .5s; display: block;font-size: 14px;color: #4fb8c3;border-radius:8px; text-align: center;margin: 0 auto;width: 165px;height: 40px;line-height: 40px;background: white;}
.pcb-more1:hover{color: white; background: -webkit-linear-gradient(left, #0fa0b7 , #02c8b1); background: -o-linear-gradient(right, #0fa0b7 , #02c8b1);background: -moz-linear-gradient(right, #0fa0b7 , #02c8b1); background: linear-gradient(to right, #0fa0b7 , #02c8b1); }


/*第二版*/
.pcb-two{padding: 85px 0 70px;background: url(img/pcb-twobg.jpg) no-repeat center;background-size: cover;}
.two-dec{font-size: 16px;color: white;opacity: 0.88;text-align: center;margin: 20px 0 43px;}
.pcb-two ul{overflow: hidden;margin-bottom: 60px;}
.pcb-two li{height: 380px; width: 200px;float: left;}
.two-p{position: relative; width: 100%;height: 50%;background: white;text-align: center;line-height: 190px;color: #333;font-size: 18px;}
.two-p::after{position: absolute;content: '';background: url(img/tw-san.png) no-repeat center;width: 26px;height:11px;bottom: -10px;left: 50%;margin-left: -13px;z-index: 33;}
.two-p1::after{position: absolute;content: '';background: url(img/tw-san.png) no-repeat center;width: 26px;height:11px;top: -10px;left: 50%;margin-left: -13px;transform: rotate(180deg);z-index: 33;}
.two-pic{width: 100%;height: 50%;overflow: hidden;}
.two-pic img{display: block;width: 100%;height: 100%;transition: all .5s;}
.pcb-two li:hover img{transform: scale(1.05);}

/*第三版*/
.pcb-three{padding: 80px 0;background: #f7f7f7;}
.three-top{padding: 46px 0;margin-top: 23px;border-bottom: solid 1px #e5e5e5;}
.three-top li{float: left;height: 110px;}
.three-icon{transition: all .5s;float: left; background: url(img/three-icon.png) no-repeat center;background-size: cover;width: 110px;height: 110px;border-radius: 50%;text-align: center;padding: 30px 0;}
.three-right{float: left;margin-left: 16px;padding-top: 17px;}
.three-right h3{font-size: 36px;color: #333333;margin-bottom: 9px; font-family:'思源黑体 CN','scb';}
.three-right p{font-size: 16px;color: #666;}
.three-top li.three-li1{width: 390px;}
.three-top li.three-li2{width: 365px;}
.three-top li.three-li3{width: 425px;}
.three-top li.three-li4{width: 220px;}
.three-top li:hover .three-icon{transform: translateY(-10px);}
.three-bot ul{margin: 68px 0 62px -30px;}
.three-bot li{float: left; position: relative; width: 256px;height: 284px;background: white;margin-left: 30px;overflow: hidden;}
.three-bot li::after{transition: all .5s; position: absolute;content: '';width: 100%;height: 100%;background: url(img/three-bot.png) no-repeat center;background-size: cover;left: 0;top: 100%;}
.three-bot li:hover::after{top: 0;}
.three-li{padding: 0 22px;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 3;padding-top: 70px;}
.three-pic{width: 70px;height: 70px;margin: 0 auto;overflow: hidden;}
.three-pic img{transition: all .5s; display: block;width: 100%;}
.three-bot li p{margin-top: 25px; font-size: 14px;color: #666;line-height: 24px;text-align: center;}
.three-bot li:hover .three-pic img{transform: translateY(-70px);}
.three-bot li:hover p{color: white;}
 
/*第四版*/
.pcb-four{padding: 80px 0;background: url(img/four-bg.jpg) no-repeat center;background-size: cover;}
.four-dec{font-size: 16px;color: white;opacity: 0.9;text-align: center;margin: 27px 0 35px;}
.four-swiper ul{}
.four-swiper li{width: 25%;height: 454px;float: left;background: #fff;border-right: solid 1px #eeeeee;}
.four-tit{transition: all .5s;height: 80px;border-bottom: solid 1px #f0f0f0;padding: 0 40px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 79px;}
.four-tit h3{transition: all .5s;padding-left: 42px;font-size: 20px;color: #333;background: url(img/four-tit.png) no-repeat left center;}
.four-pic{width: 100%;height: 283px;overflow: hidden;}
.four-pic img{display: block;width: 100%;height: 100%;transition: all .5s;}
.four-more{border-top: solid 1px #f6f6f6;height: 90px;padding-top: 28px;}
.four-more a{ transition: all .5s;display: block;margin: 0 auto;width: 112px;height: 34px;text-align: center;line-height: 32px;font-size: 14px;color: #666;}
.four-swiper li:hover .four-tit{background: url(img/four-titbg.png) no-repeat center;background-size: cover;}
.four-swiper li:hover .four-tit h3{color: white;background-image: url(img/four-titH.png)}
.four-swiper li:hover .four-pic img{transform: scale(1.05);}
.four-swiper li:hover .four-more a{color: #0fa1b7; background: url(img/four-more.png) no-repeat center;}
.four-swiper li:hover{position: relative;z-index: 2;box-shadow: 0 2px 10px rgba(0,0,0,0.1);}
.four-swiper{position: relative;}
.four-swiper .swiper-button-next{font-weight: bold; width: 51px;height: 51px;border: solid 1px #d0d0d0;text-align: center;line-height: 49px;color: #d0d0d0;border-radius: 50%;right: -80px;background: none;}
.four-swiper .swiper-button-prev{font-weight: bold;width: 51px;height: 51px;border: solid 1px #d0d0d0;text-align: center;line-height: 49px;color: #d0d0d0;border-radius: 50%;left: -80px;background: none;}
.four-swiper .swiper-button-next:hover,.four-swiper .swiper-button-prev:hover{color: #47bbc1;background: white;border-color: #fff;}

/*diwuban*/
.pcb-five{padding: 80px 0;}
.five-dec{font-size: 16px;color: #666;text-align: center;margin: 27px 0 60px;}
.pcb-five ul{height: 410px;position: relative;}
.pcb-five li{position: absolute;background: url(img/five-line.png) no-repeat center;background-size: cover;width: 193px;height: 193px;}
.pcb-five li.five-li1{top: 0;left: 150px;}
.pcb-five li.five-li2{top: 0;left: 372px;}
.pcb-five li.five-li3{top: 0;left: 594px;}
.pcb-five li.five-li4{top: 0;left: 816px;}
.pcb-five li.five-li5{top: 108px;left:40px ;}
.pcb-five li.five-li6{top: 108px;left: 262px;}
.pcb-five li.five-li7{top: 108px;left: 484px;}
.pcb-five li.five-li8{top: 108px;left: 706px;}
.pcb-five li.five-li9{top: 108px;left: 928px;}
.pcb-five li.five-li10{bottom: 0;left:150px ;}
.pcb-five li.five-li11{bottom: 0;left: 372px;}
.pcb-five li.five-li12{bottom: 0;left: 594px;}
.pcb-five li.five-li13{bottom: 0;left: 816px;}
.pcb-five ul > * { transition: opacity 150ms linear 100ms, transform 150ms ease-in-out 100ms; }
.pcb-five ul:hover > * { opacity: 0.5; transform: scale(0.9); }
.pcb-five ul > *:hover { opacity: 1; transform: scale(1); transition-delay: 0ms, 0ms; }
.pcb-five li img{display: block;}
.in5_box li:hover img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;}

/*第六版*/
.pcb-six{padding: 80px 0;background: #ebebeb;}
.six-dec{font-size: 16px;color: #666;text-align: center;margin: 24px 0 44px;}
.six-box{padding: 32px;background: white;}
.six-left{float: left;width: 706px;height: 448px;overflow: hidden;}
.six-left img{display: block;width: 100%;}
.six-right{padding-top: 50px; width: 345px;float: left;margin-left: 80px;}
.six-right h3{margin-bottom: 20px; font-size: 20px;color: #333;line-height: 20px;padding-bottom: 20px;border-bottom: solid 1px #e1e1e1;}
.six-right p{font-size: 14px;color: #888;margin-left: 45px;line-height: 28px;}
.six-p{overflow: hidden;margin-bottom: 20px;position: relative;}
.six-p i{position: absolute;top: 0;left: 0;border: solid 1px #e1e1e1;width: 28px;height: 28px;text-align: center;line-height: 26px;border-radius: 50%;color: #acacac;}
.six-p:hover i{color: white;border-color: #0daaba;background: #0daaba;}

@media  (max-width: 1580px) {
	.four-swiper .swiper-button-next{right: 0;}
	.four-swiper .swiper-button-prev{left: 0;}
	.four-swiper .swiper-button-next:hover,.four-swiper .swiper-button-prev:hover{color: #fff;background: #47bbc1;border-color: #47bbc1;}
}

@media  (max-width: 1440px) {
	.pcb-pic img{width: 468px;}
	.pcb-pic li{width: 370px;}
	.pcb-pic li.one-li2{top: 75px;}
	.pcb-pic li.one-li3{top: 111px;}
	.pcb-pic li.one-li4{top: 194px;}
	.pcb-pic li.one-li5{top: 273px;}
	.pcb-two li{width: 171px;height: 342px;}
	.three-top li.three-li1{width: 324px;}
	.three-top li.three-li2{width: 302px;}
	.three-top li.three-li3{width: 354px;}
	.three-top li.three-li4{width: 220px;}
	.three-bot li{width: 216px;height: 240px;}
	.three-li{padding-top: 40px;}
	.four-swiper li{height: 414px;}
	.four-pic{height: 243px;}
	.six-left{width: 605px;height: 384px;}
	.six-right{padding-top: 20px;}
}


/*软硬结合板*/
.board-font{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.board-font h3{line-height: 70px; font-size: 72px;font-weight: bold;text-align: left;   font-family: '思源黑体 CN','scb';margin-left: 95px;background-image: -webkit-linear-gradient( top, #b9e9fb, #03d5fb);-webkit-background-clip: text;color: transparent;}
.board-font h4{margin-top: 20px;margin-bottom: 50px; font-size: 20px;text-align: left;font-family: '思源黑体 CN','scb';margin-left: 95px;color: white;}
.board-font a{display: block;width: 154px;height: 39px;background: #4cdafd;text-align: center;line-height: 39px;font-size: 16px;color: #134c8e;border-radius: 8px;margin-left: 95px;}
.board-one{padding: 80px 0;}
.board-tit{text-align: center;font-size: 16px;color: #666;line-height: 30px;margin: 30px 0;}
.board-one ul{ overflow: hidden;width: 1062px;margin: 0 auto;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.board-one li{width: 50%;float: left;padding: 54px 61px 74px;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.board-one li:last-child{box-shadow:none}
.eight-tit{height: 83px;padding-top: 17px; background: #03c6b1 url(img/eight-tit.png) no-repeat 25px center;padding-left: 75px;}
.eight-tit h3,.eight-tit1 h3{font-size: 24px;color: white;}
.eight-tit h4,.eight-tit1 h4{font-size: 14px;color: white;opacity: 0.9;text-transform: uppercase;}
.eight-tit1{height: 83px;padding-top: 17px; padding-left: 75px;background:#0ea4b7 url(img/eight-tit1.png) no-repeat 25px center;}
.board-one li p{line-height: 35px; font-size: 16px;color: #666;margin-top: 24px;border-bottom: solid 1px #f7f7f7;padding-left: 37px;}
.board-one li p.one-p{background: url(img/eight1.png) no-repeat 10px center;}
.board-one li p.one-p1{background: url(img/eight2.png) no-repeat 10px center;}

/**/
.board-two{padding: 80px 0 25px;background: url(img/board-twobg.jpg) no-repeat center;background-size: cover;}
.bot-dec{margin: 21px 0 8px; color: white;opacity: 0.8;font-size: 16px;text-align: center;}
.board-two li{width: 33.3333%;float: left;text-align: center;padding:50px 0;}
.bot-icon{transition: all .5s; padding: 45px 0px; width: 160px;height: 160px;border-radius: 50%;background: white url(img/bot-icon.png) no-repeat center;margin: 0 auto;}
.icon-show,.icon-hide{width: 95px;height: 70px;margin: 0 auto;}
.icon-hide{display: none;}
.board-two li p{font-size: 24px;line-height: 30px;color: white;text-align: center;margin-top: 30px;}
.board-two li:hover .icon-show{display: none;}
.board-two li:hover .icon-hide{display: block;}
.board-two li:hover .bot-icon{transform: translateY(-10px);}

/**/
.board-three{padding: 80px 0;}
.board-three ul{margin-top: 40px;margin-left: -40px;}
.board-three li{float: left; width: 440px;height: 510px;margin-left: 40px;overflow: hidden;position: relative;}
.boe-pic img{display: block;width: 100%;height: 100%;transition: all .5s;}
.boe-li{transition: all .5s; padding: 113px 60px 0; position: absolute;width: 408px;height: 474px;top: 18px;left: -100%;background: rgba(3,198,177,0.9);}
.board-three li:hover .boe-li{left: 16px;}
.boe-icon{text-align: center;}
.boe-li h3{font-size: 24px;color: white;font-weight: bold;text-align: center;margin: 29px 0 13px;}
.boe-li p{line-height: 28px; font-size: 16px;color: white;text-align: center;opacity: 0.8;}
.boe-li a{margin: 50px auto 0; display: block;width: 165px;height: 41px;background: white;border-radius: 8px;text-align: center;line-height: 41px;color: #03c6b1;font-size: 14px;}

/**/
.board-five{padding: 80px 0;background: #f8f8f8;}
.bov-top{padding: 69px 0;border-bottom: solid 1px #e5e5e5;}
.board-five li{width: 20%;float: left;text-align: center;}
.bov-icon{transition: all .5s; margin: 0 auto; width: 110px;height: 110px;border-radius: 50%;padding: 30px 0;background: url(img/three-icon.png) no-repeat center;}
.board-five li h3{font-family: '思源黑体 CN','scb'; font-size: 24px;color: #333;line-height: 24px;margin: 30px 0 20px;}
.board-five li p{font-size: 14px;color: #666;line-height: 14px;}
.board-five li:hover .bov-icon{transform: translateY(-10px);}
.bov-bot{padding: 62px 0;}
.bov-bot ul{margin-left: -30px;}
.bov-bot li{position: relative; width: 256px;height: 284px;background: white;margin-left: 30px;overflow: hidden;}
.bov-bot li::after {transition: all .5s;position: absolute;content: '';width: 100%;height: 100%;background: url(img/three-bot.png) no-repeat center;background-size: cover;left: 0;top: 100%;}
.box-li {padding: 0 20px;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 3;padding-top: 67px;}
.box-pic {width: 70px;height: 70px;margin: 0 auto;overflow: hidden;}
.box-pic img{display: block;width: 100%;transition: all .5s;}
.bov-bot li p{font-size: 14px;color: #666;line-height: 24px;margin-top: 30px;}
.bov-bot li:hover::after{top: 0;}
.bov-bot li:hover p{color: white;}
.bov-bot li:hover img{transform: translateY(-70px);}

/**/
.board-six{background: white;}
.board-six .six-box{border: solid 1px #f0f0f0;}
@media (max-width: 1440px) {
	.board-three li{width: 373px;height: 433px;}
	.boe-li{width:340px;height: 397px;padding-top: 40px;}
	.boe-li a{margin-top: 40px;}
	.bov-bot li{width: 216px;height: 257px;}
	.box-li{padding-top: 40px;}
}


.newsinfo table{ width:100%; border-left:#e6e6e6 1px solid ; border-top:#e6e6e6 1px solid; border-collapse:collapse;}
.newsinfo td, .newsinfo th {
    position: relative;
    padding: 9px 15px;
    min-height: 20px;
    line-height: 20px;
    font-size: 14px;
	
	 border-right:#e6e6e6 1px solid; border-bottom:#e6e6e6 1px solid;}
	 .newsinfo table tr:nth-child(even) {
    background-color: #f5f5f5}
	.newsinfo table tr:hover {
    background-color: #f5f5f5}