/* CSS Document */
@font-face {
    font-family: 'HarmonyOS';
    src: url("../style/font/HarmonyOS_Sans_Regular.ttf") format('truetype');
}

@font-face {
    font-family: 'HarmonyOSBlack';
    src: url("../style/font/HarmonyOS_Sans_Black.ttf") format('truetype');
}
/*--base--*/
*{padding:0;margin:0;line-height:inherit}
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }
img { border: 0 none; vertical-align: top; }
ul, li { list-style-type: none; }
h1, h2, h3, h4, h5, h6 { font-size: 14px; }
body, input, select, button, textarea { font-size: 12px; font-family:HarmonyOS,'Microsoft YaHei', Verdana, Tahoma, SimSun, Geneva, sans-serif; color:#555555; }
body{min-width: 1200px;}
button,input,select,textarea{ margin: 0; padding: 0; outline: none;border:none;background: none;}
button { cursor: pointer; }
i, em, cite { font-style: normal; }
body { line-height: 150%; background-color:#fff; }
a, a:link {color: #555555;text-decoration: none;cursor: pointer;padding: 0;line-height:inherit;margin: 0;}
a:visited {  }
a:active, a:hover { text-decoration: none; color:#000000; }
a:focus { outline: none; }
.fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.fixed { display: block; min-height: 1%; }
*html .fixed { height: 1%; }
.clear { diplay: block!important; float: none!important; clear: both; overflow: hidden; width: auto!important; height: 0!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0; }
/*--input--*/
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea { -webkit-appearance: none;}   
.fl, .fr { display: inline; float: left; }
.fr { float: right; }
b{ font-weight:normal;}
.blank10{ width:100%; height:10px; line-height:10px; clear:both; overflow:hidden;}
/*.3s动画过渡*/
.transtion_3s{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.transtion_4s{-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
.transtion_6s{-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s;transition:all .6s;}


.head {height: 120px;width: 100%;min-width: 1200px;background: #fff; }
.fixTop{box-shadow:0 0 32px 3px rgba(0,0,0,0.15);position: fixed;top: 0;left: 0;z-index: 999;}
.wrapper{width:1200px;height: auto;margin: 0 auto;}
.head .cont{width:1200px;}
.header-left {float: left;height: 50px;width: 50px;padding-top: 25px;}
 .header-left img{width:100%;height:auto;}
.header-con{float: left;margin-left: 120px;}
.header-right{float:right;width: auto;height: 30px;margin: 45px 0;line-height: 30px;}
/*nav导航盒子*/
/*.nav{width:auto;height:120PX;line-height:120px;text-align:center;font-size:18px;position:relative;float:left;z-index:1000;}*/
/*nav-main*/
/*ul.nav-main{width:100%;height:100%;list-style-type:none}
ul.nav-main .current,ul.nav-main>li:hover{font-weight:bold;position: relative;color: #000;}
ul.nav-main .current i,ul.nav-main>li:hover i{position: absolute;width: 100%;height: 7px;background: #e60012;left: 0;bottom: 0;border-radius: 7px;}

*/
/*导航条设置*/
/*ul.nav-main>li{width: auto;height:100%;display:block;float:left;color: #000;cursor:pointer;margin-right: 45px;}
ul.nav-main>li a{display:block}
*/

 .header .nav {font-size: 18px;display: flex;-webkit-box-pack: center;justify-content: center;}  
 .header .nav>li { line-height: 100px; }  
 .header .nav>li:not(:last-child) {margin-right: 45px;}  
 .header .nav>li>a {position: relative;display: inline-block;line-height: 120px;}  
 .header .nav>li>a .line { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; margin: 0 auto; height: 7px; opacity: 0;border-radius:7px; background: #e60012; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }  
 .header .nav>li.active>a .line, .header .nav>li:hover>a .line { width: 100%; opacity: 1; bottom: 0; }  
 .header .header_phone { position: absolute; line-height: 20px; top: 10px; right: 0; }  
 .header .header_phone .header_phone_icon { color: #e60012; font-size: 18px; margin-right: 10px; }  
 .header .header_phone .explain .explain_title { font-size: 14px; color: #333333; }  
 .header .header_phone .explain .explain_phone { font-weight: bold; font-size: 16px; color: #e60012; }  
 .header .header_nav_control { font-size: 30px; display: none; }  
 .header .header_nav_control:active { color: #e60012; }  
 .header_nav { position: fixed; width: 100%; height: 100%; top: 0; left: -100%; opacity: 0; z-index: 10000000; }  
 .header_nav .right { background: rgba(0, 0, 0, 0.5); height: 100%; text-align: center; width: 64px; font-size: 40px; line-height: 200px; color: #fff; border-left: 3px solid rgba(255, 255, 255, 0.7); }  
 .header_nav .right:active { color: #e60012; }  
 .header_nav .left { background: #e60012; font-size: 16px; overflow-y: auto; padding: 15px 0; color: #fff; }  
 .header_nav .left a { line-height: 46px; padding-left: 15px; position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }  
 .header_nav .left a:active, .header_nav .left a.active { background: rgba(255, 255, 255, 0.15); }  
 .header_nav .left a:active::after, .header_nav .left a.active::after { content: ''; display: block; position: absolute; width: 0; height: 0; border: 8px solid rgba(255, 255, 255, 0); border-right-color: rgba(255, 255, 255, 0.7); right: 0; top: 50%; margin-top: -8px; }  
 .header_nav .left .search { margin-top: 10px; padding: 0 15px; }  
 .header_nav .left .search label { height: 40px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.5); width: 100%; font-size: 14px; }  
 .header_nav .left .search label input { padding-left: 18px; }  
 .header_nav .left .search label input::-webkit-placeholder, .header_nav .left .search label input::placeholder { color: #fff; }  
 .header_nav .left .search label button { text-align: center; width: 40px; font-size: 18px; }  
 .header_nav .left ul { background: rgba(255, 255, 255, 0.3); display: none; }  
/* header END ***************************************************** */
 /* 下拉菜单 START */ 
 .header .nav>li { position: relative; }  
 .header .nav>li:hover .header_inside_nav { top: 120px; opacity: 1; z-index: 1000; visibility: visible; }  

 .header .nav>li:nth-last-child(1) .header_inside_nav { right: -100px; left: auto; -o-transform: translate(0, 0); -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }  
 .header .nav>li .header_inside_nav {position: absolute;left: 50%;color: #666;background: #fff;line-height: normal;white-space: nowrap;padding-bottom: 20px;padding: 25px;float: left;box-sizing: border-box;opacity: 0;top: 130px;z-index: 444;width: auto;-o-transform: translate(-50%, 0);-moz-transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);-o-transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;visibility: hidden;}  
 .header .nav>li .header_inside_nav .header_inside_nav_left {width: auto;float: left;min-width: 200px;}  
 .header .nav>li .header_inside_nav .header_inside_nav_left a:hover { color: #e60012; }  
 .header .nav>li .header_inside_nav .inside_nav_title {color: #333333;font-size: 16px;}  
 .header .nav>li .header_inside_nav .line { height: 1px; position: relative; background: #ccc; margin-top: 10px; }  
 .header .nav>li .header_inside_nav .line .inside_line { height: 1px; width: 50px; background: #e60012; position: absolute; top: 0; left: 0; }  
 .header .nav>li .header_inside_nav .inside_nav_list {font-size: 14px;line-height: 28px;padding: 5px 0 0;}  
 .header .nav>li .header_inside_nav .inside_nav_list .item {margin-top: 5px;-moz-transform-style: preserve-3d;width: 100%;display: block;line-height: 24px;}  
 .header .nav>li .header_inside_nav .inside_nav_list .item:hover { -o-transform: translate(-6px, 0); -moz-transform: translate(-6px, 0); -webkit-transform: translate(-6px, 0); transform: translate(-6px, 0); }  
 .header .nav>li .header_inside_nav .inside_nav_list .iconfont {margin-right: 10px;font-size: 14px;color: #aaa;width: 2px;height: 14px;background: #e60012;display: inline-block;float: left;margin-top: 5px;}
 
 
 .brand_nav{width:100%;}
 .brand_nav .item2{width:140px;display:inline-block;margin-top:10px;text-align:center;font-size: 14px;margin-right:10px;line-height:30px;}
 .brand_nav .item2 .navbimg{width:100px;height:auto;border-radius:10px;overflow:hidden;display:inline-block}
 .brand_nav .item2 .navbimg .img{width:100%;height:auto;}
 .brand_nav .item2 span{display:block;}
 .brand_nav .item2:last-child{margin-right:0}
/* .brand_nav .item2:hover .navbimg{box-shadow:0 0 10px rgba(0,0,0,0.1)}
 .brand_nav .item2:hover .navbimg img{transform:scale(1.1)}*/

/* 下拉菜单 END */
.search_con{width: 140px;height: 30px;border-radius: 30px;background: #f8f8f8;}
.search_con .search_inp{width: 100px;height: 28px;line-height: 28px;border: none;padding-left: 10px;}
.search_con .icn{width:20px;height: 20px;position: relative;top: 4px;}

.header-right .lang{margin-left: 15px;color: #999999;font-size: 12px;}
.header-right .lang .cn{font-size: 16px;color: #333333;margin-right: 5px;}
.header-right .lang .en{font-size: 16px;color: #4e4e4e;margin-left: 5px;}

@media screen and (max-width:1200px){
   .head .cont{width:1200px;}
   .header-con{float: left;margin-left: 10px;}
}

.col{width:100%;height: auto;background: #fff;}
.col .wrapper{width:1200px;height: auto;margin: 0 auto;}
.col .title{width:100%;height: auto;margin-top: 70px;margin-bottom: 50px;position: relative}
.col .title .font2230{width:100%;height: auto;font-size: 36px;color: #333333;line-height: 50px;text-align: center;}
.col .title .bg_fs{position: absolute;width: 100%;height: auto; z-index: 0;text-align: center;
    left: 0;font-size: 60px;font-weight: bold;opacity: 0.1;line-height: 10px;font-family: HarmonyOSBlack}


.acontop{width:100%;height: auto;}
.acontop .con{width:100%;height: 480px;background-repeat: no-repeat;background-size: cover;background-position: center;position: relative}
.acontop .title{width:100%;height: auto;position: absolute;top: 50%;transform: translateY(-25px)}
.acontop .title .font2230{width:100%;height: auto;font-size: 40px;color: #FFFFFF;line-height: 50px;text-align: center;}
.acontop .title .bg_fs{position: absolute;width: 100%;height: auto; z-index: 0;text-align: center;  left: 0;font-size: 60px;font-weight: bold;opacity: 0.23;line-height: 10px;font-family: HarmonyOSBlack;color: #FFFFFF}

.mtitle{width:100%;height: auto;margin-top: 65px;margin-bottom: 60px;}
.mtitle .fs_36{width:100%;height: auto;font-size: 36px;color: #333333;line-height: 60px;font-weight: bold;font-family: 'HarmonyOS';}
.mtitle .fs_20{width:100%;height: auto;font-size: 20px;color: #333333;line-height: 36px;}


/*脚部*/
.footer_top{width:100%;height: auto;background: #454545;padding: 38px 0;color: #FFFFFF;}
.footer_top .left{width: 50%;}
.footer_top .left .p18{width:100%;height: auto;font-size: 18px;color: #FFFFFF;line-height: 22.5px}
.footer_top .left .p16{width:100%;height: auto;font-size: 16px;color: #FFFFFF;line-height: 22.5px}
.footer_top .inp_con{width: 50%;height: 45px;}
.footer_top .inp_con .inp{width: 440px;padding: 0 20px;font-size: 14px;background: #FFFFFF;border: none;height: 45px;text-align: left;}
.footer_top .inp_con .btn{display:inline-block;height: 45px;width: 160px;color: #FFFFFF;background: #e60012;text-align: center;line-height: 45px;font-size: 16px;}

.ulcon{width:auto;height: 28px;margin-top: 8.5px}
.ulcon .icon{display:inline-block;width: 45px;height: 28px;}
.ulcon .icon .ic{display:block;background-repeat: no-repeat;background-size:407px 28px;background-image: url("../images/f_icon.png");}

.ulcon .icon .ic1{width:15px;height:28px;background-position: 0 0;}
.ulcon .icon .ic2{width:24px;height:28px;background-position: -45px 0;}
.ulcon .icon .ic3{width:30px;height:28px;background-position: -98px 0;}
.ulcon .icon .ic4{width:25px;height:28px;background-position: -154px 0;}
.ulcon .icon .ic5{width:26px;height:28px;background-position: -206px 0;}
.ulcon .icon .ic6{width:30px;height:28px;background-position: -258px 0;}
.ulcon .icon .ic7{width:32px;height:28px;background-position: -316px 0;}
.ulcon .icon .ic8{width:31px;height:28px;background-position: -375px 0;}


.footer{width:100%;height: auto;background: #454545;padding-top: 45px;}
.footer .logo{width:70px;height: 70px;}
.footer .logo img{width:100%;height:100%}
.footer .con {width:1050px;}
.footer .top{width:100%;border-bottom: 1px solid #e9e9e9;padding-bottom: 15px;}
.footer .top .ulleft{width:860px;}
.footer .top .ulleft .li{float: left;width: 20%;}
.ulleft .fs.fl { width: 100%; font-size: 14px; color: #ffffff; line-height: 30px; margin-bottom: 10px; }  
.ulleft .fs_a,.ulleft .fs_a a { width: 100%; font-size: 14px; line-height: 24px; color: #999999; }  
.ulleft .fs_a a:hover{color:#ffffff}
.ulleft .childul.fl { width: 100%; }
.footer .top .imgs{width: auto;height: auto;}
.footer .top .imgs .img{width:90px;height: auto;text-align: center;margin-left:15px}
.footer .top .imgs .img img{width:90px;height:auto}
.footer .top .imgs .img .fs_12{width:100%;height: auto;font-size: 12px;color: #999999;text-align: center;line-height:30px;}
.footer .bott{margin-top:15px;margin-bottom: 30px;}
.footer .bott .fs_14{width:100%;height: auto;font-size: 14px;line-height: 26px;color: #999999;}

.dp{width:100%;margin:70px 0;float:left}
/*--pagingbar--*/
.pagingbar{width:100%;height:26px;text-align:center;padding-bottom:20px;margin-bottom: 0;float:left;font-size:14px;}
DIV.blue{padding-right: 3px;padding-left: 3px;padding-bottom: 3px;margin: 3px;padding-top: 3px;text-align: center;}
DIV.blue A{padding:0 15px;height:40px;line-height:40px;color:#fff;display:inline-block;color:#fff; background-color:#e0e0e0; margin:0 3px; -moz-border-radius: 0;-khtml-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}
DIV.blue A:hover{background-color:#e60012;color:#fff;}
DIV.blue A:active{background-color:#e60012;color:#fff;}

DIV.blue SPAN.current{padding:0 15px;display:inline-block;height:40px;line-height:40px; color:#fff; margin:0 3px; -moz-border-radius: 0;-khtml-border-radius: 5px;-webkit-border-radius: 0;border-radius: 0;
background-color:#e60012;}
DIV.blue SPAN.disabled{margin:0px 3px;color: #fff;text-align:center;display: inline-block;line-height: 40px;padding: 0 15px;margin:0 3px;-moz-border-radius: 5px;-khtml-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;background-color:#e0e0e0;color:#fff;}