body{color:#4d4d4d;font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft YaHei","微软雅黑";font-size: 1.6rem;}
a{color:#4d4d4d;}
*:focus {outline: none;box-shadow: none;}
input:required:invalid ,textarea:required:invalid ,select:required:invalid{outline: none;box-shadow: none;}
a:hover{color:#3FA9F5;text-decoration:none;transition: all 300ms ease-in-out 0s;}
.on {color:#3FA9F5;}
.my_ul ,.my_dl{ margin:0; padding:0;}
.my_ul li{ list-style:none;}
.my_dl dt ,.my_dl dd{margin:0;padding:0;font-weight:normal;}
dt + dd{ margin-top:0;}
p{ margin:0 0 1.2rem;}
/* p>br{display: inherit;} */
img{image-rendering: -webkit-optimize-contrast;}
video{display:block;}
.list-paddingleft-2{margin-top: 0;padding-left: 1em;}
.list-paddingleft-2 li{list-style: inherit;}
h1{font-size: 3rem;}
h2{font-size: 2.2rem;}
h3{font-size: 1.7rem;}
h4{font-size: 1.5rem;}
picture{display: block;}
blockquote{padding: .8rem 1.5rem;background-color: #f2f2f2;font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft YaHei";font-size: 1.6rem;border-left: 4px solid #3FA9F5;display: flex;align-items: center;margin-bottom:2rem;}

/*
public
*/
.am-container{width:1350px;max-width: 1920px;margin:0 auto;padding: 0;}
.am-paragraph-default{ margin:0;color:#4d4d4d;font-size:1.6rem;text-align: justify;}
.am-paragraph-default img{ max-width:100%; border:none; padding:0; margin:0;display:inline; height: auto;}
.am-paragraph-default p{ margin:0 0 1.6rem;font-size:1.6rem;}
.am-paragraph-default p ,.am-paragraph-default a{color:#4d4d4d;}
.am-paragraph-default video ,.am-paragraph-default iframe{display:block;max-width:100%;background-color: #000;object-fit: cover;}
.am-paragraph-default embed{display: inline-block;max-width:100%;background-color: #000;}
.am-paragraph-default a:hover{color:#3FA9F5;}
.am-pureview-actions a{ position:static; float:right; text-align:center;}
.am-icon-chevron-left:before {font-family:'FontAwesome';content: "\f00d";}
.am-pureview-direction a:before{font-family:'FontAwesome';}
.am-pureview-slider img{object-fit: contain;}
.am-pureview-title{text-align: center;}
.picture-hover-animate{ display:block; position:relative; overflow:hidden;width: 100%;}
.picture-hover-animate:after{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: block;visibility: visible;width: 16rem;height: 16rem;margin: auto;content: '';transition: all 0.6s ease-in-out;transform: scale(6);opacity: 1;border: 80px solid rgba(0, 0, 0, 0.1);border-radius: 80px;}
.picture-hover-animate:hover:after { visibility: hidden; opacity: 0; border: 0 solid rgba(0, 0, 0, 0.1); }
.am-pureview-slider .am-pinch-zoom::after{display: none;}
.am-table-striped > tbody > tr:nth-child(2n+1) > td, .am-table-striped > tbody > tr:nth-child(2n+1) > th {background-color: #f5f5f5;}
.am-table tr td,.am-table tr th{ vertical-align:middle!important;padding: .8rem 1.5rem!important;}
.am-table p {margin: 0!important;}
.layui-layer-photos-toolbar{display: flex;align-items: center;justify-content: center;}
.layui-layer-photos-footer > h3{margin: 0;}

.layui-layer-photos-prev,.layui-layer-photos-next{color:rgba(0,0,0,.6)!important;transform:scale(1);background:#787878;color:#fff!important;border-radius:50%;font-size:var(--font-20)!important;display:flex;justify-content:center;align-items:center;width:2vw!important;height:2vw!important}
.layui-layer-photos-toolbar h3{display: inline-block;margin: 0;font-size: 12px;}
.layer-layer-photos-main img{background-color: #fff;}

.img_animate{position: relative;overflow: hidden;}
.img_animate img{display:block;width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0; transition: all 0.35s;}
.img_animate:hover img{transform: scale(1.05);}

.layui-fixbar{margin: 0;padding: 0;}

/**自定义模板**/
.ue_flex{display: flex;justify-content: space-between;margin: 1.6rem 0;}
.ue_flex .ue_flex_item{width: 48%;}



/*
header
*/
.header{width: 100%;z-index: 1000;position: relative;left: 0;top: 0;}
.header .menu{display: flex!important;justify-content: space-between;align-items: center;height: 7rem!important;}
.header .logo img{display: block;height: 2rem;}
.header .am-topbar-collapse{position: static;display: flex!important;justify-content: flex-end;width: 100%;height: 100% !important;align-items: center;}
.header .am-menu{display: flex;align-items: center;position: static;width: calc(100% - 30rem);height: 100%;}
.header .am-menu-nav{display: flex;font-size: 1.6rem;transition: all 300ms ease-in-out 0s;height: 100%;}
.header .am-menu-nav a{padding: 0;}
.header .am-menu-nav .parent_li{margin-right:8rem;}
.header .am-menu-nav .parent_li .am-icon-caret-down{margin-left: .5rem;}
.header .am-menu-nav .parent_li .parent_a{display: flex;align-items: center;color: #333; height: 100%;font-size: 1.8rem;white-space: nowrap;}

.header .am-topbar-btn{display: none;}



.header .top_search{width: 0;height: 3.8rem;position: absolute; top: 50%; right: 0;transform: translateY(-50%);overflow: hidden;transition: all 300ms ease-in-out 0s;opacity: 0;}
.header .navbar_search_btn ,.header .top_search_close .layui-icon{font-size: 1.8rem;}
.header  .menu.am-in .am-menu{position: relative;}
.header .menu.am-in .top_search{width: 100%;opacity: 1;}
.header .menu.am-in .am-menu-nav{opacity: 0;}
.header .menu.am-in .navbar_search_btn{display: none;}
.header .top_search .layui-form{display: flex;align-items: center;justify-content: space-between;}
.header .top_search .layui-form .layui-input{border: none;width: calc(100% - 8rem);padding-left: 2rem;background: none;}
.header .top_search .layui-form .layui-btn{background:none;display: flex;align-items: center;width: 3rem;font-size: 1.8rem;padding: 0;justify-content: flex-end;color: #4d4d4d; }
.header .top_search .layui-form .top_search_close{width: 3rem;display: flex;align-items: center;justify-content: space-between;font-size: 1.8rem;}
.header .top_search .layui-form .top_search_close::after{display: block;content: '';background-color: #4d4d4d; width: 1px;height: 1.6rem;}

.header_fixed{position: fixed;}

.header.am-sticky ,.header.bg{background: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}
.header .am-menu-nav .parent_li .parent_a.on,.header.am-sticky .am-menu-nav .parent_li .parent_a.on,.header.bg .am-menu-nav .parent_li .parent_a:hover{color: #3FA9F5;}

.header_fixed.am-sticky .am-menu-nav .parent_li .parent_a ,.header_fixed.am-sticky .navbar_search_btn ,.header_fixed.am-sticky .top_search .layui-form .layui-input ,.header_fixed.am-sticky .top_search .layui-form .layui-btn ,.header_fixed.am-sticky .top_search .layui-form .top_search_close,.header.bg .am-menu-nav .parent_li .parent_a ,.header.bg .navbar_search_btn {color: #4d4d4d;}
.header_fixed.am-sticky .top_search .layui-form .top_search_close::after{background-color: #4d4d4d;}


.header #nprogress{position: absolute;left: 0;bottom: 0;width: 100%;}
.header #nprogress .nprogress-bar{height: 1px;margin: 0;box-shadow: none;position: absolute;left:0;bottom: 0;background-color: #3FA9F5;}

/*
BANNER
*/
.index_banner{width:100%;margin:0 auto;box-shadow:none;position:relative; z-index:1;border-radius:0;overflow:hidden;background:#f2f2f2 url(../img/loading.svg) center center no-repeat;}
.index_banner .am-viewport{width: 100%;height: 100%;position: absolute!important;left: 0;top: 0;}
.index_banner .am-slides{margin: 0;width: 100%;height: 100%;position: absolute!important;left: 0;top: 0;}
.index_banner .am-slides li a{display: block;width:100%;position: relative;}
.index_banner .am-slides li .slide_bg::after{display: block;content: '';width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;background-color: rgba(0, 0, 0, .3);z-index: 2;}
.index_banner .am-slides li a:before ,.index_banner::before{display: block;content: '';padding-bottom:calc(100vh - 7rem);}
.index_banner .am-slides li img ,.index_banner .am-slides li video{display: block;width:100%;height:100%;position: absolute;left: 0;top: 0;object-fit: cover;z-index: 1;}
.index_banner .am-control-nav{ bottom:2rem; z-index:10;}
.index_banner .am-control-nav li a{ width:1rem; height:1rem;background:rgba(255,255,255,0.3);box-shadow:none;}
.index_banner .am-control-nav li a.am-active,.index_banner .am-control-nav li a:hover{background:rgba(255,255,255,1);}
.index_banner .am-direction-nav a{opacity: 0;}
.index_banner:hover .am-direction-nav a{opacity: 1;}
.index_banner .am-direction-nav a::before{content: "\f104";color: #3FA9F5;font-size: 4rem!important;}
.index_banner .am-direction-nav a:hover::before{color: #3FA9F5;}
.index_banner .am-direction-nav a.am-next::before{content: "\f105";}
.index_banner:hover .am-direction-nav a.am-prev{left: calc(2% - 1rem);}
.index_banner:hover .am-direction-nav a.am-next{right:calc(2% - 1rem);}



/*
NEWS
*/
.index_news_scroll{background-color: #f2f2f2;}
.index_news_scroll dl{height: 7rem;display: flex;justify-content: space-between;align-items: center;white-space: nowrap;overflow: hidden;}
.index_news_scroll dl dt{margin-right: 5rem;font-weight: bold;color: #3FA9F5;}
.index_news_scroll dl dt a{color: #3FA9F5;}
.index_news_scroll dl dd .tempWrap{ width:100% !important;}
.index_news_scroll dl dd .bd{opacity: 0;}
.index_news_scroll dl dd .bd ul{overflow:hidden; zoom:1;}
.index_news_scroll dl dd .bd ul li{ margin-right:3rem; float:left; width:auto !important;font-size: 1.5rem;white-space: nowrap;}
.index_news_scroll dl dd .bd ul li a{display: flex;align-items: center;color: #808080;}
.index_news_scroll dl dd .bd ul li a::before{display: block;content: '';width: .5rem;height: .5rem;background-color: #4d4d4d;margin-right: .5rem;border-radius: 50%;}
.index_news_scroll dl dd .bd ul li a:hover{color: #3FA9F5;}
.index_news_scroll dl dd .bd ul li a:hover::before{background-color: #3FA9F5;}

.index_news_item{display: flex;justify-content: space-between;margin-top: 4%;}
.index_news_item .item{width: 47%;display: flex;flex-direction: column;}
.index_news_item .item .img:after{display: block;content: '';padding-bottom:60%;}
.index_news_item .item .text{background-color: #fff;padding: 2rem 3rem;display: flex;flex-direction: column;}
.index_news_item .item .text .title ,.news_list li .text .title{font-size: 2rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index_news_item .item .text .time ,.news_list li .text .time{color: #4d4d4d;}
.index_news_item .item .text i ,.news_list li .text i{width: 2.3rem;height: 2.3rem;border: #3FA9F5 solid 1px;border-radius: 50%;font-size: 1.4rem;color: #3FA9F5;display: flex;justify-content: center;align-items: center;transition: all 300ms ease-in-out 0s;}
.index_news_item .item a:hover i ,.news_list li .text:hover i{background-color: #3FA9F5;color:#fff;}
.index_news_item .item:last-of-type .text{height: 25%;}
.index_news_item .item:last-of-type .text:nth-of-type(even){background-color:#ecf6fe;}
.index_news_item .item:last-of-type .text .title{padding-right: 4rem;}
.index_news_item .item:first-of-type .time{margin: 1.8rem 0 2rem;}
.index_news_item .item .ico ,.news_list li .ico{display: flex;justify-content: flex-end;}


.news_warp{padding: 3% 0 4%;background-color: #f2f2f2;}

.news_list{margin-top: 4%;}
.news_list li{background-color: #fff;padding: 3rem 3rem;}
.news_list li .text{display: flex;flex-direction: column;}
.news_list li .text .title{padding-right: 4rem;}
.news_list li:nth-of-type(odd){padding-right: 6rem;}
.news_list li:nth-of-type(even){padding-left: 5.2%;}
.news_list li:nth-of-type(4n+3),.news_list li:nth-of-type(4n+4){background-color:#ecf6fe;}
.news_warp .get_more .am-btn{padding-left: 3rem;padding-right: 3rem;}
.news_warp .get_more{margin-top: 3%;}



.slide_contain{display: flex;justify-content: space-between;align-items: flex-start;}
.slide_left{width: calc(100% - 39rem);background-color: #fff;padding: 2rem;}
.slide_right{width: 36rem;}


.article_right_block{padding: 2rem;background-color: #fff;overflow: hidden;box-shadow: 0 0 1rem 1rem rgba(0, 0, 0, .02);margin-top: 3rem;}
.article_right_block:first-of-type{margin-top: 0;}
.article_right_block .layui-form{height: 4rem;border:#e0e0e0 solid 1px;display: flex;justify-content: space-between;align-items: center;}
.article_right_block .layui-form .layui-input{width: calc(100% - 3rem); border: none; height: 3.8rem;font-size: 1.4rem;}
.article_right_block .layui-form .layui-btn{background: none;width: 3rem;height:100%;display: flex;justify-content: center;border: none;padding: 0; align-items: center;color: #818181;}
.article_right_block .tag{margin-top: 3rem;}
.article_right_block .titles{font-size: 1.6rem;border-bottom: #e5eff5 solid 1px;margin-bottom:1.5rem;padding-bottom: 1.5rem;color: #000;font-weight: bold;display: flex;align-items: center;}
.article_right_block .titles:before{display: block;content: '';width: 2px;height: 1.6rem;background-color:#3FA9F5;margin-right: .8rem;}
.article_right_block .tag .iteam{margin: 0 -7px;}
.article_right_block .tag a{margin:0 7px 7px 0;padding: .5rem 7px;;display: inline-block;border-radius: 3px;font-size: 1.2rem;font-weight: normal;border: solid 1px #e8e8e8;}
.article_right_block .tag a:hover{border-color: #3FA9F5;}

.article_right_block .article_hot_list .titles{font-size: 1.6rem;border-bottom: #e5eff5 solid 1px;margin-bottom:1rem;padding-bottom: 1.5rem;color: #000;}
.article_right_block .article_hot{margin-top:1rem;}
.article_right_block .article_hot li{padding:1rem 0; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:1.5rem;}
.article_right_block .article_hot li i{width:1.6rem;height:1.6rem;line-height:1.6rem;padding:0;font-style:normal;font-size:1rem;margin-right:.6rem;vertical-align: middle;font-weight: 500;}
.article_right_block .article_hot li:nth-of-type(1) i{background: #E61413;color: #fff;}
.article_right_block .article_hot li:nth-of-type(2) i{background: #00BCF2;color: #fff;}
.article_right_block .article_hot li:nth-of-type(3) i{background: #FFD21C;color: #fff;}
.article_right_block .article_hot li:last-of-type{padding-bottom:0;}

.article_right_block .article_new{background-color: #fff;box-shadow: none;}
.article_right_block .article_new .am-slides li a{display: block; position: relative;}
.article_right_block .article_new .am-slides li a:after{display: block;content: '';padding-bottom: 56.25%;}
.article_right_block .article_new.last .am-slides li a:after{padding-bottom: 75%;}
.article_right_block .article_new .am-slides li img{display:block;width:100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.article_right_block .article_new .am-slider-desc{padding: .5rem 1rem; font-size: 1.4rem;}
.article_right_block .article_new .am-control-thumbs li::after{display: block;content: '';padding-bottom: 56.65%;}
.article_right_block .article_new .am-control-thumbs img{opacity: .5;width:100%;height: 100%;object-fit: cover; position: absolute;left: 0;}
.article_right_block .article_new .am-control-thumbs img.am-active{opacity: 1;}


.article_right_block .article_rel li{margin-top:2rem;border-bottom: #dedede dashed 1px;}
.article_right_block .article_rel li:first-of-type{margin-top: 0;}
.article_right_block .article_rel li:last-of-type{border-bottom: none;}
.article_right_block .article_rel li a{ overflow: hidden;}
.article_right_block .article_rel li .img{display:block;position: relative;}
.article_right_block .article_rel li .img:after{ display:block; content:''; padding-bottom:55%;}
.article_right_block .article_rel li .img img{display: block;width: 100%;height: 100%;position: absolute;left:0;top: 0;object-fit: cover;transition: all 0.35s;-webkit-transition: all 0.35s;-ms-transition: all 0.35s;}
.article_right_block .article_rel li .img:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);-ms-transform: scale(1.05);}
.article_right_block .article_rel li .text{padding:1rem 0 2rem;}
.article_right_block .article_rel li:last-of-type .text{padding-bottom: 0;}
.article_right_block .article_rel li .text .tag{margin-top:1rem}
.article_right_block .article_rel li .text .am-badge{margin-right:1rem;font-weight:normal;}
.article_right_block .article_rel li .text .am-badge:hover{background-color:#3FA9F5; color:#fff!important;}

.article_hd{ background-color:#f9f9f9; padding:2rem 3rem;color:#BDCCD4;font-size:1.4rem;}
.article_hd .title{ color:#000; font-size:2rem;margin: 0;}
.article_hd .other a{color:#BDCCD4; display:inline-block;}
.article_hd .tag a:hover,.article_hd .other a:hover{ color:#3FA9F5;}
.article_hd .other{ display: flex;justify-content: space-between;margin-top: 1.5rem;}
.article_hd .other span{ display:inline-block; }
.article_hd .other span:not(:last-of-type){margin-right:3rem;}
.article_hd .other em{font-style:normal;}


.article_bd{padding:3rem 0;text-align:justify;line-height: 1.8;font-size: 1.6rem;}
.article_bd p{line-height: 1.8;font-size: 1.6rem;}

.article_share{background-color: #f2f2f2;height: 9rem;display: flex;justify-content: space-between;align-items: center;padding: 0 3rem;margin-top: 3%;position: relative;z-index: 100;}
.article_share dt{font-size: 1.4rem;}
.article_share dd{display: flex;justify-content: flex-end;align-items: center;}
.article_share .social_share a{ display: flex;flex-direction: column;justify-content: center;align-items: center; font-size:1.5rem;width:3.2rem;height:3.2rem;margin:0 0 0 1.5rem;border-radius:50%; text-align:center;background-color:#999;color:#fff;transition: all 300ms ease-in-out 0s;}
.article_share .social_share a span{display: none;}
.article_share .social_share .digg_a{font-size: 1.4rem; line-height: 1rem;}
.article_share .social_share .digg_a em{font-size: 1rem;font-style: normal;}
.article_share .social_share a:hover{background-color:#3FA9F5;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}

.article_rel{margin-top:1rem;}
.article_rel li{border: none;border-bottom: 1px solid #f2f2f2; margin-bottom: 0;padding: 1rem 0;font-size:1.5rem;}
.article_rel li a{display:block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;padding: 0;}
.article_rel li span{float: right;padding-left: 1rem;vertical-align: center;}


/*
BLOCK
*/
.index_block{padding: 4% 0;background-position:center;background-repeat: no-repeat;background-size: cover;}
.index_block.grey{background-color: #f2f2f2;}
.index_block dl{display: flex;justify-content: space-between;}
.index_block dt ,.index_block dd{width: 47%;}
.index_block dt{display: flex;}
.index_block dt img{display: block;width: 100%;height: 100%;object-fit: cover;}

.text_block{background-color: #F2F2F2;padding: 6.6%!important;display: flex;flex-direction: column;justify-content: space-between;transition: all 300ms ease-in-out 0s;}
.text_block:hover{box-shadow: 0 0 1rem 1rem rgba(0, 0, 0, .02);}
.text_block .title ,.index_block .name{font-size: 3.6rem;}
.text_block .title::after ,.index_block .name:after{display: block;content: '';width: 5rem;height: 1px;background-color: #CCCCCC;margin-top: 10%;}
.index_block .name::after{margin: 3% auto 0;}
.text_block .text{text-align: justify;line-height: 2;}
.text_block .am-btn{padding-left: 3rem;padding-right: 3rem;transition: all 300ms ease-in-out 0s;background: #333333;border-color: #333333;}
.text_block .am-btn:after{display: inline-block;content: "\f105";font-family:'FontAwesome';margin-left: .6rem;}
.text_block .am-btn:hover{background-color: #3FA9F5;border-color: #3FA9F5;}


.text_block.about{padding: 13%!important;}
.text_block.service{padding: 10% 13%!important;}
.text_block.solution{padding:3% 5%!important;}
.text_block.service .title::after,.text_block.solution .title::after{margin-top: 5%;}



/*
PRODUCT
*/
.index_product .img{position: relative;width: 100%;}
.index_product .img:after{display: block;content: '';padding-bottom: 84.5%;}

.product_list{margin: 0 -1.5rem;padding: 4% 0;}
.product_list li{padding: 0 1.5rem;margin: 1.5rem 0;}
.product_list .img{position: relative;}
.product_list .img::after{padding-bottom:100%;display: block;content: '';}
.product_list .title{font-weight: bold;color: #000;font-size: 1.6rem;text-align: center;margin-top: 1rem;}

.product_item{padding: 4% 0;}
.pro_page_top{display: flex;justify-content: space-between;align-items: flex-start; border-bottom: #e4e4e4 solid 1px;padding-bottom: 4%;}
.pro_page_imgs {width: calc(50% - 1.5rem);display: flex;justify-content: space-between;flex-direction: row-reverse;}
.pro_page_text{width: calc(50% - 6rem);}
.pro_page_top .item{position: relative;overflow: hidden;display: block;}
.pro_page_top .item:after{display: block;content: '';padding-bottom: 100%;}
.pro_page_top .item img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;background-image: linear-gradient(140deg, #dcdee3 0%, #ededee 50%, #e4e4e3 75%);}
.pro_page_top .slider-for{border: #f2f2f2 solid 1px;width: calc(100% - 11rem);}
.pro_page_top .slider-nav{width: 10rem;}
.pro_page_top .slider-nav .slick-arrow::before{font-size: 2.4rem;color: rgba(0, 0, 0, 0.5);}
.pro_page_top .slider-nav .slick-prev{left: 2.5rem;top: auto;bottom: 0;margin: 0;}
.pro_page_top .slider-nav .slick-next{right: 2.5rem;top: auto;bottom: 0;margin: 0;}
.pro_page_top .slider-nav .slick-list{margin:0 -.5rem}
.pro_page_top .slider-nav .item{margin-bottom:1rem;border: #f2f2f2 solid 1px;}
.pro_page_top .slider-nav .item.slick-current{border-color: #cccccc;}
.pro_page_top .slider-for .slick-dots{bottom: 1rem;}
.pro_page_top .slider-for .slick-dots li{width: .8rem;height: .8rem;}
.pro_page_top .slider-for .slick-dots li.slick-active{background-color: #3FA9F5;}

.pro_page_text{display: flex;flex-direction: column;justify-content: space-between;}
.pro_page_text_des .title{font-weight: bold;color:#000;font-size: 3.2rem;}
.pro_page_text_des .des{margin-top: 1rem;font-size: 1.6rem;line-height: 2;text-align: justify;}
.pro_page_text_des .list{margin-top: 15%;}
.pro_page_text_des .list_title{font-size: 1.8rem;}
.pro_page_text_des .list_color{display: flex;align-items: center;margin-top: 1rem;color: #000;}
.pro_page_text_des .list_color a{margin-right: 1rem;width: 20rem;display: flex;align-items: center;justify-content: center;border: #cccccc solid 1px;padding: .3rem 1rem;}
.pro_page_text_des .list_color a.active{color: #00BCF2;border-color: #00BCF2;}
.pro_page_text_des .btn{margin-top: 15%;display: flex;align-items: center;}
.pro_page_text_des .btn a{background-color: #b0b0b0;padding: .5rem 1rem;display: flex;align-items: center;color: #fff;width: 20rem;margin-right: 1rem;justify-content: center;}
.pro_page_text_des .btn .cart_btn{background-color: #ff6700;padding: .5rem 2rem;}
.pro_page_text_des .btn a i{margin-right: .5rem;}
.pro_page_text_des .btn a span{font-size: 1.6rem;margin-left: .3rem;}


.pro_page_bottom{margin-top:4%;}

.page_rel{ margin-top:4%;}
.page_rel .title{ background-color:#f2f2f2; padding:1rem 2rem;color:#000;font-weight: bold;display: flex;align-items: center;}
.page_rel .title:before{display: block;content: '';width: 2px;height: 1.6rem;background-color:#3FA9F5;margin-right: .8rem;}

.product_rel{margin: 0 -1rem;}
.product_rel li{padding: 0 1rem;margin-top: 2rem;text-align: center;}
.product_rel li a{display: block;}
.product_rel li .img{margin-bottom: .5rem;background-image: linear-gradient(140deg, #dcdee3 0%, #ededee 50%, #e4e4e3 75%);}
.product_rel li .img::after{padding-bottom: 100%;display: block;content: '';}





/*
ABOUT
*/
.index_about dl dd{background-color: #F2F2F2;position: relative;}
.index_about dl dd::after{display: block;content:'';padding-bottom: 82.5%;}
.index_about dl dd .des{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.index_about.last dl{flex-direction: row-reverse;}
.index_about.last dl .text_block .title::after{display: none;}

.about_more{display: none;}

.about_name{font-size: 3.6rem;line-height: 1.2;text-align: center;}
.about_name::after{display: block;content: '';margin: 3% auto 0;width: 5rem;height: 1px;background-color: #CCCCCC;}
.about_name a{display: block;position: relative;}
.about_name a::before{display: block;content: '';width: 100%;height: 1px;background-color: #BCCBD3;position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 1;}
.about_name a span{background-color: #fff;position: relative;z-index:2;padding: 0 2rem;}

.about_strong_item{display:flex;justify-content:space-between;}
.about_strong_item .img{width: 47%;}
.about_strong_item .img img{display:block;width:100%;}
.about_strong_item .text{width: 47%;background-color: #F2F2F2;padding: 4%;display: flex;flex-direction: column;justify-content: center;}
.about_strong_item .text .title{font-size: 3.6rem;}
.about_strong_item .text .title:after{display: block;content: '';width: 5rem;height: 1px;background-color: #CCCCCC;margin-top: 10%;}
.about_strong_item .text .des{margin-top:10%;text-align:justify;}

.about_pics{padding-bottom:0;}
.about_pics_ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.about_pics_ul .img{width:47%;position:relative;margin-top:5%;}
.about_pics_ul .img:nth-of-type(1),.about_pics_ul .img:nth-of-type(2){margin-top:0;}
.about_pics_ul .img:after{display:block;content:'';padding-bottom:62%;}


.index_block.grey  .about_name span{background-color: #f2f2f2;}

.about_contact{padding: 5% 0;}
.about_contact_item{display: flex;justify-content: space-between;margin-top: 3%;;}
.about_contact_item .left{display: flex;justify-content: center;color: #3FA9F5;font-size: 2.4rem;text-align: center;width: 40%;}
.about_contact_item .left i{font-size: 6rem;margin-right:3%;}
.about_contact_item .right{width: 50%;}

.inquire_skin{width: 64rem;}
.inquire_skin .layui-layer-content{padding: 40px;height: auto!important;}

.contact_from .layui-input-wrap ,.contact_from .layui-input-affix{line-height: 4rem;}
.contact_from .layui-input-prefix {z-index: 1;}
.contact_from .layui-input-prefix i{font-size: 1.5rem;}
.contact_from .layui-form-item{position: relative;}
.contact_from .layui-form-item.required .layui-input-affix{display: flex!important;align-items: center;justify-content:center;width: 35px;padding:0;height: auto;}
.contact_from .layui-form-item.required .layui-input-affix.layui-hide .layui-icon-clear::before{display: block;content: '*';color: #ff0000;font-size: var(--font-12);}
.contact_from .layui-input{height:4rem;line-height:4rem;font-size:1.5rem;box-shadow: none;}
.contact_from .layui-textarea{font-size:1.5rem;background: none;padding: .8rem;box-shadow: none;resize: none;}
.contact_from .layui-btn{display: flex;width: 100%;height: 4rem;align-items: center;justify-content: center;font-size: 1.5rem;background-color:#00BCF2;color: #fff;}



.contact_from .layui-form-checkbox > div{white-space: inherit;padding-right:6px;margin-top: 0;line-height: 1.5;}
.contact_from .layui-form-item .layui-form-checkbox[lay-skin="primary"]{margin-top: 0;padding-left: 1.4rem;display: flex;align-items: center;justify-content: center;min-width:auto;min-height: auto;}
.contact_from .layui-form-item a{text-decoration: underline;color: var(--font-active-color);}
.contact_from .layui-form-checked[lay-skin="primary"] > i {border:0; background-color: var(--font-active-color); color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.contact_from .layui-form-checkbox[lay-skin="primary"] > i{border-color: var(--font-active-color) !important;border-radius: 50%;width: 1rem;height: 1rem;display: flex;align-items: center;justify-content: center;font-size: 1.2rem;top: 2px;}
.contact_from .layui-form-item.flex::after{display: none;}
.contact_from .layui-form-item.flex .layui-input-wrap{display: flex;align-items: center;width:inherit;}
.contact_from .layui-form-item .form_code{width: 47%;justify-content: space-between;flex-wrap: nowrap;}
.contact_from .layui-form-item .form_code .layui-input-wrap{width: 100%;}
.contact_from .layui-form-item .form_code .layui-input{border-top-right-radius: 0;border-bottom-right-radius: 0;}
.contact_from .layui-form-item .codeimg{height: 4rem;}
.contact_from .layui-form-item.flex .layui-btn{width: 15rem;}
.contact_from .layui-form-item.justify_end .layui-btn{width: 100%;}

/*
FOOTER
*/
.footer{background-color: #000000;color: rgba(255, 255, 255,1);padding: 3% 0 1.5%}
.footer a{color: rgba(255, 255, 255, 1);}
.footer a:hover{color: rgba(255, 255, 255, 1);}
.footer_header{display: flex; border-bottom: #fff solid 1px;padding-bottom: 3%;margin-bottom: 3%;}
.footer_header span{margin-right: 4vw;}
.footer_header span::before{margin-right: .8rem;}
.footer_top{display: flex;justify-content: space-between;}
.footer_nav {display: flex;justify-content: space-between;width: 45%;}
.footer_nav .am-accordion-item{border:none;}
.footer_nav .am-accordion-title{font-size:1.6rem; font-weight:normal;border-bottom:none; padding-left:0; cursor:default;color: #BDCCD4;}
.footer_nav .am-accordion-title:after{ display:none;}
.footer_nav dd.am-collapse{ display:block;}
.footer_nav .am-accordion-content{ padding:0;display: flex;flex-direction: column;}
.footer_nav .am-accordion-content span{margin-top: 1.5rem;display: block;font-weight: bold;}
.footer_nav .am-accordion-content span a:hover ,.footer_bottom a:hover{color: #3FA9F5;}

.footer_subscription{width: 25%;display: flex;flex-direction: column;}
.footer_subscription .tip{font-size: 1.4rem;}
.footer_subscription .layui-form .layui-form-item{margin: 2.4rem 0 0;}
.footer_subscription .layui-form .layui-form-item.flex{display: flex;justify-content: space-between;}
.footer_subscription .layui-form .layui-input{height: 4rem;line-height:4rem;font-size: 1.4rem;padding: 0 1.5rem;}
.footer_subscription .layui-form .layui-btn{height: 4rem;background-color: #3FA9F5;padding: 0 5rem;text-transform: uppercase;font-size: 1.6rem;display: flex;align-items: center;}
.footer_subscription .layui-form-item .codeimg{height: 4rem;}
.layui-layer-dialog .layui-layer-content .layui-layer-ico{top: 50%!important;transform: translateY(-50%);}

.footer_bottom{margin-top: 3%;border-top: #fff solid 1px;padding-top: 3%;font-size: 1.5rem;}
.copyright{display: flex;flex-wrap: wrap;}
.copyright span{margin-left:3rem;}

.focus_ico{display: flex;margin-top: 3rem;}
.focus_ico a:before{display: flex;width: 3rem;height: 3rem;align-items: center;justify-content: center;background: rgba(255, 255, 255, .6);border-radius: 50%;color: #333333;margin:0 2rem 0 0;font-size: 1.6rem;padding: 0;}
.focus_ico a span{display: none;}
.focus_ico a:last-of-type{margin-right: 0;}
.focus_ico a:hover:before{background-color: #3FA9F5;color: #ffffff;}

.social-share-icon{position: relative;}
.social-share-icon.am-icon-google::before{content: "\f0d5";}
.wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-24rem;left:50%;transform: translateX(-50%);width:20rem;font-size:1.6rem;text-align:center;background-color:#fff;box-shadow:0 2px 1rem #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms;color: #999;}
.wechat-qrcode h4{font-weight:normal;height:3rem;line-height:3rem;font-size:1.6rem;background-color:#f3f3f3;margin:0;padding:0;}
.wechat-qrcode .qrcode{width:100%;padding: 1rem;}
.wechat-qrcode .qrcode canvas{width: 100%;display: block};
.wechat-qrcode .help{font-size: 1.4rem;color: #999;}
.wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}
.social-share-icon:hover .wechat-qrcode{display:block}



/*
Banner
*/
.banner{position:relative;background-position: center;background-repeat: no-repeat;background-size: cover;}
.banner img{ display:block; width:100%;margin: 0 auto;object-fit: cover;}
.banner .text{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;align-items: flex-end;color: #fff;line-height: 2;padding-bottom: 7rem;font-size: 1.8rem;}

.search_banner{height: 36rem;display: block;align-items: center;justify-content: center;display: flex;}
.search_banner .form_search{display: flex;align-items: center;width: 30%;}
.search_banner .form_search .layui-input{height: 4.8rem;border-top-right-radius: 0;border-bottom-right-radius: 0;font-size: 1.5rem;}
.search_banner .form_search .layui-btn{height: 4.8rem;border-top-left-radius: 0;border-bottom-left-radius: 0;background-color: #3FA9F5;}

/*
GUIDE
*/
.guide_menu dl{display: flex;align-items: center;justify-content: space-between;}
.guide_menu dl dt{display: flex;}
.guide_menu dl dt a{height: 7rem;margin-right: 6vw;position: relative;display: flex;align-items: center;font-size: 1.8rem;}
.guide_menu dl dt a::after{display: block;content: '';position: absolute;left: 25%;width: 50%;opacity: 0;height: 1px;background-color: #3FA9F5;bottom: 15%;transition: .4s;z-index: 10;}
.guide_menu dl dt a:last-of-type{margin-right: 0;}
.guide_menu dl dt a.active{color: #3FA9F5;}
.guide_menu dl dt a.active:after,.guide_menu dl dt a:hover:after{opacity:1;left:0;width:100%;color: #3FA9F5;}
.guide_menu dl dd{font-size: 1.5rem;}

.guide_menu.am-sticky{background-color: #fff;z-index: 1300;}
.guide_menu.am-sticky dl{justify-content: center;}
.guide_menu.am-sticky dl dt a::after{display: none;}



/*
PAGEBAR
*/
.page_list{text-align:center;margin-top:3%; font-size:1.4rem;}
.page_list.first{margin-bottom: 2%;}
.page_list a {display: inline-block;margin:0 1rem;width:2.5rem;height:2.5rem;line-height:2.5rem;border-radius:50%;background-color:#fafafa;}
.page_list .page-num-current{background-color:#3FA9F5;color: #fff;}
.page_list_bg{display: inline-block;background-color: #fff;padding: .8rem 1.2rem;border-radius: 30rem;margin-top:1rem;}
.page_list_bg a:first-of-type{margin-left: 0;}
.page_list_bg a:last-of-type{margin-right: 0;}
.news_page_pages{ margin-top:4%; padding:1.5rem 0; border-top:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; position:relative; font-size:1.5rem;background-color: rgba(0,0,0,0);}
.news_page_pages.flex{display: flex;justify-content: space-between;}
.news_page_pages dt{ position:absolute; right:0; top:50%; margin-top:-1rem;}
.news_page_pages dd{display: flex;align-items:center;line-height:3rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_page_pages dd:first-of-type::before{display: inline-block;content: '\f106';margin-right: .6rem;font-family:'FontAwesome';}
.news_page_pages dd:last-of-type::before{display: inline-block;content: '\f107';margin-right: .6rem;font-family:'FontAwesome';}
.news_page_pages.flex dd:first-of-type::before{content: '\f104'}
.news_page_pages.flex dd:last-of-type::before{display: none;}
.news_page_pages.flex dd:last-of-type::after{display: inline-block;content: '\f105';margin-left: .6rem;font-family:'FontAwesome';}
.error_x{ text-align:center; height:15rem; line-height:15rem;font-size:1.5rem;}
.error_x i{ margin-right:1rem;}



/*
SEARCH
*/
.search_page{padding: 2% 0 3%; background-color: #f2f2f2;}
.search_list{display: flex; background-color: #fff;margin-bottom:2rem;padding: 2rem;border-radius: .3rem;box-shadow: 0 0 1rem 1rem rgba(0, 0, 0, .02);}
.search_list dt{width:28rem;height:16rem;display: block;background-color: rgba(0, 0, 0, .6);}
.search_list dt a{width:100%;height:100%;display:block;position: relative;overflow: hidden;}
.search_list dt img{display:block;width: 100%;height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;transition: all 0.35s;}
.search_list dt img.contain{object-fit: contain;}
.search_list dt a:hover img{transform: scale(1.02);}
.search_list dd{width:calc(100% - 3rem);display: flex; flex-direction: column; justify-content: space-between;padding-left:3rem;}
.search_list dd h2{margin:0;font-size:1.6rem;font-family: 'MarkPro-Book';}
.search_list dd .card-text{color:#666;font-size: 1.5rem;}
.search_list dd .card-text a{color:#666;}
.search_list dd .card-sort{font-size: 1.3rem;color:#999;}
.search_list dd .card-sort span{margin-right:3rem;}
.search_list dd .card-sort span:last-of-type{margin-right:0}
.search_list dd .card-sort a{color:#999;}
.search_list dd .card-sort a:hover{color:#3FA9F5;}
.tag_list_all{margin: 0 -1rem;}
.tag_list_all li {padding: 0 1rem;margin-bottom: 2rem;}
.tag_list_all li a{display: block;background-color: #999; color: #fff;text-align: center;font-size:1.5rem;padding: 1rem;border-radius: .3rem;}
.tag_list_all li a:hover{background-color: #3FA9F5;}

.search_none_tip{background-color: #fff;border-radius: .3rem;display: flex;flex-direction: column;align-items: center;padding: 2rem 0 2rem;}
.search_none_tip i{font-size: 8rem;color: #ff0000;}
.search_none_tip .text{border-top: #f9f9f9 solid 1px;padding-top: 2rem;width: 100%;text-align: center;margin-top: 1rem;line-height: 2;}



@media screen and (max-width:1600px) {
html{font-size: 9px;}
}
@media screen and (max-width:1440px) {
.am-container{width:1300px;}
}

@media screen and (max-width:1280px) {   
.am-container{width:100%;padding: 0 4%;}
}
@media screen and (max-width:1160px) {
html{font-size: 7px;}
}


@media screen and (max-width:1000px) {
html{font-size: 9px;}
/*
Header
*/
.am-sticky-placeholder{height: 5.6rem!important;}
.header{width:100%;height:5.6rem;position: relative; z-index:1100;left:0;top: 0;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}
.header .menu{width: 100%;display: block!important;height: 5.6rem!important;position: absolute;left: 0;top: 0;z-index:200;}
.header .logo{height:1.5rem;position: absolute;left:1.5rem;top: 50%;transform: translateY(-50%);z-index: 100;margin: 0!important;}
.header .logo img{height:100%;display: block!important;}
.header .am-menu{display: block;}
.header .am-menu{width: 100%;float: none!important;}
.header .am-topbar-collapse{width: 100%;float: none;display: block!important;}
.header .am-menu-nav{height: auto;display: block;width:100%;}
.header .am-menu-nav .parent_li {width:100%;margin: 0;border-bottom: #dedede solid 1px;transform: translateY(3rem); -webkit-transform: translateY(3rem); -moz-transform: translateY(3rem); opacity: 0;padding: 0;flex-direction: column;}
.header .am-menu-nav .parent_li:first-of-type {border-top: #dedede solid 1px;}
.header .am-menu-nav .parent_li .parent_a{height: 5rem!important; padding: 0 1.5rem; display: flex; justify-content: space-between;  align-items: center;font-size: 1.6rem;color: #595757;width: 100%;}
.header .am-menu-nav .parent_li .parent_a:after ,.header .am-menu-nav .parent_li .am-menu-sub a:after{font-family: 'FontAwesome';display: block; content: '\f105';}
.header .am-menu-nav .parent_li.am-parent .parent_a:after{content: '\f105';}
.header .am-menu-nav .parent_li.am-parent.am-open .parent_a:after{-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg); transition: all .4s ease 0s; -webkit-transition: all .4s ease 0s; -moz-transition: all .4s ease 0s;}
.header .am-menu-nav .parent_li.am-open .parent_a{background-color: #3FA9F5;color: #fff!important;}

.header .am-menu-nav .parent_li .parent_a.on{color: #3FA9F5;}
.header .am-topbar-btn{display: flex;align-items: center;float: right;margin: 2rem 1.7rem ;height: 1.6rem;}
.header.am-sticky .am-topbar-btn ,.header.am-sticky .am-topbar-btn .btn{color: #595959;}
.header.am-sticky .am-topbar-btn span{background-color: #595959;}

.header .navbar_search_btn{position: absolute;right:6rem;top: 50%;transform: translateY(-50%);}


.header .top_search{width: 100%;height: 4.6rem;position: absolute; top: 100%; right: 0;transform: translateY(0);overflow: hidden;opacity: 1;background-color: #f2f2f2;display: none;}
.header .top_search .layui-form .top_search_close{display: none;}
.header .top_search .layui-form .layui-btn{width: 5rem;justify-content: center;height: 4.6rem;}
.header .top_search .layui-form .layui-input{width: calc(100% - 5rem);padding-left: 1rem;height: 4.6rem;}
.header .menu.am-in .am-menu-nav{opacity: 1;}
.header .menu.am-in .top_search{display: block;}
.header .menu.am-in .navbar_search_btn{display: flex;align-items: center;justify-content: center;}
.header .menu .navbar_search_btn::before{font-family: "layui-icon" !important;display: block;content: '\e615';color: #595959;}
.header .menu.am-in .navbar_search_btn::before{font-family: "layui-icon" !important;display: block;content: '\1006';color: #595959;}


.header.bg .am-topbar-btn{color: #595959;}
.header.bg .am-topbar-btn span{background-color: #595959;} 

.header .am-topbar-btn{display: flex;align-items: center;float: right;margin: 2rem 1.7rem ;height: 1.6rem;}
.am-topbar-btn .btn {
    background: none;
    width: 2rem;
    height: 1.6rem;
    color: #000;
    position: relative;
    z-index: 10;
    margin-left: 1rem;
}
.am-topbar-btn span {
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    background-color: #000;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.am-topbar-btn span:nth-of-type(1) {
    top: 0;
    left: 0;
    opacity: 0;   
}
.am-topbar-btn span:nth-of-type(4) {
    bottom: 0;
    right: 0;
    opacity: 0;   
}
.am-topbar-btn span:nth-of-type(2), .am-topbar-btn span:nth-of-type(3) {
    top: 50%;
    right: 0;
    margin-top: -1px;
}
.am-topbar-btn span:nth-of-type(2) {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.am-topbar-btn span:nth-of-type(3) {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.am-topbar-btn.am-collapsed span:nth-of-type(2) {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
.am-topbar-btn.am-collapsed span:nth-of-type(3) {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
.am-topbar-btn.am-collapsed span:nth-of-type(1), .am-topbar-btn.am-collapsed span:nth-of-type(4) {
    opacity: 1
}
.am-topbar-collapse {
    float: none;
    clear: both;
    padding: 0;
}
.am-topbar-collapse.am-collapse {
    display: none!important;
}
.am-topbar-collapse.am-collapse.am-in {
    display: block!important;
    height: 100vh!important;
    background: rgba(255, 255, 255, .95);
    transition: all .4s ease 0s;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
}

.am-topbar-collapse.am-collapse.am-in li:nth-of-type(1) {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transition: all .6s ease .1s;
    -webkit-transition: all .6s ease .1s;
    -moz-transition: all .6s ease .1s;
}
.am-topbar-collapse.am-collapse.am-in li:nth-of-type(2) {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transition: all .6s ease .2s;
    -webkit-transition: all .6s ease .2s;
    -moz-transition: all .6s ease .2s;
}
.am-topbar-collapse.am-collapse.am-in li:nth-of-type(3) {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transition: all .6s ease .3s;
    -webkit-transition: all .6s ease .3s;
    -moz-transition: all .6s ease .3s;
}
.am-topbar-collapse.am-collapse.am-in li:nth-of-type(4) {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transition: all .6s ease .4s;
    -webkit-transition: all .6s ease .4s;
    -moz-transition: all .6s ease .4s;
}
.am-topbar-collapse.am-collapse.am-in li:nth-of-type(5) {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transition: all .6s ease .5s;
    -webkit-transition: all .6s ease .5s;
    -moz-transition: all .6s ease .5s;
}
.am-topbar-collapse.am-collapse.am-in li:nth-of-type(6) {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transition: all .6s ease .6s;
    -webkit-transition: all .6s ease .6s;
    -moz-transition: all .6s ease .6s;
}
.am-topbar-collapse.am-collapse.am-in li:nth-of-type(7) {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transition: all .6s ease .7s;
    -webkit-transition: all .6s ease .7s;
    -moz-transition: all .6s ease .7s;
}
.am-topbar-collapse.am-collapse.am-in li:nth-of-type(8) {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transition: all .6s ease .8s;
    -webkit-transition: all .6s ease .8s;
    -moz-transition: all .6s ease .8s;
}
.am-topbar-collapse.am-collapse.am-in .top_search {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transition: all .6s ease .9s;
    -webkit-transition: all .6s ease .9s;
    -moz-transition: all .6s ease .9s;
}  




}


@media screen and (max-width:640px) {
html{font-size: 9px;}
.am-paragraph-default video  ,.am-paragraph-default embed{width:100%!important;height:20rem!important;object-fit: cover;}
.am-paragraph-default iframe{width:100%!important;height:25rem!important;}
.am-paragraph-default img{width:auto;height:auto!important;max-width: 100%;}
.am-gotop{display: none;}
.am-container{padding: 0;}

/*
BANNER
*/
.index_banner{background-size: 3.6rem 3.6rem;}
.index_banner .am-slides li a:before ,.index_banner::before{display: block;content: '';padding-bottom:56.65%;}
.index_banner .am-slides li .text .title{font-size: 2.4rem;letter-spacing: 1rem;}
.index_banner .am-slides li .text .more{padding: .5rem 2rem;margin-top: 2rem;font-size: 1.2rem;}
.index_banner .am-control-nav{ bottom:1rem;}
.index_banner .am-control-nav li{margin: 0 .5rem;}
.index_banner .am-control-nav li a{ width:.8rem; height:.8rem;}
.index_banner:hover .am-direction-nav a{opacity: 1;}
.index_banner .am-direction-nav{display: none;}



/*
NEWS
*/

.index_news_scroll dl{height: 6rem;padding: 0 1.5rem;}
.index_news_scroll dl dt{margin-right: 1rem;font-size: 2rem;}
.index_news_scroll dl dt span{display: none;}
.index_news_scroll dl dd .bd ul li{ margin-right:1.5rem;}


.index_news_item{display: flex;flex-direction: column;margin-top:2rem;}
.index_news_item .item{width: 100%;}
.index_news_item .item .text{padding: 2rem;}
.index_news_item .item .text .title ,.news_list li .text .title{font-size: 1.8rem;}
.index_news_item .item:last-of-type .text{height: auto;}
.index_news_item .item:last-of-type .text:nth-of-type(odd){background-color:#ecf6fe;}
.index_news_item .item:last-of-type .text:nth-of-type(even){background-color:#ffffff;}
.index_news_item .item:last-of-type .text .title{padding-right: 2rem;}
.index_news_item .item:first-of-type .time{margin: 1.8rem 0 2rem;}
.index_news_item .item .ico ,.news_list li .ico{display: flex;justify-content: flex-end;}


.news_warp{padding: 2rem 1.5rem 4rem;}
.news_warp.last{padding:0;}
.news_list{margin-top:0;}
.news_list li{background-color: #fff;padding: 3rem 3rem;}
.news_list li .text{display: flex;flex-direction: column;}
.news_list li .text .title{padding-right: 4rem;}
.news_list li:nth-of-type(4n+3),.news_list li:nth-of-type(4n+4){background-color:#ffffff;}
.news_list li:nth-of-type(odd){padding-left:2rem;padding-right:2rem;background-color:#ecf6fe;}
.news_list li:nth-of-type(even){padding-left:2rem;padding-right:2rem;-color:#ffffff;}
.news_warp .get_more .am-btn{padding-left: 3rem;padding-right: 3rem;}
.news_warp .get_more{margin-top: 3rem;}


.slide_contain{flex-direction: column;flex-direction: column-reverse;}
.slide_left{width:100%;padding: 0}
.slide_right{display: none;}

.article_hd{background-color: #fff;padding:3rem 1.5rem 0;margin-top: 0;}
.article_hd .title{ color:#000; font-size:2rem;margin: 0;line-height: 1.4;}
.article_hd .other .info:first-of-type{display: none;}
.article_hd .other{ display: flex;font-size:1.4rem;color: #999;margin-top: 2rem;justify-content: space-between; border-bottom: #f2f2f2  solid 1px;padding-bottom: 1rem;}
.article_hd .other .info{display: flex;justify-content: space-between;align-items: center;width: 100%;}
.article_hd .other span{ margin-right:0;display: flex;align-items: center;}
.article_hd .other span a{color: #999;}
.article_hd .other span::before{margin-right: .5rem;}
.article_hd .other span:first-of-type{display: none;}

.article_bd{padding:2rem 1.5rem 3rem;}

.article_share{background-color: #f2f2f2;height: 7rem;display: flex;justify-content: space-between;align-items: center;padding: 0 1.4rem;margin-top: 2rem;}
.article_share.last{background-color: #fff;}
.article_share dt{font-size: 1.4rem;}
.article_share dd{display: flex;justify-content: flex-end;align-items: center;}
.article_share .social_share a{ display: flex;flex-direction: column;justify-content: center;align-items: center; font-size:1.5rem;width:3.2rem;height:3.2rem;margin:0 0 0 1.5rem;border-radius:50%; text-align:center;background-color:#fff;color:#B3B3B3;transition: all 300ms ease-in-out 0s;}
.article_share.last .social_share a{background-color: rgba(0, 0, 0, 0.06);}
.article_share .social_share .digg_a{font-size: 1.4rem; line-height: 1rem;}
.article_share .social_share .digg_a span{font-size: 1rem;}
.article_share .social_share a:hover{background-color:#3FA9F5;color:#fff;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.news_left_box .focus_ico a{margin-top: 1rem;}


/*
BLOCK
*/
.index_block{padding: 4rem 1.5rem;}
.index_block dl{flex-direction: column;}
.index_block dt ,.index_block dd{width: 100%;}
.index_block dt::before{display: block;content: '';padding-bottom:56.25%;}
.index_block dt img{position: absolute;left: 0;top: 0;}
.text_block{padding: 3rem 2rem!important;}
.text_block .title ,.index_block .name{font-size:2.2rem;}
.text_block .title::after ,.index_block .name:after{display: block;content: '';width: 5rem;height: 1px;background-color: #CCCCCC;margin-top: 2rem;}
.index_block .name::after{margin: 2rem auto 0;}
.text_block .text{margin-top: 3rem;}
.text_block .am-btn{margin-top: 2rem;font-size: 1.5rem;}


.text_block.about{padding: 4rem 2rem!important;}
.text_block.service{padding: 3rem 2rem!important;}
.text_block.solution{padding: 3rem 2rem!important;}
.text_block.service .title::after,.text_block.solution .title::after{margin-top: 2rem;}


/*
PRODUCT
*/

.product_list{margin: 0 -1.5rem;padding: 4% 1.5rem;}
.product_list li{padding: 0 1.5rem;margin: 1.5rem 0;}
.product_list .img{position: relative;}
.product_list .img::after{padding-bottom:100%;display: block;content: '';}
.product_list .title{font-weight: bold;color: #000;font-size: 1.6rem;text-align: center;margin-top: 1rem;}


.product_text{width: 100%;}

.product_item{padding-top: 0;}

.guide_pos{padding:2rem 1.5rem;display: none;}

.pro_page_top{margin-top: 2rem;flex-direction: column; padding: 0 1.5rem 3rem;}
.pro_page_imgs {width: 100%;flex-direction: column;}
.pro_page_text{width: 100%;}
.pro_page_top .item{position: relative;overflow: hidden;display: block;}
.pro_page_top .item:after{display: block;content: '';padding-bottom: 100%;}
.pro_page_top .item img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;background-image: linear-gradient(140deg, #dcdee3 0%, #ededee 50%, #e4e4e3 75%);}
.pro_page_top .slider-for{border: #f2f2f2 solid 1px;width: 100%;}
.pro_page_top .slider-nav{width: 100%;margin-top: 1rem;}
.pro_page_top .slider-nav .slick-list{margin: 0;}
.pro_page_top .slider-nav .slick-prev,.pro_page_top .slider-nav .slick-next{display: none!important;}

.pro_page_text{display: flex;flex-direction: column;justify-content: space-between;padding: 3rem 2rem;background-color: #f2f2f2;margin-top: 1rem;}
.pro_page_text_des .title{font-weight: bold;color:#000; border-bottom: #BDCCD4 solid 1px;padding-bottom: 1.5rem;font-size: 1.8rem;}
.pro_page_text_des .des{margin-top: 2rem;font-size: 1.6rem;line-height: 1.6;text-align: justify;}

.pro_page_text_des .list{margin-top: 3rem;}
.pro_page_text_des .list_title{font-size: 1.6rem;}
.pro_page_text_des .list_color{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-top: 1rem;color: #000;}
.pro_page_text_des .list_color a{margin-right: 0;width: calc(50% - 1rem);display: flex;align-items: center;justify-content: center;border: #cccccc solid 1px;padding: .3rem 1rem;}
.pro_page_text_des .btn{margin-top: 4rem;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.pro_page_text_des .btn a{background-color: #b0b0b0;padding: .5rem 1rem;display: flex;align-items: center;color: #fff;width: calc(50% - 1rem);margin-right:0;justify-content: center;}
.pro_page_text_des .btn .cart_btn{background-color: #ff6700;padding: .5rem 2rem;}
.pro_page_text_des .btn a i{margin-right: .5rem;}
.pro_page_text_des .btn a span{font-size: 1.6rem;margin-left: .3rem;}


.pro_page_bottom{margin-top:0; padding:  2rem 1.5rem 0;}

.pro_page_footer{padding: 0 1.5rem 3rem;}

.page_rel{ margin-top:3rem;}
.page_rel .title{ background-color:#f2f2f2; padding:1rem 1.5rem;color:#000;font-weight: bold;display: flex;align-items: center;font-size: 1.7rem;}
.page_rel .title:before{display: block;content: '';width: 2px;height: 1.6rem;background-color:#3FA9F5;margin-right: .8rem;}

.product_rel{margin: 0 -.5rem;}
.product_rel li{padding: 0 .5rem;margin-top: 1.5rem;text-align: center;}
.product_rel li a{display: block;}
.product_rel li .img{margin-bottom: .5rem;background-image: linear-gradient(140deg, #dcdee3 0%, #ededee 50%, #e4e4e3 75%);}
.product_rel li .img::after{padding-bottom: 75%;display: block;content: '';}

.inquire_skin{width: 100%;}
.inquire_skin .layui-layer-content{padding: 15px;height: auto!important;}

/*
ABOUT
*/

.index_about dl dd::after{display: none;}
.index_about dl dd .des{position: relative;}
.index_about dl dd:nth-of-type(2){margin-top: 2rem;}

.about_name{font-size: 2.4rem;}
.about_name::after{display: block;content: '';margin: 2rem auto 0;width: 5rem;height: 1px;background-color: #CCCCCC;}

.about_content.over{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical;}
.about_more{margin-top: 2rem;display: block;}
.about_more .am-btn{padding-left: 3rem;padding-right: 3rem;}


.about_strong{padding-top: 0;}
.about_strong_item{flex-direction:column;}
.about_strong_item .img{width: 100%;}
.about_strong_item .text{width: 100%;margin-top:3rem;}
.about_strong_item .text .title{font-size: 2.2rem;}
.about_strong_item .text .title:after{display: block;content: '';width: 5rem;height: 1px;background-color: #CCCCCC;margin-top: 2rem;}
.about_strong_item .text .des{margin-top:2rem;text-align:justify;}


.about_pics{padding-bottom:0;}
.about_pics_ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.about_pics_ul .img{width:calc(50% - .5rem);position:relative;margin-top:1rem;}
.about_pics_ul .img:nth-of-type(1),.about_pics_ul .img:nth-of-type(2){margin-top:0;}



.about_contact_item{display: flex;flex-direction: column;margin-top:2rem;}
.about_contact_item .left{display: flex;flex-direction: row;align-items: center;color: #3FA9F5;font-size: 1.8rem;text-align: left;font-weight: bold;display: none;}
.about_contact_item .left i{font-size: 2rem;margin-right: .8rem;}
.about_contact_item .left br{display: none;}
.about_contact_item .right{width: 100%;}
.about_contact_item .ue_flex .ue_flex_item:last-of-type{margin-top:3.6rem;}


.layui-layer-imgprev{left: 0!important;transform: scale(.5);}
.layui-layer-imgnext{right: 0!important;transform: scale(.5);}

/**自定义模板**/
.ue_flex{display: flex;flex-direction: column;margin: 1.6rem 0;}
.ue_flex .ue_flex_item{width: 100%;}

/*
联系
*/

.contact_info_list{ margin: 0 -.5rem;padding: 3rem 1.5rem;}
.contact_info_list li:nth-of-type(1),.contact_info_list li:nth-of-type(2){margin-top: 0;}
.contact_info_list li{padding: 0 .5rem;position: relative;z-index:10;margin-top: 2rem;}
.contact_info_list li a{display: flex; flex-direction: column; text-align: center;}
.contact_info_list li i{width: 6rem; height: 6rem; border:#3FA9F5 solid 1px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 2.6rem; color: #3FA9F5; margin: 0 auto 10px;transition: all 0.35s;}
.contact_info_list li span:first-of-type{color: #666;}
.contact_info_list li span:last-of-type ,.contact_info li span a{color: #000;}
.contact_info_list li .img{width:20rem;height:20rem; position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);bottom: -20rem;display:none;}
.contact_info_list li .img img{display:block;width:20rem;height:20rem;}
.contact_info_list li:hover i{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg); background-color:#3FA9F5;border:#3FA9F5 solid 1px; color: #fff;}
.contact_info_list li:hover .img{display:block;}

.contact_text{display: flex;justify-content: space-between;background-color: #e6f3eb;}
.contact_text .item{width: 50%;}
.contact_text .am-paragraph-default{padding: 3%;display: flex;align-items: center;}

.contact_info .service_contact{background-color: #ffffff;padding: 3rem 1.5rem;display: flex;justify-content: space-between;flex-wrap: wrap;}
.contact_info .service_contact .item{width: 100%;margin-bottom: 2rem;}
.contact_info .service_contact .layui-form-item{margin-bottom: 2rem;position: relative;}
.contact_info .service_contact .layui-form-item.required::after{display: block;content: '*';position: absolute;right: 1rem;top: 1rem;;color: #ff0000;}
.contact_info .service_contact .layui-form-item:last-of-type{margin-bottom: 0;}
.contact_info .service_contact .layui-form-item.flex{display: flex;align-items: center;}
.contact_info .service_contact .layui-form-item .codeimg{height: 4.4rem;display: block;margin-right: 5rem;}
.contact_info .service_contact .layui-input{height: 4.4rem;}
.contact_info .service_contact .am-form-icon i{color: #818181;}
.contact_info .service_contact .am-form-icon .layui-input {padding-left: 2em !important;}
.contact_info .service_contact .layui-btn{border-radius: 100rem;width: 100%;background-color: #3FA9F5;font-size: 1.6rem;height: 4.4rem;display: flex;align-items: center;justify-content: center;margin-top: 2rem;}

.contact_info .service_contact .layui-form-item.flex{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
.contact_info .service_contact .layui-form-item.flex .layui-input{width: calc(100% - 10rem);}
.contact_info .service_contact .layui-form-item.flex i{top: 1.4rem;margin-top: 0;}
.contact_info .service_contact .layui-form-item .codeimg{height: 4.4rem;display: block;margin-right: 0;width: 10rem;}

.con_map{width:100%;padding:  0 1.5rem;}
#map_contact{height: 34rem;}
.con_map .title{font-weight: bold;color: #3FA9F5;margin-bottom: 1rem;}
.con_map .content{font-size: 1.5rem;}
#map_contact .anchorBL ,#map_contact .BMap_stdMpCtrl ,#map_contact .BMap_omCtrl{display: none;}


/*
FOOTER
*/
.footer{padding: 3rem 1.5rem}
.footer_header{padding-bottom: 2rem;margin-bottom: 1rem;justify-content: space-between;}
.footer_header span{margin-right: 0;font-size: 3.6vw;}
.footer_header span::before{margin-right: .5rem;}
.footer_top{flex-direction: column;}
.footer_nav {display: flex;flex-direction: column;width: 100%;}
.footer_nav .am-accordion-item{ width:100%;margin:0; padding:0;}
.footer_nav .am-accordion-item:last-of-type{margin-left:0;}
.footer_nav .am-accordion-title{font-size: 1.6rem;height: 5.6rem;border-bottom:rgba(255, 255, 255, 0.3) solid 1px;display: flex;justify-content: space-between;font-weight: normal;align-items: center;margin-bottom: 0;}
.footer_nav .am-accordion-item.am-active .am-accordion-title{color: #3FA9F5;}
.footer_nav .am-accordion-item:first-of-type .am-accordion-title{ margin-top:0;}
.footer_nav .am-accordion-title:after{display:block;font-family:'FontAwesome'; content: "\f105"; transition: all .4s ease 0s;-webkit-transition: all .4s ease 0s;-moz-transition: all .4s ease 0s}
.footer_nav .am-accordion-item.am-active .am-accordion-title:after{-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);transition: all .4s ease 0s;-webkit-transition: all .4s ease 0s;-moz-transition: all .4s ease 0s;}
.footer_nav dd.am-collapse{ display:none;}
.footer_nav dd.am-collapse.am-in{ display:block;}
.footer_nav .am-accordion-content{ padding-top:.5rem; font-size:1.6rem;line-height:2;width: 100%;}
.footer_nav .am-accordion-content span{margin-top: .5rem;}
.footer_nav .am-accordion-content span a{font-size:1.6rem;}

.footer_subscription{width: 100%;margin-top: 3rem;}
.footer_subscription .layui-form{position: relative;}
.footer_subscription .submit_item{position: absolute;margin: 0;right: 0;top: 0;}
.footer_subscription .submit_item button{width:4rem;height: 4rem;background: none!important;}
.footer_subscription .submit_item button:after{display: block;font-family:'FontAwesome';content: '\f1d8';color: #4d4d4d;font-size: 1.6rem;}
.footer_subscription .submit_item button span{display: none;}
.footer_subscription .img{display: block;height: 4rem;}
.footer_subscription .tip{font-size: 1.4rem;margin-top: 1.5rem;}
.footer_subscription .layui-form .layui-form-item{margin: 1rem 0 0;}
.footer_subscription .layui-form .layui-form-item.flex{display: flex;justify-content: space-between;}
.footer_subscription .layui-form .layui-input{height: 4rem;line-height: 4rem;font-size: 1.6rem;padding: 0 4.5rem 0 1.5rem;}
.footer_subscription .layui-form .layui-btn{height: 4rem;line-height: 4rem;background-color: #3FA2EE;padding: 0 3rem;text-transform: uppercase;font-size: 1.6rem;}
.footer_subscription .layui-form-item .layui-input-inline{margin: 0 1rem 0 0;left: 0;}
.footer_subscription .layui-form-item .codeimg{height: 4rem;}

.focus_ico{display: flex;justify-content: center;}

.footer_bottom{margin-top: 2rem;padding-top: 2rem;font-size: 1.5rem;text-align: center;}
.copyright{display: flex;flex-wrap: wrap;justify-content: center;}
.copyright span{margin-left:2rem;}

.layui-fixbar{display: none;}

/*
Banner
*/
.banner .text{font-size: 3vw;padding: 0 1.5rem 2rem; line-height: 1.6;}
.banner .text br{display: none;}

.search_banner{height: 20rem;}
.search_banner .form_search{width:80%;}

/*
GUIDE
*/
.guide_menu dl dt{display: flex;}
.guide_menu dl dt a{height: 5.6rem;margin:0;position: relative;display: flex;align-items: center;justify-content: center;}
.guide_menu dl dd{font-size: 1.5rem;}

.guide_menu dl dt.nav_click{width: 100%;display: flex;}
.guide_menu dl dt.nav_click a{height: 5.6rem;line-height: 5.6rem;font-size: 1.6rem;flex: 1;}
.guide_menu dl dt.nav_click a::after{display: none;}


.guide_menu_mobile{padding: 0 1.5rem;}

/*
PAGEBAR
*/
.page_list{text-align:center;margin-top:3rem; font-size:1.5rem;}
.page_list a {display: inline-block;margin:0 1rem;width:2.5rem;height:2.5rem;line-height:2.5rem;border-radius:50%;background-color:#f2f2f2;}
.page_list .page-num-current{background-color:#3FA9F5;color: #fff;}
.news_page_pages{ margin-top:3rem; padding:1.5rem 0rem; border-top:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; position:relative; font-size:1.6rem;background-color: rgba(0,0,0,0);}
.news_page_pages.flex{display: flex;justify-content: space-between;}
.news_page_pages dt{ position:absolute; right:0; top:50%; margin-top:-1rem;}
.news_page_pages dd:first-of-type::before{display: inline-block;content: '\f106';margin-right: .6rem;font-family:'FontAwesome';}
.news_page_pages dd:last-of-type::before{display: inline-block;content: '\f107';margin-right: .6rem;font-family:'FontAwesome';}
.news_page_pages.flex dd:first-of-type::before{content: '\f104'}
.news_page_pages.flex dd:last-of-type::before{display: none;}
.news_page_pages.flex dd:last-of-type::after{display: inline-block;content: '\f105';margin-left: .6rem;font-family:'FontAwesome';}
.news_page_pages dd{ line-height:3rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.error_x{ text-align:center; height:15rem; line-height:15rem;font-size:1.6rem;color: #595959;}
.error_x i{ margin-right:1rem;}



/*
SEARCH
*/
.search_page{padding: 2rem 1.5rem 3rem;}
.search_list{margin-bottom:2rem;padding: 0;flex-direction: column;}
.search_list dt{width:100%;height:auto;}
.search_list dt a{position: relative;}
.search_list dt a:after{display: block;content: '';padding-bottom: 50%;}
.search_list dd{width:100%;padding:2rem 1.5rem;margin-top: 0;}
.search_list dd h2{margin:0;font-size:1.8rem;font-weight: bold;line-height: 1.4;}
.search_list dd .card-text{color:#666;font-size: 1.5rem;margin:1.5rem 0;overflow: hidden;text-align: justify;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.search_list dd .card-sort{font-size: 1.4rem;color:#999;display: flex;justify-content: space-between;}
.search_list dd .card-sort span{margin-right:0;}

.tag_list_all{margin: 0 -.8rem;}
.tag_list_all li {padding: 0 .8rem;;margin-bottom: 1.6rem;}
.tag_list_all li a{display: block;background-color: #999; color: #fff;text-align: center;font-size:1.5rem;padding: .8rem;}
.tag_list_all li a:hover{background-color: #3FA9F5;}

.search_none_tip{background-color: #fff;border-radius: .3rem;display: flex;flex-direction: column;align-items: center;padding: 2rem 0 2rem;}
.search_none_tip i{font-size: 5rem;color: #ff0000;}
.search_none_tip .text{border-top: #f9f9f9 solid 1px;padding-top: 2rem;width: 100%;text-align: center;margin-top: 1rem;line-height: 1.8;}

}