html{scroll-behavior:smooth;width:100%}
body{font-family:microsoft yahei,Arial,Helvetica,sans-serif;padding:0;margin:0;font-weight:400;position:relative;color:#000}
img{max-width:100%;height:auto}
ol,ul{padding:0;margin:0;list-style:none}
li{list-style: none;}
button{cursor:pointer;border:none;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
:focus,button:focus{outline:0}
a{-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
a:hover{text-decoration:none;color:#0c2957}
.flex{display: flex;flex-wrap: nowrap;justify-content: center;align-items:center }
span{display:inline-block}
table{width:100%}
li,p,span{color:#000;margin-bottom:0}
header{width:100%}
.wrap{width:80%;margin:0 auto;position:relative}
.header-top{background:#fff;padding:10px 0}
.logo{display:inline-block}
.cssmenu{float:right;margin-top:15px;margin-right: 10%;}
.cssmenu ul li{display:inline-block}
.cssmenu ul li a{color:#000;display:block;margin:0 10px;text-transform:uppercase;font-size:.8125em}
.cssmenu ul li a:hover{color:#555}
.header-bottom{background:#08080b;padding:5px 0;width: 100%;position: relative;}
.bottom-menu{float:right}
.bottom-menu ul li{display:inline-block}
.bottom-menu ul li a{color:#fff;display:block;margin:0 10px;font-size:.8125em}
.icon2:after,.icon2:before{content:"";display:table}
.icon2:after{clear:both}
.icon2{position: absolute;right:0;top:0; zoom:1}
.icon2 li a{color:#fff;font-size:.85em;text-transform:uppercase;margin-top:-13px}
.icon2 li{position:relative}
.icon2 li:last-child{border-right:none}
.icon2 li:hover>a,html .icon2 li a:hover{color:#fafafa}
.icon2 ul{width:200px;margin:20px 0 0;opacity:0;visibility:hidden;position:absolute;top:30px;z-index:1;right:-80px;background:#fff;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;box-shadow:0 2px 6px #aaa;-webkit-box-shadow:0 2px 6px #aaa;-moz-box-shadow:0 2px 6px #aaa;-o-box-shadow:0 2px 6px #aaa}
.icon2 li:hover>ul{opacity:1;visibility:visible;margin:0;z-index:9999}
.icon2 ul ul{top:6px;left:158px;margin:0 0 0 20px}
.icon2 ul li{float:none;display:block;border:0}
.icon2 ul li:first-child{border-top:none}
.icon2 ul li:first-child a{border-top-left-radius:5px;-webkit-border-top-left-radius:5px;-moz-border-top-left-radius:5px;-o-border-top-left-radius:5px}
.icon2 ul li:last-child{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
.icon2 ul a{white-space:nowrap;float:none;text-transform:none}
.active-icon{display:block}
.icon2 ul li:first-child>a:after{content:"";position:absolute;left:45%;top:-30px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #f0f0f0}
.icon2 ul ul li:first-child a:after{left:-100px;top:0;margin-top:-6px;border-left:0;border-bottom:20px solid transparent;border-top:20px solid transparent;border-right:20px solid #323757}
.icon2-trigger{display:none}
.sub-icon2 img{border:none}
.c1 a,.sub-icon2 img{display:inline-block;vertical-align:middle}
.c1 a{color:#fff}
.c2{background:url(../images/img-sprite.png) no-repeat -350px -175px;width:42px;height:42px;display:inline-block;vertical-align:middle}
.icon2 .profile_img{margin-top:3px}
.sub-icon2 ul li h3{text-align:center;font-size:1em;color:#000;text-transform:uppercase;margin-bottom:4%}
.sub-icon2 ul li p{text-align:center;font-size:.8125em;color:#555;line-height:1.8em}
.sub-icon2.list{padding:20px 0}
.sub-icon2 ul li p a{color:#000;font-size:1rem;display:inline-block;padding:.3rem 1rem;border-radius:.2rem}
.sub-icon2 ul li p a:hover{color:#666;text-decoration:underline;background:#f2f2f2}
.search-box{position:absolute;right:0;width:200px;top:0;z-index:100}
.search-box input{border:0;font-size:14px;padding:0 10px;background:#fff;color:#000;width:160px;line-height:32px;vertical-align:middle}
.search-box a.search-btn{display:inline-block;width:39px;background:#333;color:#fff;text-align:center;line-height:32px;vertical-align:middle;cursor:pointer}
.search-box a.search-btn:hover{background-color:#f2f2f2}
.mob-search{display:none}

.site-btn{display:inline-block;background:#222;color:#fff;padding-right:40px;font-size:13px;text-transform:uppercase;font-family:Montserrat,sans-serif;border-radius:40px;font-weight:700;padding-left:0;line-height:26px}
.site-btn .icon{width:40px;height:40px;background:#fff;display:inline-block;line-height:40px;border-radius:50%;text-align:center;margin:5px 25px 5px 5px;font-size:16px;color:#fd4a36;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.site-btn .icon__black{background:#fff}
.site-btn:hover,.site-btn:hover .icon{background:#fd4a36;color:#fff}
.site-btn__s2{background:#222}
.site-btn__s2 .icon{color:#fd4a36}
.site-btn__s2:hover{background:#1f1f20}
.site-btn__s3{background:#fff;color:#fff}
.site-btn__s3:hover{background:#000}
.site-btn__s3 .icon{background:#fd4a36;color:#fff}
.site-btn__2{display:inline-block;padding:17px 35px;background-color:#fd4a36;position:relative;z-index:2;min-width:190px}
.site-btn__2 .icon{background-color:transparent;padding:0;width:auto;height:auto;line-height:0;color:#fff;margin:0 10px 0 0;-webkit-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px)}
.site-btn__2:hover{background-color:#fff}
.site-btn__2:hover .icon{background:0 0}
.inline-btn{font-size:13px;display:inline-block;text-transform:uppercase;color:#fd4a36;font-weight:700}
.inline-btn .icon{margin-right:6px;color:#fd4a36}
.inline-btn:hover .icon{color:#6b727e}
.hero__item{padding:0 0 0 200px;background-color:#f2f2f2;position:relative}
.hero__content{padding:145px 0;position:relative}
.hero__content p{font-size:16px;color:#000;position:relative;z-index:3}
.hero__content .shape{position:absolute;right:-100%;bottom:0;z-index:1}
.hero__content--2{min-height:570px;width:570px;padding:0;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:column;z-index:1}
.hero__content--2:after{position:absolute;left:0;top:0;background-color:#fff;animation:sliderShape 10s infinite;border-radius:100%;content:"";width:100%;height:100%;z-index:-1}
.hero__content--2 .hero-icon{margin-bottom:25px}
.hero__content--2 .hero-text h2{font-size:60px;line-height:65px;margin-bottom:25px}
.hero__content--2 .hero-text p{font-size:30px;color:#0c2957;font-weight:700}
.hero__content--2 .hero-text .site-btn__2{margin-top:48px;padding:17px 29.5px}
.hero__content--2 .dot-shape{position:absolute;width:105%;top:-45px;left:-5px}
.hero__title{color:#0c2957;font-size:30px;line-height:50px;color:#000;font-weight:700;position:relative;z-index:3;margin-bottom:0px}
.hero__image{position:absolute;right:0;top:0;z-index:1;height:100%;width:60%}
.hero__image img{width:auto;object-fit:cover}
.hero .site-btn{margin-top:40px;position:relative;z-index:2}
.hero .site-btn img{display:inline-block}
.hero .site-btn:hover{background:#000;color:#fff}
.hero .owl-nav{position:absolute;right:50px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.hero .owl-nav div{font-size:30px;width:60px;height:60px;border-radius:50%;color:#222;opacity:.4;border:2px solid #222;line-height:56px;text-align:center;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.hero .owl-nav div:hover{color:#fff;background:#000;border-color:#000;opacity:1}
.hero .owl-nav div.owl-next{margin-top:15px}
.hero__2{padding-right:120px;padding-top:180px;padding-bottom:150px;position:relative;background-size:cover;background-position:50%}
.hero__2 .shape{position:absolute;left:0;bottom:0}
.hero__2 .shape-pattern{position:absolute;left:0;bottom:0}
/*index about*/
.about-area{padding: 40px 0;border-bottom: #ddd 1px solid;}
.area-title h5{line-height: 40px;}
.area-title h4{line-height:80px;font-size: 20px;}
.area-title h3{font-weight: bold;line-height: 50px;}
.area-title .line{width: 100%;height: 5px;}
.section-header p{font-size: 14px;line-height: 28px;text-align: justify;text-align-last: left;}
.about-lists{padding: 30px 0;}
.about-lists li{font-size: 16px;line-height:40px;}
.about-lists li i{color: #fd4a36; margin-right: 10px;}
.about-area .site-btn{margin-top: 20px;}
/*index products*/
.products-area{padding: 40px 0 20px 0;}
#highlight-posts{margin-bottom:45px;font-size: 0;}
#highlight-posts .flexslider{position:absolute;left:0;top:0;width:100%;height:100%}
#highlight-posts .flexslider ul,#highlight-posts .flexslider ul li{width:100%;height:100%}
.masked{position:relative;list-style-type:none;background-color:#2a2a2a;display: inline-block;}
.masked figure{width:100%;height:100%;background-position:center;background-repeat:no-repeat}
.masked .text{position:absolute;left:0;bottom:0;width:100%;z-index:200;color:#fff}
.masked .text h2{color:#fff;font-size:24px;line-height:1.25em;margin-bottom:5px;text-transform:uppercase;font-family:Oswald,Arial,sans-serif}
.masked .text .meta{font-size:12px;font-family:Bitter,serif}
.masked .text a{color:#fff}
.masked .text a:hover{color:silver}
.masked .text p{color:#cfcfcf;margin:10px 0 0;font-size: 12px;}
.masked.masked-big{width:50%;height:416px;}
.masked.masked-big .text{padding:20px 30px;height:160px ;z-index:500;  transition: all 0.5s ease-in .05s;overflow: hidden;}
.masked.masked-big .text h2{font-size:30px}
.masked.masked-big .text p{font-size: 14px;line-height: 24px;height: 72px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.masked.masked-big:first-child{border-right: #fff 1px solid;}
.masked.masked-big .pro-menu{display: none;}
.masked.masked-big:hover .text{height: 270px;}
.masked.masked-big:hover .pro-menu{display: block;margin-top: 10px;}
.masked.masked-big:hover .pro-menu li{display: inline-block;width: 50%;}
.masked.masked-big:hover .pro-menu li a{display: block;cursor: pointer;font-size: 16px;line-height: 36px;transition: all 0.3s ease-in .05s}
.masked.masked-big:hover .pro-menu li a i{font-size: 10px;margin-right: 10px;}
.masked.masked-big:hover .pro-menu li a:hover{padding-left: 15px;}
.masked.masked-small{width:33.33%;height:138px;border-top: #fff 1px solid;border-right: #fff 1px solid;}
.masked.masked-small:last-child{border-right: 0;}
.masked.masked-small .text{padding:20px}
.masked.masked-small .meta{color: #fff;font-family:"arial, helvetica, sans-serif";}
.masked .masked-base{position:absolute;top:0;bottom:0;left:0;right:0;z-index:100;background:rgba(0,0,0,.6); transition: all 0.7s ease-in .003s;}
.masked .masked-hover{position:absolute;left:0;top:0;width:100%;height:100%;z-index:300;}
.masked:nth-child(1):hover .masked-base{background:rgba(51,0,47,.6)}
.masked:nth-child(2):hover .masked-base{background:rgba(70,23,0,.6)}
.masked:nth-child(3):hover .masked-base{background:rgba(119,0,0,.6)}
.masked:nth-child(4):hover .masked-base{background:rgba(0,64,119,.6)}
.masked:nth-child(5):hover .masked-base{background:rgba(59,88,0,.6)}
/*index news*/
.news-area{padding-bottom: 40px;}
.news-item{border: #ddd 1px solid;display:block;padding: 10px;margin-bottom: 20px;}
.news-item img{width: 100%;}
.news-item .new-t{color: #999;font-size: 12px;line-height: 20px;padding-bottom: 10px;}
.news-item .new-t span{color: #999;}
.news-item h4{font-size: 16px;color: #000;line-height: 36px;white-space: nowrap;text-overflow:ellipsis;display: block;font-weight: bold;padding-top: 10px;overflow: hidden;}
.news-item p{font-size: 12px;line-height: 22px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.news-item cite{transition: all 0.3s ease-in .003s;display: inline-block;font-size:14px;line-height: 28px;padding: 0 15px;border: #ddd 1px solid;font-style: normal;margin-top: 10px;color: #999;}
.news-item cite i{margin-left: 10px;}
.news-item:hover cite{margin-left: 20px;border:#fd4a36 1px solid;background: #fd4a36;color: #fff;}
.news-more{line-height: 458.13px;background: #f6f6f6;text-align:center}
.brand-area{padding: 20px 0;text-align: center;background: #f6f6f6;margin-bottom: 20px;}
.brand-area img{opacity:1;transition: all 0.3s ease-in .05s}
.brand-area img:hover{opacity:0.8;}
.footer-area{padding-top:30px;background: #111;}
.footer-left img{margin:40px 0;}
.footer-right{text-align: center;}
.footer-right img{width:30%;}
.footer-right p{font-size: 14px;line-height: 30px;color: #888;}
.footer-center h4{font-size: 16px;color: #fff;font-weight: bold;line-height: 30px;}
.footer-center p{font-size: 12px;line-height: 22px;color: #999;}
.footer_bottom{background: #000;text-align:center;color: #fff;font-size: 14px;line-height:38px;margin-top: 30px;}
.footer_bottom .copyright-text{color: #fff;}
.footer_bottom .copyright-text a{display: inline-block;margin-left: 10px;color:#999;}
.footer_bottom .copyright-text a:hover{color: #fd4a36;}

/*about*/
.banner{background: #f6f6f6;}
.banner h2{font-size:24px;line-height:40px;white-space:nowrap;display: none;}
.banner h5{font-size: 16px;line-height: 32px;white-space:nowrap;display: none;}
.history{padding:80px 0}
.history .his-slide .year{width:84px;height:84px;line-height:84px;text-align:center;font-size:18px;color:#333;border:1px solid #ddd;border-radius:50%}
.history .his-slide .dot{width:0;height:0;border-bottom:20px solid #eee;border-right:10px solid transparent;border-left:10px solid transparent;margin:10px auto 0;display:none}
.history .his-slide .swiper-slide.swiper-slide-active .dot{display:block}
.history .his-slide .swiper-slide.swiper-slide-active .year{color:#fff;border:1px solid #000;background: #000;}
.history .his-slide-wrap .arrow-left2{left:0;color:#fff;width:40px;height:80px;line-height:80px;text-align:center;background:0 0}
.history .his-slide-wrap{margin:40px auto 0}
.history .his-slide-wrap .arrow-right2{right:0;width:40px;height:80px;line-height:80px;text-align:center;background:0 0}
.history .his-slide-wrap .arrow-left2 i,.history .his-slide-wrap .arrow-right2 i{font-size:42px;color:#000}
.history .his-slide-wrap .swiper-slide{width:86px;margin:0 30px}
.history .hiscon{padding:30px;background:#eee;font-size:16px;margin:0 80px;min-height:40px}

.left_nav{padding-right: 40px ;text-align: center;border-right:#eee 1px solid;margin-top: 40px;}
.left_nav a{display: block;line-height: 50px;font-size: 14px;color: #000;}
.left_nav a:hover{background: #f2f2f2;}
.left_nav a.active{background:#000;color: #fff;position: relative;}
.left_nav a.active::before{position: absolute;top:14px; right: -8px;content: '';display: block;width: 0;height: 0;border-top: 8px solid transparent;border-left: 10px solid #000;border-bottom:8px solid transparent;}

.left_pro_nav{padding-right: 40px ;text-align: center;border-right:#eee 1px solid;margin-top: 40px;}
.left_pro_nav dl{margin-bottom:5px;cursor: pointer;}
.left_pro_nav dl:last-child{border-bottom: 0;}
.left_pro_nav dl dt{line-height: 40px;font-size: 14px;border: #000 1px solid;}
.left_pro_nav dl dt:hover{background: #f2f2f2;}
.left_pro_nav dl.active dt{background: #000;color: #fff;}

.left_pro_nav dd{display: none;}
.left_pro_nav dl.active dd{display: block;}
.left_pro_nav dd li> a{display: block;line-height:30px;font-size:13px;color: #000;margin: 5px 0;text-align: left;padding-left: 20px;background: #f6f6f6;}
.left_pro_nav dd li:hover> a{background: #f2f2f2;}
.left_pro_nav dd li> a.active{background:#f2f2f2;color: #000;position: relative;}
.left_pro_nav dd li> a.active::before{position: absolute;top:8px; right: -6px;content: '';display: block;width: 0;height: 0;border-top: 6px solid transparent;border-left:8px solid #f2f2f2;border-bottom:6px solid transparent;}
.left_pro_nav dd li{position: relative;}
.left_pro_nav dd li .sub-color-nav{display:none;}
.left_pro_nav dd li:hover  .sub-color-nav{display: block;position: absolute;width: 140px;background: #fff;border: #ddd 1px solid;right: -140px;top:0;z-index: 100;max-height:80vh;overflow-y: auto;}
.left_pro_nav dd li:hover  .sub-color-nav a{display: block;font-size: 12px;line-height: 24px;padding: 0 10px;border-bottom: #ddd 1px dotted;color: #333;}
.left_pro_nav dd li:hover  .sub-color-nav a:hover{background: #f2f2f2;}
.newslist a{min-height:18px;padding:23px 5px;border-bottom:1px dashed #e5e5e5;position:relative}

.newslist a:hover .liL{background:#000}
.newslist a:hover .liL .day{color:#fff}
.newslist a:hover .liL .year{color:#fff}
.newslist a .liL{height:84px;background:#f2f2f2;padding: 0 20px;}
.newslist a .liL .day{text-align:center;font-size:24px;line-height:24px;margin-top:20px;font-family:arial;color:#666}
.newslist a .liL .year{text-align:center;font-family:arial;font-size:14px;line-height:20px;color:#afafaf}
.newslist a .liR{padding-left:15px;-webkit-transition:all .5s;transition:all .5s}
.newslist a .liR h4{font-size:16px;color:#333;height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-weight:700}
.newslist a:hover .liR h4{color:#000}
.newslist a .liR p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;color:#999;padding-top:7px;line-height:22px}

.detail-area .top .title{font-size:26px;font-weight:700;color:#000;text-align:center;margin:30px auto}
.detail-area .top .time{text-align:center;color:#333}
.detail-area .top .time span{margin:0 30px;color:#999;font-size: 13px;}


.detail-area .content{color:#666;font-size:16px;line-height:36px;letter-spacing:1px}
.detail-area .content img,.detail-area .content video{max-width:800px;width:100%}
.detail-area .links{margin:50px 0;padding-top:20px;border-top:1px solid #eee}
.detail-area .links a{display:block;color:#666;line-height:2;font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.detail-area .links a:hover{color:#000}
.detail-area .top .infos{position:relative;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #eee}

.map{height:320px;margin:50px 0 -50px 0}
.contact-area{margin:50px 0}
.contact-area .message-form{background:#f6f6f6;padding:15px 30px;margin-left:30px}
.contact-area .layui-form-label{width:60px;padding:9px 10px;text-align:justify;text-align-last:justify}
.contact-area .layui-input-block{margin-left:80px}
.contact-area .left-info h3{margin:10px 0;font-size:18px}
.contact-area .left-info p{font-size:14px;color:#999;margin-bottom:30px}
.contact-area .submit:hover{background:#000}
.contact-area .submit{margin:20px auto;width:200px;height:40px;background:#000;display:block;color:#fff;border:none;font-size:18px;line-height:40px;text-align:center;cursor:pointer}
.contact-area .box{margin-top:20px}
.contact-area .box h3{margin-bottom:10px;font-size:18px}
.contact-area .box p{color:#666;font-size:14px;padding:2px 0}

.detail_right{font-size: 14px;line-height: 32px;margin-bottom: 50px;}
.detail_right h6{font-weight: bold;}
.join-lists li i{font-size: 12px; margin-right: 10px;color: #fd4a36;}
.n-list{margin-bottom: 50px;}
.n-list a{display: block;padding:8px 200px 8px 0;color: #000;font-size: 14px;line-height: 36px;position: relative;border-bottom: #eee 1px dotted;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.n-list a:last-child{border: 0;}
.n-list a:hover{color: #fd4a36;}
.n-list a::before{display:inline-block;content: '';width: 5px;height:5px;background: #000;vertical-align: middle;margin-right: 10px;}
.n-list a span{position: absolute;right:0px;color: #666;}
.pic-list{padding-bottom: 50px;}
.pic-list a{padding: 15px;}
.pic-list a p{line-height:50px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 100px;}
.pic-list a p span{position: absolute;right: 15px;font-size: 12px;color: #999;}
.pic-list a:hover{background: #000;}
.pic-list a:hover p{color: #fff;}
.pic-list a:hover p span{color: #ddd;}
.down_list{padding:0 0 50px 0;}
.down-form{margin-top: 40px;text-align: center;}
.down-form .layui-form-label{padding:9px  0;}
.down-form button{background: #000;color: #fff;border: #000;}
.down-form button:hover{color: #fff;}
.down-list li{font-size: 14px;line-height:50px;border-bottom: #ddd 1px dotted;font-size: 0;}
.layui-btn{background: #000;}
.down-list li >div{display: inline-block;font-size: 14px;vertical-align: middle;}
.down-list li >div.text{width: 60%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.down-list li >div.tips{width:20% ;color: #999;}
.proclass-area dl{padding:45px 0;border-bottom: #ddd 1px solid;}
.proclass-area dl:last-child{border-bottom: 0;}
.proclass-area dl dt{font-size:20px;line-height: 40px;}
.proclass-area a{display: block;padding: 15px;}
.proclass-area  img{width: 100%;}
.proclass-area a h4{font-size: 15px;line-height:24px;font-weight: bold;color: #000;margin: 10px 0;}
.proclass-area a p{font-size: 12px; line-height: 24px;    height: 72px;color: #999;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 3;    overflow: hidden;}
.proclass-area a span{text-align: right;display:block;font-size: 12px;padding-right:10px;line-height: 30px;}
.proclass-area a:hover{background: #f2f2f2;}
.proclass-area a:hover p{text-decoration: underline;}
.proclass-area .color-list .text{color: #666;font-size: 14px;padding:20px 0;}
.proclass-area .color-list a{font-size: 14px;color: #000;}
.proclass-area .color-list a span{width: 8px;height: 8px;display:inline-block;vertical-align: middle;padding: 0;}
.proclass-area .color-list ul li{position: relative;}
.proclass-area .color-list ul li .sub-color-nav{display: none;position: absolute;width:calc(100% - 30px);background: #fff;border: #ddd 1px solid;left:0;top:50px;z-index: 100;max-height:80vh;overflow-y: auto;margin: 0 15px;}
.proclass-area .color-list ul li.active>a{background: #f2f2f2;}
.proclass-area .color-list ul li.active  .sub-color-nav{display: block;}
.proclass-area .color-list ul li.active  .sub-color-nav a{display: block;font-size: 12px;line-height: 24px;padding: 0 10px;border-bottom: #ddd 1px dotted;color: #333;}
.proclass-area .color-list ul li.active  .sub-color-nav a:hover{background: #f2f2f2;}
.pordetail fieldset {position: relative;padding-top: 40px;margin-top: 20px;}
.pordetail fieldset legend{margin: 0 10px;padding: 0 10px; background:#fff !important;display:inline-block;z-index:10;position: absolute;top:0;width: auto;font-size:20px;font-weight: bold;}
.fieldset-box{border: #ddd 1px solid;padding:20px 20px 20px 20px;margin-top: -20px;}
.fieldset-box table{width: 100%;border: 0;border-collapse: collapse;}
.fieldset-box table thead td,.pordetail table tbody th {background:#ddd ;color: #000;text-align: center;border: #fff 1px solid;font-size: 13px;width: 50%;line-height: 24px;}
.fieldset-box table tbody td{color: #000;padding:0 5px;background: #f2f2f2;border: #fff 1px solid;text-align: center;font-size: 14px;}
.fieldset-box h4{background: #000;color: #fff;font-size: 14px;font-weight: bold;line-height: 30px;padding-left: 15px;margin: 10px 0;}
.detail_right table{border-collapse: collapse;margin: 10px 0;}
.detail_right table td{text-align: center;font-size: 14px;line-height:30px;}
.detail_right table thead td{background: #000;color: #fff;border: #fff 1px solid;}
.detail_right table tbody td{background: #f2f2f2;color: #000;border: #fff 1px solid;}
.content table{width: 100%;border: 0;border-collapse: collapse;}
.content table thead td,.content table tbody th {background:#ddd ;color: #000;text-align: center;border: #fff 1px solid;font-size: 13px;width: 50%;line-height: 24px;}
.content table tbody td{color: #000;padding:0 5px;background: #f2f2f2;border: #fff 1px solid;text-align: center;font-size: 14px;}
.content h4{background: #000;color: #fff;font-size: 14px;font-weight: bold;line-height: 30px;padding-left: 15px;margin: 10px 0;}

 
#pager{text-align: center;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: #000;}
.mob_none{display: block;}
.pc_none{display: none;}
@media (max-width:1500px){.hero__content{padding:130px 0}
.hero__item{padding:0 50px}
.hero__title{font-size:30px;line-height:60px;}
.hero__2 .custom-col-width{flex:0 0 45%;-ms-flex:0 0 45%;max-width:45%}
}
@media (max-width:1360px){.hero__2 .custom-col-width{flex:0 0 50%;-ms-flex:0 0 50%;max-width:50%}
@media (max-width:1199px){.hero__content{padding:120px 0}
.hero__content p{font-size:12px}
.hero__content .shape{right:0}
.hero .site-btn{margin-top:30px}
.hero .owl-nav{right:30px}
.hero__2{padding-right:25px}
.masked .text h2{font-size:20px}
.masked.masked-big{height:350px}
.masked.masked-small{height:116px}
.masked.masked-big .text h2{font-size:24px}
}
@media(max-width:1024px) and (min-width:769px){.icon2 ul{right:0}
.icon2 ul li:first-child>a:after{left:170px}
.wrap{width:90%}
.search-box{top:8px}
.history{padding:.6rem ;overflow: hidden;}
.history .his-slide .year{width:1.4rem;height:1.4rem;line-height:1.4rem;font-size:.32rem}
.history .his-slide-wrap{width:100%;margin:.6rem 0 0;overflow: hidden;}
.history .his-slide-wrap .swiper-slide{width:1.4rem;margin:0 .2rem}
.history .hiscon{width:100%;margin:0;padding:.3rem;box-sizing:border-box}
.history .his-slide-wrap .arrow-left2,.slide6 .his-slide-wrap .arrow-right2{display:none}
}
@media (max-width:991px){.hero__content--2{min-height:430px;width:430px}
.hero__content--2 .hero-text h2{font-size:46px;line-height:54px;margin-bottom:15px}
.hero__content--2 .hero-text p{font-size:20px}
.hero__content--2 .hero-text .site-btn__2{margin-top:30px}
.hero__title{font-size:24px;line-height:48px;}
.hero__2{padding-top:130px;padding-bottom:90px}
.hero__2 .custom-col-width{flex:0 0 60%;-ms-flex:0 0 60%;max-width:60%}
.hero__2 .shape-pattern img{height:360px}
.hero__image{width:60%}
.hero__item{padding:0 30px}
.masked .text h2{font-size:18px}
.masked.masked-big{height:308px}
.masked.masked-big .text{padding:0 15px 10px}
.masked.masked-small{height:102px}
.masked.masked-small .text{padding:0 10px 10px}
.masked.masked-big .text h2{font-size:20px}
}
@media(max-width:768px){
.mob-search{display:block;position:absolute;bottom:-10px;right:0;padding:10px;}
.mob-search i{font-size:1.2rem}
.wrap{width:94%}
.icon2 ul{right:0}
.icon2 ul li:first-child>a:after{left:170px}
.cssmenu{float:none}
.search-box{display:none;height:50px;width:100%}
.search-box input{width:80%;height:50px;line-height:50px}
.search-box a.search-btn{width:20%;height:50px;line-height:50px}
.hero__content--2{margin:0 0 0 auto}
.hero__content--2 .hero-text h2{font-size:32px;line-height:38px}
.hero__content--2 .hero-text p{font-size:16px}
.hero__content--2 .hero-text .site-btn__2{margin-top:25px;padding:9.5px 18px;font-size:12px;min-width:auto}
.hero__title{font-size:22px;line-height:60px;}
.hero .owl-nav{right:15px}
.hero .owl-nav div{width:40px;height:40px;line-height:36px}
.hero__2{padding-top:160px;padding-bottom:160px;padding-right:0}
.hero__2 .shape{bottom:-70px}
.hero__2 .custom-col-width{flex:0 0 90%;-ms-flex:0 0 90%;max-width:90%}
.hero__content{padding:80px 0}
.masked{margin:0}
.masked figure img{height:auto}
.masked .text h2{font-size:20px}
.masked.masked-big{width:100%}
.masked.masked-small{width:33.33%;height:180px}
.masked.masked-big h2{font-size:30px}
.row{margin-right: 0;}
.megamenu{overflow: auto;}
.footer-right img{margin-top: 20px;}
.pc-table{display: none;}
.mob-table{display: block;}
.pordetail table tbody th ,.pordetail table tbody td{font-size: 0.8rem;}

.pordetail fieldset {padding-top:2rem;}
.pordetail fieldset legend{margin: 0 0.5rem;padding: 0 0.5rem; }
.mob_none{display: none;}
.pc_none{display: block;}

}
@media (max-width:500px){
	.logo{width:80%;}
	.hero__content--2{min-height:380px;width:380px}
.hero__2 .shape{bottom:-40px}
.megamenu{display: block;}
.header-bottom{padding: 0;}
.megamenu>li>a,.megamenu>li:hover>a, .megamenu>li.active>a{padding: 0.5rem 0.8rem;}
.h_nav ul li a{line-height: 2rem;}
.masked .text h2{font-size:18px}
.masked .text h2,.masked.masked-big .text h2{font-size:24px}
.masked.masked-big{margin-bottom:1px;height:300px}
.masked.masked-small{width:100%;height:120px}
.masked.masked-big .text{padding:0 20px 20px}
.footer-right img{width:50%;}
.banner{padding: 50px 0;display: none;}
.banner h2{font-size:20px;line-height:40px;white-space:nowrap;font-weight: bold;text-shadow:rgba(255,255,255,.8) 0.1rem 0.1rem 0.2rem;}
.banner h5{font-size: 14px;line-height: 32px;white-space:nowrap;text-shadow:rgba(255,255,255,.8) 0.1rem 0.1rem 0.2rem;}
.banner img{display: none;}
.about_bg{background: url(../images/about_banner_m.png) #f6f6f6 center bottom no-repeat;background-size: cover;}
.news_bg{background: url(../images/news_banner_m.png) #f6f6f6 center bottom no-repeat;background-size: cover;}
.join_bg{background: url(../images/join_banner_m.png) #f6f6f6 center bottom no-repeat;background-size: cover;}
.contact_bg{background: url(../images/contact_banner_m.png) #f6f6f6 center bottom no-repeat;background-size: cover;}
.user_bg{background: url(../images/user_banner_m.png) #f6f6f6 center bottom no-repeat;background-size: cover;}
.ccad_bg{background: url(../images/ccad_banner_m.png) #f6f6f6 center bottom no-repeat;background-size: cover;}
.ccp_bg{background: url(../images/ccp_banner_m.png) #f6f6f6 center bottom no-repeat;background-size: cover;}
.left_nav{padding-right:0px ;border-bottom:#eee 1px solid; border-right:0;margin-top: 0;display: flex;}
.left_nav a{flex: 1;line-height:2.8rem;font-size: 1rem;color: #000;}
.left_nav a.active{background:#000;color: #fff;position: relative;}
.left_nav a.active::before{display: block; position: absolute;margin-top:1.8rem;  left:50%; margin-left: -8px; content: '';width: 0;height: 0;border-left: 8px solid transparent;border-top: 10px solid #000;border-right:8px solid transparent;}
.area-title h4{line-height: 3rem;font-size: 1rem;margin-top: 1rem;font-weight: bold;}

.newslist a{padding: 2rem 0;}
.detail-area .top .title{font-size: 1.4rem;line-height: 2.8rem;margin: 0.8rem 0;}
.detail-area .top .time span{font-size:1rem;line-height: 2rem;}
.detail-area .content{font-size: 1rem;line-height: 2.4rem;}
.detail-area .links a{font-size: 1rem;line-height: 2.4rem;margin: 0.5rem 0;}

.contact-area .message-form{margin-left: 0;margin-top: 1.2rem;padding:0.5rem;}
.contact-area .box h3{font-size: 1.2rem;}
.contact-area .box p{font-size: 1rem;line-height: 1.8rem;}
.contact-area .left-info h3{font-size: 1.2rem;}
.contact-area .left-info p{font-size:0.8rem;line-height: 1.2rem;}
.contact-area .layui-form-label{width:20vw;font-size:0.8rem;line-height:1.8rem;}
.contact-area .layui-input-block{margin-left: 20vw;font-size: 0.8rem;line-height:1.8rem;}
.layui-input, .layui-select, .layui-textarea{font-size: 0.8rem;line-height:1.8rem;}
.col-xs-12 {padding-right: 0 !important;}
.detail_right{font-size:0.9rem;line-height:2rem;padding:1rem 0;}
.join-lists li i{font-size:0.4rem; margin-right: 10px;color: #fd4a36;}
.list{padding-top:20px;}
.list a{padding:0px 25vw 0px 0;color: #000;font-size:0.9rem;line-height:2.8rem}
.down_list{padding-top: 30px;}
.proclass-area dl dt{font-size:1.2rem;line-height:2rem;background: #000;color: #fff;padding:0.5rem;}
.proclass-area dl a{background: #f6f6f6;margin-bottom:1rem;}
.left_pro_nav{display: none;}
.pordetail fieldset legend{font-size:1.2rem;}
.fieldset-box h4{font-size:0.8rem;}
.fieldset-box{padding: 1rem;}
.proclass-area .color-list ul li.active .sub-color-nav{position: relative;top:-15px;width: 100%;margin: 0;}
.proclass-area .color-list ul li.active .sub-color-nav a{font-size: 0.8rem;line-height: 3rem;background: #fff;margin: 0;}
}
@media (max-width:450px){.hero__content .shape{right:-235px}
.hero__image{display:none!important}
.hero__2 .shape{bottom:-10px}
.hero__2 .custom-col-width{flex:0 0 100%;-ms-flex:0 0 100%;max-width:100%}
.masked .text h2,.masked.masked-big .text h2{font-size:20px}
.masked.masked-big .text p{font-size: 12px;line-height: 20px;height: 60px;}

.masked.masked-big:hover .pro-menu li a{font-size: 14px;}
}
@media (max-width:400px){.hero__content--2{min-height:330px;width:330px}
.hero__content--2 .hero-text h2{font-size:20px;line-height:32px}
.hero__title{font-size:24px;line-height:45px}
.hero__content p{font-size:14px}
.hero__content{padding:50px 0}
.masked .text h2,.masked.masked-big .text h2{font-size:16px}
.masked.masked-big{height:360px}
}
@media (max-width:360px){.hero__content--2{min-height:300px;width:330px}
.hero__content--2 .hero-text h2{font-size:14px;line-height:30px}
.hero__title{font-size:24px;line-height:40px}
.hero__content p{font-size:12px}
}
}