.public_p{padding: 100px 0 100px 0;}
.public_t{padding-top: 100px;}
.public_b{padding-bottom: 100px;}
.public_m{margin-top: 60px;}
.public_m32{margin-top: 32px;}
.public_m24{margin-top: 24px;}

.psl_commore{display: inline-block;font-size: 14px;color: #0078D4;font-weight: bold;line-height: 50px;padding: 0 36px;border: 1px solid #0078D4;position: relative;overflow: hidden;z-index: 1;}
.psl_commore i{display: inline-block;width: 20px;height: 20px;background: url(../images/icon_jt_lan.svg) center center no-repeat;margin-left: 8px;}
.psl_commore::before {content: '';position: absolute;top: 0;left: 0;width: 0;height: 100%;background: #0078D4;z-index: -1;transition:all 0.3s ease-in-out;}
.psl_commore:hover{color: #ffffff;}
.psl_commore:hover i{transform: translateX(15px);background: url(../images/icon_jt_bai.svg) center center no-repeat;}
.psl_commore:hover::before {width: 100%;}

.g-tit{width: 100%;position: relative;text-align: center;}
.g-tit .cn{font-weight: bold;font-size: 36px;color:#222;line-height: 36px;margin-top: -24px;position: relative;padding-bottom: 22px;margin-bottom: 20px;}
.g-tit .cn::after{content:'';display: block;position: absolute;bottom: 0;left: 0;right: 0;width: 34px;height: 4px;margin:0 auto;background: #0078D4;}
.g-tit .en{font-size: 48px;line-height: 48px;color:#e4e4e4;font-family: 'Impact';text-transform: uppercase;}
.g-tit .desc{font-size: 16px;color:#888888;}

.pb_title{font-size:42px;font-weight:bold;color:#222;position:relative;}

/*top*/
.top{width:100%;z-index:999;left:0;top:0;position:fixed;}
.top .container{width:calc(100% - 30px);max-width:1644px;}
.top .t_left{float:left;}
.top .logo{width:214px;float:left;margin:22px 33px 22px 0;height:68px;display:block;background: url(../images/logo.svg) no-repeat left 
center;overflow:hidden;text-indent:-1000em;font-size:14px;color:#fff;background-size:auto 100% !important;}
.top .t_right{float:right;position:relative;}
/*nav*/
.pcnav{float:left;}
.pcnav .f_nav{width:100%;padding:26px 0;}
.pcnav .f_nav .f_li{float:left;margin-left:50px;position:relative;}
.pcnav .f_nav .f_li.f_lidown:after{content:'';position:absolute;width:9px;height:4px;right:-18px;top:50%;margin-top:-2px;background:url(../images/nav_icon.webp) no-repeat center center;}
.pcnav .f_nav .f_li .f_n{position:relative;overflow:hidden;}
.pcnav .f_nav .f_li .f_n a{display:inline-block;height:60px;line-height:60px;width:100%;color:#282828;font-size:16px;text-align:center;position:relative;}
.pcnav .f_nav .f_li .f_n a:before{content:attr(data-title);position:absolute;width:100%;height:100%;left:0;top:0;transform:translateY(-100%);}
.pcnav .f_nav .f_li .f_n a:after{content:'';position:absolute;width:9px;height:4px;right:-18px;top:50%;margin-top:-2px;background:url(../images/nav_icon.webp) no-repeat center center;}
.pcnav .s_nav{position:absolute;left:0;min-width:100%;background:#FFF;display:none;border-top:2px solid #0078D4;}
.pcnav .s_nav a{display:block;height:46px;line-height:46px;color:#76838F;border-bottom:1px solid #CCC;white-space:nowrap;padding-left:10px;padding-right:15px;}
.pcnav .s_nav a:hover{background:#DDD;padding-left:15px;padding-right:10px;}
.pcnav .f_nav .f_li:hover .f_n a,.pcnav .f_nav .f_li.on .f_n a{transform:translateY(100%);}
.t_right .t_r{float:right;margin-left:43px;position:relative;padding:26px 0;}
.t_right .t_r .t_cn{height:60px;line-height:61px;background:url(../images/top_cn_hover.png) no-repeat left center;padding-left:23px;font-size:15px;color:#FFF;display:block;font-family:Arial;}
.top.topfix{background:#FFF;
  -webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.2);
     -moz-box-shadow:0 1px 3px 0 rgba(0,0,0,0.2);
       -o-box-shadow:0 1px 3px 0 rgba(0,0,0,0.2);
          box-shadow:0 1px 3px 0 rgba(0,0,0,0.2);}
.top.topfix .logo{background: url(../images/logo.svg) no-repeat left center;}
.top.topfix .f_nav .f_li.f_lidown:after{background:url(../images/nav_icon.webp) no-repeat center center;}
.top.topfix .f_nav .f_li .f_n a{color:#282828;}
.top.topfix .t_right .t_r .t_cn{background:url(../images/top_cn.png) no-repeat left center;color:#828282;}
/*mobilehead*/
#mobileheadbg{height:70px;display:none;position:relative;background:#FFF;z-index:10;}
#mobilehead{height:70px;width:100%;}
#mobilehead .logo{width:calc(100% - 120px);height:70px;display:block;float:left;background:url(../images/logo_hover.svg) no-repeat 10px center;background-size:auto 46px;}
.top .nav{float:right;display:none;}
.top .nav_bg{display:none;position:fixed;top:70px;left:0;z-index:989;width:100%;height:calc(100% - 70px);background:rgba(0, 0, 0, 0.6);animation:fade-in .43s ease 0s;-webkit-animation:fade-in .43s ease 0s;}
.top .nav .nav_box{display:none;position:absolute;top:60px;left:0;z-index:991;width:100%;overflow:auto;border-top:1px solid #eee;background:#fff;box-sizing:border-box;}
.top .nav .nav_one>li{border-bottom:1px solid #eee;padding:0 10px;}
.top .nav .nav_one>li>span{height:42px;line-height:42px;font-size:15px;}
.top .nav .nav_one>li>span>a{display:block;position:relative;width:calc(100% - 150px);height:42px;box-sizing:border-box;font-size:15px;color:#666;line-height:42px;float:left;}
.top .nav .nav_one>li>span>i{float:right;display:block;width:150px;height:42px;}
.top .nav .nav_one>li>span>i>em{float:right;width:42px;height:42px;background:url(../images/+.webp) no-repeat center center;-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;display:block;}
.top .nav .nav_one>li>span>i>em.on{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.top .nav .nav_one>li .mob_tit{font-size:16px;height:40px;line-height:40px;}
.top .nav .nav_one>li>ul{display:none;padding:5px 0 10px;}
.top .nav .nav_one>li>ul>li{height:36px;line-height:36px;text-indent:20px;}
.top .nav .nav_one>li>ul>li.li1{font-size:16px;height:40px;line-height:40px;font-weight:bold;margin-top:15px;}
.top .nav .nav_one>li>ul>li.li2{margin-top:0;}
.top .nav .nav_one>li>ul>li>a{font-size:15px;color:#666;width:100%;height:100%;display:block;}
.top .nav .nav_one>li>ul>li.li1>a{font-size:16px;height:40px;line-height:40px;font-weight:bold;color:#000;}
.top .nav .push-nav{display:block;position:relative;z-index:998;width:45px;height:42px;font-size:0;background:rgba(138,138,138,.5);margin-top:9px;border-radius:5px;}
.top .nav .push-nav .nav-toggle{display:block;position:absolute;left:50%;top:50%;border:0;border-radius:4px;cursor:pointer;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.top .nav .push-nav.on .nav-toggle{margin-left:-4px;}
.top .nav .push-nav .nav-toggle span{display:block;position:relative;z-index:1;width:37px;height:2px;margin:0 0 10px auto;background:#8a8a93;border-radius:3px;-webkit-transform-origin:35px;transform-origin:35px;-webkit-transition:all .5s;transition:all .5s;}
.top .nav .push-nav .nav-toggle span.two{width:30px;}
.top .nav .push-nav .nav-toggle span:last-child{margin-bottom:0;}
.top .nav .push-nav.on .nav-toggle span{ opacity:1;}
.top .nav .push-nav.on .nav-toggle span:nth-child(3){-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.top .nav .push-nav.on .nav-toggle span:nth-child(2){-webkit-transform:scale(0);transform:scale(0);}
.top .nav .push-nav.on .nav-toggle span:nth-child(1){-webkit-transform:rotate(-45deg);transform: rotate(-45deg);}
.top .nav .nav_contact{position:relative;border-top:1px solid #eee;color:#666;}
.top .nav .nav_contact .nav_txt{width:100%;}
.top .nav .nav_contact .nav_txt span{height:42px;line-height:42px;display:block;float:left;position:relative;text-indent:15px;margin-left:10px;font-size:15px;}
.top .nav .nav_contact .nav_txt span a{color:#666;}
.top .nav .nav_contact .nav_txt span.sitemapicon{background:url(../images/mobilesitemap.webp) no-repeat left center;background-size:auto 15px;}
.top .nav .nav_contact .nav_txt span.topphoneicon{background:url(../images/mobilephone.webp) no-repeat left center;background-size:auto 15px;}
.top .nav .nav_contact .nav_txt span.topemailicon{background:url(../images/mobileemail.webp) no-repeat left center;background-size:auto 15px;text-indent:25px;}

.index_wrap{margin-top:100vh;position:relative;z-index:2;background:#FFF;}


/*foot*/
.foot{background:#181818;padding:70px 0 35px;}
.foot .f_left{width:395px;float:right;}
.foot .f_left .f_title{font-size:24px;height:34px;line-height:34px;color:#FFF;}
.foot .f_left .f_txt{margin-top:35px;}
.foot .f_left .f_txt p{font-size:14px;line-height:30px;color:#c7ccd1;}
.foot .f_left .f_txt p span{color:#FFF;font-size:26px;display:inline-block;vertical-align:top;font-weight:bold;font-family:Arial;}
.foot .f_left .f_txt p em{display:inline-block;margin-left:40px;font-style:normal;}
.foot .f_left .f_ewm{margin-top:15px;}
.foot .f_left .f_ewm .f_li{width:113px;margin-left:28px;float:left;}
.foot .f_left .f_ewm .f_li:first-child{margin-left:0;}
.foot .f_left .f_ewm .f_li img{display:block;width:100%;height:auto;}
.foot .f_left .f_ewm .f_li span{display:block;font-size:14px;height:24px;line-height:24px;color:#c7ccd1;margin-top:9px;text-align: center;}
.foot .f_right{width:calc(100% - 395px);float:left;position:relative;font-size:0;-webkit-text-size-adjust:none;}
.foot .f_right .f_nav{display:inline-block;margin-left:168px;vertical-align:top;}
.foot .f_right .f_nav:first-child{margin-left:0;}
.foot .f_right .f_nav .f_t{font-size:22px;height:32px;line-height:32px;color:#FFF;}
.foot .f_right .f_nav .f_a{margin-top:34px;}
.foot .f_right .f_nav .f_a a{display:block;height:36px;line-height:36px;color:#c7ccd1;font-size:15px;}
.foot .f_right .f_nav .f_a a:hover{color:#FFF;text-decoration:underline;}
/*footbottom*/
#floatBottom{width:100%;height:53px;background:#8a8a8a;position:fixed;left:0;bottom:0;z-index:999999;display:none;}
#floatBottom a{width:33.33%;height:53px;line-height:53px;display:block;float:left;position:relative;}
#floatBottom a.kf1{background:url(../images/kf1.webp) no-repeat center center;}
#floatBottom a.kf2{background:url(../images/kf2.webp) no-repeat center center;}
#floatBottom a.kf3{background:url(../images/kf3.webp) no-repeat center center;}
#floatBottom a.kf4{background:url(../images/kf4.webp) no-repeat center center;}
#floatBottom .ewm{width:90px;height:90px;position:absolute;bottom:55px;left:50%;margin-left:-45px;display:none;}
#floatBottom .ewm img{width:100%;height:100%;display:block;}

.footbottom{padding-top:30px;margin-top:52px;border-top:1px solid #3a3a3a;}
.footbottom p{font-size: 14px;line-height:24px;color:#808b96;}
.footbottom p a{color:#808b96;}
.footbottom p span{display:inline-block;margin-right:5px;}
/*friendlink*/
.friendlink{padding-top:10px;}
.friendlink span{width:75px;float:left;display:block;height:25px;line-height:25px;font-size:15px;color:rgba(255,255,255,.5);font-weight:bold;position:relative;margin-top:8px;}
.friendlink .fl_right{width:calc(100% - 75px);float:right;font-size:0;-webkit-text-size-adjust:none;}
.friendlink .fl_right a{color:rgba(255,255,255,.5);white-space:nowrap;display:inline-block;font-size:14px;position:relative;height:24px;line-height:24px;margin-right:20px;margin-top:8px;}

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

	.public_p{padding: 80px 0 80px 0;}
	.public_t{padding-top: 80px;}
	.public_b{padding-bottom: 80px;}
    .public_m{margin-top: 45px;}
	.public_m32{margin-top: 28px;}
	.public_m24{margin-top: 20px;}

    .psl_commore{line-height: 45px;}

    .pb_title{font-size: 40px;}

    .g-tit .en{font-size: 45px;line-height: 45px;}
    .g-tit .cn{font-size: 32px;line-height: 32px;margin-bottom: 16px;}
    .g-tit .desc{font-size: 14px;}

}

@media screen and (max-width:1499px){
    
    .public_p{padding: 70px 0 70px 0;}
	.public_t{padding-top: 70px;}
	.public_b{padding-bottom: 70px;}
	.public_m{margin-top: 36px;}
	.public_m32{margin-top: 24px;}
	.public_m24{margin-top: 16px;}

    .psl_commore{line-height: 42px;padding: 0 30px;}

    .pb_title{font-size: 34px;}

    .g-tit .en{font-size: 40px;line-height: 40px;}
    .g-tit .cn{font-size: 30px;line-height: 30px;margin-bottom: 15px;}

    .top .logo{width:200px;margin:20px 20px 20px 0;height:52px;}
    .pcnav .f_nav{padding:21px 0;}
    .pcnav .f_nav .f_li{margin-left:26px;}
    .pcnav .f_nav .f_li.f_lidown:after{right:-12px;}
    .pcnav .f_nav .f_li .f_n a{font-size:15px;height:50px;line-height:50px;}
    .t_right .t_r{margin-left:30px;padding:21px 0;}

    .foot{padding:50px 0 30px;}
    .foot .f_left{width:375px;}
    .foot .f_left .f_title{font-size:22px;height:32px;line-height:32px;}
    .foot .f_left .f_txt{margin-top:20px;}
    .foot .f_left .f_txt p{line-height:28px;}
    .foot .f_left .f_txt p span{font-size:22px;}
    .foot .f_left .f_ewm .f_li{margin-left:18px;}
    .foot .f_right .f_nav{margin-left:80px;}
    .foot .f_right .f_nav .f_t{font-size:20px;height:30px;line-height:30px;}
    .foot .f_right .f_nav .f_a{margin-top:20px;}
    .foot .f_right .f_nav .f_a a{font-size: 14px;line-height:32px;height:32px;}
    .footbottom{margin-top:30px;padding-top:20px;}


}

@media screen and (max-width:1299px){
    .public_p{padding: 60px 0 60px 0;}
    .public_t{padding-top: 60px;}
    .public_b{padding-bottom: 60px;}
    .public_m{margin-top: 32px;}
    .public_m32{margin-top: 20px;}
    .public_m24{margin-top: 12px;}

    .pb_title{font-size: 30px;}

    .g-tit .en{font-size: 38px;line-height: 38px;}
    .g-tit .cn{font-size: 28px;line-height: 28px;margin-bottom: 12px;}

    .top .logo{width:170px;margin:15px 10px 15px 0;height:44px;}
    .top .t_right{display:none;}
    .pcnav .f_nav{padding:15px 0;}
    .pcnav .f_nav .f_li{margin-left:30px;}
    .pcnav .f_nav .f_li.f_lidown:after{right:-12px;}
    .pcnav .f_nav .f_li .f_n a{font-size:14px;height:45px;line-height:45px;}
    .pcnav .s_nav a{font-size:14px;height:40px;line-height:40px;}
    .t_right .t_r{margin-left:20px;padding:15px 0;}
    .top .nav{display:block;}

    .foot{padding:30px 0 20px;}
    .foot .f_left{width:375px;}
    .foot .f_left .f_title{font-size:17px;height:26px;line-height:26px;font-weight:bold;}
    .foot .f_left .f_txt{margin-top:15px;}
    .foot .f_left .f_txt p{line-height:26px;}
    .foot .f_left .f_txt p span{font-size:20px;}
    .foot .f_left .f_ewm .f_li{margin-left:10px;}
    .foot .f_right .f_nav{margin-left:50px;}
    .foot .f_right .f_nav .f_t{font-size:17px;height:26px;line-height:26px;font-weight:bold;}
    .foot .f_right .f_nav .f_a{margin-top:15px;}
    .foot .f_right .f_nav .f_a a{line-height:28px;height:28px;}
    .footbottom{margin-top:20px;padding-top:15px;}
    .friendlink{padding-top:5px;}



}

@media screen and (max-width:1023px){
    .public_p{padding: 40px 0 40px 0;}
    .public_t{padding-top: 40px;}
    .public_b{padding-bottom: 40px;}
    .public_m{margin-top: 24px;}
    .public_m32{margin-top: 16px;}
    .public_m24{margin-top: 10px;}

    .index_wrap{margin-top: 0;}

    .pb_title{font-size: 24px;}
    
    .psl_commore{font-size: 13px;line-height: 38px;padding: 0 20px;}

    .g-tit .en{font-size: 32px;line-height: 32px;}
    .g-tit .cn{font-size: 24px;line-height: 24px;margin-bottom: 10px;padding-bottom: 16px;margin-top: -20px;}
    .g-tit .desc {font-size: 13px;line-height: 20px;}

    .top{height:60px;background: #fff;}
    .top .container{width: 100%;padding: 0 15px;}
    .top .logo{height: 40px;margin:10px 0;}
    .pcnav{display:none;}
    .top .t_right{display:none;}

    .foot{padding:20px 0 66px;}
    .foot .f_left{width:100%;float:none;}
    .foot .f_left .f_ewm{display:none;}
    .foot .f_right{display:none;}
    .footbottom{margin-top:15px;padding-top:10px;}
    .footbottom p{font-size: 12px;line-height: 22px;}
    .friendlink{padding-top:0;}
    .friendlink .fl_right a{font-size: 12px;line-height: 20px;margin-top: 0;}
    #floatBottom{display:block;}



}

@media screen and (max-width:767px){
    .public_p{padding: 24px 0 24px 0;}
    .public_t{padding-top: 24px;}
    .public_b{padding-bottom: 24px;}
    .public_m{margin-top: 15px;}
    .public_m32{margin-top: 12px;}
    .public_m24{margin-top: 6px;}

    .pb_title{font-size: 22px;}

    .psl_commore{line-height: 36px;}

    .g-tit .en{font-size: 30px;line-height: 30px;}
    .g-tit .cn{font-size: 22px;line-height: 22px;margin-bottom: 8px;padding-bottom: 14px;margin-top: -16px;}

    .foot{padding:15px 0 66px;}
    .foot .f_left .f_txt{margin-top:10px;}
    .foot .f_left .f_txt p em{display:block;margin-left:0;}
    .friendlink span{width:100%;float:none;}
    .friendlink .fl_right{width:100%;float:none;}
    .friendlink .fl_right a{margin-top:5px;margin-right:10px;}


}