body,button,dd,div,dl,form,h1,h2,h3,h4,h5,h6,html,img,input,li,ol,p,ul{margin:0;padding:0;border:0}
*{-webkit-tap-highlight-color:transparent}
body{font-family:"Microsoft YaHei","PingFang SC",STHeiti,"宋体",arial;background-color:#fff;overflow-x:hidden}
button,input,textarea{font-family:"Microsoft YaHei",STHeiti,"宋体",arial,Verdana;padding:0}
h1,h2,h3,h4,h5,h6{font-family:"Microsoft YaHei",STHeiti,"宋体",arial;font-weight:400}
img{border:0;max-width:100%;vertical-align:middle}
.none{display:none}
.online_x{cursor:pointer}
button:hover,input[type=submit]:hover{cursor:pointer}
button:focus,input:active,input:focus,textarea:focus{outline:0 none;outline-color:transparent}
a{color:#333;display:inline-block}
a:link{text-decoration:none}
a:visited{text-decoration:none}
a:hover{text-decoration:none;cursor:pointer}
a:active{text-decoration:none}
li{list-style:none}
.clear{clear:both;font-size:0;line-height:0;height:0;visibility:hidden}
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}

.conwidth{width:1500px;margin:auto;color:#7d7a7a}
@media only screen and (max-width: 1200px) {
	.conwidth{width:100%;margin:auto;color:#7d7a7a}
}
.header{position:absolute;left:0;top:0;width:100%;border-bottom:rgba(150,150,150,.27) solid 1px;z-index:99;background: #fff;}
.header .box .h-logo{float:left;display:inline-block;line-height:90px;height:90px}
.header .box .h-logo img{width:360px;height:70px}
.header .box .nav{float:right}
.header .box .nav ul{float:left}
.header .box .nav ul li{position:relative;display:inline-block}
.main_nav{width:100%;max-width:1500px;margin:40px auto}
.main_nav a{color:#999;font-size:14px;line-height:20px}
.main_nav .arrow{width:6px;height:6px;border-left:2px solid #dcdcdc;border-top:2px solid #dcdcdc;transform:rotate(135deg);-webkit-transform:rotate(135deg);display:inline-block;margin:0 12px 0 9px}
.header .box .nav ul li>a{position:relative;color:#000;font-size:18px;line-height:90px;height:90px;margin:0 24px;padding:0 12px}
.header .box .nav ul li>a span{position:relative;z-index:2}
/*.header .box .nav ul li>a::before{content:'';position:absolute;left:0;top:55%;z-index:1;width:100%;height:10px;background-color:#f4be6f;opacity:0}*/
.header .box .nav ul li.current>a::before,.header .box .nav ul li:hover>a::before{opacity:1;-o-transition:all .5s;transition:all .5s;transition:all .5s;transition:all .5s;transition:all .5s}
.s-menu{min-width:600px;width:100%;height:50px;position:absolute;z-index:9;top:90px;left:0;display:none}
.header .box .nav ul li:last-child .s-menu{right:0;left:auto;text-align:right}
.s-menu-box{margin:auto;box-sizing:border-box}
.s-menu-link{margin:15px;margin-left:0;color:#efa763;font-size:16px;display:inline-block}
.s-menu-link:hover{color:#fff}
.header-search{width:18px;height:35px;margin-top:28px;float:left;position:relative;overflow:hidden;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease}
.header-search-bg{width:18px;height:35px;background:url(../image/search.png) right center no-repeat;position:absolute;right:0}
.header-search2{width:220px;height:35px}
.header-search-box2{right:0!important}
.header-search-box{position:absolute;right:-220px;width:220px;height:35px;top:0;background:#fff;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease}
.header-search-txt{width:176px;height:35px;line-height:35px;border:none;float:left;padding-left:10px;color:#333;background:0 0;outline:0;box-sizing:border-box;font-size:12px}
.header-search-txt::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#666}
.header-search-txt:-moz-placeholder,textarea:-moz-placeholder{color:#666}
.header-search-txt::-moz-placeholder,textarea::-moz-placeholder{color:#666}
.header-search-txt:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#666}
.header-search-button{width:44px;height:35px;float:left;cursor:pointer;border:none;background:url(../image/search1.png) center center no-repeat}
.footer{padding-top:40px;background-position:center;background-size:cover}
.footer .box1{margin-bottom:18px}
.f-menu{float:left}
.f-menu-li{float:left;margin-right:105px}
.f-menu-li:last-child{margin-right:0}
.f-menu-bt{color:#f5f5f5;font-size:20px;line-height:44px;border-bottom: 1px solid #fff;}
.f-menu-li a{display:block;color:#7d7a7a;font-size:16px;line-height:32px}
.f-menu-li a:hover{color:#fff}
.qr-code-zi2 p{font-size: 14px;color: #7a7a7a;margin-top: 15px;text-align: left;line-height: 24px;}
.qr-code{float:right;display:inline-block;width: 230px;text-align: center;}
.qr-code-zi{color:#fff;font-size:18px;margin-bottom:20px}
.qr-code-tu{margin-bottom:40px}
.footer .box2{border-top:#fff solid 1px}
.footer .box2 .left{float:left;line-height:50px;height:50px}
.footer .box2 .left .sp1{display:inline-block;color:#9b9b9b;font-size:14px;margin-right:10px}
.footer .box2 .left .sp2{display:inline-block;color:#5f5e5e;font-size:14px;margin-right:10px}
.footer .box2 .left .sp3{display:inline-block;color:#4a4b49;font-size:14px}
.footer .box2 .left a:hover{color:#fff}
.footer .box2 .right{float:right;line-height:50px}
.footer .box2 .right a{float:left;margin-top:11px;margin-left:8px;width:28px;height:28px;border-radius:50%;text-align:center;line-height:28px}
.wechat{background:#5d5c5c url(../image/img1.png) center no-repeat;background-size:15px 15px}
.micro-blog{background:#5d5c5c url(../image/img2.png) center no-repeat;background-size:15px 15px}
.f{background:#5d5c5c url(../image/img3.png) center no-repeat;background-size:15px 15px}
#fp-nav.right{left:100px}
#fp-nav ul li,.fp-slidesNav ul li{width:15px;height:15px;text-align:center;margin:0}
#fp-nav ul li a span,.fp-slidesNav ul li a span{height:10px;width:10px;background:#7c7c7c;margin:0 auto;-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:15px;height:15px;margin:0 auto}
#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{width:15px;height:15px;background:#c39d7c;margin:0 auto;border:1px solid #fff;
-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.i-title{text-align:center;margin:80px auto 0}
/*.section.page3 .i-title,.section.page4 .i-title,.section.page5 .i-title,.section.page6 .i-title{opacity:0}
.i-title.animated{opacity:1}*/
.i-title-h{color:#c39d7c;font-size:40px;font-weight:700;margin-bottom:20px}
.i-title-l{width:47px;height:3px;margin:0 auto;background-color:#c39d7c}
.section.page5 .i-title .i-title-h{color:#c39d7c}
.banner .swiper-slide,.section.page2,.section.page3,.section.page4,.section.page6{background-size:cover!important}
.section-page1{width:100%;height:100%}
.lunbotu{width:100%;height:100%;overflow:hidden;position:relative}
.lunbotu .swiper-container{width:100%;height:100%}
.lunbotu a{position:relative;width:100%;height:100%;display:block}
.lunbotu .swiper-slide{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}
.lunbotu .swiper-slide a .img{display:none}
.lunbotu .swiper-slide a .img img{margin:0 auto;width:100%}
.b-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}
.b-bannerzi{text-align:center;overflow:hidden}
.b-img{text-align:center;overflow:hidden}
.b-img .t1{font-size:80px;font-weight:700;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-moz-linear-gradient(left,#f2985c 0,#fff 45%);background-image:-webkit-linear-gradient(left,#f2985c 0,#fff 45%);background-image:linear-gradient(left,#f2985c 0,#fff 45%)}
.b-img .t2{font-size:20px;line-height:1.5;color:#fff;margin:15px 0 40px 0;font-weight:700}
.b-more{margin:60px auto 120px;text-align:center;font-family:"PingFang SC Regular";font-size:16px;color:#fdf4a9;border:#fdf4a9 solid 1px;width:115px;line-height:36px;border-radius:18px}
.b-mouse{text-align:center;overflow:hidden}
.oimg2{display:none}
.lunbotu .swiper-pagination-custom,.lunbotu .swiper-pagination-fraction,.lunbotu>.swiper-pagination-bullets{bottom:60px;left:0;width:100%}
.lunbotu.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}
.lunbotu .swiper-pagination-bullet{width:10px;height:10px!important;text-align:center;background:0 0;border:#f4be6f solid 1px;border-radius:50%;opacity:.5;box-shadow:none;transition:0s}
.lunbotu .swiper-pagination-bullet-active{position:relative;background:#f4be6f;opacity:1}
.zhezhao{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background:url(http://www.serrapiano.com/images/tb3.png) repeat}
.banner-video{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden}
.section-page2 .box .img{opacity:0}
.section-page2 .box .img.animated{opacity:1}
.section-page2 .box .txt{opacity:0}
.section-page2 .box .txt.animated{opacity:1}
.section-page2 .box{position:relative}
.section-page2 .box .img{float:left;overflow:hidden}
.section-page2 .box .txt{position:absolute;left:0;top:90px;bottom:0;margin:auto;padding-left:28.4%}
.section-page2 .box .txt .tbox{padding:4.5% 7% 6.8%;background:rgba(255,255,255,.95)}
.section-page2 .box .txt .tbox .title{position:relative;color:#000;font-size:40px;font-weight:700;margin-bottom:25px}
.section-page2 .box .txt .tbox .title::before{content:'';position:absolute;left:-135px;top:0;bottom:0;margin:auto;width:110px;height:3px;background-color:#f4be6f}
.section-page2 .box .txt .tbox .text{color:#666;font-size:16px;line-height:36px}
.section-page2 .box .txt .tbox .morebtn{margin:20px auto}
.section-page2 .box .txt .tbox .morebtn .more{color:#f4be6f;font-size:16px;display:flex;align-items:center}
.section-page2 .box .txt .tbox .morebtn .more img{margin-left:10px}
.num{margin-top:60px}
.section-page2 .box .txt .tbox .num{margin-top:35px}
.num ul li{float:left;width:33.33%;width:-moz-calc(100% / 3);width:-webkit-calc(100% / 3);width:calc(100% / 3);padding:0 20px;text-align:center;overflow:hidden;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.num ul li .t1{color:#e07073;font-size:65px;font-weight:700}
.num ul li.color1 .t1{color:#f4be6f}
.num ul li.color2 .t1{color:#f4be6f}
.num ul li.color3 .t1{color:#f4be6f}
.num ul li .line{position:relative;width:52px;height:4px;margin:15px auto 20px;background-color:#c39d7c}
.num ul li .line::before{content:'';position:absolute;left:0;top:0;width:0;height:100%;background-color:#e07073;transition:all .4s}
.num ul li:hover .line::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f4be6f;transition:all .4s}
.num ul li .t2{color:#333;font-size:18px;line-height:32px}
/*.section-page3 .box .h-item{opacity:0}
.section-page3 .box .h-item.animated{opacity:1}*/
.h-item{margin-top:90px}
.h-item ul{height:500px;overflow:hidden}
.h-item ul li{position:relative;float:left;width:25%;height:450px;background-repeat:no-repeat;background-position:center center;background-size:cover;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;transition:all .5s}
.h-item ul li a{display:inline-block;width:100%}
.h-item ul li:after{content:'';position:absolute;right:0;top:0;width:10px;height:100%;background-color:#f4f4f4;z-index:2}
.h-item ul li.active{width:40%}
.h-item ul li.active .h-item-h{color:#fff}
.h-item ul li.active .h-item-arrow,.h-item ul li.active .h-item-l,.h-item ul li.active .h-item-p{display:block}
.h-item ul li.active .h-item-h{color:#eee}
.h-item ul li.active .h-item-icon{display:none}
.h-item ul li.active .h-item-h{margin-top:150px}
.h-item ul li:last-child:after{background:0 0}
.h-item ul li:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;/*background:rgba(0,0,0,.4);*/z-index:1}

.flex{display: flex;justify-content: center;align-items: center;}
.h-item2{margin-top:90px;background-size: 200%;}
.h-item2 ul{height:550px;overflow:hidden}
.h-item2 ul li{position:relative;float:left;width:33%;height:500px;background-repeat:no-repeat;background-position:center center;background-size:cover;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;transition:all .5s}
.h-item2 ul li a{display:inline-block;width:100%;height: 100%;}
.h-item2 ul li a>div{height: 100%;}
.h-item2 ul li:after{content:'';position:absolute;right:0;top:0;width:10px;height:100%;background-color:#f4f4f4;z-index:2}
.h-item2 ul li.active{width:50%}
.h-item2 ul li.active .h-item-h{color:#fff}
.h-item2 ul li.active .h-item-arrow,.h-item ul li.active .h-item-l,.h-item ul li.active .h-item-p{display:block}
.h-item2 ul li.active .h-item-h{color:#eee}
.h-item2 ul li.active .h-item-icon{display:none}
.h-item2 ul li.active .h-item-h{margin-top:0px}
.h-item2 ul li:last-child:after{background:0 0}
.h-item2 ul li:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;/*background:rgba(0,0,0,.4)*/;z-index:1}

.x-itemdiv{display:none}
.h-item-div{position:relative;z-index:2;text-align:center;padding:0;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.h-item-icon{margin-top:150px}
.h-item-icon img{max-width:100%}
.h-item-h{font-size:26px;margin-top:30px;font-weight:700;color:#fff;}
.h-item2 ul li a:hover .h-item-h{color:#fdf4a9;background:-webkit-linear-gradient(45deg,#70f7fe,#fbd7c6,#fdefac,#bfb5dd,#bed5f5);
color:transparent;-webkit-background-clip:text;animation:ran 10s linear infinite}
@keyframes ran{from{backgroud-position:0 0}
to{background-position:2000px 0}
}
.h-item-l{display:none;margin:20px auto;width:42px;height:2px;background-color:#fff}
.h-item-p{color:#f8f8f8;font-size:16px;line-height:30px;margin-top:15px;display:none}
.h-item-arrow{display:none;float:right;margin-right:30px;margin-top:30px}
/*.section-page4 .box .i-video{opacity:0}
.section-page4 .box .i-video.animated{opacity:1}*/
.i-video{margin-top:65px}
.i-video-li{float:left;position:relative;width:48.5%;overflow:hidden;margin-right:3%;margin-bottom:20px;cursor:pointer}
.i-video-li:nth-child(2n){margin-right:0}
.i-video-li .img{width:100%}
.i-video-li::before{content:'';position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background:#c39d7c;}
.video-txt{position:absolute;left:50%;top:50%;-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2;text-align:center}
.video-btn{text-align:center}
.video-zi{color:#f8f8f8;background:-webkit-linear-gradient(45deg,#70f7fe,#fbd7c6,#fdefac,#bfb5dd,#bed5f5);-webkit-background-clip:text;animation:ran 10s linear infinite;font-size:36px;font-weight:700;margin-bottom:15px;text-align:center}
/*.section-page5 .box .i-news{opacity:0}
.section-page5 .box .i-news.animated{opacity:1}*/
.i-news{margin-top:80px}
.i-news-div{position:relative;width:100%;overflow:hidden;margin-bottom:80px}
.news-li{width:100%;background-color:#fff;padding:14px 16px 25px;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.news-li .img{width:100%;overflow:hidden;text-align:center}
.news-li .img img{width:100%;-o-transition:all .4s;-ms-transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;transition:all .4s}
.news-li .txt .t1{color:#c7c7c7;font-size:14px;margin:0px auto}
.news-li .txt .t2{color:#333;font-size:20px;/*font-weight:700;*/padding-bottom:15px;margin-bottom:20px;border-bottom:#dbdbdb solid 1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news-li .txt .t3{color:#888;font-size:14px;line-height:30px;height:60px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:25px}
.news-li .txt .t4{display:flex;align-items:center;color:#ca8883;font-size:14px}
.news-li .txt .t4 img{margin-left:7px;width:23px;height:23px}
.news2 ul li a.news-li .txt .t4{color:#f28b11}
.news-li:hover .img img{-o-transform:scale(1.05);-ms-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}
.news-li:hover .txt .t2{color:#c39d7c}
.news-add{text-align:center;margin:0 auto}
.news-add a{display:inline-block}
.news-add a img{width:33px;height:33px}
/*.section-page6 .box .i-partner{opacity:0}
.section-page6 .box .i-partner.animated{opacity:1}*/
.section-page6{padding-top:60px}
.i-partner{position:relative;margin-bottom:160px}
.i-partner-div{margin-top:70px;width:100%;overflow:hidden;position:relative}
.i-partner-div .swiper-slide .img{margin:15px 15px;box-shadow:0 0 27px rgba(0,0,0,.07);background-color:#fff}
.i-partner-div .swiper-slide .img a{display:inline-block;width:100%;text-align:center;/*height:130px;line-height:130px*/}
.i-partner-div .swiper-slide .img a img{-o-transition:all .4s;-ms-transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;transition:all .4s}
.i-partner-div .swiper-slide .img:hover a img{-o-transform:scale(1.08);-ms-transform:scale(1.08);-moz-transform:scale(1.08);-webkit-transform:scale(1.08);transform:scale(1.08)}
.i-partner .swiper-button-next,.i-partner .swiper-button-prev{position:absolute;top:40%;width:21px;height:43px;margin-top:0;z-index:10;cursor:pointer;-moz-background-size:21px 43px;-webkit-background-size:21px 43px;background-size:21px 43px;background-position:center;background-repeat:no-repeat}
.i-partner .swiper-button-next.swiper-button-disabled,.i-partner .swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.i-partner .swiper-button-prev,.i-partner .swiper-container-rtl .swiper-button-next{background-image:url(../image/img29.png);left:5%;right:auto}
.i-partner .swiper-button-next,.i-partner .swiper-container-rtl .swiper-button-prev{background-image:url(../image/img30.png);right:5%;left:auto}
.section.footerss .fp-tableCell{display:block!important}
.obanner{position:relative;width:100%;overflow:hidden;text-align:center}
.obanner img{width:100%}
.bannerzi{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);margin:auto;text-align:left}
.bannerzi1{color:#fff;font-size:46px;font-weight:700;font-family:"思源黑体 CN";margin-bottom:15px;line-height:1}
.bannerzi2{color:#fff;font-size:20px}
.bgcolor1{background-color:#f5f5f5}
.bgcolor2{background-color:#f7f7f7}
.bgcolor3{background-color:#fff}
.martop{margin-top:110px}
.padbot{padding-bottom:130px}
.industrial .box{position:relative;width:100%}
.industrial .box .img{position:relative;width:58.4%;overflow:hidden}
.industrial .box1 .i-img{float:right}
.industrial .box2 .i-img{float:left}
.industrial .box .txt{position:absolute;top:70px;width:50%;padding:40px 45px 80px 30px;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff}
.industrial .box .txt::before{content:'';position:absolute;bottom:80px;width:100px;height:9px;background-color:#fe7977}
.industrial .box .txt::after{content:'';position:absolute;bottom:80px;width:0;height:9px;background-color:#f4be6f;-o-transition:all 1s;-ms-transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;transition:all 1s}
.industrial .box:hover .txt::after{content:'';position:absolute;bottom:80px;width:100px;height:9px;background-color:#f4be6f}
.industrial .box.box1 .txt::after,.industrial .box.box1 .txt::before{right:-50px}
.industrial .box.box2 .txt::after,.industrial .box.box2 .txt::before{left:-50px}
.industrial .box1 .txt{left:0;text-align:left}
.industrial .box2 .txt{right:0;text-align:right}
.industrial .box .txt .t1{color:#000;font-size:32px;font-weight:700;margin-bottom:35px}
.industrial .box .txt .t1 img{margin-right:15px;width:26px;height:26px}
.industrial .box .txt .t2{color:#888;font-size:16px;line-height:36px;margin-bottom:20px}
.industrial .box .txt .t3{display:inline-block}
.industrial .box .txt .t3 a{color:#fc7978;font-size:16px;display:flex;align-items:center;margin-bottom:30px}
.industrial .box .txt .t3 a img{margin:0 10px;width:27px;height:27px}
.in-details{margin-top:55px;padding-bottom:65px}
.in-details .box{padding:50px 32px 100px;background-color:#fff}
.in-details .box .title{display:flex;align-items:center;color:#000;font-size:32px;font-weight:700}
.in-details .box .title img{margin-right:15px;width:26px;height:26px}
.in-details .box .txt{padding:0 42px;overflow:hidden;margin-top:25px;color:#888;font-size:16px;line-height:30px}
.in-details .box .txt img{display:block;margin:0 auto;max-width:100%}
.partner{margin-top:32px}
.ptab{position:relative}
.ptab::before{content:'';position:absolute;left:0;top:12px;width:100%;height:1px;background-color:#eee}
.ptab ul li{display:inline-block;text-align:center;margin-right:75px;padding:0 15px;cursor:pointer}
.ptab ul li a{display:inline-block;width:100%}
.ptab ul li .icon{position:relative;width:26px;height:26px;border-radius:50%;background-color:#ebebeb;margin:0 auto 6px}
.ptab ul li .icon::before{content:'';position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;width:14px;height:14px;background-color:#c3c3c3;border-radius:50%}
.ptab ul li.on .icon::before{content:'';position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;width:14px;height:14px;background-color:#e07073;border-radius:50%}
.ptab ul li .txt{color:#999;font-size:18px;font-weight:700}
.ptab ul li.on .txt{color:#e07073}
.partner .conwidth .box{margin-top:90px;padding-bottom:80px}
.partner .conwidth .box ul li{float:left;width:20%;padding:.8% .8%;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.partner .conwidth .box ul li a{display:inline-block;width:100%;text-align:center;height:135px;line-height:135px;background-color:#f5f5f5}
.partner .conwidth .box ul li a img{max-width:100%;-o-transition:all .4s;-ms-transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;transition:all .4s}
.partner .conwidth .box ul li a:hover{-o-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}
.contact{margin-top:65px}
.contact .box{margin-top:65px}
.contact .box ul{padding-bottom:65px}
.contact .box ul li{float:left;width:25%;padding:0 2.4%;text-align:center;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.contact .box ul li .icon{width:140px;height:140px;line-height:140px;text-align:center;border-radius:50%;background-color:#e07073;margin:0 auto 30px}
.contact .box ul li.bg1 .icon{background-color:#e07073}
.contact .box ul li.bg2 .icon{background-color:#f1adae}
.contact .box ul li.bg3 .icon{background-color:#fcc398}
.contact .box ul li.bg4 .icon{background-color:#dbad8b}
.contact .box ul li .icon img{width:44px;-o-transition:all .4s;-ms-transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;transition:all .4s}
.contact .box ul li:hover .icon img{-o-transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2)}
.contact .box ul li .t1{color:#333;font-size:24px;font-weight:700}
.contact .box ul li .line{margin:15px auto;width:35px;height:4px;background-color:#333}
.contact .box ul li .t2{color:#333;font-size:18px;line-height:32px;word-break:break-all}
.contact .box .map{width:100%;overflow:hidden}
.hot-r{width:100%;overflow:hidden;margin-top:65px}
.hot-r .box{margin-top:50px;padding-top:200px;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background-size:100% auto;background-repeat:no-repeat;background-position:center top}
.hot-r-con{width:90%;margin:0 auto;overflow:hidden;margin:0 auto 70px;padding:0 5%;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;padding-bottom:60px;box-shadow:0 9px 54px rgba(0,0,0,.09)}
.hot-r-table{width:100%;border-collapse:collapse}
.hot-r-table thead{border-bottom:#ececec solid 4px}
.hot-r-table thead tr td{color:#000;font-size:18px;font-weight:700;height:130px}
.hot-r-table tr{cursor:pointer}
.hot-r-table tr:hover{background-color:#f0f0f0}
.hot-r-table td{height:80px;color:#888;font-size:18px;padding:0 20px 0 40px;border-bottom:#ececec solid 1px;text-align:center}
.hot-r-table tbody tr td:first-child,.zhiwei{color:#333}
.hot-r-table tbody tr td:first-child:hover,.zhiwei:hover{color:#e07073}
.zpbg{display:none;position:fixed;top:0;bottom:0;left:0;right:0;margin:auto;z-index:999;width:100%;height:100%;background:rgba(0,0,0,.8)}
.zp_close{position:absolute;right:0;top:0;cursor:pointer}
.zp_close img{width:50px}
.r-detail{position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;width:870px;max-height:880px}
.recruit-detail{width:790px;max-height:88%;height:calc(100% - 50px);overflow:auto;background-color:#fff;padding:45px 25px;margin-top:70px;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:auto}
.r-d-t{background-color:#e07073;padding:0 20px;overflow:hidden;color:#fff;font-size:20px;line-height:55px}
.r-d-o{width:100%;overflow:hidden;margin:30px auto;padding:0 20px;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.r-d-oli{float:left;display:inline-block;margin-right:50px;color:#888;font-size:16px}
.r-d-olit{color:#000}
.rd-describe{width:100%;overflow:hidden;margin-bottom:30px;padding:0 20px;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.rd-describe-t{color:#333;font-size:16px;margin-bottom:15px}
.rd-describe-p{color:#888;font-size:16px;line-height:32px}
.rd-mark{color:#dbad8b;font-size:16px;line-height:32px}
.rd-apply{display:inline-block;padding:0 25px;height:40px;line-height:40px;border-radius:20px;background-color:#dbad8b;margin-left:20px}
.rd-apply a{color:#fff;font-size:16px}
.news{padding-top:30px;padding-bottom:70px}
.news .box{margin-top:35px}
.news1{position:relative;width:100%}
.newscon{position:relative;width:100%;overflow:hidden}
.newscon .swiper-slide .newsbox{width:100%;overflow:hidden;background-color:#fff;border-bottom:#e07073 solid 5px}
.newscon .swiper-slide .newsbox .img{float:left;width:50%;overflow:hidden}
.newscon .swiper-slide .newsbox .img img{width:100%}
.newscon .swiper-slide .newsbox .txt{float:left;width:50%;padding-left:2.4%;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.newscon .swiper-slide .newsbox .txt .t1{position:relative;display:inline-block;color:#e07073;font-size:24px;font-weight:700;padding-bottom:50px;margin-bottom:10px;margin-top:25px}
.newscon .swiper-slide .newsbox .txt .t1::before{content:'';position:absolute;left:0;right:0;bottom:0;margin:auto;width:2px;height:50px;background-color:#e07073}
.newscon .swiper-slide .newsbox .txt .t2{color:#a29a9a;font-size:18px;margin-bottom:25px}
.newscon .swiper-slide .newsbox .txt .t3{color:#333;font-size:30px;font-weight:700;margin-bottom:25px}
.newscon .swiper-slide .newsbox .txt .t4{color:#333;font-size:16px;line-height:32px;margin-bottom:30px}
.newscon .swiper-slide .newsbox .txt .t5{margin-bottom:20px}
.newscon .swiper-slide .newsbox .txt .t5 a{padding:0 22px;height:36px;line-height:36px;color:#fff;font-size:16px;background-color:#e07073;border-radius:18px}
.l-btn{position:absolute;right:2%;bottom:28px;width:85px;height:35px}
.news1 .swiper-button-next,.news1 .swiper-button-prev{width:35px;height:35px;z-index:10;cursor:pointer;-moz-background-size:35px 35px;-webkit-background-size:35px 35px;background-size:35px 35px;background-position:center;background-repeat:no-repeat;border-radius:50%}
.news1 .swiper-button-next,.news1 .swiper-container-rtl .swiper-button-prev{right:0;background-image:url(../image/img63.png);background-position:center;background-repeat:no-repeat}
.news1 .swiper-button-prev,.news1 .swiper-container-rtl .swiper-button-next{left:0;background-image:url(../image/img62.png);background-position:center;background-repeat:no-repeat}
.news1 .swiper-button-next.swiper-button-disabled{opacity:1;background-image:url(../image/img61.png)}
.news1 .swiper-button-prev.swiper-button-disabled{opacity:1;background-image:url(../image/img60.png)}
.news2{margin-top:45px}
.news2 ul{margin-bottom:20px}
.news2 ul li{float:left;width:31%;margin-right:3.5%;margin-bottom:3.5%}
.news2 ul li:nth-child(3n){margin-right:0}
.page{margin:0 auto;overflow:hidden;text-align:center}
.page a{display:inline-block;height:28px;line-height:28px;color:#a9a9a9;font-size:16px;border:#d4d4d4 solid 1px;margin-bottom:5px;margin-right:8px;padding:0 10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.page a.ellipsis{border:none;color:#a9a9a9;position:relative;top:-5px;padding:0}
.page a.on,.page a:hover{background-color:#fb7e7b;color:#fff;border:#fb7e7b solid 1px}
.page a.frist,.page a.last{color:#545454}
.page a.ellipsis:hover{background:0 0}
.page a.ellipsis:hover{border:none!important;color:#a9a9a9}
.page a.frist:hover,.page a.last:hover{color:#fff}
.news-details{margin-top:45px;padding-bottom:55px}
.news-details .box .conwidth .detailsbox{padding:3.7% 2.7%;background-color:#fff}
.detailsbox .title{text-align:center;padding-bottom:15px;border-bottom:#e3e3e3 solid 1px}
.detailsbox .title .t1{color:#222;font-size:26px;font-weight:700;margin-bottom:25px}
.detailsbox .title .t2{color:#888;font-size:16px;text-align:center}
.detailsbox .title .t2 .tli{display:inline-block;margin-right:4.7%}
.detailsbox .title .t2 .tli:last-child{margin-right:0}
.detailsbox .txt{padding:36px 0;color:#888;font-size:16px;line-height:32px}
.detailsbox .txt img{display:block;margin:0 auto}
.share{overflow:hidden;margin-top:25px;padding-bottom:45px}
.sharecon{display:flex;align-items:center;float:right;color:#000;font-size:16px}
.nextprev{overflow:hidden;padding-top:55px;border-top:#e3e3e3 solid 1px}
.nextprev a{display:inline-block;color:#333}
.nextprev a:hover{color:#f4be6f}
.nextprev .prev{float:left;width:50%;color:#000;font-size:18px;text-align:left}
.nextprev .next{float:right;width:50%;color:#000;font-size:18px;text-align:right}
.detailsbox .video{padding:85px 0 50px;max-width:1156px;width:81.5%;margin:0 auto}
.detailsbox .video .video-li{position:relative;width:100%;overflow:hidden;cursor:pointer}
.video-li::before{content:'';position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background:rgba(0,0,0,.5)}
.live{margin-top:35px;padding-bottom:75px}
.live .box{margin-top:60px}
.livebox{margin-top:50px}
.livebox ul{margin-bottom:20px}
.livebox ul li{float:left;width:31%;margin-bottom:3.5%;margin-right:3.5%}
.livebox ul li:nth-child(3n){margin-right:0}
.livebox ul li a{display:inline-block;width:100%}
.livebox ul li .video-li{position:relative;width:100%;overflow:hidden;cursor:pointer}
.aboutus{padding-top:35px}
.aboutus .box .about{padding-top:50px;padding-bottom:90px}
.aboutus .box .about .conwidth{position:relative;padding-bottom:85px}
.aboutus .box .about .conwidth .txt{position:relative;z-index:2;float:left;width:50%}
.aboutus .box .conwidth .title{position:relative;margin-top:20px}
.aboutus .box .conwidth .title .line{position:absolute;left:-105px;top:0;bottom:0;margin:auto;width:80px;height:3px;background-color:#e07073}
.aboutus .box .conwidth .title .t1{color:#000;font-weight:700;font-size:40px}
.aboutus .box .conwidth .txt .txtbox{width:100%;margin-top:30px;background-color:#fff;padding:32px 28px;overflow:hidden;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.aboutus .box .about .conwidth .txt .txtbox .con{color:#888;font-size:16px;line-height:36px;margin-bottom:20px;overflow:hidden}
.aboutus .box .about .conwidth .txt .txtbox .more a{color:#fc7978;font-size:16px;display:flex;align-items:center;margin-bottom:30px}
.aboutus .box .about .conwidth .txt .txtbox .more a img{margin:0 10px;width:27px;height:27px}
.aboutus .box .about .conwidth .img{position:absolute;right:0;top:0;z-index:1;width:64.7%;overflow:hidden}
.aboutus .box .about .conwidth .img img{width:100%}
.history{padding-top:65px;padding-bottom:90px;background-position:center;background-repeat:no-repeat;background-size:cover}
.history .title .t1{color:#fff!important}
.history-con ul{display:flex;align-items:center;justify-content:space-between;background:url(../image/img92.png) center bottom 50px no-repeat}
.history-con ul li{position:relative;padding-top:375px;float:left;width:20%}
.history-con ul li .time{display:inline-block;position:relative;top:15px;left:10%;cursor:pointer}
.history-con ul li .time .line{width:2px;height:25px;margin:0 auto 3px;background-color:#cecdcd}
.history-con ul li .time .point{position:relative;width:30px;height:30px;margin:0 auto;border:#c3c3c3 solid 2px;background-color:#f3f3f3;border-radius:50%;margin-bottom:10px}
.history-con ul li .time .point::before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:20px;height:20px;background-color:#d3cccc;border-radius:50%}
.history-con ul li .time .year{width:130px;height:40px;color:#888;font-size:20px;font-weight:700;text-align:center}
.history-con ul li .details{display:none;position:absolute;left:0;bottom:35%;background:url(../image/img95.png) center no-repeat;background-size:cover;width:750px;min-height:217px;padding-bottom:30px;border-radius:10px}
.history-con ul li .details i{position:absolute;left:9.5%;bottom:-33px;width:42px;height:35px;background:url(../image/img96.png) center no-repeat}
.history-con ul li:last-child .details,.history-con ul li:nth-last-child(2) .details{right:0;left:auto}
.history-con ul li:last-child .details i,.history-con ul li:nth-last-child(2) .details i{left:auto;right:24.5%}
.history-con ul li .details .t1{position:relative;padding-left:10%;padding-right:12%;padding-top:35px;color:#2e2e2e;font-size:30px;font-weight:700}
.history-con ul li .details .t2{padding-left:10%;padding-right:12%;color:#666;font-size:16px;line-height:36px}
.history-con ul li .details .t1::before{content:'';position:absolute;left:4%;top:45px;width:15px;height:15px;border-radius:50%;border:#e07073 solid 4px}
.history-con ul li .time:hover .line,.history-con ul li.on .time .line{background-color:#e07073}
.history-con ul li .time:hover .point,.history-con ul li.on .time .point{border:solid 2px #e07073}
.history-con ul li .time:hover .point::before,.history-con ul li.on .time .point::before{background-color:#e07073}
.history-con ul li .time:hover .year,.history-con ul li.on .time .year{color:#e07073}
.history-con ul li .time:hover .details,.history-con ul li.on .details{display:block}
.c-structure{padding-top:65px}
.c-structure-con{width:100%;overflow:hidden;padding:100px 0;text-align:center}
.c-structure-con .jgimg2{display:none}
.c-structure-con img{width:100%}
.s-layout{padding-top:65px;padding-bottom:100px}
.s-layout-con{margin-top:80px}
.s-layout-con ul{text-align:center}
.s-layout-con ul li{max-width:360px;width:24%;position:relative}
.s-layout-con ul li::before{content:'';position:absolute;right:-42%;top:0;bottom:0;margin:auto;width:80px;height:66px;background:url(../image/img83.png) center no-repeat;background-size:80px 66px}
.s-layout-con ul li:nth-child(3n)::before{background:0 0}
.s-layout-con ul li:hover .con .t1{color:#fff;background:-webkit-linear-gradient(45deg,#70f7fe,#fbd7c6,#fdefac,#bfb5dd,#bed5f5);-webkit-background-clip:text;animation:ran 10s linear infinite}
.s-layout-con ul li.sl1{float:left;background:url(../image/img88.png) center no-repeat}
.s-layout-con ul li.sl2{display:inline-block;margin:0 auto;background:url(../image/img89.png) center no-repeat}
.s-layout-con ul li.sl3{float:right;background:url(../image/img90.png) center no-repeat}
.s-layout-con ul li .con{margin:0 20px}
.s-layout-con ul li .con .t1{color:#fff;font-size:80px;font-weight:700;font-family:"思源黑体 CN";height:135px;line-height:130px}
.s-layout-con ul li .con .txt{text-align:left;min-height:300px;padding:36px 0;overflow:hidden;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;color:#fff;font-size:20px;font-family:"PingFang SC Regular"}
@font-face{font-family:'PingFang SC Regular';src:url(http://www.serrapiano.com/font/pingfangr.otf)}
.s-layout-con ul li .con .txtli{position:relative;padding-left:80px;padding-right:20px;line-height:36px;margin-bottom:25px}
.s-layout-con ul li .con .txt .img{position:absolute;left:32px;top:0;width:34px;height:36px;background:url(../image/img87.png) center right no-repeat;background-size:34px 29px}
.s-layout-con ul li .con .icon{text-align:center;margin:0 auto;height:135px;line-height:130px}
.bigPicLayer{display:none;width:1000px;height:556px;position:fixed;z-index:111;top:40%!important;margin-top:-180px;padding:10px}
.bigPicLayer .close{display:block;width:38px;height:38px;background:url(../image/m5_off.png) no-repeat;right:-50px;top:-50px;position:relative;position:absolute;z-index:222}
.bigPicLayer .close em{width:1px;height:50px;background:#009690;display:none;position:absolute;left:50%;margin-left:-.5px;top:100%}
.bigPicLayer .imgDiv{text-align:center}
.bigPicLayer .imgDiv img{width:100%}
.bigPicLayer .imgDiv span{display:block;text-align:center;font-size:18px;margin-top:16px;color:#fff;font-weight:700;position:absolute;left:0;top:100%;width:100%}
/*@media screen and (max-width:1730px){.i-partner .swiper-button-prev,.i-partner .swiper-container-rtl .swiper-button-next{left:0}
.i-partner .swiper-button-next,.i-partner .swiper-container-rtl .swiper-button-prev{right:0}
}
@media screen and (max-width:1600px){.conwidth{padding-left:3%;padding-right:3%;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.main_nav{padding-left:3%;padding-right:3%}
.header .box .nav ul li>a{margin:0 10px}
.aboutus .box .conwidth .title .line{position:static;float:left;margin-top:26px;width:60px;margin-right:20px}
.history-con ul li:last-child .details i,.history-con ul li:nth-last-child(2) .details i{left:auto;right:20.5%}
}
@media screen and (max-width:1440px){.bigPicLayer{display:none;width:600px;height:350px;position:fixed;z-index:111;top:40%!important;margin-top:-100px;padding:10px}
.bigPicLayer .close{display:block;width:38px;height:38px;background:url(../image/m5_off.png) no-repeat;right:-50px;top:-50px;position:relative;position:absolute;z-index:222}
.bigPicLayer .close em{width:1px;height:50px;background:#0a448d;display:none;position:absolute;left:50%;margin-left:-.5px;top:100%}
.bigPicLayer .imgDiv{text-align:center}
.bigPicLayer .imgDiv img{width:100%}
.bigPicLayer .imgDiv span{display:block;text-align:center;font-size:18px;margin-top:16px;color:#fff;font-weight:700;position:absolute;left:0;top:100%;width:100%}
}
@media screen and (max-width:1366px){.header .box .nav ul li>a{padding:0 8px}
.i-title-h,.section-page2 .box .txt .tbox .title{font-size:36px}
.b-img .t1{font-size:60px}
.num ul li .t1{font-size:50px}
.num ul li .t2{font-size:16px;line-height:28px}
.f-menu-li{margin-right:70px}
.aboutus .box .about{padding-bottom:60px}
.history-con ul li:last-child .details i,.history-con ul li:nth-last-child(2) .details i{left:auto;right:19%}
}
@media screen and (max-width:1280px){.header .box .nav ul li>a{padding:0 5px}
.history-con ul li{padding-top:250px}
.history-con ul li .details .t1{padding-top:20px;font-size:26px}
.history-con ul li .details .t1::before{top:30px}
.history-con ul li .details .t2{line-height:32px}
.history-con ul li .details{width:600px;min-height:1px;bottom:42%}
.history-con ul li .details i{left:11.5%}
.history-con ul li:last-child .details i,.history-con ul li:nth-last-child(2) .details i{right:22%}
}
@media screen and (max-width:1220px){.menubtn{float:right;width:50px;height:90px;background:url(../images/menu-icon11.png) center center no-repeat;background-size:100%}
.header .menubtn.on{background:url(../images/menu-icon21.png) center center no-repeat;background-size:100%}
.header .nav{position:fixed;right:0;top:91px;width:100%;background:#fff;padding:20px 0;display:none;z-index:999}
.header .nav ul{padding:0 20px}
.header .nav ul li{width:100%}
.header .nav ul li>a{width:100%;height:50px!important;line-height:50px!important;color:#333!important;text-align:left}
.header .nav>ul>li>a:hover{color:#e60012}
.header .nav ul li>a.on{color:#e60012}
.header .nav ul li:first-child{margin-left:0}
.header .nav ul li .s-menu{position:static;text-align:left;min-width:1px;width:100%;margin:0 auto;padding:0;height:auto}
.s-menu-link{display:inline-block;width:100%;margin:10px}
}*/

/*@media screen and (max-width:1024px){.header{position:static;background-color:#000}
.oimg1{display:none}
.oimg2{display:block}
.footer{padding:20px 0}
.footer .sp1,.footer .sp2,.footer .sp3{display:inline-block;width:100%}
.footer .box1,.footer .box2 .right{display:none}
.footer .box2{border-top:none}
.footer .box2 .left{height:auto;line-height:30px;width:100%;text-align:center}
.section-page2 .box .txt{padding-left:15%;position:static;margin-top:10%}
.section-page2 .box .txt .tbox .title::before{width:18%;left:-20%}
.num ul li .t1{font-size:40px}
.section-page2 .box .img{position:absolute;left:0;top:0}
.h-item{display:none}
.x-itemdiv{display:block}
.x-item{position:relative;width:100%;overflow:hidden;padding-bottom:50px;margin-top:30px}
.x-item .swiper-slide{position:relative}
.x-item .swiper-slide::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);background-size:cover;z-index:1}
.x-item-tu{width:100%;overflow:hidden}
.x-item .swiper-slide a{position:absolute;left:0;top:50%;-o-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;padding:0 10%;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:2}
.x-item .swiper-slide a .h-item-icon{margin-top:0}
.x-item .swiper-slide a .h-item-h{color:#fff}
.x-item .swiper-slide a .h-item-arrow,.x-item .swiper-slide a .h-item-p{display:block}
.x-item .swiper-pagination-bullet{width:12px;height:12px;display:inline-block;border-radius:100%;background:#000;opacity:.4}
.x-item .swiper-pagination-bullet-active{background:#e60909;opacity:1}
.news-li{margin-bottom:10px;box-shadow:0 0 10px rgba(0,0,0,.3)}
.i-news-div{margin-bottom:50px}
.news-li .txt .t3{font-size:15px;line-height:28px;height:56px}
.video-btn{width:50px}
.history-con ul,.ptab uL{overflow-x:scroll;overflow-y:hidden;white-space:nowrap}
.history-con ul::-webkit-scrollbar,.ptab ul::-webkit-scrollbar{width:0;height:0}
.history-con ul::-webkit-scrollbar-button,.ptab ul::-webkit-scrollbar-button{background-color:rgba(0,0,0,0)}
.history-con ul::-webkit-scrollbar-track,.ptab ul::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}
.history-con ul::-webkit-scrollbar-track-piece,.ptab ul::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,0)}
.history-con ul::-webkit-scrollbar-thumb,.ptab ul::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0)}
.history-con ul::-webkit-scrollbar-corner,.ptab ul::-webkit-scrollbar-corner{background-color:rgba(0,0,0,0)}
.history-con ul::-webkit-scrollbar-resizer,.ptab ul::-webkit-scrollbar-resizer{background-color:rgba(0,0,0,0)}
.history-con ul::-webkit-scrollbar,.ptab ul::-webkit-scrollbar{width:0;height:0}
.ptab ul li{margin-right:45px}
.livebox ul li{width:48%;margin-right:4%}
.livebox ul li:nth-child(3n){margin-right:4%}
.livebox ul li:nth-child(2n){margin-right:0}
.detailsbox .video{padding:60px 0 30px;width:90%}
.contact{margin-top:50px}
.contact .box{margin-top:35px}
.contact .box ul li{padding:0}
.contact .box ul li .icon{width:100px;height:100px;line-height:100px}
.contact .box ul li .t1{font-size:22px}
.contact .box ul li .t2{font-size:16px;line-height:28px}
.hot-r-con{width:96%;padding:0 4%}
.hot-r .box{padding-top:130px}
.hot-r-table td{padding:0;font-size:16px}
.rd-describe-p{font-size:15px}
.r-detail{width:100%;padding:0 5%;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.zp_close{right:5%}
.recruit-detail{width:-moz-calc(100% - 50px);width:-webkit-calc(100% - 50px);width:calc(100% - 50px)}
.padbot{padding-bottom:90px}
.martop{margin-top:90px}
.industrial .box{overflow:hidden}
.industrial .box1 .i-img,.industrial .box2 .i-img{position:absolute}
.industrial .box1 .i-img{right:0}
.industrial .box2 .i-img{left:0}
.industrial .box .txt{position:relative;left:auto;right:auto;top:auto;margin-top:50px;margin-bottom:50px;width:75%;padding:40px 20px 20px 20px}
.industrial .box1 .txt{float:left}
.industrial .box2 .txt{float:right}
.industrial .box .txt .t1{display:flex;align-items:center;font-size:28px;margin-bottom:15px}
.industrial .box .txt .t2{font-size:15px;line-height:30px}
.in-details .box{padding:40px 30px 60px}
.in-details .box .title img{margin-right:10px}
.in-details .box .txt{padding:0 35px}
.partner .conwidth .box{margin-top:60px;padding-bottom:60px}
.partner .conwidth .box ul li{width:25%}
.partner .conwidth .box ul li a{height:120px;line-height:120px}
.newscon .swiper-slide .newsbox .img,.newscon .swiper-slide .newsbox .txt{width:100%}
.news2 ul li{width:48%;margin-right:4%}
.news2 ul li:nth-child(3n){margin-right:4%}
.news2 ul li:nth-child(2n){margin-right:0}
.nextprev .next,.nextprev .prev{width:100%}
.nextprev .next{text-align:left;margin-top:20px}
.aboutus .box .about .conwidth{padding-bottom:0}
.aboutus .box .conwidth .title .t1{font-size:36px}
.aboutus .box .about .conwidth .txt{width:75%}
.history{padding-top:40px;padding-bottom:60px}
.history-con ul li .details .t2{white-space:initial}
.history-con ul li .details i{left:10.5%}
.history-con ul li:last-child .details i,.history-con ul li:nth-last-child(2) .details i{right:14.5%}
.s-layout-con{margin-top:60px}
.s-layout-con ul li{max-width:100%;width:100%;margin-bottom:20px!important;border-radius:50px}
.s-layout-con ul li.sl1{background:url(../images/img881.png) center no-repeat;background-size:100% auto}
.s-layout-con ul li.sl2{background:url(../images/img882.png) center no-repeat;background-size:100% auto}
.s-layout-con ul li.sl3{background:url(../images/img883.png) center no-repeat;background-size:100% auto}
.s-layout-con ul li .con{display:flex;align-items:center;justify-content:space-between}
.s-layout-con ul li .con .t1{float:left;width:23.68%;height:auto;line-height:1}
.s-layout-con ul li .con .txt{float:left;width:52.6%;padding:0;display:flex;align-items:center;flex-wrap:wrap}
.s-layout-con ul li .con .txtli{width:100%;margin-bottom:15px}
.s-layout-con ul li .con .txtli:last-child{margin-bottom:0}
.s-layout-con ul li .con .icon{height:auto;line-height:1}
.c-structure-con{padding:70px 0}
.c-structure-con .jgimg1{display:none}
.c-structure-con .jgimg2{display:block}
}*/
/*@media screen and (max-width:1004px){.bigPicLayer{width:300px;height:auto;padding:0;margin-top:-150px}
.bigPicLayer .close{display:block;width:38px;height:38px;background:url(../image/m5_off.png) no-repeat;right:-50px;top:-50px;position:relative;position:absolute;z-index:222}
.bigPicLayer .close em{width:1px;height:20px;background:#0a448d;display:none;position:absolute;left:50%;margin-left:-.5px;top:100%}
.bigPicLayer .imgDiv{height:169px}
}
@media screen and (max-width:998px){.lunbotu .swiper-slide{background:0 0}
.lunbotu .swiper-slide a .img{display:block}
.b-more{margin:20px auto}
.lunbotu .swiper-pagination-custom,.lunbotu .swiper-pagination-fraction,.lunbotu>.swiper-pagination-bullets{bottom:15px}
.page2,.page3,.page4,.page5{margin-top:50px}
.page5{padding-top:50px}
.i-news{margin-top:50px}
.video-zi{font-size:32px}
.i-partner{margin-bottom:60px}
.i-partner-div{margin-top:30px}
.history-con ul li .details{width:500px}
}
@media screen and (max-width:768px){.bannerzi1{font-size:40px}
.x-item .h-item-h{font-size:20px}
.h-item-arrow img{width:40px;height:40px}
.i-title-h,.section-page2 .box .txt .tbox .title{font-size:32px}
.section-page2 .box .txt .tbox .text{font-size:15px;line-height:30px}
.num ul li .t2{font-size:15px}
.hot-r .box{padding-top:80px}
.padbot{padding-bottom:60px}
.martop{margin-top:60px}
.in-details{margin-top:40px;padding-bottom:50px}
.in-details .box{padding:40px 3% 10px}
.in-details .box .txt{padding:0 3%}
.partner .conwidth .box{margin-top:50px;padding-bottom:50px}
.partner .conwidth .box ul li{width:33.33%;width:-moz-calc(100% / 3);width:-webkit-calc(100% / 3);width:calc(100% / 3)}
.partner .conwidth .box ul li a{height:100px;line-height:100px}
.i-video{margin-top:40px}
.live{padding-bottom:50px}
.detailsbox .title .t1{font-size:24px;margin-bottom:15px}
.detailsbox .title .t2{font-size:15px}
.detailsbox .video{padding:35px 0 20px}
.page a{font-size:15px}
.newscon .swiper-slide .newsbox .txt .t3{font-size:26px}
.detailsbox .txt{padding:30px 0;font-size:15px;line-height:30px}
.nextprev{padding-top:35px}
.nextprev .next,.nextprev .prev{font-size:16px}
.aboutus .box .conwidth .title .line{margin-top:20px}
.aboutus .box .conwidth .title .t1{font-size:30px}
.aboutus .box .about .conwidth .txt{width:85%}
.history-con{position:relative}
.history-con ul li{position:static;width:auto}
.history-con ul li .details{width:100%;left:0;right:0;margin:auto}
.history-con ul li .details i{left:0;right:0;margin:auto}
.history-con ul li:last-child .details i,.history-con ul li:nth-last-child(2) .details i{right:0;left:0}
.c-structure{padding-top:40px}
.c-structure-con{padding:40px 0}
.s-layout{padding-top:40px;padding-bottom:60px}
.s-layout-con{margin-top:40px}
.s-layout-con ul li .con .txt{font-size:18px}
.s-layout-con ul li .con .t1{font-size:50px}
}
.search-body .tech-nav-banner{width:200px}
.search-body .list-mains{width:100%;margin:0 auto;padding-bottom:100px}
.search-body .moudle-titles1{padding:60px 0}
.moudle-titles1 .moudle-font42{font-size:42px;line-height:1.3}
.search-body .search-list1{margin:90px auto .5rem}
.search-body .search-item{position:relative;display:block;border:1px solid #eee;border-left-width:5px;margin-bottom:10px;line-height:30px;padding:18px 200px 18px 32px;color:#333;background:#fff}
.search-body .search-item:after{top:50%;left:0;display:block;width:5px;height:0;background:#ec3f4e;content:"";position:absolute;content:"";transition-duration:.3s}
.search-body .search-item:hover{color:#ec3f4e;box-shadow:0 0 10px rgba(0,0,0,.1)}
.search-body .search-item:hover:after{top:0;height:100%}
.search-body .search-h5{height:30px;font-size:18px;transition-duration:.3s}
.search-body .search-time{top:50%;right:0;margin-top:-15px;position:absolute;display:block;width:144px;text-align:center;border-left:1px solid #ececec;font-size:14px;transition-duration:.3s}
.intro-list3 .right-item-wrap{justify-content:flex-start}
@media screen and (max-width:640px){.bannerzi1{font-size:36px}
.bannerzi2{font-size:18px}
.header .box .h-logo{height:80px;line-height:80px}
.menubtn{height:80px}
.header .nav{top:81px}
.ptab ul li{margin-right:35px}
.contact{margin-top:40px}
.contact .box{margin-top:25px}
.contact .box ul{padding-bottom:30px}
.contact .box ul li{width:50%}
.contact .box ul li .icon{width:80px;height:80px;line-height:80px;margin-bottom:15px}
.contact .box ul li .icon img{width:35px;height:auto}
.contact .box ul li .t1{font-size:20px}
.contact .box ul li .t2{font-size:15px;line-height:26px;height:78px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.industrial .box .txt{width:86%}
.industrial .box .txt .t1{font-size:24px}
.in-details .box .title{font-size:28px}
.live .box{margin-top:35px}
.news-details{margin-top:30px;padding-bottom:30px}
.aboutus .box .about{padding-top:40px;padding-bottom:50px}
.aboutus .box .conwidth .txt .txtbox{padding:30px 5%}
.aboutus .box .about .conwidth .txt{width:95%}
.aboutus .box .conwidth .title .line{margin-top:20px}
.history-con ul li .details .t1{font-size:22px}
.history-con ul li .details .t1::before{top:26px;width:10px;height:10px}
.history-con ul li .details .t2{font-size:15px;line-height:30px;padding-left:8%;padding-right:10%}
.history-con ul li .time .year{font-size:18px}
.history-con ul li .time:hover .year,.history-con ul li.on .time .year{font-size:22px}
.history-con ul li .time .point{width:22px;height:22px}
.history-con ul li .time .point::before{width:14px;height:14px}
.s-layout{padding-top:20px;padding-bottom:40px}
.aboutus .box .conwidth .title .line{margin-top:14px}
.s-layout-con ul li .con .txt{min-height:200px;font-size:16px;padding:20px 0}
.s-layout-con ul li .con .txtli{padding-left:30px;margin-bottom:0}
.s-layout-con ul li .con .txt .img{left:0;top:8px;width:25px;height:21px;background-size:25px 21px}
}*/
/*@media screen and (max-width:414px){.header .box .h-logo{height:70px;line-height:70px}
.menubtn{height:70px;background-size:82%}
.header .menubtn.on{background-size:82%}
.header .box .h-logo img{width:160px;height:auto}
.header .nav{top:71px}
.page2,.page3,.page4,.page5{margin-top:35px}
.page5{padding-top:35px}
.i-news{margin-top:35px}
.i-news-div{margin-bottom:20px}
.b-more{height:30px;line-height:30px;font-size:15px}
.bannerzi1{font-size:26px}
.bannerzi2{font-size:16px}
.i-title-h,.section-page2 .box .txt .tbox .title{font-size:24px;margin-bottom:15px}
.section-page2 .box .txt{padding-left:5%}
.section-page2 .box .txt .tbox{padding:4.5% 5% 6.8%}
.num ul li{padding:0 10px}
.num ul li .t1{font-size:28px}
.num ul li .line{margin:10px auto 15px;width:35px;height:2px}
.num ul li .t2{font-size:14px;line-height:24px}
.x-item{padding-bottom:40px;margin-top:20px}
.x-item .h-item-h{font-size:18px;margin-top:15px}
.h-item-p{margin-top:10px;line-height:24px}
.h-item-arrow{margin-top:20px;margin-right:20px}
.h-item-arrow img{width:30px;height:30px}
.x-item .swiper-pagination-bullet{width:10px;height:10px}
.h-item-p{font-size:15px}
.ptab ul li{margin-right:25px}
.news-li .txt .t2{margin-bottom:10px}
.news-li .txt .t3{font-size:14px;line-height:24px;height:auto;margin-bottom:15px}
.i-video{margin-top:30px}
.i-video-li{width:100%;margin-bottom:20px}
.i-video-li:last-child{margin-bottom:0}
.i-partner-div{margin-top:0}
.i-partner-div .swiper-slide .img a{height:100px;line-height:100px}
.contact .box ul li .t1{font-size:18px}
.hot-r{margin-top:30px}
.hot-r .conwidth{padding:0 3%}
.hot-r .a-title{padding-top:20px}
.hot-r .box{padding-top:40px}
.hot-r-table td{font-size:14px;padding:0;height:60px}
.hot-r-table thead tr td{font-size:15px;height:70px}
.a-recruit-con{margin-top:20px}
.a-recruit-p{font-size:15px;line-height:28px}
.zp_close{right:0;top:5%}
.zp_close img{width:30px}
.recruit-detail{width:100%;max-height:80%}
.r-d-o{margin:15px auto;padding:0 10px}
.r-d-t{font-size:16px}
.r-d-oli{font-size:14px}
.rd-describe{margin:15px auto;padding:0 10px}
.rd-describe-t{font-size:14px;margin-bottom:10px}
.rd-describe-p{font-size:14px;line-height:26px}
.rd-mark{font-size:14px;line-height:26px}
.rd-apply a{font-size:14px}
.padbot{padding-bottom:40px}
.martop{margin-top:40px}
.in-details{margin-top:30px;padding-bottom:35px}
.in-details .box{padding:30px 3% 10px}
.in-details .box .title{font-size:24px}
.in-details .box .txt{font-size:15px;line-height:28px}
.partner .conwidth .box{margin-top:35px;padding-bottom:30px}
.partner .conwidth .box ul li a{height:80px;line-height:80px}
.live{padding-bottom:40px}
.live .box{margin-top:30px}
.livebox{margin-top:30px}
.livebox ul li{width:100%;margin-right:0}
.detailsbox .video{width:100%;padding:25px 0 15px}
.detailsbox .title .t1{font-size:20px}
.detailsbox .title .t2{font-size:14px}
.page a{font-size:14px}
.newscon .swiper-slide .newsbox .txt .t1{padding-bottom:0}
.newscon .swiper-slide .newsbox .txt .t1::before{width:30px;height:2px;bottom:0;top:0;right:-35px;left:auto;margin:auto}
.newscon .swiper-slide .newsbox .txt .t2{font-size:16px;margin-bottom:15px}
.newscon .swiper-slide .newsbox .txt .t3{font-size:20px;margin-bottom:15px}
.newscon .swiper-slide .newsbox .txt .t4{font-size:15px;line-height:30px}
.news2 ul li{width:100%;margin-right:0}
.nextprev{padding-top:25px}
.nextprev .next,.nextprev .prev{font-size:15px}
.nextprev .next{margin-top:15px}
.page a{padding:0 8px;height:26px;line-height:26px;margin-right:5px}
.aboutus .box .about{padding-top:30px;padding-bottom:40px}
.aboutus .box .conwidth .title .t1{font-size:24px}
.aboutus .box .about .conwidth .txt{width:100%}
.num{margin-top:30px}
.aboutus .box .about .conwidth .txt .txtbox .more a{margin-bottom:0}
.aboutus .box .about .conwidth .txt .txtbox .con{font-size:15px;margin-bottom:10px}
.s-layout-con ul li .con .icon{display:none}
.s-layout-con ul li .con .txt{width:auto;min-height:150px;flex:1;font-size:15px}
.s-layout-con ul li .con .txtli{line-height:30px}
.s-layout-con ul li .con .t1{font-size:36px}
}*/
/*@media screen and (max-width:320px){.page a{margin-right:3px}
}
@media (max-width:1199px){.search-body .intro-swiper-btns .swiper-btn{width:30px;height:30px}
.search-body .intro-list3 .moudle-titles1 .moudle-font42{line-height:1.4}
.search-body .ability-list1{margin:8vw auto}
.search-body .ability-list1 .item-ico{margin-top:-14px;width:28px;height:28px}
.search-body .ability-list1 .item-content{padding-left:40px}
.search-body .proInfo-font66{padding:8vw 0}
.search-body .search-item{line-height:24px;padding:10px;border-left-width:2px;box-shadow:0 0 5px rgba(0,0,0,.1)}
.search-body .search-item:after{width:2px;height:100%;top:0}
.search-body .search-h5{font-size:16px;height:auto;-webkit-line-clamp:5}
.search-body .search-time{position:static;font-size:12px;display:inline-block;width:100%;font-size:12px;margin-top:5px;text-align:left;border:none}
.moudle-titles1 .moudle-font42{font-size:24px}
.search-body .moudle-titles1{padding:20px 0}
}*/
.ny_banner{width:100%;background:url(../image/ny_banner.jpg) no-repeat center;height:206px}
.content{height:auto;width:100%;background:#fbfbfb;padding:20px 0}

.ny_conwidth{width:1300px;margin:0 auto}
@media only screen and (max-width:1200px) {
	.ny_conwidth{width:100%;margin:0 auto}
}
.content .tit{height:70px;background:#fff;line-height:70px;box-shadow:0 0 10px #f2f2f2}
.content .tit h3{margin-left:30px;float:left;font-size:20px}
.content .tit span{float:right;margin-right:30px}
.content .tit span a{color:#333}
.content .tit span a:hover{color:#215590}
.content .con_con{background:#fff;margin:10px auto auto auto;line-height:30px;height:auto;box-shadow:0 0 10px #f2f2f2}
.content .con_con .intro{padding:40px 30px;min-height:300px}
.pagelist{padding-top:15px;color:#7b7b7b;}
.pagelist a{color:#7b7b7b;}
.page_list a{min-width: 30px;border: 1px solid #eee;display: inline-block;}
.page_list a:hover,.pagelist a:hover{color:#f4be6f;}
.page_list a.pageactive{background: #f4be6f;color: #fff;}
.page_list{text-align:center}
.page_list a{p:0 10px;color:#666}
.fl{float:left}
.fr{float:right}
.sub-news{width:100%}
.sub-news li{width:100%;display:table;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #e2e2e2}
.sub-news li dl{display:block;cursor:pointer}
.sub-news li dt{float:left;width:300px;overflow:hidden}
.sub-news li dt img{width:100%;-webkit-transition:all ease .35s;transition:all ease .35s}
.sub-news li dl:hover img{opacity:.9;-webkit-transform:scale(1.05);transform:scale(1.05)}
.sub-news li dd{width:894px;float:right;position:relative}
.sub-news li dl:hover dd p a{color:#f4be6f}
.sub-news li dd h6{font-size:15px;color:#a7a7a7;font-weight:400;margin-bottom:3px;margin-top:6px;display:block;background:url(http://www.serrapiano.com/images/timeico.jpg) no-repeat 0 3px}
.sub-news li dd h3{margin-bottom:20px}
.sub-news li dd h3 a{font-size:18px}
.sub-news li dl:hover dd h3 a{color:#f4be6f}
.sub-news li dd span{display:block;width:30px;border-top:1px solid #e2e2e2;margin:8px 0}
.sub-news li dl:hover span{border-top:1px solid #f4be6f}
.sub-news li dd p a{color:#b1b1b1}
.sub-news li dd p{width:876px;color:#a0a0a0;font-size:15px}
.sub-news li dd small a{position:absolute;right:0;top:50%;margin-top:-10px;display:block;width:20px;height:20px;font-size:14px;text-align:center;line-height:18px;border:1px solid #e2e2e2;color:#e2e2e2}
.sub-news li dl:hover dd small a{background-color:#2b6d09;color:#fff;border-color:#2b6d09}
.sub-prolist li{width:calc(100% / 3 - 30px);float:left;margin-right:30px;margin-bottom:30px;border:none}
.sub-prolist li .item_img{width:100%;height:260px;overflow:hidden}
.sub-prolist li .item_img img{height:auto;width:100%;-webkit-transition:all ease .35s;transition:all ease .35s}
.sub-prolist li:hover .item_img img{-webkit-transform:scale(1.05);transform:scale(1.05)}
.sub-prolist .item_info{padding-top:30px;padding-bottom:30px;transition:all .6s ease}
.item_info .title{transition:all .36s ease;color:#333;font-size:16px;line-height:30px}
.item_info .subtitle{transition:all .36s ease;color:#777;font-size:14px;line-height:22px}
.ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}
.sub-prolist li:hover .item_info{background-color:#f4be6f;/*padding-left:30px*/}
.sub-prolist li:hover .title{color:#fff}
.sub-prolist li:hover .subtitle{color:#fde4e4}