/*Huang CSS Document QQ:52710360 */
/*
 * @author: Huang zhenghua
 * @QQ:52710360 
*/

@font-face {  
    font-family: 'Montserrat';  /* 自定义的字体名称 */  
    src: url('../images/Montserrat-Regular.ttf') format('truetype');  
	
}  
@font-face {  
    font-family: 'MontserratBold';  /* 自定义的字体名称 */  
    src: url('../images/Montserrat-Bold.otf') format('truetype');  
	
}  

html {font-size: 62.5%;}
 body {  font-size: 1.4rem;color:#333; background-color:#fff; font-family:'Montserrat',"Microsoft YaHei",Tahoma,Arial,"Segoe UI", "Lucida Grande", Helvetica, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;}
html,body{width: 100%;height: 100%;}
form{margin:0px;}
img{border:none;}
ul,li { list-style:none; border:none;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,pre, form, fieldset, table, th, td { margin: 0; padding: 0;  }
a{outline: medium none;transition:all 0.2s linear 0s;
-moz-transition:all 0.2s linear 0s;
-webkit-transition:all 0.2s linear 0s;
-o-transition:all 0.2s linear 0s;color:#333;}
a:link {color:#333;text-decoration:none;}
a:visited {text-decoration:none;color:#333;}
a:hover {text-decoration:none;color:#4461F3;}
a:active {text-decoration:none;color:#4461F3;}
a{
	-webkit-tap-highlight-color:transparent;
	outline:none;
	blr:expression(this.onFocus = this.blur());
}
a:focus{
	outline:none;
}
img, input, select {vertical-align:middle;outline: medium none;}
.clear{ float:none !important;clear:both!important; overflow:hidden!important; padding:0px!important; height:0px!important;}
.clearfix:after { content: ""; display: block; clear: both;}
textarea{ font-size:12px;outline: medium none;}
i{ font-style:normal;}
button, input:not([type="radio"]):not([type="checkbox"]), select {vertical-align: middle;}

*{margin:0;padding:0;
box-sizing:border-box;  
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; 
-o-box-sizing:border-box; 
}


.fright{ float:right !important;}
.fleft{ float:left !important;}

header.m-hd{ width:100%; z-index:999; position: absolute; top: 0; left: 0; margin:0 auto;padding: 0; height: auto;}

header.m-hd .header-top{width:100%; overflow:hidden; max-width:1440px;margin:0 auto; height:80px; padding: 0 10px;}
header.m-hd .header-top .m-logo{width:242px;overflow:hidden;display:block; float:left; margin-top:15px;}
header.m-hd .header-top .m-logo img{ width: 100%;}
header.m-hd .header-top .nav{float:right;height:30px; text-decoration:none;margin-top:22px; margin-right: 20px; }
header.m-hd .header-top .nav li{font-size:16px;margin:0 25px; float: left;position: relative; line-height: 30px;}
header.m-hd .header-top .nav a{ color:#fff ; }
header.m-hd .header-top .nav a:hover{ color: #fff ;text-decoration: none;}
header.m-hd .header-top .nav li.hover a{ color: #fff ; }
header.m-hd .right-tool {float: right;height: 30px;margin-top:28px;  overflow: hidden;}
header.m-hd .right-tool .search{ height:20px; width: 20px; background-image: url('../images/icon_search_s.png'); background-repeat: no-repeat;background-position: left center; float: left;line-height: 24px;color:rgba(255, 255, 255, 0.70);  letter-spacing: 1px;display: block; margin-right: 50px;}
header.m-hd .right-tool .language{ height:20px; width: 20px; background-image: url('../images/icon_yuyan.png'); background-repeat: no-repeat;background-position: left center; float: left;line-height: 24px;color:rgba(255, 255, 255, 0.70);  letter-spacing: 1px;display: block;}
header.m-hd .right-tool .language a{text-decoration: none; color:rgba(255, 255, 255, 0.70);}
header.m-hd .right-tool .language a.hover{ color: #fff;}

header.m-hd  .show-md-up.ty2{ background-color: #fff; width: 100%;border-bottom:1px solid #EEEEEE;}
  header.m-hd  .show-md-up.ty2 .header-top{}
  header.m-hd  .show-md-up.ty2 .header-top .nav a{ color:#1E303D; }
  header.m-hd  .show-md-up.ty2 .header-top .nav a:hover{ color:#1E303D; }
  header.m-hd  .show-md-up.ty2 .header-top .nav li.hover  a{ color: #1E303D ; }
  header.m-hd  .show-md-up.ty2 .right-tool .search{ background-image: url('../images/icon_search_b.png'); }
  header.m-hd  .show-md-up.ty2 .right-tool .language{background-image: url('../images/icon_yuyan_b.png');}



header.m-hd  .show-md-up.show{ background-color: #fff; position: absolute; top: 0; width: 100%;left: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12); z-index: 2;  opacity: 0;  transform: translateY(-10px);  transition: all 0.3s ease-in-out;pointer-events: none; /* 隐藏时禁止鼠标交互 */}
header.m-hd  .show-md-up.show .header-top{border-bottom:1px solid #EEEEEE;}
header.m-hd  .show-md-up.show .header-top .nav a{ color:#1E303D; }
header.m-hd  .show-md-up.show .header-top .nav a:hover{ color:#1E303D; }
header.m-hd  .show-md-up.show .header-top .nav li.hover  a{ color: #1E303D ; }
header.m-hd  .show-md-up.show .right-tool .search{ background-image: url('../images/icon_search_b.png'); }
header.m-hd  .show-md-up.show .right-tool .language{background-image: url('../images/icon_yuyan_b.png');}

header.m-hd  .show-md-up.sub-menu-show {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto; /* 显示时允许鼠标交互 */
}

.sub-menu{width:100%; overflow:hidden; max-width:1440px;margin:0 auto;display: flex;justify-content:space-between; padding: 40px 10px;}
.sub-menu .navbox{overflow:hidden; width: 70%; display: flex;justify-content:space-between}
.sub-menu .navbox .nav{ float:left;overflow:hidden;color:#1E303D;}
.sub-menu .navbox .nav dt{font-size: 18px;line-height:24px; margin-bottom:8px;overflow:hidden;font-weight: bold; position: relative; width: 100%; z-index: 1;}
.sub-menu .navbox .nav dt::after {content: " ";  position: absolute;  bottom: 3px;  left: 0;z-index: -1;width: 36px;height:6px;background: #1B85D2;
border-radius:3px;}
.sub-menu .navbox .nav dd{ font-size:15px;line-height:20px; overflow:hidden;margin-top:10px;color:rgba(30, 48, 61, 0.7)}
.sub-menu .navbox .nav dd a{color:rgba(30, 48, 61, 0.7)}
.sub-menu .navbox .nav dd a:hover{color:#1673b5;}

.sub-menu .navbox .img{ width: 30%;}
.sub-menu .navbox .img img{ width: 100%;}

.sub-search{width:100%; overflow:hidden; max-width:800px;margin:0 auto;padding: 80px 0;}
.sub-search .sbox{height: 50px;background: #FFFFFF;border-radius: 25px;border: 1px solid rgba(30,48,61,0.3); position: relative;}
.sub-search .sbox .el-form-item__label{display: none;}
.sub-search .sbox  .el-input__inner{ height: 50px; line-height: 50px; border: 0;background: transparent;}
.sub-search .sbox .but{ width: 80px; height: 50px; overflow:hidden; position: absolute; top: 0; right: 0;background:url("../images/icon_search_t.png"); background-position: center; background-repeat: no-repeat; cursor:pointer;}




.show-sm-only{display: none;}

.v-modal{z-index:89!important;}
.am-header { color:#fff; font-size:16px;position: relative;  width: 100%;  height: 49px;  line-height: 49px;  padding: 0 10px;}
.am-header .am-header-nav { position: absolute; top: 0;}
.am-header .am-header-left { left: 10px;}
.am-header .am-header-left  img{ height: 20px;}
.am-header .am-header-title { margin: 0 30%;font-weight: normal; text-align: center; display: block; word-wrap: normal;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.am-header .am-header-right { right: 10px;}
.am-header .am-header-right img{margin-top: -4px;}
.am-header a{ color:#fff; text-decoration:none;}

.pcdrawer .el-drawer__header{display: none !important;}

.el-drawer__header{ margin-bottom: 0 !important; z-index: 99999!important;}

.el-drawer__container .el-drawer__close-btn{ font-size: 30px !important;}
header.m-hd nav li{ransition: all 0.2s linear 0s; }
.am-offcanvas-content{ padding:15px 0; width:100%;}

.am-offcanvas-content .nav{ width: 100%;:none;margin-top:5px; font-size: 18px; overflow: hidden;}
.am-offcanvas-content .nav li{font-weight: bold;font-size: 16px;color: #1E303D; float: left; width: 100%; line-height:34px;height:34px;padding: 0 20px;}
.am-offcanvas-content .nav li a{text-decoration:none;color: #1E303D; background-repeat: no-repeat; background-position:0px  center;}
.am-offcanvas-content .nav li.hover{background-color:#1679ba;color:#fff; font-weight: bold;}
.am-offcanvas-content .nav li.hover a{color:#fff;}

.am-offcanvas-content .el-submenu__title{line-height:34px;height:34px;font-weight: bold;font-size: 16px;color: #1E303D; }
.am-offcanvas-content .el-submenu .el-menu-item{color: #1E303D;line-height:30px;height:30px;}

.am-offcanvas-content .right-tool {height: 30px;margin-top:28px;  overflow: hidden; width: 100%; text-align: center;display: flex; justify-content:center;}
.am-offcanvas-content .right-tool .search{ height:20px; width: 20px; background-image: url('../images/icon_search_b.png') !important; background-repeat: no-repeat;background-position: left center; float: left;line-height: 24px;color:rgba(255, 255, 255, 0.70);  letter-spacing: 1px;display: block; margin-right: 50px;}
.am-offcanvas-content .right-tool .language{ height:20px; width: 20px; background-image: url('../images/icon_yuyan_b.png') !important; background-repeat: no-repeat;background-position: left center; float: left;line-height: 24px;color:rgba(255, 255, 255, 0.70);  letter-spacing: 1px;display: block;}
.am-offcanvas-content .right-tool .language a{text-decoration: none; color:rgba(255, 255, 255, 0.70);}
.am-offcanvas-content .right-tool .language a.hover{ color: #fff;}




.common-box{width: 100%; max-width: 1440px; margin: 0 auto; overflow: hidden;}
.common-title{width: 100%; overflow: hidden;color: #333333;font-weight: bold;font-weight: bold;font-size: 64px;color: #1E303D;font-family: MontserratBold;}
.common-title span{position: relative;z-index: 8;}
.common-title  span::after {content: " ";  position: absolute;  bottom: 5px;  left: 0;margin: 0 auto;z-index: -1;width: 164px;height: 20px;background: linear-gradient( 90deg, #D94640 0%, #115FAD 100%);border-radius:13px;}



.commonad{width: 100%;margin: 0 auto; overflow: hidden; position: relative;background-repeat: no-repeat; background-position:center bottom;height: 460px;}
.commonad .img{ width: 100%;display: none;}
.commonad .dt{width:96%;max-width:1200px; overflow: hidden; position: absolute;margin:0 auto; left: 0; right: 0; color: #fff;bottom: 30%; text-align: center;
background-image: url("../images/logo3.png"); background-repeat: no-repeat;  background-position:center bottom; height: 160px;font-family: Montserrat, Montserrat;font-weight: bold;font-size: 60px;color: #FFFFFF;display: flex;justify-content:center;align-items:center;
}




.commonadnav{width: 100%;margin: 0 auto; overflow: hidden; position: relative;background: #FAFAFA; display: flex;}
.commonadnav li{order:1;flex-grow:1; font-size:16px; color: #666666; height: 70px; line-height: 70px; text-align: center;}
.commonadnav li a{display: block;height: 70px;}
.commonadnav li.hover{background-color: #4461F3; color: #fff;}
.commonadnav li.hover a{color: #fff;}
.commonadnav li.hover a:hover{color: #fff;}


.common-list{}
.common-list li { padding: 15px; width: 25%; float: left; overflow: hidden;}
.common-list li .box{background: #FFFFFF;border-radius: 0px 20px 0px 0px;border:1px solid #F8F8F8; overflow: hidden; padding: 20px 20px 12px 20px; display: block;}
.common-list li .box .img{border-radius: 0px 10px 0px 0px;display: block; width: 100%;}
.common-list li .box .info{ width: 100%; overflow: hidden;background: url('../images/icon_arrow2.png') right center no-repeat; height: 44px; margin-top: 18px; }
.common-list li .box .info .title{width: 100%; overflow: hidden;font-size: 16px; height: 18px;}
.common-list li .box .info .icon{ width: 24px; height: 24px;background: url('../images/icon_more.png') no-repeat; margin-top: 2px;}




.indextopad {position:relative;width:100%; overflow:hidden; margin: 0 auto;}
.indextopad .swiper-slide { background-size:cover; background-repeat:no-repeat; background-position:center center; position:relative;}

.indextopad .swiper-slide .box{position: absolute; top:30%; margin:0 auto; left: 0; right: 0; overflow: hidden;max-width: 1440px; width: 100%;  padding: 0 20px;  padding-bottom: 20px;}
.indextopad .swiper-slide a{ overflow: hidden;display: block;}
.indextopad .swiper-slide img{width: 100%;}
.indextopad .swiper-slide dl{ width: 100%; overflow: hidden; color: #fff;max-width:700px;}
.indextopad .swiper-slide dl dt{font-size: 60px;font-weight: bold;}
.indextopad .swiper-slide dl dd{font-size: 18px; margin-top: 20px;}
.indextopad .swiper-slide dl dd.bdd{font-size: 24px; margin-top: 20px;font-weight:100;}


.csearchbox{height: 50px;background: #FFFFFF;border-radius: 25px; position: relative; margin-top: 60px; width: 258px; background: url("../images/bg.png");background-repeat: no-repeat;}
.csearchbox.mo{display: none;}
.csearchbox  .el-form-item__label{display: none !important;}
.csearchbox  .el-input__inner{ height: 50px; line-height: 50px; border: 0;background: transparent;color:#fff}
.csearchbox .but{ width: 50px; height: 50px; overflow:hidden; position: absolute; top: 0; right: 0;background:url("../images/icon_search.png"); background-position: center; background-repeat: no-repeat;cursor:pointer;}

    /* 设置input元素占位符的字体大小 */
.csearchbox  .el-input__inner::-webkit-input-placeholder {
      color:#fff!important;  font-size: 14px; /* Chrome, Safari, Opera */
    }
.csearchbox  .el-input__inner:-moz-placeholder {
        color:#fff!important; font-size: 14px; /* Firefox 18- */
    }
.csearchbox  .el-input__inner::-moz-placeholder {
       color:#fff !important;  font-size: 14px; /* Firefox 19+ */
    }
.csearchbox  .el-input__inner:-ms-input-placeholder {
        color:#fff!important; font-size: 14px; /* Internet Explorer 10+ */
    }

.indextopad .pag-boxm{max-width: 1440px; padding: 0 20px; width: 100%; overflow: hidden;bottom: 10%; position:absolute;margin:0 auto; left: 0; right: 0; z-index: 8;}
.indextopad .pag-box{max-width:448px; width: 100%;z-index: 9;overflow: hidden;}
.indextopad .pag-box  .pagination{width: 88px; height: 48px; display: block; float: left; text-align: center; line-height: 48px;font-size:  18px;font-weight: bold;color: #fff;}
.indextopad .swiper-pagination-current{font-size: 48px !important;}
.indextopad .pag-box .button-prev,.indextopad .pag-box .button-next{ width: 48px; height: 48px; display: block; float: left;}
.indextopad .pag-box .button-prev{background: url('../images/icon_left.png') no-repeat;background-size: 100%;}
.indextopad .pag-box .button-next{background: url('../images/icon_right.png') no-repeat;background-size: 100%;}
.indextopad .pag-box  .swiper-pagination-bullet{background-color: #fff; width:8px; height: 8px;}
.indextopad .pag-box  .swiper-pagination-bullet-active{ transform: scale(1.3);}
.indextopad .pag-box  .swiper-button-disabled{opacity:0.4}



.index-main01all{background-color:#fbfbfb; width: 100%; overflow: hidden;}

.index-main01{display: flex; overflow: hidden;justify-content:space-between; padding: 120px 0;}
.index-main01 .mleft,.index-main01 .mright{ width: 46.6%; overflow: hidden; position: relative;}
.index-main01 .mleft .st{ overflow: hidden; width: 100%; height: 30px; line-height: 30px; position: relative;}
.index-main01 .mleft .st::after {content: " "; left: 0; top: 14px;
  position: absolute;margin: 0 auto;z-index: 1;width: 100%;height:1px;background: #ABABAB;}
.index-main01 .mleft .st span{display: block;background-color:#fbfbfb;  padding:0 10px; position: relative;z-index: 2;float: left; margin-left:30px;font-size: 16px; color: #1E303D;font-weight: bold;}

.index-main01 .mleft .dt{font-size: 40px; color: #1E303D;font-weight: bold; width: 100%; overflow: hidden; margin-top: 20px;}
.index-main01 .mleft .dd{font-size: 16px;color: #1E303D;line-height: 32px;width: 100%; overflow: hidden; margin-top: 20px;}
.index-main01 .mleft .img{ margin-top: 60px;width: 100%; overflow: hidden;}
.index-main01 .mleft .img img{ width: 100%;}


.index-main01 .mright {position:relative;}
.index-main01 .mright .swiper-slide { background-size:cover; background-repeat:no-repeat; background-position:center center; position:relative;}
.index-main01 .mright .swiper-slide img{width: 100%;}
.index-main01 .mright  .swiper-container{ margin-top: 60px;}
.index-main01 .mright .txt{ margin-top: 70px;width: 100%; overflow: hidden; text-align: right;font-size: 14px;color:#333333;font-weight: bold;line-height: 20px;}
.index-main01 .mright .txt a{color:#333333; margin-left: 40px;}
.index-main01 .mright .pag-box{ width: 100%; overflow: hidden;display: flex; justify-content:flex-end}
.index-main01 .mright .pag-box .button-prev,.index-main01 .mright .pag-box .button-next{ width: 60px; height:60px; display: block; float: left;cursor: pointer;}
.index-main01 .mright .pag-box .button-prev{background: url('../images/icon_arrow.png') no-repeat;background-size: 100%;}
.index-main01 .mright .pag-box .button-next{background: url('../images/icon_arrow2.png') no-repeat;background-size: 100%; margin-left: 30px;}


.index-main02{padding:100px 0;text-align: center;font-weight: bold;background: linear-gradient( 180deg, #FFFFFF 0%, #FBFBFB 100%); width:100%; overflow: hidden;}
.index-main02 .box{max-width: 890px; width: 100%; overflow: hidden; margin: 0 auto;}
.index-main02 .dt{font-size: 16px;color: #1E303D;line-height: 22px; width: 100%; overflow: hidden;}
.index-main02 .dd{font-size: 40px;color: #1E303D;width: 100%; overflow: hidden; padding: 30px 0;}
.index-main02 .img{ width: 100%; margin-top: 80px;}
.index-main02 .img img{ width: 100%;}


.index-main03{ max-width:100%;display: flex; overflow: hidden; width: 100%;}
.index-main03 .mbox{ width:50%; overflow: hidden; position: relative;}
.index-main03 .tbox{ position: absolute; padding-bottom: 65px; padding-right:100px;color: #fff; text-align: right;background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, #175fad 120%); bottom: 0; left: 0; width: 100%;}
.index-main03 .tbox .dt{font-size: 18px;line-height: 22px; width: 100%; overflow: hidden;}
.index-main03 .tbox .dd{font-size: 60px;width: 100%; overflow: hidden; font-weight: bold;margin-top: 10px;}
.index-main03 .tbox a{width: 132px;height: 50px;background: linear-gradient( 92deg, #DA4640 0%, #B44B54 19%, #115FAD 100%);
border-radius:25px;display: inline-block; line-height: 50px; text-align: center;color:#fff;font-size: 14px; margin-top: 33px;}
.index-main03 .img{ width: 100%;}



.index-main04all{background-color:#F8F8F8; overflow: hidden; padding: 120px 0;}
.index-main04{ max-width: 100%;}
.index-main04 .dbox{display: flex; justify-content:space-between; overflow: hidden; align-items:center;align-items:flex-start;}
.index-main04 .br{ overflow: hidden;width: 76%; padding-left: 25px;}
.index-main04  .mleft{width: 46%; overflow: hidden; padding-left:12%;}
.index-main04  .tabs2{width:100%;  padding: 10px 0; margin-top: 30px; overflow: hidden;}
.index-main04  .tabs2 li{ width:100%; height:46px; line-height:46px;font-size: 18px; cursor: pointer;position: relative;color: #333;}
.index-main04  .tabs2 li.active{ font-weight: bold; font-size: 28px;}
.index-main04  .swiper-container{}
.index-main04 .swiper-slide{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;transition: 300ms;transform: scale(0.8) !important;}
	  
.index-main04 .swiper-slide .img{width: 100%;}
.index-main04 .swiper-slide .box{position: relative; overflow: hidden;display: block; width: 100%; padding-bottom: 25px;}
.index-main04 .swiper-slide .box .dt{background-image: url("../images/h1.png"); width: 296px; height: 46px; line-height: 46px; background-repeat: no-repeat;background-size: cover;font-size: 18px;color: #FFFFFF;font-weight: bold; position: absolute;bottom: 0; left: 0; right: 0; margin: 0 auto;font-weight: bold; padding-left: 5px;}
.index-main04 .swiper-slide .box .dt i{ padding: 0 8px;}
.index-main04 .swiper-slide .box .dd{ position: absolute; top:10%; left: 5%;font-weight: bold;font-size: 30px;color: #1E303D; overflow: hidden;}

/* .index-main04 .swiper-slide-active{transform: scale(1);	} */
.index-main04 .swiper-slide-active{transform: scale(1) !important;	}
.index-main04 .but{ margin-top: 50px; overflow: hidden; width: 100%;}
.index-main04 .but span{ margin-right: 30px;}
.index-main04 .but span{ margin-right: 30px;}



input::placeholder,textarea::placeholder{
  color: #999 !important;font-weight: bold!important;
}


.Plist-body{background-color: rgba(245, 245, 245, 1);}
.Plist-box{display: flex; overflow: hidden;}
.Plist-box .mleft,.Plist-box .mright{overflow: hidden; position: relative;}
.Plist-box .mleft{ width: 336px; overflow: hidden; min-height: 10px;background-color: #fff; margin-right: 32px; margin-top: 40px; padding: 30px;}
.Plist-box .mright{flex: 1; overflow: hidden;min-height: 10px; margin-top:8px;}

.Plist-box .mleft .htitle{font-weight: bold;font-size: 18px;color: #1E303D;line-height: 25px;border-bottom:1px solid #EEEEEE; padding: 10px 0 24px 0;}
.Plist-box .el-menu{border: 0;}
.Plist-box .el-menu .el-submenu__title{ padding: 0 !important;font-weight: bold;font-size: 16px;color: #333333;}
.Plist-box .el-menu .el-submenu__title:hover{background-color: transparent;}
.Plist-box .el-menu  .el-icon-arrow-down::before {  content:"\e6d9"; color: #1E303D;}
.Plist-box .el-menu  .el-submenu.is-opened .el-icon-arrow-down::before {  content:"\e6d8";}
.Plist-box .el-menu .el-submenu{border-bottom:1px solid #EEEEEE;}


.Plist-box .mlist{ margin:0 -15px; overflow: hidden;}
.Plist-box .mlist li{ width: 33.33%; overflow: hidden; float: left; text-align: center; padding:0 15px;margin-top: 32px; }
.Plist-box .mlist li .img{ width: 100%; overflow: hidden;}
.Plist-box .mlist li .img img{ width: 100%;}
.Plist-box .mlist li  a{display: block; width: 100%;background-color: #fff; padding:25px 25px; overflow: hidden;}
.Plist-box .mlist li .dt{ width: 100%; overflow: hidden;font-size: 16px;
color: #1E303D;line-height: 24px;font-weight: bold; margin-top: 10px; height: 24px;}




.aboutusC1{ width: 100%; overflow: hidden; margin-top: 120px;display: flex;}
.aboutusC1 .b1,.aboutusC1 .b2{ width:50%; overflow: hidden;}
.aboutusC1 .b1{float: left;}
.aboutusC1 .b1 img{ width: 100%;}
.aboutusC1 .b2{float: right; padding:0 3% 0 5%;display: flex;align-items:center; position: relative;}
.aboutusC1  .common-title{font-size: 48px;}
.aboutusC1 .dd{font-size: 18px;color: #1E303D;line-height: 24px; margin-top:20px;overflow: hidden;font-family: 'Montserrat';font-weight: bold;}
.aboutusC1 .dd2{overflow: hidden;font-size: 16px;color: #1E303D;line-height: 32px;margin-top: 9px; width: 100%;font-family: 'Montserrat';}
.aboutusC1 .dd2 p{ margin-top: 20px;}
.aboutusC1 .info{ width: 100%;}
.aboutusC1.ri .b2{ padding:0 5% 0 3%;}

.aboutusC2{ width: 100%; overflow: hidden; height: 500px; margin-top: 120px;background-position: center;background-repeat: no-repeat; background-size: cover;display: flex; justify-content:center;align-items:center;}

.aboutusC2 dl{ width: 100%; max-width:880px; overflow: hidden;}
.aboutusC2 dt{width: 100%; overflow: hidden;font-weight: bold;font-weight: bold;font-size:48px;color: #fff;font-family:MontserratBold; text-align: center;}
.aboutusC2 dt span{position: relative;z-index: 8;}
.aboutusC2 dt  span::after {content: " ";  position: absolute;  bottom: 5px;  left: 0;right: 0;  margin: 0 auto;z-index: -1;width: 164px;height: 20px;background: linear-gradient( 90deg, #FFFFFF 0%, #FFFFFF 100%);border-radius:13px;opacity: 0.65;}
.aboutusC2 dd{ margin-top: 50px;font-size: 16px;color: #FFFFFF;line-height: 32px; width: 100%; overflow: hidden; text-align: center;}


.aboutusC3{ margin-top: 120px;}
.aboutusC3 .clist{ margin:50px -15px 0 -15px; overflow: hidden;}
.aboutusC3 .clist li{ width:33.33%; overflow: hidden; padding: 0 15px; margin-top:20px;float: left;}
.aboutusC3 .clist li a{display: block; width: 100%; position: relative;} 
.aboutusC3 .clist li .box{ width: 100%; position: absolute;bottom: 0; left: 0; padding:40px 45px;transition:all 0.3s ease-in-out;display: flex; height: 120px;}
.aboutusC3 .clist li .box dt{font-size: 36px;color: #FFFFFF;font-family:MontserratBold;line-height: 50px;}
.aboutusC3 .clist li .box dd{font-size: 14px;color: #FFFFFF;line-height: 28px; margin-top: 20px;display: none;}
.aboutusC3 .clist li  .img{ width: 100%;}
.aboutusC3 .clist li a:hover .box{ height: 100%;justify-content:center;align-items:center;text-align: center;}
.aboutusC3 .clist li a:hover .box dt{font-size: 18px;}
.aboutusC3 .clist li a:hover .box dd{display: block;}


.aboutusC4{ width: 100%; overflow: hidden; margin-top: 120px;display: flex;}
.aboutusC4 .b1,.aboutusC4 .b2{ width:50%; overflow: hidden;}
.aboutusC4 .b1{float: left;}
.aboutusC4 .b1 img{ width: 100%;}
.aboutusC4 .b2{float: right; padding:0 12% 0 5%;display: flex;align-items:center; position: relative;}
.aboutusC4  .common-title{font-size: 48px;}
.aboutusC4 .dd{font-size: 18px;color: #1E303D;line-height: 24px; margin-top:20px;overflow: hidden;font-family: 'Montserrat';font-weight: bold;}
.aboutusC4 .dd2{overflow: hidden;font-size: 16px;color: #1E303D;line-height: 32px;margin-top: 9px; width: 100%;font-family: 'Montserrat';}
.aboutusC4 .dd2 p{ margin-top: 20px;}
.aboutusC4 .dd3{font-size: 18px;color: #1E303D;line-height: 32px; margin-top:20px;overflow: hidden;font-family: 'Montserrat';font-weight: bold; position: relative; padding-left: 18px;}
.aboutusC4 .dd3::after{content: " ";  position: absolute; height: 100%; left: 0; top: 0;width: 6px;background: linear-gradient( 180deg, #D94640 0%, #115FAD 100%);border-radius: 13px; }


.aboutusC4 .info{ width: 100%;}
.aboutusC4.ri .b2{ padding:0 5% 0 12%;}



.details-box{display: flex;justify-content:space-between;  padding-top: 140px;}
.details-box .dleft,
.details-box .dright{ overflow: hidden;}
.details-box .dleft{ width: 52%;display: flex;height:510px;}
.details-box .dright{ width: 43%;}
.details-box .dright .htitle{font-weight: bold;font-size: 40px;color: #1E303D;font-family:MontserratBold; padding: 24px 0;border-bottom: solid #EEEEEE 1px;}

.details-box .dright .st {padding: 24px 0;font-size: 18px;color: #1E303D;line-height: 25px;font-family:MontserratBold; width: 100%; overflow: hidden;}
.details-box .dright .content{font-family:Montserrat;font-size: 16px;
color:rgba(30, 48, 61, 0.5);line-height: 32px;width: 100%; overflow: hidden;}

.details-box .dleft .sbox{ width: 60px; overflow: hidden; margin-right: 20px;}
.details-box .dleft .sbox .but{ width: 100%; height: 27px; overflow: hidden;display: flex;justify-content:center;align-items:center;font-size:16px;color:#A5ACB1;cursor: pointer;}


.details-box  .mySwiper{box-sizing:border-box; overflow: hidden; width: 100%;height:460px;}
 .details-box .mySwiper .swiper-slide{width:100%;height:58px;border: 1px solid rgba(30,48,61,0.15);}
 .details-box .mySwiper .swiper-slide-thumb-active{border: 1px solid #1E303D;}
 .details-box .mySwiper img{display:block;width:58px;height:58px;object-fit:cover;}
 
.details-box  .swiper-slide{text-align:center;font-size:18px;background:#fff;display:flex;justify-content:center;align-items:center}
.details-box  .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
.details-box  .mySwiper2{width:100%;height:510px;margin-left:auto;margin-right:auto;flex:1;}
.details-box  .mySwiper2 img{ width: 100%;}


.am-pagination{ margin:40px auto 0 auto; text-align: right; max-width:1440px; overflow: hidden; width: 100%;}
.am-pagination > li{display:inline-block;background-color:  #F0F2F5; text-align: center; }
.am-pagination > li > a, .am-pagination > li > span{border: 1px solid #F6F6F6;min-width: 34px; line-height: 32px;display: block;text-decoration: none;color: #1E303D;font-size: 16px;}

.am-pagination .prev{ background:#F0F2F5 url(../images/icon_left2.png) center center no-repeat!important;}
.am-pagination .next{ background:#F0F2F5 url(../images/icon_right4.png) center center no-repeat!important;}
.am-pagination .next:hover,.am-pagination .prev:hover{color:#333; background-color:none!important; }
.am-pagination > .am-active{background: #1E303D; border-radius:4px;}
.am-pagination > .am-active > a{font-weight: bold; color: #fff;}



footer.footer{font-size:14px;padding-top:70px; overflow: hidden;background-color:#fff; margin-top: 50px; border-top: solid #fafafa 1px;}
footer.footer .box{width:100%; max-width:1440px; margin:0 auto; overflow: hidden;
 display: flex;justify-content:space-between
 }

footer.footer .box .navbox{overflow:hidden;display: flex;justify-content:space-between; width: 100%; }

footer.footer .box .navboxs{justify-content:space-between; width: 55%; }
footer.footer .box .nav{ float:left;overflow:hidden;color:#1E303D;}
footer.footer .box .nav>dt{font-size: 18px;line-height:24px; margin-bottom:16px;overflow:hidden;font-weight: bold; position: relative; width: 100%; z-index: 1;}
footer.footer .box .nav>dt::after {content: " ";  position: absolute;  bottom: 3px;  left: 0;z-index: -1;width: 36px;height:6px;background: #1B85D2;border-radius:3px;}
footer.footer .box .nav>dd{ font-size:15px;line-height:20px; overflow:hidden;margin-top:5px;color:rgba(30, 48, 61, 0.7)}
footer.footer .box .nav>dd a{color:rgba(30, 48, 61, 0.7)}
footer.footer .box .nav>dd a:hover{color:#1673b5;}



footer.footer .box .contact{overflow: hidden; width:30%;}
footer.footer .box .contact .nav{ width: 100%;}
footer.footer .box .contact .nav>dd{}
footer.footer .box .contact .li{ width: 100%; overflow: hidden;color: #1E303D; padding-left: 34px; margin-bottom: 16px; background-repeat: no-repeat; background-size: 24px; background-position: 0 0;}
footer.footer .box .contact .li dt{font-size: 16px;font-weight: bold; height:24px; line-height: 24px; margin-bottom: 5px;}
footer.footer .box .contact .li dd{font-size: 14px;line-height: 24px; color: rgba(30, 48, 61, 0.7); margin-top:3px;}
footer.footer .box .contact .li.wa{background-image:url("../images/icon_whatsapp.png");}
footer.footer .box .contact .li.mail{background-image:url("../images/icon_email.png");}
footer.footer .box .contact .li.phone{background-image:url("../images/icon_tel.png");}

footer.footer .txtall{ width:100%;line-height:25px;font-size:16px; color:rgba(30, 48, 61, 0.5);font-size: 16px; overflow: hidden; margin-top:120px;}




.border0{ border:0 !important;}
a.co4{color:#048ac2;text-decoration:underline;}
a.co4:hover{ color:#F00;}
.cf00{ color:#ff0000;}
.padding0{ padding:0 !important;}
.margin0{ margin:0 !important;}
.margintop20{ margin-top:20px!important;}
.margintop10{ margin-top:10px!important;}
.margintop40{ margin-top:40px!important;}
.margintop0{ margin-top:70px!important;}
.margintop00{ margin-top:0!important;}
/*Huang CSS Document QQ:52710360 */
/*
 * @author: Huang zhenghua
 * @QQ:52710360 
*/

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

}

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

}

@media only screen and (max-width:1440px){
.common-box{ padding-left: 10px; padding-right: 10px;}
.index-main04 .mleft{  padding-left: 0;}
.index-main04 .mleft{ width: 36%;}
footer.footer .box{ padding-left: 10px; padding-right: 10px;}
}

@media only screen and (max-width:1300px){
.indextopad .swiper-slide .box{ top: 20%;}
.indextopad .sbox{ margin-top: 30px;}
header.m-hd .header-top .nav li{margin: 0 18px;}
.aboutusC3 .clist li .box{padding:20px 25px; height: 80px;}
.aboutusC3 .clist li .box dt{font-size: 26px;}

}

@media only screen and (max-width:1220px){
header.m-hd .header-top .nav li{ margin: 0 15px;}

.index-main03 .tbox{padding-bottom:30px;  padding-right: 50px;}
.index-main03 .tbox .dd{font-size: 50px;}
.index-main04 .swiper-slide .box .dd{font-size: 20px;}
.index-main04 .swiper-slide .box .dt{font-size: 16px;}

}

@media only screen and (max-width:1100px){
header.m-hd .header-top .nav li{ margin: 0 10px;}
header.m-hd .right-tool .search{ margin-right: 20px;}
header.m-hd .header-top .nav li{ margin: 0 6px;}
.common-title{font-size: 50px;}

.Plist-box .mlist li{ width: 50%;}
}

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

header.m-hd{position: inherit;}
.show-sm-only{display: block;}
.show-md-up{display: none;}
.am-offcanvas {display: block;}
.am-offcanvas-bar{display: block;}
.indextopad .swiper-slide dl dt{font-size: 40px;}
.indextopad .swiper-slide dl dd.bdd{font-size:16px; margin-top: 10px;}
.indextopad .csearchbox{ margin-top: 20px;}
.indextopad .swiper-slide .box{ top:15%;}

.commonad{ height: 360px;}
}

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

}


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

}



@media only screen and (max-width:640px){
	
.Plist-box{display: block;}
.Plist-box .mleft{ width: 100%;padding:10px;}
.Plist-box .el-menu .el-submenu__title{ height:40px; line-height:40px;}
.Plist-box  .el-submenu .el-menu-item{ height:40px; line-height:40px;}
		
.Plist-box .mlist {  margin: 0 -5px;}	
.Plist-box .mlist li{padding: 0 5px; margin-top: 15px;}
.am-pagination{ text-align: center;}
		
.details-box{ padding-top:30px;display: block;}
.details-box .dleft{ width: 100%;}
.details-box .dright{ width: 100%;}
.details-box .mySwiper2{ height: 280px;}	
.details-box .dleft{ height: 280px;}	
.details-box .mySwiper{ height: 240px;}
.details-box .dleft .sbox .but{ height: 22px;}
.details-box .dright .htitle{font-size: 30px;}
.details-box .dright .st{ padding: 10px 0;}
		
		
.commonad{ height:160px;background-size: auto 100%;}
.commonad .dt{background-size: 80%;bottom:12%; height: 100px;font-size: 40px; background-position:center;}
.aboutusC1{ margin-top:20px;display: block;}
.aboutusC1 .b1{ width: 100%;}
.aboutusC1 .b2{ width: 100%; padding:10px 0;}
.aboutusC1 .dd2 p{ margin-top: 10px;}
.aboutusC1.ri .b2{ width: 100%; padding:10px 0;}
.aboutusC2{ margin-top: 30px; height: 200px;background-size: auto 100%;background-position: right;}
.aboutusC2 dd{ margin-top: 10px;line-height:18px;font-size: 14px;}
.aboutusC2 dt{font-size: 34px;}

.aboutusC3{ margin-top:20px;display: block;}
.aboutusC3 .common-title{font-size: 32px;}
.aboutusC3 .clist li{ width: 100%;}
.aboutusC3 .clist{ margin-top: 20px;}

.aboutusC4{ margin-top:20px;display: block; padding: 10px;}
.aboutusC4 .b1{ width: 100%;}
.aboutusC4 .b2{ width: 100%; padding:10px 0;}
.aboutusC4 .dd2 p{ margin-top: 10px;}
.aboutusC4.ri .b2{ width: 100%; padding:10px 0;}
.aboutusC4 .info .common-title{font-size: 40px;}

.indextopad .swiper-slide .box{ top: 3%;}
.indextopad .swiper-slide dl dd{font-size: 14px;}
.indextopad .swiper-slide dl dt{font-size: 30px;}
.indextopad .swiper-slide dl dd.bdd{font-size:14px; margin-top: 0px;}
.indextopad .csearchbox{display: none;}
.indextopad .pag-box .button-prev, .indextopad .pag-box .button-next{ width: 24px; height: 24px;}
.indextopad .pag-boxm{bottom:5%;}
.indextopad .pag-box .pagination{ height:24px; line-height: 24px;}
.csearchbox.mo{display: block; margin:10px auto; width: 90%;background: linear-gradient( 92deg, #DA4640 0%, #B44B54 19%, #115FAD 100%);}
.csearchbox .but{ border: 2px #fff solid;border-radius: 50px;}

.index-main01{ padding-top: 30px; padding-bottom: 30px;display: block;}
.index-main01 .mleft, .index-main01 .mright{ width: 100%;}
.index-main01 .mleft .img{ margin-top: 10px;}
.index-main01 .mright{ margin-top: 20px;}
.index-main01 .mright .pag-box{justify-content:center;}
.index-main01 .mright .swiper-container{ margin-top: 20px;}
.index-main01 .mright .txt{ text-align: center; margin-top: 10px;}
.index-main01 .mright .txt a{ margin:0 5px;display: inline-block;}
.index-main02{padding-top: 30px; padding-bottom: 30px;}
.index-main02 .dd{font-size: 30px;}
.index-main02 .img{ margin-top: 20px;}

.index-main03{display: block;}
.index-main03 .mbox{ width: 100%;}
.index-main03 .tbox {padding-bottom:20px;padding-right:20px;  }
.index-main03 .tbox .dd{font-size: 36px;}
.index-main04 .dbox{display: block;}
.index-main04 .mleft{ width: 100%;}
.index-main04 .br{ width: 100%;}
.index-main04all{ padding-top: 30px; padding-bottom: 30px;}
.common-title {font-size: 44px; }
.index-main04 .tabs2{ margin-top: 0;}
.index-main04 .tabs2 li{height:36px;font-size: 16px;  line-height: 36px; width: 50%;float: left;}
.index-main04 .tabs2 li.active{font-size: 18px;}
  
.index-main04 .but{justify-content: center; text-align: center; margin-top: 20px;}
.index-main04 .br{ margin-top:30px; padding: 0;}
.index-main04 .swiper-slide .box .dt{ width: 120%;background-size: 100%;}
  .index-main04 .swiper-slide .box .dd{font-size:18px;}
  footer.footer{ margin-top: 30px;padding-top:20px;}
  
  footer.footer .box{display: block;}
  footer.footer .box .navboxs{ width:100%;}
  footer.footer .txtall{ text-align: center; margin-top: 20px;}
  footer.footer .box .navbox{ flex-wrap:wrap}
  footer.footer .box .nav{ width: 50%;float: left; margin-top: 20px;}
  footer.footer .box .contact{ width: 100%;}
}

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

}

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

}

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