@charset "utf-8";

*{margin:0;padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html {
    font-size:16px;
    overflow-x:hidden;
    -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
body { 
    font-family:"Source Han Sans CN","Heiti SC","Microsoft Yahei",Helvetica,Arial,sans-serif; 
    font-size:16px;
    color: #595959;
}
body.en{ font-family:Arial, Helvetica, sans-serif}
a{ text-decoration:none;outline:none;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;color:#717072}
a:hover{color:#006ab4}
img{ border:none;}
table{ border-collapse:collapse}
ul,ol,li{ list-style:none}
.clearfix{zoom:1; clear:both}
.clearfix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}
.clear{ clear:both}
.fl{ float:left}
.fr{ float:right}
botton,input,textarea,select{ outline:none; font-family:Arial}
h1,h2,h3,h4,h5{ font-weight:normal}
.ovh{ overflow:hidden}
.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}
video:focus{ outline:none}

input,textarea,select,button,input{ outline:none; font-size:14px;font-family: Arial, 'Microsoft Yahei', Helvetica, sans-serif;text-transform: capitalize;}


/* input[type=checkbox] {cursor: pointer;position: relative;}
input[type=checkbox]::after {position: absolute;top: 0;background-color: #fff;color: #fff;width: 14px;height: 14px;display: inline-block;visibility: visible;padding-left: 0px;text-align: center;content: ' ';border-radius: 2px;box-sizing: border-box;border: 1px solid #ddd;}
input[type=checkbox]:checked::after {content: "";border-color: #0055a2;background-color: #0055a2;}
input[type=checkbox]:checked::before {content: '';position: absolute;top: 1px;left: 5px;width: 3px;height: 8px;border: solid white;border-width: 0 2px 2px 0;transform: rotate(45deg);z-index: 1;} */
:root{
    --gradient-background-color:linear-gradient(to right,#076ab5,#16a7d4);
    --background-color:#006ab4;
    --blue-color:#006ab4;
	--orange-color:#f7931d;
    --red-color:#dc2215;
    --grey-color:#575454;
    --black-color:#0a0a0a;
    --white-color:#fff;
}

.wrap{max-width:1700px;margin: 0 auto;padding: 0 20px;}
.pic{overflow:hidden; position:relative}
.pic:before{content:""; display: block;}
.pic img{ 
    position: absolute;
    left:0;
    top:0;
    right:0;
    bottom:0; 
    width:100%;
    height:100%;
    object-fit:cover;
    margin: auto;
    -moz-transition:.8s cubic-bezier(.64,.93,.88,1.07);
    -webkit-transition:.8s cubic-bezier(.64,.93,.88,1.07);
    transition:.8s cubic-bezier(.64,.93,.88,1.07);
}
.more{display: flex;display: -webkit-flex;align-items: center;justify-content: center;width: 120px;height: 33px;line-height: 33px;font-size: 14px;color: var(--blue-color);background-color: #fff;border-radius: 30px;padding: 0px 15px;-webkit-transition: .4s;-moz-transition: .4s;transition: .4s;}
.more span{position: relative;z-index: 2;}
.more i{position: relative;z-index: 2;width: 15px;height: 15px;margin-left: 10px;display: block;background: url(../images/product_more.png) no-repeat center;background-size: cover;}
.more:hover, .more_2{background: var(--background-color);color: #fff;}
.more:hover i, .more_2 i{background: url(../images/product_more_h.png) no-repeat center;background-size: cover;}


.header {position: fixed;top: 0;left: 0;right: 0;z-index: 1001;}
.header .wrap{height: 107px;max-width: 1700px;margin: auto;border-radius: 6px;background-color: rgb(255, 255, 255);box-shadow: 0px 6px 5.64px 0.36px rgba(0, 0, 0, 0.06);padding: 0 20px;}
.logo {float: left;display: flex;display: -webkit-flex;align-items: center;height:100px;}
.logo a, .logo img{display: block}
.logo img{height: 80px;width: auto;}
.tel {float: right;height: 100px;line-height: 100px;font-size: 20px;color: #000;}
.nav {float: left;width: 68%;margin-left: 3%;}
.nav>ul {margin-bottom: 0;display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.nav .nav_li{width: 100%;text-align: center;height: 100px;line-height: 100px;position: relative;}
.nav .nav_li a{font-size: 18px;color: #000;display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
.nav .nav_li a i{width: 0;height: 0;border: 4px solid transparent;border-top: 4px solid #333; margin-left: 5px;position: relative;top: 2px;}
.nav .nav_sub {position: absolute;top: 100px;left: 0;width: 100%;z-index: 999;display: none;}
.nav .nav_sub li {height: 41px;line-height: 40px;width: 100%;border-top: 1px solid #ddd;background: #fff;}
.nav .nav_sub li a {font-size: 15px;}
.nav li:hover .nav_sub {display: block;}
.nav .nav_li:hover>a{color:var(--blue-color);}	
.nav .nav_sub li:hover a{color: var(--blue-color);}

/**/
.main_index{background: #f1f1f2;}
.main_index .section_product{background: url(../images/product_bg.jpg) no-repeat center;background-size: cover;}
.main_index .section_factory{background: url(../images/factory_bg.jpg) no-repeat center;background-size: cover;}
.main_index .section_about{background: url(../images/aboutbg.png) no-repeat center;background-size: cover;}
.main_index .section_cooperate{background: url(../images/cooperatebg.png) no-repeat center;background-size: cover;}
.main_index .section_news{background: url(../images/news_bg.jpg) no-repeat center;background-size: cover;}
.main_index .section_footer{background: url(../images/message_bg.jpg) no-repeat center top;background-size: cover;}
.section_product .wrap, .section_factory .wrap, .section_cooperate .wrap, .section_news .wrap{max-width:90%;}
.section_solution .wrap, .section_about .wrap{padding: 0;}

.section_product.active{animation: fadeInLeft .8s ease .3s both;} 
.section_factory.active{animation: fadeInRight .8s ease .3s both;} 
.section_solution.active{animation: fadeInUp .8s ease .3s both;} 
.section_about.active{animation: fadeInDown .8s ease .3s both;} 
.section_honor.active{animation: fadeInDown .8s ease .3s both;} 
.section_cooperate.active{animation: fadeInLeft .8s ease .3s both;} 
.section_news.active{animation: fadeInDown .8s ease .3s both;} 
.section_footer.active{animation: fadeInDown .8s ease .3s both;} 

.banner{ position:relative;height:100vh; z-index:1;}
.banner img{ display:block; width:100%;height: 100%;object-fit: cover;}
.banner .swiper-slide{ position:relative}
.banner .swiper-button-prev, .banner .swiper-button-next{ width:25px; height:25px; margin-top:-15px; outline:none; opacity:0.3; top:50%; overflow:hidden; transition: .3s; background: none;}
.banner .swiper-button-prev{border-top: 2px solid #fff;border-left: 2px solid #fff; transform: rotate(-45deg);left:2%}
.banner .swiper-button-next{border-top: 2px solid #fff;border-right: 2px solid #fff; transform: rotate(45deg);right:2%}
.banner .swiper-button-prev:hover, .banner .swiper-button-next:hover{ opacity:1;}
.banner .swiper-pagination{bottom:4%;opacity: 0;}
.banner .swiper-pagination-bullet{width: 12px;height: 12px;background-color: #9ea2b2;opacity: 1;margin: 0 8px !important;}
.banner .swiper-pagination-bullet-active{background-color: var(--background-color)}
.banner a{display: block;width: 100%;height: 100%;}


/*iproducts*/
.title {text-align: center;font-size: 36px;color: #000;margin-top: 40px;margin-bottom:40px;}
.title h4{position: relative;font-weight: 700;}
.title h4:after{content: '';display: block;width: 46px;height: 5px;background-color: var(--background-color);margin:30px auto;}
.title p{font-size: 24px;letter-spacing: 3px;margin-top: 10px;text-align: center;}
.title_n h4::after{display: none;}
.pronav_tab ul{display: flex;display: -webkit-flex;align-items: center;justify-content:center;}
.pronav_tab li{margin: 0 4%;}
.pronav_tab a{width: 150px;display: flex;flex-direction: column;align-items: center;text-align: center;background-color:var(--background-color);color: #fff;padding: 10px 0;white-space: nowrap;border-radius: 30px;}
.pronav_tab a:hover{background-color:#f7931d}
.i_product_list{margin-top: 30px;}
.i_product_list .pic{background-color: #fff;}
.i_product_list .pic::before{padding-top: 84.41%;}
.i_product_list .txt{text-align: center;}
.i_product_list .txt h3{font-size: 20px;color: rgb(51, 51, 51);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 2;margin-top: 10px;}
.i_product_list .more{margin: 10px auto 0;}
.i_product_list a:hover .pic img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}

/*ifactory*/
.i_factory_list{margin-top: 50px;}
.i_factory_list a{ display: block;background-color: #fff;}
.i_factory_list .pic::before{padding-top: 82.35%;}
.i_factory_list .txt p{padding: 10px;line-height: 2;font-size: 18px;color: #000;text-align: center;}
.i_factory_list a:hover .pic img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}
.i_factory_list .swiper-container{padding-bottom:60px;}
.i_factory_list .swiper-pagination{bottom: 0;}
.i_factory_list .swiper-pagination-bullet{width: 15px;height: 15px;opacity: 1;background: var(--blue-color);margin: 0 13px !important;}
.i_factory_list .swiper-pagination-bullet-active{background: var(--orange-color);}

/*isolution*/
.i_sol_list ul{display: flex;display: -webkit-flex;justify-content: space-between;}
.i_sol_list li{width: 24.5%;position: relative;}
.i_sol_list .pic:before{padding-top: 140.63%;}
.i_sol_list .pic:after{content: '';width: 100%;height:50%;position: absolute;left: 0;bottom:0;
	background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.2));
	background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.2));
	background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.2));
	background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.2));}
.i_sol_list .tit{position: absolute;bottom: 0;left: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);text-align: center;}
.i_sol_list .tit h3{font-size: 22px;color: #fff;margin-top: 10%;white-space: nowrap;}
.i_sol_list .tit .ico{height: 44px;display: flex;display: -webkit-flex;align-items: center;justify-content: center;}
.i_sol_list .tit img{max-height: 100%;}
.i_sol_list .hide{width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;opacity: 0;text-align: center;background: var(--background-color);transition: all 0.36s ease;}
.i_sol_list .hide_con{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.i_sol_list .hide_con span {color: rgb(255, 255, 255);margin-top: -40px;font-size: 52px;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;}
.i_sol_list .hide_con h4{font-size: 16px;color: rgb(255, 255, 255);margin-top: 20px;opacity: 0.6;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.15s;}
.i_sol_list .hide_con .line {width: 1px;height: 36px;background: rgb(242, 242, 242);margin: 12px auto 16px;}
.i_sol_list .hide_con .intro{color: rgb(255, 255, 255);font-size: 14px;line-height: 26px;margin-top: 30px;opacity: 0.3;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.2s;}
.i_sol_list li:hover .hide {opacity: 1;}
.i_sol_list li:hover .hide_con span{font-size: 32px;margin-top: -20px;}
.i_sol_list li:hover .hide_con h4{margin-top: 4px;opacity: 1;}
.i_sol_list li:hover .hide_con .intro{margin-top: 22px;opacity: 1;}

/*iabout*/
.section_about .title h4:after{display: none;}
.section_about .txt_con .intro{font-size: 18px;color: rgb(49, 49, 49);line-height: 2.5;text-align: center;margin:0 auto;width:85%;}
.counter-list{background: rgba(255, 255, 255, 0.4);border-radius: 30px;box-shadow: 0px 2px 14.4px 3.6px rgba(0, 0, 0, 0.13);padding: 30px;display: flex;flex-direction: column;align-items: center;margin-top: 80px;}
.counter-list ul{display: flex;align-items: center;justify-content:space-around;width: 100%;}
.counter-list span{font-size: 48px;color: rgb(56, 56, 56);line-height: 1.375;}
.counter-list em{font-size: 36px;color: rgb(56, 56, 56);line-height: 1.375;font-style: normal;}
.counter-list li>p{font-size: 32px;color: rgb(56, 56, 56) !important;line-height: 1.375;}

.i-honor-list .pic::before{padding-top: 144%;}
.i-honor-list .swiper-slide {width: 469px;text-align: center;}
.section_honor .more_2{margin: 30px auto 0;}

.section_cooperate .more_2{margin: 30px auto 0;}
.i-cooper-list ul{display: flex;display: -webkit-flex;justify-content: center;flex-wrap: wrap;}
.i-cooper-list li{width: 12.5%;}
.i-cooper-list .pic{background-color: #fff;border-radius:15px;margin:10px;}
.i-cooper-list .pic::before{padding-top: 64%;}

/*inews*/
.i_news_box{display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;}
.i_news_left{width:300px;position: relative;}
.news_btn{position: relative;margin-top: 35%;}
.news_btn .swiper-button-prev, .news_btn .swiper-button-next{width: 60px;height: 60px;background: var(--background-color);outline: none;}
.news_btn .swiper-button-prev:after, .news_btn .swiper-button-next:after{color: #fff;font-size: 24px;}
.i_news_right{width: calc(100% - 400px);}
.i-news-list a{display: block;background-color: #f4f4f4;padding: 20px;margin: 0 20px;}
.i-news-list .tm{font-size: 24px;color:#000;line-height: 1.5;}
.i-news-list .tm span:nth-child(2){color: red;font-size: 16px;}
.i-news-list .tit{font-size: 18px;color: rgb(0, 0, 0);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 10px 0 20px;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.i-news-list .intro {font-size: 14px;color: rgb(91, 91, 91);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom:50px;}
.i-news-list .pic::before{padding-top: 61.47%;}
.i-news-list a:hover .pic img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}
.i-news-list a:hover .tit{color: var(--blue-color);}

/*footer*/
.section_footer{position: relative;}
.i-footer{position: absolute;left: 0;bottom: 0;right: 0}
.footer{background-color: var(--background-color);}
.footer_top{border-bottom: 1px solid rgba(255, 255, 255, 0.4);padding-top: 50px;padding-bottom: 20px;font-size: 18px;color: #fff;}
.footer_top .wrap{display: flex;display: -webkit-flex;justify-content: space-between;}
.footer_nav{width: calc(63% - 320px);margin-right:8%;}
.footer_nav ul{display: flex;display: -webkit-flex;justify-content: space-between;}
.footer_nav h4{font-weight: bold;line-height: 2.389;}
.footer_nav p{line-height: 2.389;}
.footer_nav h4 a, .footer_nav p a{color: #fff;}

.footer_cont{width: 25%;margin-right: 5%;}
.footer_cont h4{font-weight: bold;line-height: 2.389;}
.footer_cont .rexian {font-size: 26px;font-weight: bold;}
.footer_cont p{line-height: 2.389;}
.footer_ewm h4{font-weight: bold;line-height: 2.389;margin-bottom: 15px;}
.footer_ewm ul{display: flex;display: -webkit-flex;}
.footer_ewm li{text-align: center;font-size: 16px;}
.footer_ewm img{display: block;width: 140px;margin-bottom: 10px;}
.footer_ewm ul li:nth-child(1){margin-right: 30px;}
.footer_bot{color: #fff;padding: 35px 0;line-height: 1.5;text-align: center;}
.footer_bot a{color: #fff;}

.i-message{padding: 0 5%;display: flex;display: -webkit-flex;justify-content: space-between;padding-top: 120px;padding-bottom: 400px;}
.msg_left {width: 40%;color: #fff;}
.msg_left h3{font-size: 22px;line-height: 3.091;}
.msg_left .intro{line-height: 2.429;margin-top: 20px;}
.msg_left h4{font-size: 26px;line-height: 1.308;margin-top: 50px;}
.msg_right {width: 53%;}
.msg_right .tit{color: #fff;line-height: 3;font-size: 22px;}
.msg_right_con .item{display: flex;display: -webkit-flex;justify-content: space-between;}
.msg_right_con .item input{padding:0 15px;background: rgb(255, 255, 255,0);line-height: 35px;border: 1px solid #9e9e9f;color: #fff;margin-bottom: 20px;}
.msg_right_con .item_1 input{width: 32.7%;}
.msg_right_con .item_2 input{width: 49.5%;}
.msg_right_con .item_3 input{width: 100%;}
.msg_right_con input[type=submit], .msg_right_con input[type=button] {width:32.7%;background-color:var(--background-color);line-height:42px;color: #fff;border:0;font-size: 16px;cursor: pointer;}


/*about*/
.header-in{height: 107px;}
.header-in .header{background-color: #fff;box-shadow: 0px 2px 5.64px 0.36px rgba(0, 0, 0, 0.06);}
.header-in .header .wrap{box-shadow:none}
.nbanner{position: relative;}
.nbanner::before{content: '';display: block;padding-top:31.25%;}
.nbanner img{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.main{padding: 40px 0;position: relative;}
.main .title{margin-top: 0;}
.main .content{line-height: 1.875;}
.main .content img{max-width: 100%;}
.main_news, .main_bg{background-color: #f7f7f7;}

.anchor{position: absolute;top: -100px;}

.abt_nav ul{display: flex;display: -webkit-flex;justify-content: space-around;font-size: 24px;text-align: center;color: #333;margin: 30px auto;}
.abt_nav a{color: #333;}

.main_about{background: url(../images/aboutbg.png) no-repeat center bottom;background-size: cover;padding-bottom: 8%;}
.counter-list-n{margin-top: 60px;}
.about_content{display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;margin-top: 80px;}
.about_content .left{width: 45%;line-height: 2.5;font-size: 18px;color: #333;text-align: center;}
.about_content .right{width: 50%;}
.about_content .right img{display: block;width: 100%;}
.focusvideo{display: none; position: fixed;width: 100%;height: 100%;top:0; left:0;z-index:1002;background-color: rgba(0, 0, 0, 0.4);}
.show-video{ display:block}
.video-show {position: relative;z-index: 9999999;margin: 0 auto;top:50%; -moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);display: table;width:1000px;}
.video-close{ width:30px; height:30px; position:absolute; top:0; right:-40px; cursor:pointer; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.video-close:after{ content:""; width:1px; height:30px; background:#fff; position:absolute; left:15px;top:0; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.video-close:before{ content:""; width:1px; height:30px; background:#fff; position:absolute; left:15px;top:0; -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}


.culture{display: flex;display: -webkit-flex;justify-content: space-between; text-align: center;font-size: 24px;color: #333;}
.culture li{cursor: pointer;}
.culture .ico{width: 160px;height: 160px;border-radius: 50%;background: #fff;border: 1px solid #e8e8e8;margin-bottom: 25px;position: relative;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.culture .ico img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
.culture .ico_1{opacity: 1;}
.culture .ico_2{opacity: 0;}
.culture li:hover .ico{background: var(--background-color);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
.culture li:hover .ico_1{opacity: 0;}
.culture li:hover .ico_2{opacity: 1;}

.main_development{background: url(../images/development_bg.jpg) no-repeat center;background-size: cover;padding: 80px 0;}
.main_development .title{color: #fff;}
.development_list{color: #fff; position: relative;}
.development_list .swiper-slide{padding: 1px;}
.development_list .con {padding: 3% 10% 35%;}
.development_list .swiper-slide-active .con{border-right: 1px solid rgba(255, 255, 255, 0.15);}
.development_list .swiper-slide-next .con{border-right: 1px solid rgba(255, 255, 255, 0.15);}
.development_list .time{margin-bottom: 3%;font-size: 1.25em;}
.development_list .time span{font-size: 1.45em;margin-right: 5px;font-weight: bold;}
.development_list .intro{font-weight: 300;}
.development_list .swiper-button-next, .development_list .swiper-button-prev{width:55px;height: 55px;border-radius: 50%;border: 1px solid #fff;outline: none;top: 40%;}
.development_list .swiper-button-prev:after, .development_list .swiper-button-next:after{font-size: 24px;color: #fff;}
.development_list .swiper-button-prev{left: -60px;}
.development_list .swiper-button-next{right: -60px;}

.hornor_list{overflow: hidden;}
.hornor_list ul{display: flex;display: -webkit-flex;flex-wrap: wrap;margin-right: -2%;}
.hornor_list li{width: 23%;margin-right: 2%;margin-bottom: 2%;text-align: center;}
.hornor_list .pic::before{padding-top: 144%;}
.hornor_list p{font-size: 18px;padding: 10px;}

.factory_list{overflow: hidden;}
.factory_list ul{display: flex;display: -webkit-flex;flex-wrap: wrap; margin-right: -2%;}
.factory_list li{background-color: #fff;width: 23%;margin-right: 2%;margin-bottom: 2%;}
.factory_list .pic::before{padding-top: 82.35%;}
.factory_list .txt p{padding: 10px;line-height: 2;font-size: 18px;color: #000;text-align: center;}

.cooper_list ul{display: flex;display: -webkit-flex;flex-wrap: wrap;margin: -10px;}
.cooper_list li{width: 16.66%;}
.cooper_list .pic{border-radius: 10px;box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);;margin:10px;}
.cooper_list .pic::before {padding-top: 64%;}


.product_list{overflow: hidden;margin-top: 60px;}
.product_list ul{display: flex;display: -webkit-flex;flex-wrap: wrap;margin-right: -2%;}
.product_list li{width: 23%;margin-right: 2%;margin-bottom: 2%;}
.product_list .pic{background-color: #fff;}
.product_list .pic::before{padding-top: 84.41%;}
.product_list .txt{text-align: center;}
.product_list .txt h3{font-size: 20px;color: rgb(51, 51, 51);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 2;margin-top: 10px;}
.product_list .more{margin: 10px auto 0;}
.product_list a:hover .pic img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}
.product_top{display: flex;display: -webkit-flex;justify-content: space-between;margin-top: 30px;}
.product_top .pic{width: 50%;}
.product_top .pic::before{padding-top: 84.41%;}
.product_top .txt{width:50%;padding-top: 5%;color: #666;line-height: 2;font-size: 14px;}
.product_top .txt h2{color: #000;font-size: 24px;}
.product_top .txt .intro{font-weight: 300;}
.product_top .txt .intro h4{font-size: 1.15em;}
.product_top .txt .intro li{position: relative;padding-left: 15px;}
.product_top .txt .intro li::before{content: '';width: 4px;height: 4px;border-radius: 50%;background: #666;position: absolute;left: 0;top: .8em;}
.product_top .btn{ margin-top: 5%;display: flex;display: -webkit-flex;}
.product_top .btn a{width: 135px;line-height:38px;background: var(--background-color);border: 1px solid var(--background-color); color: #fff;text-align: center;border-radius: 25px;font-size: 16px;}
.product_top .btn_a1{margin-right: 40px;display: flex;display: -webkit-flex;align-items: center;justify-content: center;}
.product_top .btn_a1 i{width: 17px;height: 17px;background: url(../images/dow_icon_w.png) no-repeat center;margin-left:10px;}
.product_top .btn a:hover{background: #fff;color: var(--blue-color);}
.product_top .btn_a1:hover i{background: url(../images/dow_icon.png) no-repeat center;}
.product_detail{margin-top: 30px;}
.product_detail .tab {display: flex;align-items: center;border: 1px solid #e8e8e8;background-color:#fff; margin-bottom: 30px;}
.product_detail .tab div{line-height: 52px;font-size: 20px;color:#333;background-color: #f5f5f5;margin-right: 1px;padding: 0 30px;cursor: pointer;}
.product_detail .tab .cur{color: #fff;background-color: var(--background-color);}
.product_detail_content .item{display: none;}


.sol_nav{font-size: 24px;}
.sol_nav ul{display: flex;display: -webkit-flex;justify-content: space-around;}
.sol_nav li{width: 234px;text-align: center;box-shadow: 0px 0px 13.12px 2.88px rgba(0, 0, 0, 0.13);background-color: #fff;-webkit-transition: .4s;-moz-transition: .4s;transition: .4s;}
.sol_nav a{display: block;padding:40px 15px;display: block;color: #333;height: 100%;}
.sol_nav .ico{height: 50px;margin-bottom:15px;position: relative;}
.sol_nav .ico img{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.sol_nav .ico_2{opacity: 0;}
.sol_nav li:hover, .sol_nav li.cur{background-color: var(--background-color);}
.sol_nav li:hover a, .sol_nav li.cur a{color: #fff;}
.sol_nav li:hover .ico_1, .sol_nav li.cur .ico_1{opacity: 0;}
.sol_nav li:hover .ico_2, .sol_nav li.cur .ico_2{opacity: 1;}
.solution_content{position: relative;margin: 4% -10%;}
.solution_content img{width: 50%;display: block;}
.solution_content .txt {width: 50%;position: absolute;top: 50%;right: 2%;background-color: #fff;padding:20px 0 20px 30px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}
.solution_content .txt h3{font-size: 24px;color: #333;}
.solution_content .txt p{line-height: 2.438;}
.caselist{overflow: hidden;}
.caselist ul{display: flex;display: -webkit-flex;flex-wrap: wrap;margin-right: -2%;}
.caselist li{width: 23%;margin-right: 2%;margin-bottom: 2%; text-align: center;}
.caselist .pic::before{padding-top: 70.35%;}
.caselist  p{font-size: 24px;padding:10px 0;color: #333;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.caselist li:hover img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}
.caselist li:hover p{color: var(--blue-color);}
.case_content .tit{text-align: center;font-size: 1.25em; margin-bottom: 20px;margin-top: -20px;}

.down_top{display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;position: relative;}
.down_top .tit{font-size: 32px;color:#333;font-weight: bold;}
.down_top .brochure{background-color:var(--background-color);width: 220px;font-size: 30px;color: #fff;line-height: 55px;text-align: center;border-radius: 30px;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);}
.down_top .brochure a{color: #fff;display: block;}
.down_seach form{display: flex;display: -webkit-flex;}
.down_seach .txt{width: 220px;height: 48px;border: 1px solid #fff;background-color: #fff;padding:0 20px;}
.down_seach .submit{display: block;width: 80px;height: 48px;line-height: 48px;color: #fff;border: 0;background-color: var(--background-color);cursor: pointer;font-size: 16px;}
.down_nav{background-color: #fff;margin: 30px 0;padding: 3% 0;}
.down_nav ul{display: flex;display: -webkit-flex;justify-content: space-around;}
.down_nav a{width: 198px;height: 44px;display: flex;align-items: center;justify-content: center;border: 1px solid #ddd;border-radius: 30px;font-size: 20px;color: #000;}
.down_nav a i{width: 18px;height: 18px;background: url(../images/dow_plus.png) no-repeat center; margin-right: 10px;}
.down_nav li.cur a, .down_nav li:hover a{ color: var(--blue-color);border: 1px solid var(--blue-color);}
.down_box{background-color: #fff;}
.down_box .top{display: flex;display: -webkit-flex;background-color: var(--background-color);color: #fff;font-size: 20px;line-height: 60px;}
.down_box .top li{padding: 0 30px;}
.down_box .top li:nth-child(1){width: 32%;}
.down_box .top li:nth-child(2){width: 35%;text-align: center;}
.downlist li{border-bottom: 1px solid #e8e8e8;display: flex;display: -webkit-flex;position: relative;}
.downlist li div{padding:15px 30px;line-height: 2;}
.downlist li div:nth-child(1){width: 32%;}
.downlist li div:nth-child(2){width: 35%;text-align: center;}
.downlist li div:nth-child(3){width: 25%;position: absolute;right: 0;top: 0;}
.downlist .btn a{display: flex;display: -webkit-flex;align-items: center; justify-content: center;}
.downlist .btn a i{width:17px;height: 17px;background:url(../images/dow_icon.png) no-repeat; margin-right: 10px;}
.downlist .btn a span{white-space: nowrap;}

.newslist_top ul{display: flex;display: -webkit-flex;justify-content: space-between;}
.newslist_top li{width: 48%;background-color: #fff;}
.newslist_top .pic::before{padding-top: 61.47%;}
.newslist_top .txt{padding: 15px 20px;}
.newslist_top h3{font-size: 18px;color: #000;transition: .3s;-webkit-transition: .3s;-moz-transition: .3s;}
.newslist_top .intro {font-size: 14px;color: rgb(102, 102, 102);line-height: 2;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-bottom: 15px;}
.newslist_top .bot{margin: 0 -20px;border-top: 1px solid #d0d0d0;display: flex;align-items: center;justify-content: space-between; padding:15px 20px 0;}
.newslist_top .tm{ color: #333;}
.newslist_top .tm span:nth-child(1){font-size: 24px;}
.newslist_top .mor, .newslist .txt_r .mor {padding: 0 18px;line-height: 34px;border-radius: 20px;text-align: center;color:#333;background: rgb(235, 235, 235);box-shadow: 0px 2px 0.98px 0.02px rgba(0, 0, 0, 0.07);transition: .3s;-webkit-transition: .3s;-moz-transition: .3s;}
.newslist_top li:hover img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}
.newslist_top li:hover h3{color: var(--blue-color);}
.newslist_top .mor:hover, .newslist .mor:hover{ background: var(--background-color);color: #fff;}
.newslist li{margin-top: 20px;}
.newslist a{display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;background-color: #fff;padding: 20px;}
.newslist .tm{color: #333;width: 10%;}
.newslist .tm span:nth-child(1){display: block;font-size: 24px;}
.newslist .txt_r{width: 90%;}
.newslist .txt_r h3 {font-size: 18px;font-weight: 600;color: #000;line-height: 1.556;transition: .3s;-webkit-transition: .3s;-moz-transition: .3s;}
.newslist .txt_r .intro {font-size: 14px;color:#666;text-transform: uppercase;line-height:2;margin-top: 10px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.newslist .txt_r .mor_box{display: flex;display: -webkit-flex;justify-content: flex-end;}
.newslist li:hover .txt_r h3{color:var(--blue-color);}
.news_ntit{text-align: center;font-size: 1.5em;color: #000;}
.content_news{margin-top: 2%;}
.content_news p{margin-bottom: 10px;}
.page_news{margin-top: 3%;border-top: 1px solid #e8e8e8;padding-top:25px; line-height: 2;position: relative;}
.page_news p{width: 50%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.page_news .back{position: absolute;right: 0;top:30px;padding: 0 18px;line-height: 34px;border-radius: 20px;text-align: center;color:#333;background: rgb(235, 235, 235);box-shadow: 0px 2px 0.98px 0.02px rgba(0, 0, 0, 0.07);transition: .3s;-webkit-transition: .3s;-moz-transition: .3s;}
.page_news .back:hover{background: var(--background-color);color: #fff;}


/*contact*/
.contact-list{margin-bottom: 30px;}
.contact-list ul{display: flex;display: -webkit-flex;justify-content: space-between;}
.contact-list li{width: 24%;padding:3% 4%;text-align: center;background-color: #fff;display: flex;flex-direction: column;align-items: center;box-shadow: 0px 0px 13.12px 2.88px rgba(0, 0, 0, 0.13);}
.contact-list p{margin-top: 20px;}
.contact-list .ico{display:flex;display: -webkit-flex;width: 50px;height: 50px;border-radius: 50%;border: 2px solid var(--blue-color);justify-content: center;align-items: center;}
.contact-list .ico img{display: block;width: 26px;}
#allmap{width:100%;height:400px;line-height:22px; font-size:14px; border:0;}
.BMap_bubble_title{ white-space:normal !important;color: #151515; font-size:16px;padding:10px 0;}
.BMap_bubble_content{color: #888; font-size:13px}
.iwTitle {
    color: #CC5522;
    font-size: 14px;
    font-weight: bold;
	line-height:22px;
	display:block;
	padding-bottom:8px;
}
#allmap .map-address-name {
	text-align: center;
	font-size: 16px;
	line-height: 1.1;
	color: #333;
	padding: 10px 0;
}

#allmap .map-address-detail {
	text-align: center;
	font-size: 12px;
	line-height: 1.5;
	color: #888;
}
.meaasge{}
.message .item{position:relative;display: flex;display: -webkit-flex;flex-wrap: wrap; justify-content: space-between;}
.message .item input{height: 58px;padding:0 30px;width: 49%;font-size: 16px;margin-bottom:1.5%;border: 1px solid #ccc;outline: none;background: #f7f7f7;}
.message textarea {width: 100%;height:120px;border: 1px solid #ccc;background:#f7f7f7; padding: 0 30px;line-height:50px;font-size: 16px;}
.message .yzm[type=text]{width:30%;}
.message .submit{display: block;font-size: 16px;color: #fff;width:200px;text-align: center;background-color: var(--background-color);line-height: 54px;border: 0;margin:40px auto 20px;cursor: pointer;transition: .4s;}
.message .submit:hover{border-radius: 27px;}

.pagination{height: auto !important;padding-bottom: 0 !important;}
.pagination a.cur{background: #006ab4!important; border: 1px solid #006ab4 !important;}
.pagination a:hover{
    color:#006ab4 !important;
    border:1px #006ab4 solid !important;
}