@charset "utf-8";
/* @font-face{
    font-family: 'HanSans';
    src: url('../font/DroidSansChinese.ttf');
    font-weight: normal;
    font-style: normal;
  } */
/*初始化样式*/
body{ margin:0px; padding:0px; margin:0px auto; zoom:1;

/*设置字体*/
font-size:14px;
line-height:24px;
font-family:'HanSans';
color:#757575;
background-color:white;

/*设置宽度*/
width:100%; 
height: 100%;
}

ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px;}
ul,ul li{ list-style:none;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea{-webkit-appearance: none; border-radius:0; -webkit-border-radius:0; color:#414446;}
input:focus { outline: none;}

/*强制去除表单自带的样式*/ 
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*/}

/*强制去除textarea自带的样式*/
textarea{resize:none;/*-webkit-appearance:none;*/}

textarea,input,select { background:none; border:none; margin:0; padding:0;}

/*html5设置*/
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} 
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}

img{max-width: 100%; border:none; border:0; vertical-align:baseline;transition: all ease .5s;}
a{ color:inherit; text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
/* a:hover{ text-decoration:none; color:inherit;} */
p,h3,h4{margin: 0px;}
/*清楚浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}
.clearfix::after{content: '';height: 0px;clear: both;overflow: hidden;display: block;}
.delay{animation-delay: .5s;}
a:hover{color: #ff9933;}
/*页面框架结构*/
.img-box{line-height: 0px;position: relative;overflow: hidden;line-height: 0px;}
.img-box img{max-width: 100%; transition: all ease 0.5s;}
.img-box span{transition:all 0.5s ease; height: 100%; display:block;width: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;}
.imgScale:hover img{transform: scale(1.3);}
.content{padding: 100px 0px;background: #f7f7f7;}
.Contain{width: 100%;position: relative;}
.container{width:1200px;position: relative;margin: 0px auto;}
.p50{padding: 50px 0px;}
.left{float: left;}
.right{float: left;}

@media(max-width:1199px){
    .container{width: 95%;}
    .p50{padding: 20px 0px;}
}


/* top */

.header{height: 120px;background: white;position: fixed;top: 0px;left: 0px;right: 0px;background: rgba(0,0,0,0.7);z-index: 20;}
.header .container{position: static;}
.header .logo{float: left;width: 120px; padding-top: 25px; }
.header .logo img{max-height: 70px;}
.header nav{float: right; width: 85%;height:30px;margin-top: 45px;}
.header nav li{height: 30px;line-height: 30px; transition: all 0.5s ease; border-bottom: 2px solid transparent;box-sizing: border-box; font-size: 16px;color: #dadada;padding: 0px 20px;border-radius: 15px;margin: 0px 5px; float: left;}
.header nav a{display: block;}
.header nav li:hover,header nav .on{background: rgba(255,255,255,0.8);color: black;}
.header nav a:hover{color: black;}
.header nav li .inside{display:none; padding: 30px 50px;box-sizing: border-box; position: absolute;left: 0px;right: 0px;top: 80px;width: 1200px;background: rgba(0,0,0,0.5);min-height: 300px;z-index: 10;left: calc((100% - 1200px) / 2) ; }
.header nav li .inside1 dd{width: 25%;float: left;line-height: 35px;color: white;}
.header nav li .inside2 dl{width: 25%;float: left;color: white;line-height: 35px;}
.header nav li .inside2 dl dt{font-size: 18px;padding-left: 20px;box-sizing: border-box;background: url(../uploadfiles/image/line5.png)left center no-repeat;}
.header nav li .inside2 dl dd{padding-left: 20px;}
.header nav .li3,.header nav .li6{position: relative;}
.header nav .tel{float: left;padding-top: 26.5px;}
.header nav .slide2{display:none; top: 80px; z-index: 10; position: absolute;text-align: center; width: 200%;left: -50%; line-height: 40px;background: rgba(0,0,0,0.5);color: white;}
.header nav .slide2 a{display:block;}
.header nav .search{box-sizing: border-box;position: relative; float: left;width: 230px;height: 30px;border-radius: 15px;border: 1px solid #5d5d5d;padding: 0px 10px;}
.header nav .search input{line-height: 29px;width: 190px;color: white;}
.header nav .search span{position: absolute;right: 0px;top: 0px;width: 35px;cursor: pointer; height: 30px;background: url(../uploadfiles/image/search.png) left center no-repeat;}


.phone-header{display:none; box-sizing: border-box; z-index:19;position: fixed;top: 0px;left: 0px;right: 0px; width: 100%;height:60px;background-color:black;}
.phone-logo img{height: 50px;}
.phone-logo {display: block;padding-left: 10px;padding-top: 4px;}
.phone-header .nav-btn{z-index: 1; position: absolute;right: 10px;top: 10px;width: 40px;height: 40px;}
.phone-header .nav-btn img{position: absolute;width: 100%;height: auto;}
.phone-header .MainNav{bottom: 0px;overflow-y: auto; display: none; top: 60px;left: 0px; width: 100%;background-color: white;position: fixed;z-index: 1;}
.phone-header .MainNav ul li{padding: 0px 20px;box-sizing: border-box; position: relative; border-bottom: 1px solid #f2f2f2;line-height: 45px;color: #999999;font-size: 18px;}
.phone-header .MainNav .inside ul{display: none;}
.phone-header .arrow{display:block; position: absolute;transition: all 0.5s ease; width: 20px;height: 20px;background: url(../uploadfiles/image/nav-arrow.png)center no-repeat;top: 12.5px;right: 10px;}
.phone-header .on>.arrow{transform: rotate(180deg);}

footer .top{background: black;padding: 40px 0px;}
footer .top .left dt{color: white;font-size: 16px;margin-bottom: 20px;}
footer .top .left dd{font-size: 14px;color: #9b9b9b;line-height: 30px;}
footer a:hover{color:#ff9933;}
footer .top .left dl{display: inline-block;padding-right: 70px;vertical-align: top;}
footer .top .left .dl{max-width: 200px;}
footer .top .left .dl p{padding-left: 50px;position: relative;}
footer .top .left .dl p span{position: absolute;left: 0px;top: 0px;}

footer .top .right{float: right;}
footer .top .right dd{margin-bottom: 20px;color: white;font-size: 16px; text-align: center;}
footer .top .right dd p{background: url(../uploadfiles/image/ewm1.png) center no-repeat;height: 35px;line-height: 35px;}
footer .copy{background:black;border-top: 1px solid #1a1a1a;height: 50px;line-height: 50px;color: #999;}
footer .copy .p1{float: left;}
footer .copy .p2{float: right;}

.rightFloat{position: fixed;bottom:80px; right: 10px;z-index: 20;}
.rightFloat ul li{width: 50px;height: 50px;margin-bottom: 20px;}
.rightFloat ul li .box{border-radius: 25px;background: white;height: 50px;width: 50px;position: relative;}
.rightFloat ul li .box .img2{opacity: 0;}
.rightFloat ul li .box img{position: absolute;top: 0px;left: 0px;width: 50px;height: 50px;}
.rightFloat ul li .box a{display: block;}
.rightFloat ul li .box:hover{background: #202390;}
.rightFloat ul li .box:hover .img2{opacity: 1;}
.rightFloat ul li .box:hover .img1{opacity: 0;}
.rightFloat ul .wx{position: relative;}
.rightFloat ul .wx .code-box{display:none; position: absolute;width: 150px;height: 150px;top: -25px;left: -160px;background: white;padding: 5px;box-sizing: border-box;}
.rightFloat ul .wx .code-box img{width: 150px;}
.rightFloat ul .wx:hover .code-box{display: block;}
@media(max-width:768px){
    .rightFloat{right: 10px;bottom: 30px;}
    .rightFloat ul li{width: 30px;height: 30px;margin-bottom: 10px;;}
    .rightFloat ul li .box{width: 30px;height: 30px;}
    .rightFloat ul li .box img{width: 30px;height: 30px;;}
}
@media(max-width:1400px){
    .rightFloat{right: 10px;}
}

@media(max-width:1198px){
    .phone-header{display:block;}
    .header{display:none;}
}
@media(max-width:768px){
    footer .top{padding: 20px 0px;text-align: center;}
    footer .top .left{display:none;}
    footer .top .left{display:none;}
    footer .top .right{width: 100%;float: none;}
    footer .top .right dd{width: 48%;display: inline-block;}
    footer .bottom{padding: 10px 0px; line-height: 24px; height: auto;}
    footer .copy{height: auto;text-align: center; padding: 10px 0px;line-height: 24px;}
    footer .copy .p1{float:none;}
footer .copy .p2{float: none;}
}



.homeBan{position: relative;overflow: hidden;width: 100%;}
.homeBan .swiper-slide{line-height: 0px; background-size: cover; line-height: 0px; position: relative;}
.homeBan .swiper-slide video{width: 100%;background: black;height: 100%;}
.homeBan .swiper-pagination .swiper-pagination-bullet{opacity: 0.7; margin: 0px 10px !important;transition: all 0.5s ease; border-radius: 0px;opacity: 1;width: 30px;height: 3px;background: white;}
.homeBan .swiper-pagination .swiper-pagination-bullet-active{background: #ff9933; width: 62px;height: 3px;}
.homeBan .swiper-slide .bantxt{position: absolute;top: 0px;left: 0px; width: 100%;height: 100%;display:flex;align-items: center;justify-content: center;}
.homeBan .swiper-slide .bantxt img{opacity: 0;margin-top: -300px;}
.homeBan .swiper-slide-active .bantxt img{opacity: 1;margin-top: 0px;}
.homeBan .swiper-button-prev{left: 10%; background-color: rgba(0,0,0,0.5);background-size: 15px 30px;background-position: center;}
.homeBan .swiper-button-next{right: 10%; background-color: rgba(0,0,0,0.5);background-size: 15px 30px;background-position: center;}
.homeBan .swiper-button-prev:hover{background-color: black;}
.homeBan .swiper-button-next:hover{background-color:black;}
.tit{margin-bottom: 30px; text-align: center;}
.tit h4{font-size: 28px;line-height: 35px;margin-bottom: 10px;}
.tit p{text-transform: uppercase; color: #ff9933; font-size: 14px;line-height: 18px;}
@media(max-width:1198px){
    .homeBan{margin-top: 60px;}
}
@media(max-width:768px){
    .homeBan .swiper-slide .bantxt img{width: 50%;}
    .tit h4{font-size: 24px;}
    .homeBan .swiper-slide{height: 200px;;}
    .homeBan .swiper-button-prev{width: 15px;height: 30px;background-size: 100%;;}
    .homeBan .swiper-button-next{width: 15px;height: 30px;background-size: 100%;;}
    .homeBan .swiper-pagination .swiper-pagination-bullet{width: 15px;margin: 0px 5px !important;}
    .homeBan .swiper-pagination .swiper-pagination-bullet-active{width: 40px;}
}

.page1 .con{height: 530px;box-sizing: border-box; padding-right: 50%;background: url(../uploadfiles/image/page1.png)right center no-repeat;}
.page1{background:url(../uploadfiles/image/bg1.jpg)center no-repeat;}
.page1 .tit{text-align: left; color:white;}
.page1 ul li{color: #1d1d1d; float: left; padding: 0px 10px;box-sizing: border-box;text-align: center; height: 80px;border-radius: 5px;margin-bottom: 15px; width: 32%;margin-right: 2%;line-height: 30px; background: #ededed;display:flex;align-items: center;justify-content: center;}
.page1 ul li:nth-child(3n){margin-right: 0px;}
.page1 .more{margin-top: 30px; transition: all 0.5s ease; display:block;text-align: center;line-height: 38px; width: 140px;height: 40px;border-radius: 20px;border: 1px solid white;color: white;}
.page1 .more:hover{border-color: #ff9933;background: #ff9933;}


@media(max-width:768px){
    .page1 .tit{text-align: center;}
    .page1{background-color: black;background-position: bottom center;margin-top: -10px;}
    .page1 .more{margin: 20px auto;}
    .page1 ul{display:flex;flex-wrap: wrap;}
    .page1 ul li{line-height: 24px;height: auto;}
    .page1 .con{height: auto;padding-right: 0px;padding-bottom: 50%;background-size: 80%;background-position: bottom center;}
}

.page3{background: black;}
.page3 .tit{color: white;}
.page3 .txt{text-align: center;line-height: 30px;font-size: 16px;margin-bottom: 30px;}
.page3 .outer{position: relative;}
.page3 .homePro{overflow: hidden;}
.page3 .homePro .swiper-slide{display:flex; background: white;border-radius: 5px;padding: 20px;box-sizing: border-box;}
.page3 .homePro .left{width: 65%;}
.page3 .homePro .left img{height: 70px;}
.page3 .homePro .left p{line-height: 28px;color: #999999;}
.page3 .homePro .left .p1{padding: 20px 0px;border-bottom: 1px solid #cccccc;}
.page3 .homePro .left .p2{white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.page3 .homePro .left h4{color: #202390;padding-top: 10px;font-size: 16px;}
.page3 .homePro .right{width: 35%;text-align: center;}
.page3 .outer .swiper-button-prev{left: -50px;}
.page3 .outer .swiper-button-next{right: -50px;}
.prev-orange{background: url(../uploadfiles/image/prev.png)center no-repeat !important;opacity: 1 !important;}
.next-orange{background: url(../uploadfiles/image/next.png)center no-repeat !important;opacity: 1 !important;}
.prev-orange:hover{background: url(../uploadfiles/image/prev-on.png) center no-repeat !important;}
.next-orange:hover{background: url(../uploadfiles/image/next-on.png) center no-repeat !important;}
.swiper-button-next,.swiper-button-prev{outline: none;}
.page3 .swiper-pagination{margin: 30px 0px; display:flex; width: 100%;height: 3px;background: white;;}
.page3 .swiper-pagination .swiper-pagination-bullet{background: white; height: 3px;border-radius: 0px;}
.page3 .swiper-pagination .swiper-pagination-bullet-active{background: #ff9933;}
@media(max-width:768px){
    .page3 .homePro .left,.page3 .homePro .right{width: 100%;}
    .page3 .homePro .swiper-slide{flex-wrap: wrap;}
    .page3 .outer .swiper-button-prev{left: 0px;display:none;}
.page3 .outer .swiper-button-next{right: 0px;display: none;}
}

.page4{background: black;}
.page4 .tit{color: white;}
.page4 .outer{position: relative;}
.page4 .homePartner{overflow: hidden;}
.page4 .swiper-slide ul{display:flex;flex-wrap: wrap;}
.page4 .swiper-slide li{margin-bottom: 20px; height: 70px;line-height: 67px;text-align: center;vertical-align: middle;overflow: hidden; background: white;border-radius: 5px;width: 23.5%;margin-right: 2%;}
.page4 .swiper-slide li img{max-height: 100%;vertical-align: middle;}
.page4 .swiper-slide ul li:nth-child(4n){margin-right: 0px;}
.page4 .outer .swiper-button-prev{left: -50px;}
.page4 .outer .swiper-button-next{right: -50px;}
@media(max-width:768px){
    .page4 .swiper-slide li{width: 49%;margin-right: 2%;}
    .page4 .swiper-slide ul li:nth-child(2n){margin-right: 0px;}
    .page4 .outer .swiper-button-prev{left: 0px;display: none}
    .page4 .outer .swiper-button-next{right: 0px;display: none;}

}

.page5 .swiper-slide p{line-height:28px;min-height: 60px; margin: 10px 0px;font-size: 16px;color: #333;}
.page5 .swiper-slide{position: relative;}
.page5 .swiper-slide i{display:inline-block;width: 40px;height: 30px;background: url(../uploadfiles/image/arrow2.png) center no-repeat;}
.page5 .swiper-slide .text-right{text-align: right;}
.page5 .swiper-slide:hover i{background: url(../uploadfiles/image/arrow2-on.png) center no-repeat;}
.page5 .more{background: #f6f6f6;transition: all 0.5s ease; line-height: 50px;text-align: center;display: block;font-size: 18px;}
.page5 .homeNew{overflow: hidden;}
.page5 .more:hover{background: #ff9933;color: white;}
.page5 .swiper-slide:hover .img-box img{transform: scale(1.2);}
.page5 .swiper-slide:hover p{color: #ff9933;}
.page5 .swiper-slide .img-box img{width: 100%;max-width: auto;}

.ban{overflow: hidden;line-height: 0px;position: relative;}
.ban .txt{padding-top: 120px;box-sizing: border-box; font-weight: bold;position: absolute;top: 0px;left: 0px;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;; color:white;font-size: 40px;}
.Menu{border-bottom: 1px solid #e3e3e3;height: 70px;padding-top: 19px;box-sizing: border-box;}
.Menu ul{display: flex;justify-content: center;}
.Menu li{transition: all 0.5s ease; width: 12%; height: 32px;line-height: 32px;border-radius: 16px;}
.Menu li a{display:block;}
.Menu ul{text-align: center;}
.Menu ul li:hover,.Menu ul .on{background: #ff9933;color: white;}
.Menu ul li:hover a{color: white;}
.Page{text-align: center;margin: 20px 0px;}
.Page a{transition: all 0.5s ease; line-height: 33px;height: 33px;padding: 0px 10px;margin: 0px 5px;display: inline-block; border: 1px solid #e6e6e6;}
.Page input[type='text']{border: 1px solid #e6e6e6;height: 33px;line-height: 33px;width: 50px;padding: 0px 10px;box-sizing: border-box;}
.Page input[type='button']{cursor: pointer; transition: all 0.5s ease; line-height: 33px;height: 33px;padding: 0px 10px;margin: 0px 5px;display: inline-block; border: 1px solid #e6e6e6;}
.Page a:hover,.Page .on,.Page input[type='button']:hover{background: #2b90e2;border-color: #2b90e2;color: white;}


@media(max-width:768px){
    .ban{margin-top: 60px;}
    .Page a{margin-bottom: 10px;}
    .ban .txt{padding-top: 0px;font-size: 24px;line-height: 40px;}
    .Menu ul li{width: 30%;margin-right: 5%;margin-top: 10px;margin-bottom: 10px;}
    .Menu ul li:nth-child(3n){margin-right: 0px;}
    .Menu ul{flex-wrap: wrap;}
    .Menu{height: auto;padding-top: 0px;}

}

/* 案例列表 */
.Case li{margin-bottom: 25px; transition: all 0.5s ease; display: flex;justify-content: center;align-items: center; margin-right: 2%;height: 130px;overflow: hidden; width: 23.5%;background: white;}
.Case ul li:nth-child(4n){margin-right: 0px;}
.Case li img{max-width: 100%;}
.Case li:hover{transform: scale(1.1);box-shadow: 0px 0px 20px rgba(0,0,0,0.1);}
.Case ul{display:flex;flex-wrap: wrap;}
@media(max-width:768px){
    .Case li{width: 48.5%;margin-right: 3%;}
    .Case ul li:nth-child(2n){margin-right: 0px;}
}

/* 案例详情 */
.CaseDetail .container{display: flex;}
.CaseDetail .left{display: flex;align-items: center;justify-content: center; width: 45%;background: white;}
.CaseDetail .right{width: 50%;margin-left: 5%;}
.CaseDetail .right h3{color: #333;font-size: 24px;font-weight: normal;line-height: 45px;}
.CaseDetail .right ul {display: flex;flex-wrap: wrap;}
.CaseDetail .right ul li{width: 50%;font-size: 16px;line-height: 32px;}
.CaseDetail .ul2 li img{vertical-align: middle;margin-right: 5px;}
.CaseDetail .right .ul1 li{width: 48%; padding-left: 10px;position: relative;}
.CaseDetail .right .ul1 li::before{content: '';display: block;height: 3px;width: 3px;border-radius: 4px; position: absolute;left: 0px;top:14px;background: #757575;}
@media(max-width:768px){
    .CaseDetail .container{flex-wrap: wrap;}
    .CaseDetail .left,.CaseDetail .right{width: 100%;margin: 10px 0px;}
    .CaseDetail .right ul li,.CaseDetail .right .ul1 li{width: 100%;}
}


/* 产品中心 */
.Product li .img-box{transition: all 0.5s ease; height: 300px;; background: white;display:flex;align-items: center;justify-content: center;}
.Product li .img-box img{width: auto;max-width: 100%;}
.Product li{text-align: center; width: 48.5%;margin-right: 3%;}
.Product ul li:nth-child(2n){margin-right: 0px;}
.Product ul{display: flex;flex-wrap: wrap;}
.Product li h3{font-size: 18px;line-height: 30px;}
.Product li p{color: #999;}
.Product li .msg{padding: 15px 0px;  transition: all 0.5s ease;}
.Product li .effect{transition: all 0.5s ease; opacity: 0; position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;background: url(../uploadfiles/image/add.png) center no-repeat;}
.Product li:hover .msg{background: #ff9933;color: white;}
.Product li:hover .msg p{color: white;}
.Product li:hover img{transform: scale(1.2);}
.Product li:hover .img-box{background: #e5e5e5;}
.Product li:hover .effect{opacity: 1;}
@media(max-width:768px){
    .Product li{width: 100%;margin: 10px 0px;}
}


/* 产品详情 */
.ProductDetail .pro-img .swiper{overflow: hidden;}
.ProductDetail .pro-img .swiper-thumb{position: relative; overflow: hidden;}
.ProductDetail .pro-img .left{width: 50%;background: white;padding: 20px 0px;}
.ProductDetail .pro-img .right{width: 45%;margin-left: 5%;}
.ProductDetail .pro-img .swiper .swiper-slide{height: 280px;background: white;overflow: hidden;}
.ProductDetail .pro-img .swiper-thumb .swiper-slide{box-sizing: border-box; background: #fafafa;border: 2px solid white;transition: all 0.5s ease;}
.ProductDetail .pro-img .swiper-thumb .swiper-slide-thumb-active{border: 2px solid #ff9933;}
.ProductDetail .swiper-thumb .swiper-button-prev{width: 20px;height: 30px;background-image: url(../uploadfiles/image/prev.png);background-color: #646464;transition: all 0.5s ease;background-size: 10px 20px;background-position: center;}
.ProductDetail .swiper-thumb .swiper-button-next{width: 20px;height: 30px;background-image: url(../uploadfiles/image/next.png);background-color: #646464;transition: all 0.5s ease;background-size: 10px 20px;background-position: center;}
.ProductDetail .swiper-thumb .swiper-button-next:hover,.ProductDetail .swiper-thumb .swiper-button-prev:hover{background-color: #ff9933;}

.ProductDetail .pro-img .right h3{color: #333; font-size: 24px;line-height: 40px;}
.ProductDetail .pro-img .right .line{margin: 30px 0px;height: 1px;background: #ebebeb;}
.ProductDetail .pro-img .right h4{color: #333333;margin-bottom: 30px;font-size: 18px;}
.ProductDetail .pro-img .right p{line-height: 35px;color: #999999;}
.ProductDetail .pro-msg{margin:30px 0px;}
.ProductDetail .pro-msg .tab li{cursor: pointer; transition: all 0.5s ease; font-size: 18px;text-align: center;font-weight: bold; width: 50%;background: #f5f5f5;height: 50px;line-height: 50px;;}
.ProductDetail .pro-msg .tab .on,.ProductDetail .pro-msg .tab li:hover{background: #ff9933;color: white;}
.ProductDetail .pro-msg .tab li .img{position: relative; width: 35px;height: 50px;vertical-align: middle;display: inline-block;}
.ProductDetail .pro-msg .tab li .img img{position: absolute;top: 0px;left: 0px;}
.ProductDetail .pro-msg .tab li .img img:nth-child(2){opacity: 0;}
.ProductDetail .pro-msg .tab .on .img img:nth-child(2),.ProductDetail .pro-msg .tab li:hover .img img:nth-child(2){opacity: 1;}
.ProductDetail .pro-msg .tab .on .img img:nth-child(1),.ProductDetail .pro-msg .tab li:hover .img img:nth-child(1){opacity: 0;}
.ProductDetail .pro-msg .cont li{padding: 20px 50px 20px 50px;box-sizing: border-box;}
.ProductDetail .pro-msg .cont li h4{font-size: 18px;color: #333333;margin-bottom: 20px;}
.ProductDetail .pro-msg .cont li p{line-height: 35px;color: #999;font-size: 16px;}
.ProductDetail .pro-msg .cont li .line{margin: 30px 0px;height: 1px;background: #e2e2e2;}
@media(max-width:768px){
    .ProductDetail .pro-img .left,.ProductDetail .pro-img .right{width: 100%;margin: 0px 10px;}
    .ProductDetail .pro-msg .cont li{padding: 10px 0px;}
}


.flex{display: flex;flex-wrap: wrap;}
.flex-center{display: flex; align-items: center;justify-content: center;}
.Product2 li{margin-bottom: 30px; background: white;text-align: center; width: 32%;margin-right: 2%;}
.Product2 ul li:nth-child(3n){margin-right: 0px;}
.Product2 ul li .msg{margin-top: 50px;transition: all 0.5s ease;}
.Product2 ul li .msg h3{font-size: 18px;font-weight: normal;line-height: 40px;}
.Product2 ul li .msg p{color: #999999;}
.Product2 ul li .effect{transition: all 0.5s ease; transform: scale(0); background: url(../uploadfiles/image/add.png) center no-repeat;width: 100px;height: 50px;margin: 0px auto;}
.Product2 ul li:hover .msg{margin-top: 0px;}
.Product2 ul li:hover .effect{transform: scale(1);height: 100px;}
@media(max-width:768px){
    .Product2 li{width: 100%;margin: 10px 0px;}
}


/* 售后服务 */
.Service .left{text-align: center;padding-right: 15%;padding-top: 100px; width: 360px;float: right;}
.Service .right{width: 460px;float: left;margin-top: 100px;line-height: 0px;}
.Service .left p{line-height: 35px;color: #999;font-size: 16px;}
.Service .left h3{font-size: 24px;font-weight: normal;line-height: 50px;}
.Service .left .line{height: 1px;width: 60px;background: #cccccc;margin: 20px auto;}
@media(max-width:768px){
    .Service .left,.Service .right{width: 100%; padding: 10px 0px;}
}

/* 关于我们 */
.About .left{width: 50%;}
.About .line{width: 70px;background: black;height: 3px;margin-bottom: 30px;;}
.About .right{width: 45%;margin-left: 5%;}
.About .icon{padding: 40px;box-sizing: border-box;flex-wrap: wrap;text-align: center; background: white;margin-top: -100px; box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
.About .icon li{position: relative; margin: 0px 40px;}
.About .icon li::after{content: "";display:block;position: absolute;top: 14px;right: -43px; width: 1px;height: 70px;background: rgb(228, 228, 228);}
.About .icon ul li:last-child::after{display: none;}
.About .about2{margin: 50px 0px;}
.About .about2 .line{margin: 30px auto;}
.About .about2 li{transition: all 0.5s ease; background: white;padding: 20px;border-radius: 5px; box-sizing: border-box;margin-bottom: 20px;width: 23.5%;margin-right: 2%;}
.About .about2 ul li:nth-child(4n){margin-right: 0px;}
.About .about2 li h3{font-size: 18px;font-weight: normal;color: #333;line-height: 30px;}
.About .about2 li p{line-height: 30px;color: #999999;}
.About .about2 li:hover{box-shadow: 0px 0px 20px rgba(0,0,0,0.1);transform: translateY(-15px);}
.About .about2 li:hover h3{color: #202390;}
@media(max-width:768px){
    .About .left{width: 100%;}
    .About .right{width: 100%;margin: 10px 0px;}
    .About .icon{padding: 20px 0px;}
    .About .icon li{margin: 0px 2% 0px 0px;width: 32%;}
    .About .icon ul li:nth-child(3n){margin-right: 0px;}
    .About .icon li::after{display:none;}
    .About .about2 li{width: 48.5%;margin-right: 3%;}
    .About .about2 ul li:nth-child(2n){margin-right: 0px;}


}


/* 联系我们 */
.Contact h3{font-size: 24px;font-weight: normal;line-height: 40px;margin-bottom: 30px;color: #333333;}
.Contact ul li{margin-right:30px; line-height: 30px;margin-bottom: 15px;padding-left: 30px;box-sizing: border-box;font-size: 18px;}
.Contact ul li:nth-child(1){background: url(../uploadfiles/image/lx1.png) left center no-repeat;}
.Contact ul li:nth-child(2){background: url(../uploadfiles/image/lx2.png) left center no-repeat;}
.Contact ul li:nth-child(3){background: url(../uploadfiles/image/lx3.png) left center no-repeat;}
.Contact ul{display:flex;}
@media(max-width:768px){
    .Contact ul li{width: 100%;}
    .Contact ul{flex-wrap: wrap;}
}

/* 新闻中心 */
.PicList002273{padding-top: 8%;}
.PicList002273 .left img{width: 100%;}
.PicList002273 .right .time{font-size: 12px;color: #999;border: 1px solid #c5c6c6;padding: 2px 5px;margin-top: 8px;display: inline-block;}
.PicList002273 .right .h3{color: #313131;font-size: 18px;font-weight: normal;margin: 10px 0;}
.PicList002273 .right .p{color: #999;font-size: 14px;}
.PicList002273 ul li{border: 1px solid transparent; transition: all 0.5s ease; margin-bottom: 30px;background: #eef0f1;padding: 18px 20px;}

@media screen and (min-width:768px ) {
	.PicList002273 .left{float: left;width: 25%;}
	.PicList002273 .right{float: right;width: 72%;}
	.PicList002273 .right .time{margin-top: 0px;}
	.PicList002273 ul li{background:#eef0f1;}
}

@media screen and (min-width:1024px ) {
	.PicList002273 .right .time{margin-top: 15px;}
	.PicList002273 ul li:hover{border: 1px solid #ff9933;box-shadow: 0px 0px 30px #ccc;}
	.PicList002273 ul li{background:#eef0f1;position: relative;}
	.PicList002273 ul li .right_btn{width: 11px;height: 19px;background: url(../uploadfiles/image/arrow3.png) no-repeat center;display: inline-block;position: absolute;top: 50%;right: 48px;cursor: pointer;margin-top: -10px}
	.PicList002273{padding-top: 31px;}
}

@media screen and (min-width:1200px ) {
	.PicList002273 .left{float: left;margin-right: 50px;}
	.PicList002273 .right{float: left;width: 600px;}
	.PicList002273 .right .time{margin-top: 14px;}
	.PicList002273 .right .h3{line-height: 18px;margin: 28px 0 17px;}
	.PicList002273 .right .p{line-height: 30px;}
	.PicList002273 ul li{padding-right: 20px;}
}
/* 新闻详情 */
.NewsDetail .title h3{font-size: 24px;line-height: 35px;color: #333333;text-align: center;}
.NewsDetail .title{padding: 30px 0px;border-bottom: 1px solid #a2a2a2;}
.NewsDetail .title .date{text-align: center;}
.NewsDetail .title .date p{display: inline-block;margin: 10px;}
.NewsDetail .title .date .share{vertical-align: middle;margin-left: 10px;margin-top: -2px; display: inline-block;}
.NewsDetail .cont{padding: 30px 0px;}


/*Page002046 */
.Page002046 .Pages{ text-align:center; padding:3% 0;}
.Page002046 .Pages a{ display:inline-block; vertical-align:middle;border:1px solid #ececec; padding:0 15px; line-height:38px; color:#999;}
.Page002046 .Pages a:hover,
.Page002046 .Pages a.a_cur{ background-color:#0079c3; color:#fff;}
.Page002046 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle; overflow:hidden;}
.Page002046 .Pages em a{ float:left; margin-left:-1px;}
.Page002046 .Pages .p_cur,
.Page002046 .Pages .p_count,
.Page002046 .Pages .p_jump,
.Page002046 .Pages .p_total{ display:none;}
.Page002046 .Pages .a_prev,
.Page002046 .Pages .a_next{ padding:0; width:44px; background:url(../uploadfiles/image/prev1.gif) no-repeat center center; overflow:hidden; line-height:1000px; height:38px;}
.Page002046 .Pages .a_next{ background-image:url(../uploadfiles/image/next1.gif);}
@media(max-width:640px){
.Page002046 .Pages .a_first,
.Page002046 .Pages .a_end{ display:none;}
}
@media(max-width:480px){
.Page002046 .Pages a{padding:0 5px; }
}

/* 荣誉资质 */
.PicList002239{ padding:3% 0;}
.PicList002239 li{ border-bottom: 1px solid #e3e3e3; margin-bottom: 3%; float:left; }
.PicList002239 .img-box{height:360px;}
@media(min-width:769px){
.PicList002239 li{margin-right:2%; width:23.5%; }
.PicList002239 li:nth-child(4n){ margin-right:0;}
}
.PicList002239 li dl{ position:relative; margin:0 10px; padding-right:114px; line-height:50px;}
.PicList002239 li dd{ position:absolute; right:0; top:0; color: #999;padding-left: 30px; background: url(../images/PicList002239-icon.png) no-repeat left center;}
.PicList002239 li dt{font-size: 16px; color:#006cba;}
@media(max-width:768px){
.PicList002239 li{ width:48%; margin-right:4%;}
.PicList002239 li:nth-child(2n){ margin-right:0;}
.PicList002239 .img-box{height:240px;}
.PicList002239 li dl{padding-right: 0px;}
.PicList002239 li dd{display: none;}

}

/*Form002219*/
.Form002219{ padding-bottom:5%;}
.Form002219 dl{ width:48%; float:left; padding-left:85px; min-height:40px; position:relative; margin-bottom:15px; max-width:420px;}
.Form002219 dl.odd{ margin-left:4%;}
.Form002219 dt{ color:#5b5b5b; font-size:14px; position:absolute; left:0; width:70px; text-align:right; line-height:40px;}
.Form002219 .text{ border:1px solid #dfdfdf; border-radius:5px; width:100%; padding:0 10px; line-height:38px; color:#5b5b5b;}
.Form002219 dl.dl{ width:100%; float:none; max-width:none;}
.Form002219 textarea{border:1px solid #dfdfdf; border-radius:5px;overflow:hidden; resize:none; width:100%; height:360px; padding:10px; color:#5b5b5b;}
.Form002219 .btn{ display:inline-block; line-height:40px; min-width:140px; margin-right:20px; background-color:#f3f3f3; color:#728391; font-size:14px; border:none; border-radius:5px; cursor:pointer;}
.Form002219 .submitbtn{ color:#fff; background-color:#008cd6;} 
@media(max-width:640px){
.Form002219 dl{ float:none; width:100%; margin-left:0 !important;}	
.Form002219 textarea{ height:250px;}
}
@media(max-width:480px){
.Form002219 .btn{ width:48%; margin-right:2%; float:left; display:block; min-width:2px;}	
}