@charset "UTF-8";
html,body{font:12px "微软雅黑";padding:0;margin:0;color:#333;}
*,:after,:before{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
h1,h2,h3,h4,h5,h6,h7{padding:0;margin:0;}
ul,li{list-style:none;}
a,a:hover{color:#333;text-decoration:none;}
p,dl,dt,dd,ul{margin:0px;padding:0px;}
em{font-style:normal;}
.content{width:1345px;margin:0 auto;}
.flexer{display:flex;}
.f_w_w{flex-wrap:wrap;}
.a_i_c{align-items:center;}
.j_c_c{justify-content:center;}
.j_c_f_e{justify-content:flex-end;}
.j_c_s_b{justify-content:space-between}
.a_i_f_e{align-items:flex-end;}
.j_c_s_a{justify-content:space-around}
.grid{display:grid;}
.pc{display:block;}
.wap{display:none;}

h2.title{text-align:center;font-size:30px;color:#333;margin-top:25px;}
em.subtitle{text-align:center;display:block;font-size:14px;color:#6c6c6c;text-transform:uppercase;padding:10px 0;}
h2.subject{font-size:24px;text-align:center;font-weight:500;}

/* header css */
header{position:relative;}
.head{margin:0 auto;}
.logo,nav{padding:25px 0 14px;}
.logo img{height:60px;max-width:100%;}


.return{position:absolute;right:3%;top:50%;z-index:100;transform:translateY(-50%);cursor:pointer}
.return i,#close i,.search i{font-size:1.8875em;font-weight:400;}
#close{position:absolute;left:3%;top:3%;cursor:pointer;color:#fff;}
/*侧边栏*/
.smallheader {right:-50%;width:50%;background:#2F3C4F;position:fixed;top:0;min-height:100%;-o-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-moz-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-ms-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-webkit-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;z-index:2000;/* opacity:0.8;*/}
.smallheader h2 {font-weight:normal;}
.smallheader .title {border-bottom:1px solid #273543;height:3.75rem;line-height:3.75rem;text-align:center;color:#fff;font-size:1.1rem;}
.smallheader .title img {max-width:73%;padding-top:0.5rem;padding-left:1rem;}
.smallheader .bottom {position:absolute;bottom:0;border-top:1px solid #273543;text-align:center;line-height:3.75rem;width:100%;color:#FFFFFF;margin-bottom:1.2875em;}
.smallheader .bottom img {margin-right:0.8rem;vertical-align:middle;max-width:1.2rem;}
.smallheader .middle {width:100%;height:auto;}
.smallheader .middle ul {width:100%;margin-top:1rem;}
.smallheader .middle ul li {width:92%;padding-left:8%;height:3.125rem;line-height:3.125rem;}
.smallheader .middle ul li a {display:block;width:100%;height:100%;color:#FFFFFF;font-size:1rem;}
.lang a{width:30px;height:30px;background-color:#fff;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;color:#333;font-size:1.2875em;}
.search{position:relative;margin:0 15%;}
.search input{border:0;padding:10px 15px;width:100%;}
.search button{position:absolute;right:0;border:0;background-color:inherit;top:50%;transform:translateY(-50%);cursor:pointer;}


#nav {flex:1 1 0%;}
li.nav-item>a{font-size:16px;line-height:60px;color:#333;font-weight:600;padding:0 30px;display:block;width:100%;height:100%;}
li.nav-item:last-child>a{padding-right:0;}
li.nav-item:hover>a ,li.nav-item.active>a{color:#1642bb;}
/* 二级菜单 */
.subMenu{display:none;position:absolute;top:100px;left:0;width:100%;background-color:#fff;z-index:999;}
.subMenu>ul>li{margin-right:20px;margin-bottom:30px;}
.subMenu>ul>li>a{display:block;text-align:center;}
.subMenu>ul>li>a .subMenu_imgs{width:180px;height:180px;text-align:center;display:inline-block;}
.subMenu>ul>li>a .subMenu_imgs:before{content: '';display: inline-block;height: 100%;vertical-align: middle;}
.subMenu>ul>li>a .subMenu_imgs img{max-height:100%;max-width:100%;display: inline-block;vertical-align: middle;}
.subMenu>ul>li>a h3{font-weight:400;}
.subMenu>ul>li>a:hover h3{color:#1642bb;}

.navEndWrap{position:absolute;right:8%;top:46%;}
.navEndWrap li{margin:0 9px;}
.navEndWrap li span{width:20px;height:20px;-moz-border-radius:100%;-webkit-border-radius:100%; border-radius:100%;background-color:#1642bb;color:#fff;}

/* main */
.banner .swiper{width:100%;height:757px;}
.banner .swiper-slide{text-align:center;font-size:18px;background:#fff;display:flex;justify-content:center;align-items:center;}
.banner .swiper-slide a{width:100%;height:100%;}
.banner .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;}

.products{margin:75px 0;}
.products_list{margin-top:85px;padding-bottom:50px;}
.products_list li .imgs{width:245px;height:245px;text-align:center;display:inline-block;}
.products_list li .imgs:before{content:'';display:inline-block;height:100%;vertical-align:middle;}
.products_list li .imgs img{max-height:100%;max-width:100%;display:inline-block;vertical-align:middle;}
.products_list li h3{text-align:center;font-size:24px;}

article.custom_billboard{height:767px;}
/* 应用 */
.app{margin-top:100px;}
.app_list{margin-top:70px;margin-bottom:140px;}
.app_list dl{padding:40px 0;}
.app_list dl dt{width:50.5%;}
.app_list dl dt .imgs{width:100%;height:0;padding-bottom:68%;position:relative;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;overflow:hidden;}
.app_list dl dt .imgs img{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);}
.app_list dl dd{width:43%}
.app_list dl dd .sort{font-size:16px;color:#1642bb;margin-bottom:35px;display:block;font-weight:600;}
.app_list dl dd h3{font-size:24px;margin-bottom:20px;}
.app_list dl dd p{line-height:30px;margin-bottom:20px;font-size:14px;}
.app_list dl dd p.suit{color:#6c6c6c;}
.app_list dl dd .more{padding:10px 30px;border:1px solid #1642bb;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;font-size:14px;display:inline-block;color:#1642bb;margin-top:30px;}
.app_list dl dd .more:hover{background-color:#1642bb;color:#fff;}
.app_list dl:nth-child(2n) dd{order:-1;}

/* 视频 */
.video{background-position:center center;}
.video_cont{height:738px;position:relative}
.video_cont a{position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);width:68px;height:68px;background-image:url(../images/home_play.png);background-repeat:no-repeat;background-position:center center;z-index:99;}
.video_cont .box{padding-bottom:75px;}
.video_cont em{color:#fff;font-size:24px;}
.video_cont h2{color:#fff;font-size:30px;}

/* 品牌 */
.brand{margin:160px 0;}
.brand_list{padding-top:120px;}
.brand_list ul{grid-template-columns:repeat(6,200px);grid-gap:28.7px;}

/* 新闻 */
.news{padding:120px 0 140px;background-color:#f8f8f8;}
.news_list dl dt{width:50%;}
.news_list dl dt .news_list_theme{width:20%;}
.news_list dl dt .news_list_theme em{display:block;font-size:10px;font-family:Arial;color:#1462bb;text-transform:uppercase;}
.news_list dl dt .news_list_theme h2{font-size:24px;letter-spacing:.1em;}
.news_list dl dt .news_list_title{flex:1 1 0%;border-bottom:1px solid #e2e2e2;}
.news_list dl dt .news_list_title div{font-size:14px;color:#6e6e6e;display:flex;align-items:center;cursor:pointer;margin-left:1.5em;position:relative;}
.news_list dl dt .news_list_title div.on:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#1462bb;}
.news_list dl dt .news_list_con{margin-top:40px;}
.news_list dl dt .news_list_con_list{display:none;}
.news_list dl dt .news_list_con_list .news_article li{display:flex;margin-bottom:15px;background-color:#fff;padding:15px 0;}
.news_list dl dt .news_list_con_list .news_article li:last-child{margin-bottom:0;}
.news_list dl dd{width:48%;}
.news_list dl dd .news_imgs_list{background-color:#fff;}
.news_list dl dd .news_imgs_list .imgs{height:276px;}
.news_list dl dd .news_imgs_list .imgs img{width:100%;height:100%;object-fit:cover;}
.news_list dl dd .news_imgs_list .text{padding:21px 0;}

.news .news_time{width:12%;display:flex;align-items:center;justify-content:center;position:relative;}
.news .news_time:after{content:'';width:1px;height:100%;background-color:#e2e2e2;position:absolute;right:0;}
.news .news_time b{font-size:30px;color:#6e6e6e;width:100%;display:block;text-align:center;}
.news .news_time p{color:#a7a7a7;width:100%;}
.news .news_box{flex:1 1 0%;margin-left:15px;}
.news .news_box h3{font-size:14px;margin-bottom:8px;}
.news .news_box p{color:#696969;}

/* footer css */
footer{background-color:#333;padding-top:65px;}
footer .foot_info{color:#e2e2e2;padding-bottom:65px;}
footer .foot_logo{height:45px;display:block;margin-bottom:30px;}
footer .foot_logo img{height:100%;}
footer .foot_info p{margin-bottom:25px;font-size:16px;}
footer .foot_info em{font-size:16px;margin-bottom:28px;display:block;}
footer .foot_info b{font-size:22px;}
footer .foot_i a{width:27px;height:27px;display:flex;justify-content:center;align-items:center;margin-right:30px;}
footer .foot_i i{color:#fff;font-size:18px;}
footer .foot_i svg{width:80%;height:80%;}footer .foot_i img{width:30px;height:30px;}
footer .foot_nav{flex:1 1 0%;padding-bottom:65px;}
footer .foot_nav li{margin-left:10%;color:#e2e2e2;font-size:20px;}
footer .foot_nav li h3{line-height:45px;font-weight:400;font-size:16px;}
footer .foot_nav li a{color:#e2e2e2;font-size:12px;line-height:30px;}
footer .foot_nav li a:hover{color:#1462bb;}
footer .copyright{border-top:1px solid #999;padding:20px 0;text-align:center;color:#999;font-size:14px;}
footer .copyright a{color:#1642bb;}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
0% {top:100%;}
100% {top:0}
}

/* Standard syntax */
@keyframes mymove {
	0% {top:100%;}
    100% {top:0}
}

@media only screen and (max-width:1601px){
.navEndWrap{right:0;}
	
}

@media only screen and (max-width:1401px){
.navEndWrap{right:0;}
li:last-child.nav-item{margin-right:6%;}
}

@media only screen and (max-width:1281px){
.content{width:1024px;}
.news_list dl dt .news_list_theme{width:30%;}

}

@media only screen and (max-width:1025px){
.pc{display:none;}
.wap{display:block;}
.content{width:980px;}
li:last-child.nav-item{margin-right:8%;}
.products_list li{width:25%;}
.products_list li .imgs{width:100%;height:0;padding-bottom:100%;position:relative;}
.products_list li .imgs img{position:absolute;max-width:100%;max-height:100%;top:50%;left:50%;transform: translateY(-50%) translateX(-50%);}
.news_list dl dt .news_list_theme{width:30%;}

}

@media only screen and (max-width: 768px){
html,body{font-size:.875em;}
.pc{display:none;}
.wap{display:block;}
.content{width:auto;margin:0 .875em;}
h2.subject{font-size:2.4em;}
h2.subtitle{font-size:1.6em;}
h2.title{font-size:2.6em;}
header{padding:0 .875em;}
.banner .swiper{height:100%;}

.products{margin:0;padding:2.0875em 0;}
.products_list{margin-top:0;padding:1.8875em 0;flex-wrap:wrap;}
.products_list li{width:49%;margin-right:2%;}
.products_list li:nth-child(2n){margin-right:0;}
.products_list li .imgs{width:100%;height:0;padding-bottom:100%;position:relative;}
.products_list li .imgs img{position:absolute;max-width:100%;max-height:100%;top:50%;left:50%;transform: translateY(-50%) translateX(-50%);}
.products_list li h3{font-size:1.2875em;line-height:2.4875em;}

.app{margin:3.4em 0;}
.app_list{margin-bottom:0;margin-top:1.2875em;}
.app_list dl{padding:2.4em 0;flex-wrap:wrap;}
.app_list dl dt,.app_list dl dd{width:100%;}
.app_list dl dd .sort{margin:1.2875em 0;}
.app_list dl dd h3{font-size:2.4em;}
.app_list dl dd p{font-size:1.2875em;}
.app_list dl dd .more{margin-top:0;font-size:1.4875em;}
.app_list dl:nth-child(2n) dd{order:1;}

.video_cont{height:100vw;}

.brand{margin:3.6em 0;}
.brand_list{padding-top:2.4em;}
.brand_list ul{grid-template-columns:repeat(3,200px);grid-gap:0;}
.brand_list ul li{width:100%;height:0;padding-bottom:50%;position:relative;}
.brand_list ul li img{position:absolute;max-width:100%;max-height:100%;top:50%;left:50%;transform: translateY(-50%) translateX(-50%);}

.news{padding:3.6em 0;}
.news_list dl{flex-wrap:wrap;}
.news_list dl dt,.news_list dl dd{width:100%;}
.news_list dl dt .news_list_theme em{font-size:.875em;}

footer{padding-top:3.6em;}
footer div.content{flex-wrap:wrap;}
footer .foot_info,footer .foot_nav{width:100%;padding-bottom:2.4em;}
footer .foot_logo,footer .foot_logo img{height:auto;width:85%;margin:0 auto 30px;}
footer .foot_nav ul{justify-content:flex-start;}
footer .foot_nav li{margin-left:0;flex:1 1 0%;}
footer .foot_nav li:first-child{padding-left:10%;}
footer .copyright{font-size:1.2875em;}


}

@media only screen and (max-width: 640px){
	

	
}

@media only screen and (max-width: 430px){	/* 产品 */.products_list li{width:100%;margin-right:0;margin-bottom:1.8em;}/* 首页视频 */.video_cont .box{padding-bottom:2.4em;}.video_cont h2{font-size:2.1em;}.video_cont em{font-size:1.6em;}	
.brand_list ul{grid-template-columns:repeat(2,50%);}
.news_list dl dt .news_list_title div{margin-left:.875em;}
/* 首页新闻 */
.news_list_box{flex-wrap:wrap;}.news_list dl dt .news_list_theme{width:100%;}.news_list dl dt .news_list_title div{padding-top:2.4em;flex:1 1 0%;margin-left:0;justify-content:center;line-height:2.4em;}	.news_list dl dd{display:none;}
	
} 

@media only screen and (max-width: 361px){

}