/* CSS Document */
/*#region 重置元素*/
*:focus {outline: none;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li,pre, form, fieldset, legend, button, input, textarea, th, td{
    padding: 0;
    margin:0;
}
 
   @font-face {
  font-family: "SourceHanSansCN-Normal";
  src: url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff2") format("woff2"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff") format("woff"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.ttf") format("truetype"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.eot") format("embedded-opentype"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.svg") format("svg"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.otf") format("opentype");
  font-weight: normal;
  font-style: normal; 
} 

 /*@font-face {
    font-family: 'SOURCEHANSANSCN-EXTRALIGHT';
    src: url('fonts/SOURCEHANSANSCN-EXTRALIGHT.OTF');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SOURCEHANSANSCN-LIGHT';
    src: url('fonts/SOURCEHANSANSCN-LIGHT.OTF');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SOURCEHANSANSCN-REGULAR';
    src: url('fonts/SOURCEHANSANSCN-REGULAR.OTF');
    font-weight: normal;
    font-style: normal;
}*/
a.biga,.slang{font-family: 'SourceHanSansCN-Normal';}
 


@font-face {
    font-family: 'poppinsmedium';
    src: url('fonts/poppins-medium-webfont.eot');
    src: url('fonts/poppins-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/poppins-medium-webfont.woff2') format('woff2'),
         url('fonts/poppins-medium-webfont.woff') format('woff'),
         url('fonts/poppins-medium-webfont.ttf') format('truetype'),
         url('fonts/poppins-medium-webfont.svg#poppinsmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}  

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-ExtraLight.eot');
    src: url('fonts/Poppins-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-ExtraLight.woff2') format('woff2'),
        url('fonts/Poppins-ExtraLight.woff') format('woff'),
        url('fonts/Poppins-ExtraLight.ttf') format('truetype'),
        url('fonts/Poppins-ExtraLight.svg#Poppins-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
} 
/*  @font-face {
	font-family: AlibabaPuHuiTi_2_85_Bold;
	src:url(fonts/AlibabaPuHuiTi_2_85_Bold.eot) format('embedded-opentype'),
	url(fonts/AlibabaPuHuiTi_2_85_Bold.otf) format('opentype'),
	url(fonts/AlibabaPuHuiTi_2_85_Bold.ttf) format('TrueType'),
	url(fonts/AlibabaPuHuiTi_2_85_Bold.woff) format('woff'),
	url(fonts/AlibabaPuHuiTi_2_85_Bold.woff2) format('woff2');
}
   @font-face {
	font-family: AlibabaPuHuiTi-2-45-Light;
	src:url(fonts/AlibabaPuHuiTi-2-45-Light.eot) format('embedded-opentype'),
	url(fonts/AlibabaPuHuiTi-2-45-Light.otf) format('opentype'),
	url(fonts/AlibabaPuHuiTi-2-45-Light.ttf) format('TrueType'),
	url(fonts/AlibabaPuHuiTi-2-45-Light.woff) format('woff'),
	url(fonts/AlibabaPuHuiTi-2-45-Light.woff2) format('woff2');
}  */ 

body{
    font:1em/1.3 "SourceHanSansCN-Normal";   
	-webkit-text-size-adjust: 100% !important; 
}
img{
max-width:100%;}
button, input, select, textarea,h1, h2, h3, h4, h5, h6{
    font-size:1em;
    line-height:1.3;font-family: "SourceHanSansCN-Normal";
}
address, cite, dfn, em, var { 
    font-style:normal; 
} 
code, kbd, pre, samp {
     font-family: courier new, courier, monospace; 
} 
small { 
    font-size:  0.75em; 
} 
ul, ol { 
    list-style: none; 
    margin:0;
}
body,legend { 
    color:#333;
}
a{
    color:inherit;
	color:#333;  
    text-decoration: none; 
}
a:hover  {
    color:#333;    
    text-decoration: none; 
}
a:active{
    color:inherit;
}
sup { 
    vertical-align: text-top; 
} 
sub { 
    vertical-align: text-bottom;
}

fieldset, img { 
    border: 0; 
}
button, input, select, textarea { 
     
} 
table { 
    border-collapse: collapse; 
    border-spacing: 0; 
    width:100%;
    word-break: break-all;
}
table th {
    font-weight:normal;
}
table th,table td {
    font-weight:normal;
    text-align:center;
} 
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,summary, time, mark, audio, video {
    display: block;
    margin: 0;
    padding: 0;
}
img{
	vertical-align:middle;
}
::-moz-placeholder { color:#898989; }
input:-webkit-input-placeholder { color:#898989; } 
input:-moz-placeholder { color:#898989; } 
/*#endregion*/
/*#region 清除浮动*/
.clearfix:after{
	content: '\20';
    display: block;
    height: 0;
    clear: both;
}
.clearfix { 
	*zoom:1;
}
/*#endregion */

button:disabled,
.disabled{
    opacity:0.5;
    cursor:default;
}
.hi{overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.css3,.about_1 ul li a{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.comdiv{
width:100%; overflow:hidden; margin:0; padding:0;}
.cssimg,.cssimgp img,.index_4_3_left_1_bg,.pro_1_mid_mid_left_bg,.ser_2_mid_pic_bg,.ser_1_right_bg{transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;/*transition-duration: 0.7s;-ms-transition-duration: 0.7s;-moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s;*/}
.pagination{font-family: AlibabaPuHuiTi-2-45-Light;
text-align:center;}
.pagination{
padding:0em 0 0em 0;}
.pagination li{
display:inline-block; margin:0 2.5px;}
.pagination li:nth-child(1),.pagination li:last-child{ font-family: 'poppinsmedium';}
.pagination li a,.pagination li span{ transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;display:block; height:2.1875em;     text-align:center; line-height:2.1875em; width:2.1875em;
border:1px #ebebeb solid; }
.pagination li a:hover,.pagination li.active span{
color:#fff;   border-color:#0a1c89; background-color:#0a1c89; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ovh{
overflow:hidden}
@media screen and (min-width:768px) {
.cssimg:hover,.cssimgp:hover img,.index_4_3_left:hover .index_4_3_left_1_bg,.pro_1_mid ul li:hover .pro_1_mid_mid_left_bg,.ser_2_mid ul li:hover .ser_2_mid_pic_bg,.ser_1_right:hover .ser_1_right_bg{/*-webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);*/transform: scale(1.08, 1.08);}
}
.daxie{text-transform: uppercase;}
.cell_mid{ display: table; height:100%; width:100%; }
.cell_h{ height:100%;display: table-cell; vertical-align: middle; } 
.mobileimg{
width:100%; display:none}
/*********header**********/
#header{ position:fixed; left:0; /*padding:1.5em 0; */  top:0; width:100%; z-index:100; /*background-color:rgba(255, 255, 255, 1);*/}
.headermid{ position:relative; padding:1.875em 3.125%;}
.headermid_left{ position:absolute; left:3.125%; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.headermid_right{
float:right;}
.headermid_right ul li{
float:left;}
.headermid_left img:nth-child(2){ position:absolute; left:0; top:0; z-index:1; opacity:0;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.headermid_right ul li a.biga{ color:#fff; font-size:1.0625em; display:block; height:2.235294117647059em; line-height:2.235294117647059em; border-radius:2.235294117647059em; padding:0 2em;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.headermid_right ul li a.biga:hover{ background-color:#1664bf}
.headermid_right ul{ margin-right:60px;}
.headermid_right_right{ padding-left:2em; position:absolute; right:3.125%; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); background-image:url(../images/header/img2.png); background-position:left center; background-repeat:no-repeat;}
.headermid_right_right a{ width:1em; height:1em; display:block; background-image:url(../images/header/img1w.png?v=11); background-position:center; background-repeat:no-repeat; background-size:cover;}
/**************index******************/
.pcbanner{ width:100%; opacity:0;}
.indexbanner{ overflow:hidden; position:relative; }
.indexbanner .swiper-container {
      width: 100%;
      height: 100%;
}
.indexbanner .swiper-slide {overflow:hidden;}	
 
.indexbanner	.slide-inner {
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  left: 0;
	  top: 0;
	  background-size: cover;
	  background-position: center;
	}
	.digital_2_2_mid_mid_2 img{ width:100%;}
.indexbannerlist_mid{
position:absolute; z-index:10; width:100%; top:98px;height: calc(100% - 98px);  }
.indexbannerlist_mid_jj{ position:absolute; left:0; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); text-align:center; width:100%;}
.indexbannerlist_mid_jj img{ max-width:30.72916666666667%;}
.indexbanner_footer{ position:absolute; left:0; width:100%; z-index:10; bottom:6.45161290322581%;}
.indexmid{ margin:0 8.85416666666667%;}
.indexbanner_footer_mid ul li{ float:left; margin-right:1.10759493670886%; width:19.11392405063291%; border-radius:10px; background-image:url(../images/index/img9.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.indexbanner_footer_mid ul li:nth-child(5n){ margin-right:0}
.indexbanner_footer_mid_mid{ position:relative; min-height:6.4375em;}
.indexbanner_footer_mid_mid_left{
position:absolute; left:0; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); width:34.7682119205298%; text-align:center;}
.indexbanner_footer_mid_mid_left img{ max-width:73.33333333333333%;}
.indexbanner_footer_mid_mid_right{ left:34.7682119205298%; right:1em; position:relative; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); position:absolute;}
.indexbanner_footer_mid_mid_right_1{ font-size:1.375em; color:#000;}
.indexbanner_footer_mid_mid_right_2{ margin-top:5px;}
.index_1{ background-color:#0e2199; overflow:hidden; position:relative; color:#fff; border-radius:0 0 1em 1em; padding:4.8125em 0;}
.index_1_mid_left{
float:left; width:28%;}
.index_1_mid_right{
float:right; width:70%;}
.index_1_mid_left_1{ font-size:3em; position:relative; font-weight:bold }
.index_1_mid_left_2{ font-size:1.5em; color:#acb4e9;font-family: 'Poppins'; margin-top:5px; font-weight:bold}

.index_1_mid_right_1{ font-size:2.25em; margin-bottom:1em; line-height:1.5;}
.index_1_mid_right_2{ text-align:right; font-size:1.125em;}
.index_1_mid{ position:relative; z-index:10;}
.index_1_bg{ position:absolute; right:0; top:0; height:100%;}
.index_1 a{ color:#fff;}
.index_1_mid_left_2_hui{ color:#000; opacity:.7;}
.index_2_mid{ margin-left:8.85416666666667%; position:relative; z-index:10;}
.index_2{ padding-top:10.4375em; padding-bottom:10em; position:relative; overflow:hidden}
.index_2:after{ content:''; position:absolute; right:0; top:0; height:100%; background-color:#f6f9fe; width:29.375%}
.index_2_mid_left{
float:left; width:39%; margin-top:3.125em;}
.index_2_mid_right{
float:right; width:49.48571428571429%; position:relative;}
.index_2_mid_right_1{ position:relative; overflow:hidden; border-radius:10px 0 0 10px;}
.index_2_mid_right_1 img{ width:100%;}
.index_2_mid_right_1_jj{ position:absolute; left:0; bottom:0; width:100%; z-index:10; color:#fff; background-image:url(../images/index/img14.png); background-position: center bottom; background-repeat:no-repeat; background-size:cover;}
.index_2_mid_right_1_jj_mid{ margin:1.875em 5.77367205542725%;}
.index_2_mid_right_1_jj_mid_1 span{ padding:0 10px; background-image:url(../images/index/img13.png?v=1); background-position:left center; background-repeat:no-repeat;}
.index_2_mid_right_1_jj_mid_1 span:nth-child(1){ padding-left:0; background:none}
.index_2_mid_right_1_jj_mid_2{ font-size:1.5em; margin-top:.5em;}
.index_2_mid_left_1 ul li{ font-size:1.125em; border-bottom:1px #d6d6d6 solid; padding:1.125em 0;}
.index_2_mid_left_1 ul li span{ background-image:url(../images/index/img15.png); background-position:right center; background-repeat:no-repeat; padding-right:10px; margin-right:10px;}
.index_2_mid_left_1 ul li a{ display:block;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.index_2_mid_left_1{ margin-top:1.5em;}
a.abutton{ display:block; position:relative; width:13.125em; text-align:center; height:3.4375em; line-height:3.4375em; color:#fff; background-color:#1d32ae; border-radius:5px;font-family: 'Poppins'; overflow:hidden;}
.abutton span{ padding-right:2.5em; position:relative; z-index:10; background-position:right center; background-repeat:no-repeat;}
.abutton span:after{ content:''; position:absolute; right:0; top:50%; width:1.8125em; height:0.5625em; background-image:url(../images/index/img12.png); background-position:center; background-repeat:no-repeat; background-size:cover;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.index_2_mid_left_2{ margin-top:4em;}
.index_2_mid_right_2{ position:absolute; width:21.24711316397229%; left:-8%; bottom:-12.34567901234568%;}
.index_2_mid_right_2 img{ width:100%;}
.index_2_mid_right_3{ position:absolute; bottom:-24.33862433862434%; left:22.51732101616628%; width:22.40184757505774%;}
.index_2_mid_right_3 img{ width:100%;}
.index_3{ padding-top:12.5em; position:relative; padding-bottom:9.5625em; overflow:hidden; background-image:url(../images/index/bg1.jpg); color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.index_3_mid_1 img{ width:100%;}
.index_3 .swiper-slide{/*padding: 0 calc((100vw - 814px) * .0380208333333333);*/
 /* width: 814px;*/   margin-right:4.01041666666667%;  }
.index_3 .swiper-slide:nth-child(1){ width:26.04166666666667%;margin-top:3.125em;  } 
.index_3 .swiper-slide:nth-child(2){ width:42.39583333333333%; margin-top:9.1875em} 
.index_3 .swiper-slide:nth-child(3){ width:37.76041666666667%; margin-right:0} 
.index_3_mid{  transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position:relative; }
.index_3 .swiper-slide:nth-child(2) .index_3_mid{  }
.index_3 .swiper-slide:nth-child(3) .index_3_mid{    }	
.index_3_top{ position:absolute; z-index:10; left:30.05208333333334%; top:16%;}
.index_3_mid_1{ position:relative; overflow:hidden; border-radius:10px;}
.index_3_mid_2{ position:absolute; left:0;; bottom:0; width:100%; color:#fff; background-position:center top; background-repeat:no-repeat; background-size:cover;   z-index:10;}
.index_3_mid_2_mid{ padding:2.5em;}
.index_3_mid_2_mid_1{ font-size:1.875em;}
.index_3_mid_2_mid_2{ font-size:1.125em; margin-top:10px; line-height:1.6;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;}
.index_3_mid_3{ position:absolute; left:0; bottom:0; width:100%; z-index:6;}
.index_3_footer{ position:absolute;  right:calc((50vw - 407px) - (100vw - 814px) * .0380208333333333 * 2); bottom:12%; width:10.10416666666667%;}
.indext{ display:inline-block; position:relative;}
.indext:after{ content:''; position:absolute; width:5.3125em; height:0.9375em; background-image:url(../images/index/img8.png); background-position:center; background-repeat:no-repeat; background-size:cover;-webkit-transform: translate(-0%, -110%);  
    transform: translate(-0%, -110%); left:0; top:0}
.index_4{ position:relative; overflow:hidden;}
.index_4 .indexmid{ position:relative; z-index:10;}
.index_4:after{ content:''; position:absolute; height:100%; top:0; right:0; background-color:#eef2f7; width:calc((50vw - 407px));}
.index_4_1{ text-align:center;}
 
.indext_cen:after{ left:50%; bottom:0; top:auto; left:50%;-webkit-transform: translate(-50%, 110%);  
    transform: translate(-50%, 110%);}
.index_1_mid_left_1_top{ margin-top:1.666666666666667em;}

.index_4_2{ margin-top:4.375em; margin-bottom:2.5em;}
.index_4_2_left{
float:left}
.index_4_2_right{ float:right}
.index_4_2_left_t{ line-height:1.2; display:inline-block; position:relative;font-size:2.5em; }
.index_4_2_left_t span{   position:relative; z-index:10;}
.index_4_2_left_t:after{ content:''; position:absolute; left:0; bottom:0; width:100%; height:.2em; background-color:#04d3ff;}
.index_4_3{ margin-left:8.85416666666667%;}
.index_4_3 .swiper-slide{ margin-right:2.08333333333333vw;
  width: 80vw;   }
.index_4_3 .swiper-slide:last-child{  }  
.index_4_3_mid{ border-radius:10px; overflow:hidden; position:relative;box-shadow: 4px 2px 9px 2px rgba(0, 0, 0, .1); margin:9px 0; background-color:#fff;}
.index_4_3_mid_left{ overflow:hidden; width:48.7012987012987%;}
.index_4_3_mid_left img{ width:100%;}
.index_4_3_mid_right{ position:absolute; right:0; top:50%; width:51.2987012987013%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
a.abutton2{  position:relative;font-family: 'Poppins'; overflow:hidden; color:#212121; font-weight:bold}
.abutton2 span{ padding-right:2.5em; position:relative; z-index:10; background-position:right center; background-repeat:no-repeat;}
.abutton2 span:after{ content:''; position:absolute; right:0; top:50%; width:1.8125em; height:0.5625em; background-image:url(../images/index/img12.png); background-position:center; background-repeat:no-repeat; background-size:cover;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.index_4_3_mid_right_mid_1{ font-size:2.25em; font-weight:bold}
.index_4_3_mid_right_mid_2{ font-size:1.125em; color:#727272;font-family: 'Poppins'; font-weight:bold}
.index_4_3_mid_right_mid{ margin:0 7.59493670886076%;}
.index_4_3_mid_right_mid_3{ line-height:1.8; margin:1.75em 0;}
.index_4_4 .indexmid{ margin-top:6.125em; padding-top:6.125em; border-top:1px #dddddd solid;}
.prev3{-webkit-transform: translate(-0%, -50%); cursor:pointer;  
    transform: translate(-0%, -50%); top:50%; left:1.25em; position:absolute; z-index:10; width:3.125em; height:3.125em; border-radius:100%; background-color:#040506;}
.prev3:after{ content:''; position:absolute; left:50%; top:50%; width:0.4375em; height:0.8125em; background-image:url(../images/index/img21.png); background-position:center; background-repeat:no-repeat; background-size:cover;-webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%);}

.next3{-webkit-transform: translate(-0%, -50%); cursor:pointer;  
    transform: translate(-0%, -50%); top:50%; right:1.25em; position:absolute; z-index:10; width:3.125em; height:3.125em; border-radius:100%; background-color:#040506;}
.next3:after{ content:''; position:absolute; left:50%; top:50%; width:0.4375em; height:0.8125em; background-image:url(../images/index/img22.png); background-position:center; background-repeat:no-repeat; background-size:cover;-webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%);}
.prev3:hover,.next3:hover{ background-color:#00b9f6;}
.prev3:hover:after{ background-image:url(../images/index/img21on.png);}
.next3:hover:after{ background-image:url(../images/index/img22on.png);}
.index_4_5_mid ul li{ margin-right:3.76582278481013%; overflow:hidden; border-radius:10px;
float:left; width:30.82278481012658%;box-shadow: 4px 2px 9px 2px rgba(0, 0, 0, .1); background-color:#fff;}
.index_4_5_mid ul li:nth-child(3n){ margin-right:0}
.index_4_4{ margin-bottom:3.4375vw;}
.index_4_5_mid_1{ overflow:hidden;}
.index_4_5_mid_1 img{ width:100%;}
.index_4_5_mid_2{ padding:1.5em; padding-bottom:4.375em; padding-top:1.875em;}
.index_4_5_mid_2_1{ font-size:1.875em; color:#000;}
.index_4_5_mid_2_2{ font-size:1.125em; line-height:1.8;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin:1.2em 0 1.5em 0; min-height:5.4em;}
.index_4_5{ padding-bottom:9.125em; position:relative;}
.index_4_5_footer_1{ position:absolute; bottom:0; width:8.28125%; left:30.20833333333333%;}
.index_4_5_footer_1 img{ width:100%;}
.index_4_5_footer_2{ position:absolute; z-index:5; bottom:2em; width:10.10416666666667%; right:20.05208333333333%;}
.index_4_5_footer_2 img{ width:100%;}
.index_5{ padding-bottom:10em; position:relative; z-index:5;
background-image:url(../images/index/img30.jpg);   color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:1em;}
.indext_cen_footer:after{ top:0; bottom:auto;-webkit-transform: translate(-50%, -110%);
  transform: translate(-50%, -110%);}
.indext_cen_footer{margin-top:6.5625em; padding-top:0;}
a.abutton2_white{ color:#fff;}
.index_5_1_right{ float:right; width:33.28125%; overflow:hidden; margin-right:8.85416666666667%; border-radius:1em;}
.index_5_1_right img{ width:100%;}
.index_5_1_left{ position:relative;
float:left; width:39.01041666666667%;}
.mapinfo{ position:absolute; z-index:10; left:76%; top:64.30868167202572%; border:1px #117fb9 solid; width:24.75em; background-image:url(../images/dian/img16.png); color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.mapinfo_mid{ padding:1.5em 1.5em 1em 1.5em;}
.mapinfo_mid_1{ font-size:1.5em; padding-bottom:5px;}
.mapinfo_mid_2 ul li{ font-size:1.125em; margin:.75em 0;}
.mapinfo_mid_2 ul li span{ display:block; position:relative; padding-left:1.666666666666667em;}
.mapinfo_mid_2 ul li span:after{ content:''; position:absolute; left:0; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); background-position:center; background-repeat:no-repeat; background-size:cover; width:1.611111111111111em; height:1.611111111111111em;}
.mapinfo_mid_2 ul li:nth-child(1) span:after{ background-image:url(../images/dian/img17.png);}
.mapinfo_mid_2 ul li:nth-child(2) span:after{ background-image:url(../images/dian/img18.png); width:1.111111111111111em; height:1.111111111111111em;}	
.mapinfo_mid_2 ul li:nth-child(3) span:after{ background-image:url(../images/dian/img19.png); width:1.166666666666667em; height:1.166666666666667em;}
.map img{ width:100%;}
.index_5_2_mid ul li{
float:left; width:48.41772151898734%; margin-bottom:2em;}
.index_5_2_mid ul li:nth-child(2n){ float:right}
.index_5_2_mid_mid_1{ overflow:hidden; border-radius:5px;}
.index_5_2_mid_mid_1 img{ width:100%;}
.index_5_2_mid_mid{ position:relative;}
.index_5_2_mid_mid_2{ position:absolute; left:0; bottom:0; width:100%; z-index:10; color:#fff;}
.index_5_2_mid_mid_2_mid_1{ font-size:1.875em;}
.index_5_2_mid_mid_2_mid_2{ font-size:1.125em;font-family: 'Poppins'; font-weight:bold; margin-top:3px;}
.index_5_2_mid_mid_2_mid{ margin:2em;}
.index_6_1{ background-image:url(../images/index/img31.jpg); border-radius:10px; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; position:relative; z-index:10; color:#fff;}
.index_6_1_mid{ margin:2.375em 2.375em 0 2.375em;}
.mySwiperhetou_mid{ background-image:url(../images/index/img36.png); background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; border-radius:10px; padding:1.5em; position:relative;}
.index_6_1_mid_1{ margin-top:3.125em; margin-bottom:1.875em;}
#swiper-paginationhetou{ position:static; margin-top:3.125em;}
.mySwiperhetou_mid_1{ font-size:1.5em;}
.mySwiperhetou_mid_2{ font-size:1.125em; margin-top:10px; margin-bottom:15px;}
.mySwiperhetou_mid_3 span{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; font-size:1.125em; display:inline-block; padding:0 .5em; font-size:1.125em; line-height:1.611111111111111em; height:1.611111111111111em; background-color:#1b39b6; border-radius:5px;}
.mySwiperhetou_mid_3{ padding-bottom:1.5em; margin-bottom:1em; position:relative;}
.mySwiperhetou_mid_4{ position:relative; padding-left:2.75em;}
.mySwiperhetou_mid_4 img{ position:absolute; left:0; top:0; width:2.5em; height:2.5em; border-radius:100%;}
.mySwiperhetou_mid_4_name{ font-size:1.125em; line-height:2.222222222222222em;}
.mySwiperhetou a{ color:#fff;}
.index_4_2_left_nof{ float:none}
.mySwiperhetou_mid_1,.mySwiperhetou_mid_2,.mySwiperhetou_mid_3,.mySwiperhetou_mid_4{ position:relative; z-index:10;}
.mySwiperhetou_mid:after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../images/index/img37.png); background-position:center; background-repeat:no-repeat; background-size:cover; opacity:0;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.mySwiperhetou_mid:hover:after{ opacity:1;}
.mySwiperhetou_mid:hover .mySwiperhetou_mid_3 span{ background-color:#3d59be;}
.mySwiperhetou_mid_3:after{ content:''; position:absolute; left:0; bottom:0; width:0%; height:1px; background-color:#fff; opacity:.1;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) .5s;}
.mySwiperhetou_mid:hover .mySwiperhetou_mid_3:after{ width:100%;}
.sdot .swiper-pagination-bullet{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width:0.625em; height:0.625em; background-color:#fff; opacity:.46; border:none;}
.sdot .swiper-pagination-bullet-active{ opacity:1; background-color:#1a3ebc;}
.sdot .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,.sdot .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 1.25em;}
.index_6_1{ margin-top:5em;}
.index_6_2{ position:relative; z-index:10; margin-top:5.8125em;}
.index_6_2_mid ul li{
float:left; width:49.36708860759494%;}
.index_6_2_mid ul li:nth-child(2n){ float:right;}
.index_6_2_mid_1{ overflow:hidden; border-radius:10px; position:relative;}
.index_6_2_mid_1 img{ width:100%;}
.index_6_2_mid_1_mid{ position:absolute; z-index:10; top:50%;-webkit-transform: translate(-0%, -50%);
  transform: translate(-0%, -50%); left:11.53846153846154%; width:76.92307692307692%; text-align:center; color:#fff;}
.index_6_2_mid_1_mid_form{ margin-top:2em; padding-left:1em; padding-right:5.375em; border:1px solid rgba(255, 255, 255, 0.37); position:relative;}
.index_6_2_mid_1_mid_form a{ display:block; position:absolute; right:0; top:0; height:100%; width:4.375em;}
.index_6_2_mid_1_mid_form a:after{ background-size:cover; content:''; position:absolute; left:50%; top:50%; width:1.8125em; height:1.875em;-webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); background-image:url(../images/index/img35.png); }
.index_6_2_mid_1_mid_form input{ height:3.75em; line-height:3.75em; border:none; background:none; width:100%; color:#fff;}
.index_6{ padding-bottom:11.75em; position:relative; z-index:4;}
.index_5_footer_1{ position:absolute; bottom:-5%; width:8.28125%; left:62.60416666666667%;display:none}
.index_5_footer_1 img{ width:100%;}
.index_5_footer_2{ position:absolute; width:10.10416666666667%; left:19.84375%; bottom:4%;}
.index_5_footer_2 img{ width:100%;}
.index_6_r{ position:absolute; right:0; bottom:0; height:calc((100% + 1em)); background-color:#eef2f7; width: calc((50vw - 407px));}
.index_6_footer_1{ position:absolute; width:10.10416666666667%; bottom:5%; right:22.55208333333333%; z-index:2;}
.index_6_footer_1 img{ width:100%;}
.index_7{ padding-top:6.25em; background-image:url(../images/index/bggg.jpg); color:#000; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; padding-bottom:7.5em;}
.index_7_1{ position:relative;}
.index_7_1_right{ position:absolute; right:0; bottom:0;}
.index_7_1_right a{ color:#333; font-size:1.125em;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.index_7_1_right ul li{ float:left; padding:0 1em; background-image:url(../images/index/img41.png); background-position:left center; background-repeat:no-repeat;}
.index_7_1_right ul li:nth-child(1){ background-image:none;}
.index_7_1_right a.on,.index_7_1_right a:hover{ color:#04d3ff}
.index_7_2{ position:relative; width:100%;  overflow:hidden; padding-bottom:9px;}
.index_3_mid_3more{ display:none; margin-top:1.5em; padding-left:8.85416666666667vw;}
.index_3 .swiper-slide:nth-child(1) .index_3_mid_3more{ display:block}
.index_3_mid_2{ font-weight:normal;font-family: "SourceHanSansCN-Normal";}
/* seamlesswrap */
.seamlesswrap{width: 100%;box-sizing: border-box;}
.seamlesswrap img{display: block; position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);}
.seamlesswrap .swiper-free-mode > .swiper-wrapper{
    -webkit-transition-timing-function:linear!important; 
  -o-transition-timing-function:linear!important;
  transition-timing-function:linear!important; }
 
.seamlesswrap .swiper-slide{ background-color:#fff; border-radius:10px; height:9.375em; width:15.10416666666667vw; margin-right:1.45833333333333vw;}
.seamlesswrap .swiper-slide:after{ border-radius:10px; content:''; position:absolute;left: 0; top: 0;box-shadow: 4px 2px 9px 2px rgba(0, 0, 0, .1);width:100%;height: 100%;
}
.seamless01-swiper{ margin-top:6.25em; margin-bottom:3.75em;}
/************map************************/
.index_5_1_left .map{ position:relative;}
.index_5_1_left .map .dian {
  position: absolute;
  width: 0.625em;
  height: 0.625em;
  border-radius: 50%;
  background: #00d8ff;
  z-index: 3;
}
.index_5_1_left .map .dian a{-webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%); right:-1.5em; color:#fff;white-space: nowrap; top:50%; padding-left:2em; font-size:1.125em; position:relative; display:block; width:4em;}
.index_5_1_left .map .dian a:after{ content:''; position:absolute; left:0; top:50%;-webkit-transform: translate(-0%, -50%);
  transform: translate(-0%, -50%); background-position:center; background-repeat:no-repeat; background-size:cover;}
.index_5_1_left .map .dian:before {
  content: "";
  position: absolute;
  width: 1.5em;
  height: 1.5em;
  left: 50%;  
  top: 50%; margin-top:-0.75em; margin-left:-0.75em;
  z-index: -1;
  background: #00d8ff;
  border-radius: 50%;
  animation: warn 2s ease-out both;
  animation-iteration-count: infinite;  
   
}
.index_5_1_left .map .dian:after {
  content: "";
  position: absolute;
  width: 2.5em;
  height: 2.5em;
  left: 50%;  
  top: 50%; margin-top:-1.25em; margin-left:-1.25em;
  z-index: -1;
  background: #00d8ff;
  border-radius: 50%;
  animation: warn 2s ease-out both;
  animation-iteration-count: infinite; 
  animation-delay: .3s; 
   
}
.index_5_1_left .map .dian1 {
  left: calc(53% - 0.3125em);
  top: calc(8% - 0.3125em);
}
.index_5_1_left .map .dian1 a:after{ background-image:url(../images/dian/img1.png); width:1.555555555555556em; height:1.555555555555556em;}
.index_5_1_left .map .dian2 {
  left: calc(61% - 0.3125em);
  top: calc(15% - 0.3125em);
}
.index_5_1_left .map .dian2 a{ right:auto; left:-1em;-webkit-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%); padding-left:1.5em;}
.index_5_1_left .map .dian2 a:after{ background-image:url(../images/dian/img2.png); width:1.055555555555556em; height:1.055555555555556em;}  
.index_5_1_left .map .dian3 {
  left: calc(71% - 0.3125em);
  top: calc(21% - 0.3125em);
}
.index_5_1_left .map .dian3 a{ right:auto; left:-1em;-webkit-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%); padding-left:1.25em;}
.index_5_1_left .map .dian3 a:after{ background-image:url(../images/dian/img3.png); width:0.8888888888888889em; height:1.277777777777778em;}    

.index_5_1_left .map .dian4 {
  left: calc(55% - 0.3125em);
  top: calc(26% - 0.3125em);
}
.index_5_1_left .map .dian4 a{ right:auto; left:-1em;-webkit-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);  }
.index_5_1_left .map .dian4 a:after{ background-image:url(../images/dian/img4.png); width:1.555555555555556em; height:1.111111111111111em;}  

.index_5_1_left .map .dian5 {
   left: calc(51% - 0.3125em);
  top: calc(34% - 0.3125em);
}
.index_5_1_left .map .dian5 a{ right:auto; left:-1em;-webkit-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);  }
.index_5_1_left .map .dian5 a:after{ background-image:url(../images/dian/img5.png); width:1.666666666666667em; height:1.611111111111111em;} 

.index_5_1_left .map .dian6 {
       left: calc(70% - 0.3125em);
  top: calc(45% - 0.3125em);
}
.index_5_1_left .map .dian6 a{ right:-1em; padding-left:1.5em;     }
.index_5_1_left .map .dian6 a:after{ background-image:url(../images/dian/img6.png); width:1.277777777777778em; height:1.333333333333333em;} 


.index_5_1_left .map .dian7 { z-index:5;
    left: calc(55% - 1.28125em); background:none;
  top: calc(37% - 1.28125em); width:2.5625em; height:2.5625em; 
}
.index_5_1_left .map .dian7:before {
  
  width: 3.75em; height:3.75em;
    margin-top:-1.875em; margin-left:-1.875em;
  
   
}
.index_5_1_left .map .dian7:after {
  
  width: 5em; height:5em;
    margin-top:-2.5em; margin-left:-2.5em;
  
   
}

.index_5_1_left .map .dian7 a{ padding-left:0; width:15.88888888888889em; background-image:url(../images/dian/img8.png); background-position:center; background-repeat:no-repeat; background-size:cover; height:1.833333333333333em; line-height:1.833333333333333em; text-align:center; right:auto; left:2.5em;   }
.index_5_1_left .map .dian7 a:after{ width:2.277777777777778em; height:2.277777777777778em;background:none; background-image:url(../images/dian/img7.png); background-position:center; background-repeat:no-repeat; background-size:cover; left:-2.5em;} 




.index_5_1_left .map .dian8 {
    left: calc(90% - 2.5em); background:none;  
  top: calc(13% - 2.5em); width:5em; height:5em; 
}
.index_5_1_left .map .dian8:before {
display:none;   
}
.index_5_1_left .map .dian8:after {
display:none;
}

.index_5_1_left .map .dian8 a{ padding-left:0; width:10.88888888888889em; background-image:url(../images/dian/img9.png); background-position:center; background-repeat:no-repeat; background-size:cover; height:1.944444444444444em; line-height:1.944444444444444em; text-align:center; right:auto; left:4.444444444444444em;   }
.index_5_1_left .map .dian8 a:after{ width:4.444444444444444em; height:4.444444444444444em;background:none; background-image:url(../images/dian/img13.png); background-position:center; background-repeat:no-repeat; background-size:cover; left:-4.7em;} 



.index_5_1_left .map .dian9 {
    left: calc(78% - 2.5em); background:none;  
  top: calc(28% - 2.5em); width:5em; height:5em; 
}
.index_5_1_left .map .dian9:before {
display:none;   
}
.index_5_1_left .map .dian9:after {
display:none;
}

.index_5_1_left .map .dian9 a{ padding-left:0; width:10.88888888888889em; background-image:url(../images/dian/img10.png); background-position:center; background-repeat:no-repeat; background-size:cover; height:1.944444444444444em; line-height:1.944444444444444em; text-align:center; right:auto; left:4.444444444444444em;   }
.index_5_1_left .map .dian9 a:after{ width:4.444444444444444em; height:4.444444444444444em;background:none; background-image:url(../images/dian/img14.png); background-position:center; background-repeat:no-repeat; background-size:cover; left:-4.7em;} 


.index_5_1_left .map .dian10 {
    left: calc(61% - 2.5em); background:none;  
  top: calc(44% - 2.5em); width:5em; height:5em; 
}
.index_5_1_left .map .dian10:before {
display:none;   
}
.index_5_1_left .map .dian10:after {
display:none;
}

.index_5_1_left .map .dian10 a{ padding-left:0; width:10.83333333333333em; background-image:url(../images/dian/img12.png); background-position:center; background-repeat:no-repeat; background-size:cover; height:1.944444444444444em; line-height:1.944444444444444em; text-align:center; left:auto; right:0; -webkit-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);  }
.index_5_1_left .map .dian10 a:after{ width:4.444444444444444em; height:4.444444444444444em;background:none; background-image:url(../images/dian/img15.png); background-position:center; background-repeat:no-repeat; background-size:cover; left:auto; right:-4.7em;} 













@keyframes warn {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}


/**************footer*********************/
@font-face {
    font-family: 'Impact';
    src: url('fonts/Impact/Impact.eot');
    src: url('fonts/Impact/Impact.eot?#iefix') format('embedded-opentype'),
        url('fonts/Impact/Impact.woff2') format('woff2'),
        url('fonts/Impact/Impact.woff') format('woff'),
        url('fonts/Impact/Impact.ttf') format('truetype'),
        url('fonts/Impact/Impact.svg#Impact') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
#footer{ background-color:#0f1122; color:#fff;}
.footer_1_left_mid_2{ font-size:2.25em;font-family: 'Impact';}
.footer_1_left_mid{ margin-right:1em;}
.footer_1_left_mid ul li{ display:inline-block; text-align:center;}
.footer_1_right_mid_1{ padding-right:4em; padding-left:1em; border:1px solid rgba(255, 255, 255, 0.2); position:relative; border-radius: 2.875em;}
.footer_1_right_mid_1 input#footerwbk{ color:#fff; font-size:.875em; border:none; background:none; width:100%; height:3.285714285714286em; line-height:3.285714285714286em; }
.footer_1_right_mid_1 input#footerbtn{ position:absolute; background:none; cursor:pointer; border:none; right:0; top:0; height:100%; width:3.4375em; background-image:url(../images/footer/img6.png); background-position:center; background-repeat:no-repeat;}
.footer_1_left{
float:left; width:25.31645569620253%;}
.footer_1_left_mid{ margin-right:1em;}
.footer_1_mid{
float:left; width:50%;}
.footer_1_right{
float:right; width:24.68354430379747%;}
.footer_1_left_mid_1{ font-size:1.5em; margin-bottom:15px;}
.footer_1_left_mid_3{ line-height:1.6; margin:.875em 0 1.875em 0;}
.footer_1_left_mid_4{ width:80%;}
.footer_1_left_mid_4 ul li{
float:left; width:28.8961038961039%; margin-right:6.65584415584416%;}
.footer_1_left_mid_4 ul li:nth-child(3n){ margin-right:0}
.footer_1_left_mid_4_1 img{ width:100%;}
.footer_1_left_mid_4_2{ font-size:.875em; line-height:1.6; margin-top:1em;}
.footer_1_right_mid{ margin-left:18%;}
.footer_1_mid_mid{ padding-left:10%; min-height:340px;
border-left:1px solid rgba(255, 255, 255, 0.2);border-right:1px solid rgba(255, 255, 255, 0.2);
}
.footer_1_mid_mid ul li{
float:left; width:50%;}
.footer_1_mid_mid ul li dl dd a{ color:#fff; display:inline-block; position:relative;transition: all .3s;}
.footer_1_mid_mid ul li dl dd a:hover{transform: translateX(5px);}
.footer_1_mid_mid ul li dl dd{ margin-bottom:1.375em;}
.footer_1_right_mid_1_mid{ padding-top:1em; padding-bottom:2em;border-bottom:1px solid rgba(255, 255, 255, 0.2); margin-bottom:2em;}
.footer_1_right_mid_link a{ text-align:center; overflow:hidden; display:block; width:130px; height:38px; line-height:39px; border-radius:5px; color:#fff; background-color:#0e2199; position:relative;}
.footer_1_right_mid_link a span{ position:relative; background-image:url(../images/footer/img5.png); padding-left:30px; background-position:left center; background-repeat:no-repeat;}
.footer_1{ padding-top:6.5625em; padding-bottom:4.375em;}
.footer_2{ background-color:#fff; overflow:hidden; line-height:1.6; padding:.75em 0; color:#000}
.footer_2_left{
float:left}
.footer_2_right{ float:right}
.footer_2_right p{
background-image:url(../images/footer/img7.png); padding-left:22px; background-position:left center; background-repeat:no-repeat; display:inline-block;}
.bodyright{ position:fixed; right:0; z-index:100; /**top:50%;-webkit-transform: translate(-0%, -50%);
  transform: translate(-0%, -50%);**/ bottom:3.125vw;}
.bodyright ul li a{
display:block; background-color:#fff; border-radius:5px; position:relative; width:4.8125em; height:4.5625em; text-align:center;}
.bodyright ul li{ margin:1px 0;}
.bodyright_mid{ position:absolute; left:0; width:100%; top:50%;-webkit-transform: translate(-0%, -50%);
  transform: translate(-0%, -50%);}
.bodyright_mid_2{ font-size:.75em; margin-top:5px;}
.bodyright ul li:last-child a{ color:#fff; background-color:#1f20f9;}
/*********************************/
.nybanner{ position:relative; overflow:hidden}
.imgw{ width:100%;}
.nybanner_jj{ position:absolute; left:0; z-index:10; top:50%; width:100%; color:#fff;-webkit-transform: translate(-0%, -50%);
  transform: translate(-0%, -50%);}
.nybanner_jj_1{ font-size:3.75em; font-weight:normal}
.nybanner_jj_2{ font-size:1.125em; color:#fff; padding-top:4px;}
.digital_mid{ margin:0 11.45833333333333%;}
.digital_1{ padding-top:6.5625em; padding-bottom:10.625em; position:relative;}
.digital_1_2{ position:relative; min-height:526px; background-color:#0a1c89; color:#fff; border-radius:10px; color:#fff; overflow:hidden}
a.abutton3{ width:11em; height:2.6875em; line-height:2.6875em; border:1px #959595 solid; background-color:#fff;  position:relative;font-family: 'Poppins'; overflow:hidden; color:#141414; display:block; text-align:center; font-weight:bold}
.abutton3 span{ padding-right:2.5em; position:relative; z-index:10; background-position:right center; background-repeat:no-repeat;}
.abutton3 span:after{ content:''; position:absolute; right:0; top:50%; width:1.8125em; height:0.5625em; background-image:url(../images/index/img12.png); background-position:center; background-repeat:no-repeat; background-size:cover;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.digital_1_2_right{ margin-left:27.5%;}
.digital_1_2_right_mid_1{ font-size:1.25em;font-family: 'Poppins'; font-weight:bold; }
.digital_1_2_right_mid_2{ font-size:2.25em; margin-top:10px;}
.digital_1_2_right_mid_3{ font-size:1.125em; margin:1.5em 0 1.875em 0; padding-top:1.5em;border-top:1px solid rgba(255, 255, 255, 0.3); line-height:1.8;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 4;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;}
.digital_1_2_right_mid_3 p{ opacity:.7;}
.digital_1_2_right_mid{ margin:0 8.37209302325581%; padding:5.625em 0;}
.digital_1_2_left{ overflow:hidden; position:absolute; left:0; top:0; height:100%; width:27.5%}
.digital_1_1{ margin-bottom:2.5em;}
.digital_1_2_left_bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.digital_1 .digital_mid{ position:relative; z-index:10;}
.digital_1_3{ background-color:#fff; border-radius:10px;box-shadow: 4px 2px 9px 2px rgba(0, 0, 0, .1); margin-top:1.5em; overflow:hidden;}
.digital_1_3_mid{ margin:0 3.71621621621622%;}
.digital_1_3_mid_mid_left_1{ color:#0a1c89; font-size:3.75em;} 
.digital_1_3_mid_mid_left{ position:absolute; left:0; top:0;font-family: 'Poppins'; line-height:1.2; }
.digital_1_3_mid_mid_left_2{ font-size:1.5em; color:#000;}
.digital_1_3_mid_mid_right_1{ font-size:1.5em; color:#000;}
.digital_1_3_mid_mid_right_2{ color:#333; line-height:1.8;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; min-height:3.6em; margin-top:.875em; }
.digital_1_3_mid_mid_right{ margin-left:11.875em; padding-left:3em; border-left:1px #caccdb solid;}
.digital_1_3_mid ul li{ padding:2em 0; border-bottom:1px #caccdb solid; }
.digital_1_3_mid_mid{ position:relative;}
#swiper-paginationhetou.swiper-paginationhetou_footer{ margin-bottom:3.125em;}
.sdot.sdothui .swiper-pagination-bullet{ background-color:#d3d5e2; opacity:1}
.sdot.sdothui .swiper-pagination-bullet-active{ background-color:#2136b8}
.digital_2{ position:relative; padding-bottom:11.875em; padding-top:7.0625em; background-image:url(../images/digital/bg1.jpg); color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.digital_2_1_left{
float:left}
.digital_2_2{ margin-top:3.75em; margin-left:11.45833333333333%;}
.swiper-pagination.swiper-paginationhetou_footer{ position:static; margin:3.125em 0;}
.digital_2_2_mid_mid{ position:relative; border-radius:10px; overflow:hidden;}
.digital_2_2_mid_mid_1 img{ width:100%;}
.digital_2_2_mid .swiper-slide{ width:40.94117647058824%; margin-right:2.35294117647059%;}
.digital_2_2_mid_mid_2{ position:absolute; left:0; bottom:0; width:100%; z-index:1;}
.digital_2_2_mid_mid_3{ position:absolute; left:0; bottom:0; width:100%; z-index:10; color:#fff;}
.digital_2_2_mid_mid_3_mid_1{ font-size:1.875em;}
.digital_2_2_mid_mid_3_mid_2{ line-height:1.6;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin-top:.75em;}
.digital_2_2_mid_mid_3_mid{ margin:3em;}
#p2{ display:none}
.digital_3{ background-color:#f0f0f0; overflow:hidden;}
.digital_3_1{ text-align:center;}
.digital_3_2 .swiper-slide{padding: 0 calc((100vw - 35.46875vw) * 0.0208333333333333);
    
  width: 35.46875vw;
   }
.digital_3_2{ margin-top:3.375em;}
.digital_4_1 ul li{
float:left; width:32%; margin-right:2%;}
.digital_4_1 ul li:nth-child(3n){ margin-right:0}
.digital_4_1_mid{ text-align:center; border-radius:10px; padding:2.5em 0; background-position:center; background-repeat:no-repeat; background-size:cover; color:#fff;}
.digital_4_1_mid_1 img{ max-width:24%;}
.digital_4_1_mid_2_2{ font-size:1.125em; color:#fff;}
.digital_4_1_mid_2_1{ margin-top:.65em;}
.digital_4_1_mid_2{ margin:0 1em;}
.digital_4{ padding:3.75em 0;}
.digital_4_2_mid{ background-position:center; background-repeat:no-repeat; background-size:cover; color:#fff; text-align:center; border-radius:10px; padding-bottom:7.3125em;}
.digital_4_2{ margin-top:2.8125em;}
.digital_4_2_mid{ padding-left:1em; padding-right:1em;}

.digital_4_2_1{line-height:1.8;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin:1.75em 0 2.5em 0; }
.digital_4_2_top{  }
a.abutton3_lan{ background-color:#2136b8; color:#fff;}
.digital_4_2_2 a.abutton3_lan{ text-align:center; margin:0 auto;}
.digital_5 ul li{
float:left; width:33.333333%;}
.digital_5_mid{ position:relative; color:#fff; text-align:center; overflow:hidden;}
.digital_5_mid img{ width:100%;}
.digital_5_mid_jj{ position:absolute; left:0; width:100%; z-index:10; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.digital_1_bg{ position:absolute; right:0; top:0; height:100%; background-color:#f3f5f8; width:40.625%;}
.digital_1_bg_2{ position:absolute; right:35.3125%; width:10.10416666666667%; bottom:3.45892526250772%; z-index:1;}
.digital_1_bg_2 img,.digital_2_bg img{ width:100%;}
.digital_2_bg{position:absolute; right:15.10416666666667%; width:10.10416666666667%; bottom:9.73451327433628%; z-index:1;}
/**************trade**********************/
.trade_1{ position:relative; padding-top:10.5em; padding-bottom:6.25em;}
.trade_1_mid{ position:relative;}
.trade_1_mid_left{ width:58.4375%; overflow:hidden; border-radius:10px;}
.trade_1_mid_left img{ width:100%;}
.trade_1_mid_right{ position:absolute; z-index:10; overflow:hidden; right:11.45833333333333%; width:41.97916666666667%; background-color:#fff; border-radius:10px;box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); top:13.33333333333333%; }

.trade_1_mid_right_mid_2 .digital_4_2_1{-webkit-line-clamp: 4;   }
.trade_1_mid_right_mid{ margin:0 7.44416873449132%; padding-top:5.5em; padding-bottom:4.6875em;}
.trade_1_mid_right_mid_3 ul li{
float:left; position:relative; overflow:hidden;}
.trade_1_mid_right_mid_3_mid{ display:inline-block; padding:0 1em; text-align:center;}
.trade_1_mid_right_mid_3 ul li:nth-child(1){ width:20%;}
.trade_1_mid_right_mid_3 ul li:nth-child(2){ width:28%; text-align:center}
.trade_1_mid_right_mid_3 ul li:nth-child(3){ width:28%; text-align:center;}
.trade_1_mid_right_mid_3 ul li:nth-child(4){ width:24%;}
.trade_1_mid_right_mid_3 ul li:after{
content:''; position:absolute; left:0; width:1px; background-color:#f2f2f2; height:100%;}
.trade_1_mid_right_mid_3 ul li:nth-child(1):after { display:none}
.trade_1_mid_right_mid_3_mid_2{ margin-top:10px;}
.trade_2{ position:relative; padding-top:9.125em; padding-bottom:13em;}
.trade_2_right{ position:relative; z-index:10; margin-left:41.35416666666667%;}
.trade_2_mid{ position:relative; z-index:10;}
.trade_2_right_img{ border-radius:10px; overflow:hidden}
.trade_2_right_img img{ width:100%;}
.trade_2_mid .swiper-slide{ width:82.23801065719361%; margin-right:2.66429840142096%;}
.trade_2_mid .trade_2_left .swiper-slide{ margin-right:0;}
.trade_2_left{ position:absolute; z-index:10; left:11.45833333333333%; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); width:25%;} 
.trade_2 .trade_1_mid_right_mid_2 .digital_4_2_1{-webkit-line-clamp: 100; }
.trade_2 .digital_4_2_1 p:nth-child(1){ margin-bottom:1.375em; font-size:1.25em; color:#000}
.trade_2_bg_1{ position:absolute; right:0; top:0; height:100%; width:46.66666666666667%; background-color:#f0f1f3;}
.trade_1_bg{ position:absolute; width:10.10416666666667%; right:14.84375%; bottom:13.76597836774828%;}
.trade_2_bg_2{ position:absolute;width:10.10416666666667%; right:43.02083333333333%; z-index:1; bottom:12.79569892473118%;}
.trade_1_bg img,.trade_2_bg_2 img{ width:100%;}
.trade_3{ padding-top:3em; padding-bottom:11.875em; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; color:#fff;}
.trade_3_1{ text-align:center}
.trade_3_2{ text-align:center; padding-top:2.5em;}
.trade_3_2 .digital_4_2_1{ line-height:2;-webkit-line-clamp: 100;}
.trade_3_3 ul li{ position:relative;  
float:left; text-align:center; margin-top:1.5em; min-height:100px;}
.trade_3_3_mid{ display:inline-block; text-align:left; position:relative; margin:0 1em; padding-left:5.75em;}
.trade_3_3_mid_left{ position:absolute; left:0; top:.5em;}
.trade_3_3 ul li:nth-child(1){ width:26%;}
.trade_3_3 ul li:nth-child(2){ width:27%;}
.trade_3_3 ul li:nth-child(3){ width:23%;}
.trade_3_3 ul li:nth-child(4){ width:24%;}
.trade_3_3 ul li:after{ content:''; position:absolute; left:0; top:0; height:100%; width:1px; background-color:#c6c6c6}
.trade_3_3 ul li:nth-child(1):after{ display:none}
.trade_3_3_mid_right_1{ font-size:1.125em;}
.trade_3_3_mid_right_1 span{ font-size:2.777777777777778em; font-family: 'poppinsmedium'; position:relative; display:inline-block;}
.trade_3_3_mid_right_2{ font-size:.875em;}
.trade_3_3 ul li:nth-child(1) .trade_3_3_mid{ margin-left:0}
.trade_3_3 ul li:nth-child(4) .trade_3_3_mid{ margin-right:0;}
.trade_3_3 ul li:nth-child(4) .trade_3_3_mid_right{ padding-left:10px;}
.trade_3_3{ padding-top:2em;}
.trade_3_3_mid_right_1 span.jia:after{ content:'+'; position:absolute; right:0;-webkit-transform: translate(100%, -0%);  
    transform: translate(100%, -0%);}
.trade_4{  position:relative;}
.trade_4_bg{ position:absolute; right:0; top:0; height:100%; background-color:#f2f4f4; width:68.17708333333333%;}
.trade_4_1{ position:relative; z-index:1; padding-top:8.75em; padding-bottom:4.375em;}
.trade_4_2{ position:relative; z-index:1;padding-bottom:4.625em;}
.trade_4_2_mid{ position:relative; }
.trade_4_2_mid_left{ width:91.75675675675676%; overflow:hidden; border-radius:10px;}
.trade_4_2_mid_left img{ width:100%;}
.trade_4_2_mid_right{ position:absolute; width:49%; z-index:10; background-color:#fff;box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); overflow:hidden; right:0;  bottom:-11.40625%; border-radius:10px;}
.trade_4_2_mid_right_mid{ margin:2.875em 8.26446280991736%;}
.trade_4_2_mid_right_mid_2{ font-size:1em; color:#8b8b8b;}
.trade_4_3_1{ text-align:center;}
.trade_4_3{ position:relative; z-index:1; padding-top:6.25em;}

.trade_4 .index_4_3_mid_right_mid_1{ font-weight:normal}
.trade_4_3_2 ul li{
float:left; width:32%; margin-right:2%;}
.trade_4_3_2 ul li:nth-child(3n){ margin-right:0}
.trade_4_3_2 ul.worksul li{ width:49%; margin-right:0; margin-bottom:29px;}
.trade_4_3_2 ul.worksul li:nth-child(2n){ float:right;}


.trade_4_3_2_mid{ position:relative;}
.trade_4_3_2_mid_1{ overflow:hidden; border-radius:10px; position:relative;}
.trade_4_3_2_mid_1 img{ width:100%;}
.trade_4_3_2_mid_2{ position:absolute; z-index:10; left:0; width:100%; top:50%;-webkit-transform: translate(0%, -50%);  
    transform: translate(0%, -50%);text-align:center; color:#fff; /*bottom:15%;*/}
.trade_4_3_2_mid_2_mid{ margin:0 1em;}
.trade_4_3_2_mid_1:after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:.64; z-index:1;}
.trade_4_3_2 ul.worksul .trade_4_3_2_mid_1:after{ display:none}
.trade_4_3_2_mid_2_mid_2{ font-size:1.875em; font-weight:normal; margin-top:15px;}
.trade_4_3_2_mid_2_mid_3{ font-weight:normal; margin:.875em 0 1em 0;}
.trade_4_3_2{ padding-top:2.5em; padding-bottom:11.25em;}
.trade_4_4{ position:relative; z-index:10; padding-top:10.25em;}
.trade_4_4_bg{ position:absolute; left:0; top:0; height:100%; width:66.71875%; background-image:url(../images/trade/img19.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.trade_4_4_mid{ position:relative; z-index:1; margin-left:11.45833333333333%;}
.trade_4_4_mid_right{
float:right; width:71.11764705882353%; overflow:hidden;}
.trade_4_4_mid_right img{ width:100%;}
.trade_4_4_mid_left{ color:#fff;
float:left; width:24.41176470588235%;}
.trade_4_4 .index_1_mid_left_1{ font-weight:normal}
.trade_4_4_mid_left_2_mid_1{ font-size:1.5em; color:#fff; font-weight:normal}
.trade_4_4_mid_left_2_mid_2{ color:#b1b7de;font-family: 'Poppins'; margin-top:5px;}
.trade_4_4_mid_left_2_mid_3{ color:#fff; font-weight:normal;line-height:1.8;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin:1.25em 0;  }
.trade_4_4_mid_left_2 ul li{
border-bottom:1px solid rgba(255, 255, 255, 0.5); padding:1.75em 0;}
.trade_4_4_mid_left_2_mid_jj{ height:0; overflow:hidden;}
.trade_4_4_mid_left_2 ul li.on .trade_4_4_mid_left_2_mid_jj{ height:7.4em;}
.trade_4_4_mid_left_2 ul li.on .trade_4_4_mid_left_2_mid_1{ color:#5bcfff}
.trade_4_4_mid_left_2{ margin-top:3.75em;}
.trade_4_3_bg{ position:absolute; top:0; width: 10.10416666666667%; left:37.5%;}
.trade_4_3_bg img{ width:100%;}
.nybanner_jj_goal{ text-align:center; top:calc((50% + 98px));-webkit-transform: translate(-0%, calc((-50% - 49px)));
  transform: translate(-0%, calc((-50% - 49px)));}
.nybanner_jj_goal .indext:after { display:none}
.goal_1{ overflow:hidden; background-color:#f8faff; overflow:hidden; line-height:2em; padding:1.125em 0;}
.goal_1_mid_left{ float:left;}
.goal_1_mid_right{ float:right; background-image:url(../images/trade/img20.png); padding-left:1.5em; background-position:left center; background-repeat:no-repeat;}
.goal_1_mid_left{ font-size:1.5em; color:#000; font-weight:bold}
.goal_2_mid{ position:relative;}
.goal_2_mid_left{ width:51.82432432432432%; position:relative;}
.goal_2_mid_left_1{ overflow:hidden; position:relative; z-index:1;}
.goal_2_mid_left_1 img{ width:100%;}
.goal_2_mid_right{ position:absolute; right:0; top:50%; width:41.89189189189189%;-webkit-transform: translate(0%, -50%);  
    transform: translate(0%, -50%); max-height:100%; overflow:hidden; overflow-y:auto;}
.goal_2_mid_right .digital_4_2_1{-webkit-line-clamp: 100; margin-bottom:1em}
.goal_2{ padding-top:5.625em; padding-bottom:7.6875em;}
.goal_2_mid_left_2{ position:absolute;right:-4.82398956975228%; bottom:-6.33946830265849%; width:18.51368970013038%;}
.goal_2_mid_left_2 img{ width:100%; }
.goal_3_mid ul li{ margin-bottom:1.5em; overflow:hidden;
float:left; background-color:#fff; width:49%;box-shadow: 4px 2px 9px 2px rgba(0, 0, 0, .1); border-radius:10px;}
.goal_3_mid ul li:nth-child(2n){
float:right;}
.goal_3_mid_mid{ position:relative; min-height:11.25em;}
.goal_3_mid_mid_left{ position:absolute; left:0; top:50%; width:8.125em; text-align:center;-webkit-transform: translate(0%, -50%);  
    transform: translate(0%, -50%);}
.goal_3_mid_mid_right{ left:8.125em; right:3.75em; position:relative; top:50%;-webkit-transform: translate(0%, -50%);  
    transform: translate(0%, -50%); position:absolute;}
.goal_3{ padding-bottom:3.75em;}
.goal_3_mid_mid_right_1{ font-size:1.5em; color:#2136b8;}
.goal_3_mid_mid_right_2{ margin-top:10px;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; line-height:1.5;}
.goal_1_mid_right span{ color:#0e2199;}
.task_1_mid{ position:relative;}
.task_1_left{ position:absolute; left:0; top:0;}
.task_1_right{ margin-left:244px; line-height:1.8;}
.task_1_left_1{ font-weight:normal;}
.task_1_left_2{ font-size:1em;}
.pt1{ color:#000;   font-size:1.125em;}
.task_1_right p:nth-child(1),.task_2_mid_right_mid_3 p:nth-child(1){ margin-bottom:1.5em;}
.pt2{ margin:5px 0 10px 0px;}
.task_1{ padding-top:5.5em; padding-bottom:7.75em; overflow:hidden;}
.task_2_mid{ position:relative; padding-top:8.375em;}
.task_2_mid_left{ overflow:hidden;
position:absolute; left:0; top:0; width:74.6875%;}
.task_2_mid_left img{ width:100%;}
.task_2_mid_right{ position:relative; overflow:hidden; z-index:10; margin-left:35.57291666666667%; margin-right:11.45833333333333%; color:#fff; background-color:rgba(14, 33, 153, 0.83)}
.task_2_mid_right_mid{ margin:2.5em 7%;}
.task_2_mid_right_mid_2{ color:#fff;}
.task_2_mid_right_mid_3 .pt1{ color:#fff}
.task_2_mid_right_mid_3{ line-height:1.8; margin-top:10px;}
.task_3_1{ text-align:center}
.task_3{ padding-top:6.875em; overflow:hidden; padding-bottom:10em;}
.task_3_2_mid_mid{ position:relative;}
.task_3_2_mid_mid_left{ width:53.37837837837838%; overflow:hidden;}
.task_3_2_mid_mid_left img{ width:100%;}
.task_3_2_mid ul li:nth-child(2n) .task_3_2_mid_mid_left{ margin-left:46.62162162162162%;}
.task_3_2_mid_mid_right{ position:absolute; right:0; top:50%;-webkit-transform: translate(0%, -50%);  
    transform: translate(0%, -50%); width:42.77027027027027%; max-height:100%; overflow:hidden; overflow-y:auto;}
.task_3_2_mid ul li:nth-child(2n) .task_3_2_mid_mid_right{
left:0; right:auto}
.task_3_2_mid ul li{ margin-top:4.5625em;}
.task_3_2_mid_mid_right_1{ font-size:1.5em; color:#000;}
.task_3_2_mid_mid_right_2{ line-height:1.8; margin-top:1.5em;}
/****************************************/
.port_1{ position:relative; padding-top:6.25em; padding-bottom:12.5em;}
.port_1 .digital_mid{ position:relative; z-index:10;}
.port_1_bg{ position:absolute; left:0; top:0; height:100%; background-color:#e8e9f0; width:35.9375%;}
.port_1_mid{ position:relative;}
.port_1_mid_left{ width:92.16216216216216%; overflow:hidden;}
.port_1_mid_left img{ width:100%;}
.port_1_mid_right{ bottom:-19.6594427244582%; position:absolute; z-index:10; right:0; width:53.37837837837838%; background-color:#fff;box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); overflow:hidden;}
.port_1 .index_1_mid_left_1{  }
.port_1_mid_right_mid{ margin-left:10%; margin-right:5%; padding-bottom:2.5em; padding-top:4.375em;}
.port_1 .digital_4_2_1{-webkit-line-clamp: 5;}
.port_1_bg_1{ position:absolute; left:30.3125%; width:10.10416666666667%;bottom:10.88794926004228%;}
.port_1_bg_1 img{ width:100%; }
.port_2{ overflow:hidden; color:#fff; background-color:#0e2199; padding-top:9.375em; padding-bottom:11.25em;}
.port_2_1{ padding-bottom:1.875em;}
.port_2_1 .index_1_mid_left_1{ font-weight:normal}
.port_3_1{ text-align:center}
.port_3_2{ text-align:center; padding:2.25em 0 1em 0;}
.port_3_2 ul li{ display:inline-block; font-size:1.125em; padding:0 2em; background-image:url(../images/port/img3.png); background-position:left center; background-repeat:no-repeat; margin-bottom:1em;}
.port_3_2 ul li:nth-child(1){  background-image:none}
.port_3{ overflow:hidden}
.port_3_3 ul li{ margin-right:2.97297297297297%;
float:left; width:31.35135135135135%; position:relative; padding-bottom:2.5em; border-bottom:1px #e7e7e9 solid; margin-top:2.5em;}
.port_3_3 ul li:nth-child(3n){ margin-right:0}
.port_3_3_1{ overflow:hidden}
.port_3_3_1 img{ width:100%;}
.port_3_3_2 p{ display:inline-block; font-weight:normal;font-size:1.125em; color:#2f54c0;font-family: "SourceHanSansCN-Normal"; background-image:url(); background-position:left center; background-repeat:no-repeat; background-image:url(../images/port/img3.png); padding:0 5px;}
.port_3_3_2 p:nth-child(1){ padding-left:0; background:none}
.port_3_3_3{ font-size:1.25em; font-weight:normal;font-family: "SourceHanSansCN-Normal";}
.port_3_3_4{   font-weight:normal;font-family: "SourceHanSansCN-Normal"; line-height:1.6;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; min-height:3.2em; margin:.5em 0 1em 0;}
.port_3_3 .abutton2 span{ color:#141414; font-size:.875em;}
.port_3_3 .abutton2 span:after{ font-size:1.125em}
.port_3_3_2{ margin-top:2em; margin-bottom:.875em;}
.port_3_4{ padding:3.75em 0;}
.port_3_2 ul li a.on,.port_3_2 ul li a:hover{ color:#2f54c0}
.port_info_1_mid{ position:relative;}
.port_info_1_mid_left{ width:71.75675675675676%; overflow:hidden; border-radius:10px;}
.port_info_1_mid_left img{ width:100%;}
.port_info_1_mid_right{ position:absolute; width:53.58108108108108%; z-index:10; background-color:#fff;box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); right:0; bottom:-16.12903225806452%;}
.port_info_1 .index_4_3_mid_right_mid_1{ font-weight:normal}
.port_info_1_mid_right_mid{ margin-left:6.67506297229219%; margin-right:3.77833753148615%; padding:2.5em 0;}
.port_info_1 .digital_4_2_1{ margin-bottom:0;-webkit-line-clamp: 100;}
.port_info_1{ padding-top:5em; padding-bottom:10em;}
.port_info_2{ background-color:#f7f7f7; overflow:hidden;}
.port_info_2_1{ text-align:center; padding-top:5em; padding-bottom:3.125em;}
.port_info_2 .index_4_3_mid_right_mid_1{ font-weight:normal}
.port_info_2_2_img{ overflow:hidden; border-radius:10px;}
.port_info_2_2_img img{ width:100%;}
#p4{ position:absolute; margin:0; bottom:7.49128919860627%;}
.port_info_2_3{ line-height:1.8; margin:4em 0;}
/*******************news*********************/
.bannercate{ position:absolute; left:0; width:100%; z-index:10; bottom:7.90419161676647%; text-align:center;}
.bannercate ul li{
float:left;font-size:1.125em;}
.bannercate ul li a{ display:block; color:#fff; background-color:rgba(0, 0, 0, 0.72); line-height:3.833333333333333em;}
.bannercate ul li a.on,.bannercate ul li a:hover{ background-color:#2456c7;}
.bannercate ul.u2 li{ width:50%; }
.bannercate ul.u3 li{ width:33.3333%; }
.bannercate ul.u4 li{ width:25%; }
.news_1_mid_mid{ border-radius:10px; overflow:hidden;box-shadow: 2px 1px 4.5px 1px rgba(0, 0, 0, .1); min-height:30.9854375em; position:relative;}
.news_1_mid_mid:after{ content:''; position:absolute; left:0; bottom:0; height:#0037c2; height:3px; background-color:#0037c2; width:0;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.news_1_mid_mid_1{ overflow:hidden;}
.news_1_mid_mid_1 img{ width:100%;}
.news_1_mid_mid_2 span{ padding:0 5px; display:inline-block; background-image:url(../images/news/img3.png); background-position:left center; background-repeat:no-repeat;  color:#0037c2;}
.news_1_mid_mid_2 span:nth-child(1){ padding-left:0; background-image:none}
.news_1_mid_mid_jj{ padding:1.5em 1.5em;}
.news_1_mid_mid_3{ font-size:1.25em; color:#000;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin-top:10px;}
.news_1_mid_mid_4{ font-size:.875em; color:#2b2b2b;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; line-height:1.6; margin-top:1em; margin-bottom:1.5em;}
.news_1_mid_mid_4_large{-webkit-line-clamp: 11; }
.news_1_mid_mid_5 p{ font-size:.875em; color:#666;font-family: 'Poppins'; font-weight:bold}
.news_1_mid_mid_5 p span{ display:inline-block; background-image:url(../images/news/img4.png); padding-right:18px; background-position:right center; background-repeat:no-repeat;}
.news_1_mid_mid_1_bg{ display:none; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.news_1_mid_mid_1_bg img{ position:absolute; left:0; bottom:0; width:100%;}
.news_1_mid ul li dl dd{ float:left; margin-right:0.9009009009009067%; width:24.32432432432432%; margin-top:2.875em;}
/*******/
.news_1_mid ul li:nth-child(2n-1) dl dd:nth-child(1){ width:49.54954954954955%;}
.news_1_mid ul li:nth-child(2n-1) dl dd:nth-child(3){ margin-right:0}
.news_1_mid ul li:nth-child(2n-1) dl dd:nth-child(1) .news_1_mid_mid_1{ position:absolute; left:0; top:0; width:100%; height:100%;}
.news_1_mid ul li:nth-child(2n-1) dl dd:nth-child(1) .news_1_mid_mid_jj{ z-index:10; position:absolute; left:0; bottom:0;  }
.news_1_mid ul li:nth-child(2n-1) dl dd:nth-child(1) .news_1_mid_mid_1 img{ display:none;}
.news_1_mid ul li:nth-child(2n-1) dl dd:nth-child(1) .news_1_mid_mid_1_bg{ display:block}
.news_1_mid ul li:nth-child(2n-1) dl dd:nth-child(1) .news_1_mid_mid_2,.news_1_mid ul li:nth-child(2n-1) dl dd:nth-child(1) .news_1_mid_mid_5{ display:none}
.news_1_mid ul li:nth-child(2n-1) dl dd:nth-child(1) .news_1_mid_mid_3,.news_1_mid ul li:nth-child(2n-1) dl dd:nth-child(1) .news_1_mid_mid_4{ color:#fff;}
.news_1_mid ul li:nth-child(2n-1) dl dd:nth-child(1) .news_1_mid_mid_4{-webkit-line-clamp: 2;   }
.news_1_mid ul li:nth-child(2n-1) dl dd:nth-child(7){ margin-right:0}
/***********/
.news_1_mid ul li:nth-child(2n) dl dd:nth-child(3){ width:49.54954954954955%; margin-right:0}
.news_1_mid ul li:nth-child(2n) dl dd:nth-child(3) .news_1_mid_mid_1{ position:absolute; left:0; top:0; width:100%; height:100%;}
.news_1_mid ul li:nth-child(2n) dl dd:nth-child(3) .news_1_mid_mid_jj{ z-index:10; position:absolute; left:0; bottom:0;  }
.news_1_mid ul li:nth-child(2n) dl dd:nth-child(3) .news_1_mid_mid_1 img{ display:none;}
.news_1_mid ul li:nth-child(2n) dl dd:nth-child(3) .news_1_mid_mid_1_bg{ display:block}
.news_1_mid ul li:nth-child(2n) dl dd:nth-child(3) .news_1_mid_mid_2,.news_1_mid ul li:nth-child(2n) dl dd:nth-child(3) .news_1_mid_mid_5{ display:none}
.news_1_mid ul li:nth-child(2n) dl dd:nth-child(3) .news_1_mid_mid_3,.news_1_mid ul li:nth-child(2n) dl dd:nth-child(3) .news_1_mid_mid_4{ color:#fff;}
.news_1_mid ul li:nth-child(2n) dl dd:nth-child(3) .news_1_mid_mid_4{-webkit-line-clamp: 2;   }
.news_1_mid ul li:nth-child(2n) dl dd:nth-child(7){ margin-right:0}
/******************/
.news_1_mid ul li dl dd:hover .news_1_mid_mid:after{ width:100%;}
.news_info_1_1{ text-align:center; font-size:2.25em; font-weight:bold; margin-top:2.666666666666667em;}
.news_info_1_2{ text-align:center; margin-top:10px; padding-bottom:2.375em; border-bottom:1px #ddd solid;}
.news_info_1_3{ line-height:1.8; padding:4.6875em 0;}
.app_show_2_4{ padding:.875em 0; overflow:hidden; position:relative; border-bottom:1px #dadada solid; border-top:1px #dadada solid;}
.app_show_2_4 ul li{
float:left; width:calc((50% - 44px));}
.app_show_2_4 ul li:nth-child(2n){
float:right; text-align:right}
.app_show_2_4 ul li span{
background-image:url(../images/news/img7.png); background-position:right center; background-repeat:no-repeat; padding-right:10px; margin-right:10px;}
.news_info_2_1{ text-align:center}
.news_info_2_2 .swiper-slide{margin-right:0.9009009009009067%; width:24.32432432432432%;}
.news_info_2_2{ margin-top:3.4375em}
.news_info_2_2 .swiper-slide:last-child{ margin-right:0}
.po_1 .abutton2 span {
  color: #141414;
  font-size: .875em;
}
.po_1 .abutton2 span::after {
  font-size: 1.125em;
}
.po_1_mid_left{ font-weight:normal;font-family: 'SourceHanSansCN-Normal';}
#pomid{ overflow:hidden; background-color:#f8faff; padding-top:5.625em;}
#pomid .index_7_1_right a{ color:#000;}
#pomid .index_7_1_right a:hover,#pomid .index_7_1_right a.on{color: #101e78;}
.po_1 ul li{ margin-top:1.5em; background-color:#fff;-moz-box-shadow:2px 6px 15px rgba(0, 0, 0, .1); -webkit-box-shadow:2px 6px 15px rgba(0, 0, 0, .1); box-shadow:2px 6px 15px rgba(0, 0, 0, .1); position:relative;}
.po_1_mid{ position:relative; min-height:9em;  }
.po_1_mid_right{ position:absolute; width:12.5em; text-align:center; top:50%;-webkit-transform: translate(0%, -50%);  
    transform: translate(0%, -50%); right:0;}
.po_1_mid_left{ left:2em; position:absolute; top:50%;-webkit-transform: translate(0%, -50%);  
    transform: translate(0%, -50%); right:25%;}
.po_1_mid_left_1{ font-size:1.5em; color:#000}
.po_1_mid_left_2{display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; line-height:1.6; margin-top:.75em;}
.po_1_mid:after{ width:4px; background-color:#2136b8; position:absolute; content:''; left:0; top:50%; height:44.44444444444444%;-webkit-transform: translate(0%, -50%);  
    transform: translate(0%, -50%); }
#pofooter{ margin-bottom:4em;}
.po_1{ margin-top:3em;}
/**************service************************/
.service_1{ background-image:url(../images/service/bg1.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; color:#fff;}
.service_1_1{   text-align:center;}
.service_1_2{ padding:4.375em 0;}
.service_2{ position:relative; overflow:hidden; padding-top:7.5em; padding-bottom:15.625em;}
.service_2_bg{ position:absolute; right:0; top:0; width:40.52083333333333%; background-color:#ecedf4; height:93.8%;}
.service_2_1{ padding-bottom:11.875em; background-image:url(../images/service/img1.jpg); color:#fff; text-align:center; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; padding-top:13.9375em;}
.service_2 .digital_mid{ position:relative; z-index:10;}
.service_2 .indext_cen_footer{ margin-top:0}
.service_2_1_2 a.abutton{ margin:0 auto;  font-family: "SourceHanSansCN-Normal";}
.service_2_1_1 .index_1_mid_left_1{ margin-bottom:1em;}
.service_2_1_1{ margin-left:1em; margin-right:1em;}
.service_2_2 ul li{
float:left; width:48.37837837837838%; position:relative;}
.service_2_2 ul li:nth-child(2n){
float:right;}
.service_2_2_1{ overflow:hidden; border-radius:10px;}
.service_2_2_1 img{ width:100%;}
.service_2_2_2{ text-align:center; z-index:10; position:absolute; left:0; top:50%; color:#fff; text-align:center;-webkit-transform: translate(0%, -50%);  
    transform: translate(0%, -50%); width:100%;}
.service_2_2_2 .indext:after { display:none}

.service_2_2{ margin-top:0em;}
.service_2_bg_1{ position:absolute;bottom:6.2%; width:10.10416666666667%; left:11.45833333333333%;}
.service_2_bg_1 img{ width:100%; }
.service_2_bg_2{ left:54.16666666666667%; width:8.28125%; bottom:10px; position:absolute; z-index:1;}
.service_2_bg_2 img{ width:100%;}
.service_3_1 img{ width:100%;}
.service_3_1{ overflow:hidden;}
.service_3_2{ position:absolute; left:0; z-index:10; width:100%; top:50%;-webkit-transform: translate(0%, -50%);  
    transform: translate(0%, -50%);}
.service_3{ position:relative; text-align:center; color:#fff;}
.service_3 .indext_cen_footer{ margin-top:0}
.service_3_2_2{ margin:0 19.86486486486486%;}
.service_1_2 ul li{ margin-right:1.35135135135135%;
float:left; width:23.98648648648649%; margin-bottom:2em;}
.service_1_2 ul li:nth-child(4n){ margin-right:0}
.service_1 #swiper-paginationhetou{ margin-top:1.125em;}
.service_info_1_mid{ position:relative;}
.service_info_1_mid_left{ border-radius:10px; width:61.95945945945946%; overflow:hidden}
.service_info_1_mid_left img{ width:100%;}
.service_info_1{ padding-top:5em; padding-bottom:7.25em;}
.service_info_1_mid_right{ overflow:hidden; position:absolute; right:0; background-color:#fff; z-index:10; width:50%;box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); bottom:-7.71704180064309%; border-radius:10px;}
.service_info_1_mid_right_mid_1{ font-size:2.25em;}
.service_info_1_mid_right_mid_2{ font-size:1.125em; color:#131313; padding:.875em 0; border-bottom:1px #d7d7d7 solid;}
.service_info_1_mid_right_mid{ margin:0 7.40242261103634%; padding-top:2.5em; padding-bottom:1.5em;}
.service_info_1_mid_right_mid_3{ font-weight:bold; color:#203db7; margin-top:15px; margin-bottom:.5em;}
.service_info_1_mid_right_mid_2_nobo{ border:none}
.service_info_1_mid_right_mid_1 span{ font-family: 'poppinsmedium'; font-weight:bold}
.service_info_1_mid_right_mid_5 span{ color:#159cac;}
.service_info_1_mid_right_mid_6{ padding-top:0; margin-bottom:1em; padding-bottom:1.75em;}
.service_info_1_mid_right_mid_7{ margin-bottom:10px;}
.service_info_1_mid_right_mid_4 p{ position:relative; height:0.625em; border-radius:0.625em; background-color:#d8d8d8; overflow:hidden;}
.service_info_1_mid_right_mid_4 p span{ position:absolute; left:0; top:0; height:100%; background-image:url(../images/service/img7.jpg); background-position:right center; background-repeat:no-repeat; background-size:cover; border-radius:0.625em;}
.service_info_2{ background-color:#f7f7f7; overflow:hidden; padding:1.5em 0;}
.service_info_2_mid ul li{ padding:0 1em;
float:left; font-size:1.5em; background-image:url(../images/service/img17.png); background-position:left center; background-repeat:no-repeat;}
.service_info_2_mid ul li:nth-child(1){ padding-left:0; background:none;}
.service_info_2_mid ul li a.on{ color:#2137b8;}
.service_info_2_mid ul li a{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.service_info_3_1{ font-size:1.875em; color:#000; margin-top:2.666666666666667em;}
.service_info_3_2{ font-size:1.125em; color:#666666;font-family: 'Poppins'; font-weight:bold; margin-top:5px;}
.service_info_3_3{ line-height:1.8; margin-top:1.875em; }
.service_info_3_4_1{ font-size:1.5em; color:#000;margin-top:2.25em; padding-top:2.25em; border-top:1px #d1d1d1 solid;}
.service_info_3_4{ overflow:hidden;}
.service_info_3_3 ul li{box-shadow: 4px 2px 9px 2px rgba(0, 0, 0, .1); background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:10px; margin-right:3.98648648648649%; margin-bottom:1em;
float:left; width:30.67567567567568%; position:relative; height:16.5em; text-align:center; color:#fff;}
.service_info_3_3 ul li:nth-child(3n){ margin-right:0}
.service_info_3_3_1{ position:absolute; left:0; width:100%; z-index:10; top:50%;-webkit-transform: translate(0%, -50%);  
    transform: translate(0%, -50%);}
.service_info_3_3 ul li:nth-child(1){ background-image:url(../images/service/img14.jpg);}
.service_info_3_3 ul li:nth-child(2){ background-image:url(../images/service/img15.jpg);}
.service_info_3_3 ul li:nth-child(3){ background-image:url(../images/service/img16.jpg);}
.service_info_3_3_1_mid_1{ font-size:3.75em;font-family: 'poppinsmedium'; line-height:1;}
.service_info_3_3_1_mid{ margin:0 1em;}
.service_info_3_3_1_mid_2{ font-size:1.25em; margin-bottom:1.4em;}
.service_info_3_3_1_mid_3 span{ display:inline-block; font-size:1.125em; color:#000; background-color:#fff; padding:0 2.222222222222222em; line-height:2em; height:2em; border-radius:2em;}
.tzhuiao{ margin-bottom:6.5em;}
#conext1pic,#coprev1pic{ display:none}
.jd_1_info1_mid{ position:relative;}
.jd_1_info1_mid_left{ border-radius:10px; width:71.75675675675676%; overflow:hidden;}
.jd_1_info1_mid_left img{ width:100%;}
.jd_1_info1{ padding-top:5em; padding-bottom:11.5em;}
.jd_1_info1_mid_right{ position:absolute; z-index:10; background-color:#fff; border-radius:10px; width:53.64864864864865%; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); right:0; bottom:-16.48745519713262%;}
.jd_1_info1_mid_right_mid_1{ font-weight:normal}
.jd_1_info1_mid_right_mid_2{ color:#000; font-size:1em;}
.jd_1_info1_mid_right_mid_2{-webkit-line-clamp: 300;}
.jd_1_info1_mid_right_mid{ padding-left:7%; padding-right:1.125em; padding-top:2.25em;}
.jd_1_info3{ position:relative; height:43.4375vw; overflow:hidden;}
#container{ position:absolute;  height:100%; left:8.85416666666667%; width:125%;}
.jd_1_info3_mid{ position:absolute; left:0; z-index:10; height:69%; top:15.5%; width:52.5%; background-color:rgba(7, 56, 136, .9); color:#fff;}
.jd_1_info3_mid_mid{ position:absolute; left:21.62698412698413%; right:11.9047619047619%; top:50%;-webkit-transform: translate(0%, -50%);  
    transform: translate(0%, -50%); max-height:80%; overflow-y:auto;}
.jd_1_info3_mid_mid_1{ font-size:1.5em;}
.jd_1_info3_mid_mid_2{ color:#d1d8e4; margin-top:4px; font-weight:bold; font-family: 'Poppins';}
.jd_1_info3_mid_mid_3_1{ font-size:1.125em;}
.jd_1_info3_mid_mid_3_2{color:#d1d8e4; line-height:1.8; margin-top:.5em;}
.jd_1_info3_mid_mid_3 ul li{ margin-top:1.25em;}
.jd_1_info3_mid_mid_3 ul{ padding-top:1em;}
.jd_1_info2_mid{ position:relative; height:37vw;}
.jd_1_info2_mid_right{ position:absolute; left:0%; top:0; height:100%; width:100%; overflow:hidden;}
.jd_1_info2_mid .swiper {
      width: 100%;
      height: 100%;
    }
.jd_1_info2_mid .swiper-wrapper{ height100%; width:100%;}
.jd_1_info2_mid .swiper-slide {
      
      height: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
       
    }

#gd1,#gd2{ display:none}
.jd_1_info2_mid_right img{ width:100%; }
.jd_1_info2_mid_right p{border-radius:10px; margin-bottom:.9375em; overflow:hidden;}
.jd_1_info2_mid_left{ position:absolute; left:0; top:10%; height:80%; width:40%; overflow:hidden;}
.jd_1_info2_mid_left_1{ font-size:1.5em; color:#000; font-weight:bold;}
.jd_1_info2_mid_left_2{ line-height:2; margin-top:1em;}
.jd_1_info2_mid_left_3 ul li{
float:left; position:relative; overflow:hidden;}
.jd_1_info2_mid_left_3_mid{ margin:0 1.5em; display:inline-block;}
.jd_1_info2_mid_left_3 ul li:nth-child(1) .jd_1_info2_mid_left_3_mid{ margin-left:0;}
.jd_1_info2_mid_left_3 ul li:last-child .jd_1_info2_mid_left_3_mid{ margin-right:0}
.jd_1_info2_mid_left_3 ul.arr3 li{ width:33.3333%;}
.jd_1_info2_mid_left_3 ul li:after{ background-color:#dcdcdc; content:''; position:absolute; left:0; top:0; height:100%; width:1px;}
.jd_1_info2_mid_left_3 ul li:nth-child(1):after{ display:none}
.jd_1_info2_mid_left_3_mid_1{ font-size:1.125em;}
.jd_1_info2_mid_left_3_mid_1 span{ font-size:2.666666666666667em; font-weight:bold;font-family: 'Poppins'; color:#2136b8}
.jd_1_info2_mid_left_3_mid_2{ line-height:1.6;}
.jd_1_info2_mid_left_3{ margin-top:1.45em;}
#page1.service_info_3{ overflow:hidden;}

 .xd_s_1{ position:relative; margin-top:4.8125em;}
.xd_s_1_right{ margin-left:11.45833333333333%; overflow:hidden; border-radius:10px;}
.xd_s_1_right img{ width:100%;}
.xd_s_1_left{ top:8%; background-color:rgba(0, 65, 141, 0.84); position:absolute; z-index:10; left:0; width:62.34375%; height:84%; color:#fff; }
.xd_s_1_left_mid{ position:absolute; left:25%; right:10%; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); height:74%; overflow:hidden;}
.xd_s_1_left_mid .mySwipergd1s{ width:100%; height:100%;}
.xd_s_1_left_mid .swiper-slide{ height:auto}

.xd_s_1_left .index_4_3_mid_right_mid_1{ font-weight:normal}
.xd_s_1_left .index_4_3_mid_right_mid_2{ color:#fff}

.xdp_left{
float:left; width:40%;}
.xdp_right{ float:right; width:55%;}
.xdp{ padding-bottom:2em; overflow:hidden}
.news_1{ margin-top:2em;}

/******************************/
#header.cur{ background-color:#fff; }
#header.cur .headermid{padding-top:1.25em; padding-bottom:1.25em;}
#header.cur .headermid_left img:nth-child(2){ opacity:1}
#header.cur .headermid_left img:nth-child(1){ opacity:0}
#header.cur .headermid_right ul li a.biga{ color:#000;}
#header.cur .headermid_right ul li a.biga:hover{ color:#fff;}
#header.cur .headermid_right_right{ background-image:url(../images/header/img2on.png);}
#header.cur .headermid_right_right a{ background-image:url(../images/header/img1.png);}
#header.cur{ box-shadow: 4px 2px 9px 2px rgba(0, 0, 0, .1);}

#header.cur2 .headermid_left img:nth-child(2){ opacity:1}
#header.cur2 .headermid_left img:nth-child(1){ opacity:0}
#header.cur2{ background-color:#fff; }
#header.cur2{ box-shadow: 4px 2px 9px 2px rgba(0, 0, 0, .1);}


#certify{ width:100%; position:relative; margin:0 auto;margin-top:4em;}
#certify  .swiper-slide {
	width: 50%;
	 
	 
}
#certify  .swiper-slide  a{display:block}
#certify  .swiper-slide img{
	display:block;width: 100%; border-radius:10px; ;
}
#certify .swiper-pagination-bullet{ margin:0 1.25em;}

.certify_jj{ position:absolute; left:0; width:100%; bottom:0; z-index:10; color:#fff;}
.certify_jj_mid{ padding:40px 50px; line-height:1.8;}
.certify_jj_mid_1{ font-size:1.875em;}
.certify_jj_mid_2{ font-size:1.125em; margin-top:5px;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;}
#zz{ left:25%;-webkit-transform: translate(1.5625em, -25%);
 
  transform: translate(1.5625em, -25%); top: calc(50% - 60.5px);
   }
#rr{ right:25%;-webkit-transform: translate(-1.5625em, -25%);
 
  transform: translate(-1.5625em, -25%); top: calc(50% - 60.5px);
   }
  

 #product{ background-image:url(../images/p1.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
#product .index_1_mid_left_1{ color:#fff;}
#product .port_3_3 ul li{ overflow:hidden; margin-right:1.69491525423729%; width:23.72881355932203%; background-color:#fff; border-radius:10px; padding-bottom:0;}
#product .port_3_3 ul li:nth-child(4n){ margin-right:0}
.ppjj{ padding:1em;}
#product .pagination li a, .pagination li span{ background-color:#fff;}
#product button:disabled, .disabled {
  opacity: 1;
   
}
#product .pagination li a:hover,#product .pagination li.active span{color: #fff;
  border-color: #0a1c89;
  background-color: #0a1c89;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;}


.case_1{ padding-top:1.5em;}
.case_1 ul li{background-color: #fff;
  -moz-box-shadow: 2px 6px 15px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 2px 6px 15px rgba(0, 0, 0, .1);
  box-shadow: 2px 6px 15px rgba(0, 0, 0, .1); margin-top:2em;}
.case_1_mid{ position:relative;}
.case_1_mid_left{ overflow:hidden; width:25%;}
.case_1_mid_left img{ width:100%;}   
.case_1_mid_right{ position:absolute; right:0; width:75%; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.case_1_mid_right_mid{ padding:0 5.43970988213962%;}	
.case_1_mid_right_mid_1{ font-size:1.25em; font-family:'SourceHanSansCN-Normal'; color:#000;}
.case_1_mid_right_mid_2{ margin-bottom: 1.5em; line-height: 1.6; margin-top:1.125em;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; font-weight:normal;font-family:'SourceHanSansCN-Normal';} 

#case{ position:relative; overflow:hidden;padding-bottom:9.25em;}
#case .digital_mid{ position:relative; z-index:10;}
.case_bg1{ position:absolute; right:0; width:40.52083333333333%; height:100%; background-color:#ecedf4; top:-3.09597523219814%;}
.case_bg2{ position:absolute; width:10.10416666666667%; left:19.21875%; bottom:4.69556243550052%;}
.case_bg2 img{ width:100%;}
.case_bg3{ position:absolute; left:54.21875%; bottom:0; width:8.28125%; z-index:1;}
.case_bg3 img{ width:100%;}
#productinfo{ padding-bottom:6em;overflow:hidden} 


 .pf_1{ font-size:1.125em; line-height:1.6; padding-bottom:1.5em; padding-top:1.25em; border-bottom:1px #d7d7d7 solid; margin-bottom:1.5em;}
 .pf_1 p:nth-child(2){ margin-top:.5em;} 
.pf_2{ font-size:1.5em;}
.pf_3{ line-height:1.6; margin-top:9px; font-size:1.125em;}
 .workmore{ padding-top:2.5em;}
.workmore a.abutton3{ margin:0 auto;}
#tasks .trade_4_3_2{ padding-bottom:80px;}
.workinfo_mid_1{ overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; padding:9.0625em 0; color:#fff; position:relative}
.workinfo_mid_1 h3{ font-size:1.875em; padding:0 2em; font-weight:normal}
.workinfo_mid_1_mid{ position:relative; z-index:10;}
.workinfo_mid_1:after{ bottom:0; position:absolute; content:''; background-position:right bottom; background-repeat:no-repeat; height:100%; width:46%; background-size:cover; background-image:url(../images/z.png); opacity:.86;}
.workinfo_mid_2{ line-height:1.8; margin:2.5em 0;}
.workinfo_mid_2 p strong{ font-size:1.125em;}
.workmore_top_left{
float:left}
.workmore_top_right{ float:right; margin-top:1em;}
#workmore{ display:none}
@media screen and (max-width:1680px) {
.workinfo_mid_1 h3{ font-size:1.5em;}
.workinfo_mid_1{ padding:6em 0;}
    .pf_2{font-size:1.25em;}
    .pf_1,.pf_3{font-size:1em;}
    .certify_jj_mid{padding:2em;}
    .certify_jj_mid_1{font-size:1.25em;}
    .certify_jj_mid_2{font-size:1em;}
    .news_1_mid_mid{ min-height:27.4698125em;}
    #ddd .digital_mid{ margin:0 5%}
.footer_1_left {
   
  width: 29.31645569620253%;
}
.footer_1_mid{ width:46%;}
#footer .indexmid{ margin:0 6%;}
.index_2_mid_right_1_jj_mid_2{ font-size:1.25em;}
.index_5_2_mid_mid_2_mid_1{ font-size:1.5em;}
.index_5_2_mid_mid_2_mid_2{ font-size:1em;}
.index_4_5_mid_2_1{ font-size:1.5em;}
.index_4_5_mid_2{ padding-bottom:2em;}
.index_4_5_mid_2_2{ font-size:1em;}
.index_4_3_mid_right_mid_2{ font-size:1em;}
.index_4_2_left_t{ font-size:2em;}
.index_3_mid_2_mid_1{ font-size:1.5em;}
.index_3_mid_2_mid_2{ font-size:1em;}
.index_1_mid_right_1{ font-size:1.75em;}
.index_1_mid_right_2{ font-size:1em;}
.index_1_mid_left_2{ font-size:1.125em;}
.indexbanner_footer_mid_mid_right_1{ font-size:1.125em;}
.indexbanner_footer_mid_mid_right_2{ font-size:.875em;}
.service_info_3_3_1_mid_1{ font-size:2.5em;}
.service_info_3_3_1_mid_2{ font-size:1em;}
.service_info_3_3_1_mid_3 span{ font-size:1em;}
.service_info_2_mid ul li{ font-size:1.25em;}
.service_info_3_1{ font-size:1.5em;}
.service_info_3_2{ font-size:1em;}
.service_info_1_mid_right_mid_1{ font-size:1.875em;}
.service_info_1_mid_right_mid_2{ font-size:1em;}
.mySwiperhetou_mid_2{ font-size:1em;}
.mySwiperhetou_mid_1{ font-size:1.25em;}
.mySwiperhetou_mid_3 span{ font-size:1em;}
.mySwiperhetou_mid_4{ font-size:.875em;}
.jd_1_info2_mid_left_3_mid_1 span{ font-size:2em;}
.jd_1_info2_mid_left_3_mid_1{ font-size:1em;}
.port_3_2 ul li{ }
.index_5_1_left .map{ font-size:.75em;}
.mapinfo_mid_1{ font-size:1.25em;}
.mapinfo_mid_2 ul li{ font-size:1em;}
.task_2_mid_right{ margin-right:3.125%;}
.goal_3_mid_mid_right_1{ font-size:1.375em;}
.trade_4_3_2_mid_2_mid_1 img{ height:60px;}
 
.trade_3_3 ul li{ min-height:85px;}
.trade_3_3_mid_left img{ height:64px;}
.trade_3_3_mid_right_1 span{ font-size:2.25em;}
.trade_3_3_mid_right_1{ font-size:1em;}
.trade_2 .digital_4_2_1 p:nth-child(1){ font-size:1.125em;}
.index_4_3_mid_right_mid_1{ font-size:1.875em;}
.trade_4_3_2_mid_2_mid_2{ font-size:1.5em;}
.trade_4_4_mid_left_2{ margin-top:2em;}
.trade_4_4_mid_left_2_mid_1{ font-size:1.375em;  }
.digital_1_2_right_mid_1{ font-size:1em;}
.digital_1_2_right_mid_2{ font-size:1.75em;}
.digital_1_2_right_mid{ padding:4em 0;}
.digital_1_2{ min-height:400px;}
.digital_1_2_right_mid_3{ font-size:1em;}
.digital_1_3_mid_mid_left{ font-size:.875em;}
.digital_1_3_mid_mid_right_1{ font-size:1.25em;}
.digital_2_2_mid_mid_3_mid_1{ font-size:1.5em;}
.digital_4_1_mid_2_2{ font-size:1em;}

 
.index_7_1_right a{ font-size:1em;}
.index_1_mid_left_1{ font-size:2.5em;}
 .nybanner_jj_1{ font-size:3em;}
.bannercate ul li{ font-size:1em;}
.news_1_mid_mid_3{ font-size:1.125em;}
.digital_4_1_mid_2_1{ font-size:1.875em;}
}
@media screen and (max-width:1480px) {
.trade_3_3_mid_left img{ height:50px;}
.trade_3_3_mid{ padding-left:4.5em;}
}
@media screen and (max-width:1280px) {
    .xd_s_1_right{ margin-left:3.125%;}
.xd_s_1_left_mid{ left:10%;}
.seamlesswrap .swiper-slide{ height:7.5em; width:18vw;}
.index_4_5_mid_2_1{ font-size:1.25em;}
.index_4 .index_4_3_mid_right_mid_3{display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 4;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin:1em 0;}
.index_4_3{ margin-left:3.125%;}
.index_4_2_left_t{ font-size:1.5em;}
.index_3_mid_2_mid{ padding:1.5em;}
.index_3_mid_2_mid_1{ font-size:1.25em;}
.index_2_mid{ margin-left:3.125%;}
.index_1_mid_right_1{ font-size:1.5em;}
.index_1_mid_left_2{ font-size:1em;}
.indexmid{ margin:0 3.125%;}
.service_info_1_mid_right_mid_4 p{ font-size:.75em;}
.service_info_1_mid_right_mid_1{ font-size:1.5em;}
.port_3_3_3{ font-size:1.125em;}
.port_3_3_2 p{ font-size:1em;}
.trade_4_3_2{ padding-bottom:4em;}
.trade_2{ padding-top:6em;}
.trade_2_left{ left:3.125%; width:35%;}
.trade_1_mid_right{ right:3.125%; width:50%;}
.trade_1{ padding-top:6em;}
.digital_2_2{ margin-top:2.5em; margin-left:3.125%;}
.digital_2_2_mid_mid_3_mid_1{ font-size:1.25em;}
.digital_2_2_mid_mid_3_mid{ margin:1.5em;}
.digital_mid{ margin:0 3.125%;}
.nybanner_jj_2{ font-size:1em;}
.nybanner_jj_1{ font-size:2em;}
.indext:after { font-size:.875em;}
.bannercate ul li a{ line-height:3em;}
.goal_1_mid_left{ font-size:1.25em;}
.news_info_1_1{ font-size:1.875em;}
}
.mobilemenu{ display:none; position:absolute; right:3.125%; top:50%; height:20px;-webkit-transform: translate(0%, -50%);  
    transform: translate(0%, -50%);}
 #header .hamburger {
    padding: 0;
    height: 20px;
    margin-left: 0rem;
  }

  .hamburger-box {
    width: 20px;
    height: 24px;
    display: inline-block;
    position: relative;
  }

  .hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
  }

  #header .hamburger-box {
    width: 20px;
    height: 20px;
    margin-left: 0;
  }

  .hamburger-inner,
  .hamburger-inner::before,
  .hamburger-inner::after {
    width: 20px;
    height: 4px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
  }

  #header .hamburger--3dx-r .hamburger-inner {
    transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1),
      background-color 0.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  }

  #header .hamburger-inner,
  #header .hamburger-inner::before,
  #header .hamburger-inner::after {
    background: #fff;
  }
   #header.cur .hamburger-inner,
  #header.cur .hamburger-inner::before,
  #header.cur .hamburger-inner::after {
    background: #333;
  }
  
   #header.cur2 .hamburger-inner,
  #header.cur2 .hamburger-inner::before,
  #header.cur2 .hamburger-inner::after {
    background: #333;
  }

  #header .hamburger-inner,
  #header .hamburger-inner::before,
  #header .hamburger-inner::after {
    width: 20px;
    height: 2px;
  }

  #header .hamburger-inner::before {
    top: -6px;
  }

  #header .hamburger-inner::after {
    bottom: -6px;
  }

  .hamburger--3dx-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -6px, 0) rotate(-45deg);
  }

  .hamburger--3dx-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 6px, 0) rotate(45deg);
  }	
 .trans {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.js-m {
  opacity: 0;
  transform: translate(0, 30px);
  transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);
}
.js-m-2-1.animate {
  opacity: 1;
  transform: translate(0, 0);
}
.ovh-f{ overflow:hidden;} 
.warp-nav {
    height: calc(100vh - 80px);
    padding: 0 0 45px;
    position: fixed;
    background: rgba(255, 255, 255, 1);
    backdrop-filter: blur(21px);
    width: 100%;
    left: 0;
    top: 80px;
    z-index: 99; 
    display: none;
  }  
  .nav .li{ padding:0 3.125%;}  
    .warp-nav .nav .warp-btn {
    width: 100%;
    padding: 15px 0;
     
    position: relative;
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }
@media screen and (max-width:1200px) {
    .case_1_mid_right_mid_2{-webkit-line-clamp: 2;}
.mobilemenu{ display:block}
.headermid_right_right{ display:none}
.task_3_2_mid_mid_right_1{ font-size:1.25em;}
.task_2_mid_left{ width:85%;}
.task_2_mid_right{ margin-right:3.125%;}
.trade_4_4{ padding-top:6em;}
.trade_4_4_mid_left_2_mid_1{ font-size:1.25em;}
.trade_4_4_mid{ margin-left:3.125%;}
.trade_4_3_2_mid_2_mid_1 img{ height:3.75em;}
.trade_4_3_2_mid_2_mid_2{ font-size:1.25em; margin-top:10px;}
.index_4_3_mid_right_mid_1{ font-size:1.5em;}
.po_1_mid_left_1{ font-size:1.125em;}
.index_1_mid_left_1{ font-size:2em;}
.headermid_right{ display:none;}
.headermid,#header.cur .headermid{ padding-top:0; padding-bottom:0; height:5em;}
.news_1_mid_mid_jj{ padding:1em;}

}
@media screen and (max-width:1080px) {
.workinfo_mid_1 h3{ font-size:1.25em;}
 .workinfo_mid_1 {
    padding: 4em 0;
  }
}
.jd_1_info2_mid_left_1SJ{ margin-bottom:15px; margin-top:25px;}
.mobilecon{ display:none}
@media screen and (max-width:1024px) {
    .mobilecon{ display:block}
    .jd_1_info2{ display:none}
.footer_1_left_mid_2{ font-size:1.875em;}
.footer_1_left_mid_1{ font-size:1.25em;}
.footer_1{ padding:3em 0;}
.footer_1_mid_mid{ border-right:none}
#footer .indexmid{ margin:0 3.125%;}
.footer_1_mid{ width:70.68354430379747%;}
.footer_1_right{ display:none;}
.mySwiperhetou_mid_1{ font-size:1.125em;}
.index_2{ padding:4em 0;}
.index_1_mid_right_1{ font-size:1.125em;}
.index_6_2_mid_1_mid_form a{ font-size:.75em;}
.index_6_2_mid_1_mid_form input{ height:3em; line-height:3em;}
a.abutton{ font-size:.875em; width:11em; line-height:3em; height:3em;}
.jd_1_info3_mid_mid{ left:3.125vw; right:3.125vw;}
.jd_1_info2_mid_left_3_mid_1 span{ font-size:1.5em;}
.jd_1_info2_mid_left_1{ font-size:1.25em;}
.index_5_1_right{ margin-right:3.125%;}
.mapinfo{ position:static; margin-left:3.125vw;}
.goal_3_mid_mid_right_1{ font-size:1.25em;}
.trade_4_3_2_mid_2_mid_1 img{ height:3em;}
.trade_4_3_2_mid_2_mid_2{ font-size:1.125em;}
.trade_3_3_mid_right_1 span{ font-size:1.875em;}
.trade_3_3_mid{ padding-left:4em;}
.trade_3_3_mid_left img{ height:50px;}
.digital_3_2{ margin-top:2.5em;}
.digital_3_2 .swiper-slide {
  padding: 0 calc((100vw - 60vw) * 0.0208333333333333);
  width: 60vw;
}

.digital_2_2_mid .swiper-slide{ width:64%; margin-right:2%;}
.digital_1_2{ min-height:220px;}
.digital_1_2_right_mid{ padding:2em 0;}
.digital_1_3_mid ul li{ padding:1.5em 0;}
.digital_1_3_mid_mid_right{ margin-left:7em; padding-left:1.5em;}
.digital_1_3_mid_mid_left_2{ font-size:16px;}
.digital_1_3_mid_mid_left_1{ font-size:2.5em;}
.digital_1_2_right_mid_2{ font-size:1.125em;}
a.abutton3{ font-size:.875em;}
.digital_1{ padding-top:2.5em; padding-bottom:2.5em;}
.index_1_mid_left_1{ font-size:1.5em;}
.bodyright{ display:none}
.news_1_mid ul li:nth-child(2n-1) dl dd:nth-child(1){ width:49%; margin-right:0}
.news_1_mid ul li:nth-child(2n-1) dl dd:nth-child(2n){ float:right}
.news_1_mid ul li dl dd{ width:49%; margin-right:0}
.news_1_mid ul li dl dd:nth-child(2n){ float:right}
.news_1_mid ul li:nth-child(2n-1) dl dd:nth-child(1) .news_1_mid_mid_1{ position:static}
.news_1_mid ul li:nth-child(2n-1) dl dd:nth-child(1) .news_1_mid_mid_1_bg{ display:none}
.news_1_mid ul li:nth-child(2n-1) dl dd:nth-child(1) .news_1_mid_mid_1 img{ display:block}
.news_1_mid ul li:nth-child(2n-1) dl dd:nth-child(1) .news_1_mid_mid_jj{ position:static}
.news_1_mid ul li:nth-child(2n-1) dl dd:nth-child(1) .news_1_mid_mid_2, .news_1_mid ul li:nth-child(2n-1) dl dd:nth-child(1) .news_1_mid_mid_5{ display:block}
.news_1_mid ul li:nth-child(2n-1) dl dd:nth-child(1) .news_1_mid_mid_3{ color:#000;}
.news_1_mid ul li:nth-child(2n-1) dl dd:nth-child(1) .news_1_mid_mid_4{ color:#2b2b2b;}
.news_1_mid ul li:nth-child(2n-1) dl dd:nth-child(1) .news_1_mid_mid_4,.news_1_mid_mid_4{-webkit-line-clamp: 2;}
.news_1_mid_mid{ min-height:499px;}
.news_1_mid ul li:nth-child(2n) dl dd:nth-child(3) .news_1_mid_mid_1,.news_1_mid ul li:nth-child(2n) dl dd:nth-child(3) .news_1_mid_mid_jj{ position:static}
.news_1_mid ul li:nth-child(2n) dl dd:nth-child(3) .news_1_mid_mid_1_bg{ display:none}
.news_1_mid ul li:nth-child(2n) dl dd:nth-child(3) .news_1_mid_mid_1 img{ display:block}
.news_1_mid ul li:nth-child(2n) dl dd:nth-child(3) .news_1_mid_mid_2, .news_1_mid ul li:nth-child(2n) dl dd:nth-child(3) .news_1_mid_mid_5{ display:block}
.news_1_mid ul li:nth-child(2n) dl dd:nth-child(3) .news_1_mid_mid_3, .news_1_mid ul li:nth-child(2n) dl dd:nth-child(3) .news_1_mid_mid_4{ color:#000}
.news_1_mid ul li:nth-child(2n) dl dd:nth-child(3) .news_1_mid_mid_3, .news_1_mid ul li:nth-child(2n) dl dd:nth-child(3) .news_1_mid_mid_4{ color:#2b2b2b;}
.news_1_mid ul li:nth-child(2n) dl dd:nth-child(3) .news_1_mid_mid_2, .news_1_mid ul li:nth-child(2n) dl dd:nth-child(3) .news_1_mid_mid_5{ display:block}

} 
@media screen and (max-width:950px) {
    .case_1_mid_right_mid{padding:1.5em 1em;}
    .case_1_mid_right {
  position:static;
  right: 0;
  width: 100%;
  top: 50%;
  -webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%);
}
    .case_1_mid_left{ width:100%;}
.seamlesswrap .swiper-slide{ height:7.5em; width:22vw;}
.index_4 .index_4_3_mid_right_mid_3{ 
-webkit-line-clamp: 3;  
}

.indexbanner_footer_mid ul li{ width:32%; margin-right:2%; margin-top:1em;}
.indexbanner_footer_mid ul li:nth-child(3n){ margin-right:0}
.indexbanner_footer{ position:static; padding-top:1.5em; padding-bottom:2.5em; overflow:hidden;}
.service_info_1_mid_right_mid_1{ font-size:1.25em;}
.mySwiperhetou_mid_1{ font-size:1.125em;}
.service_1_2 ul li{ width:49%; margin-right:0}
.service_1_2 ul li:nth-child(2n){ float:right;}
#hsd1{ overflow:hidden}
.jd_1_info1_mid_right{ position:static; width:100%;}
.jd_1_info1_mid_left{ width:100%;}
.port_info_1_mid_right{ position:static; width:auto;}
.port_info_1_mid_left{ width:100%;}
.trade_4_4_mid_left_2_mid_1{ font-size:1.125em;}
.trade_4_4_mid_left_2 ul li{ padding:1.125em 0;}
.trade_4_4_mid_left_2{ margin-top:1em;}
.trade_4_3_2 ul li{ width:49%; margin-right:0; margin-bottom:1em;}
.trade_4_3_2 ul li:nth-child(2n){ float:right}
.news_info_2_2 .swiper-slide{ width:32%; margin-right:2%;}



}
 .trade_4_3_1 .workmore_top{  text-align:left}
@media screen and (max-width:810px) {
.workmore_top_left{ float:none}
.workmore_top_right{ display:none}
#workmore{ display:block}
 .trade_4_3_1 .workmore_top{  text-align:center}
.trade_4_3_2 ul.worksul li:last-child{ margin-bottom:0}
#tasks .trade_4_3_2{ padding-bottom:2.5em;}
.trade_4_3_2 ul.worksul li{ width:100%;}
.workinfo_mid_1:after { width:55%;}
    .pf_2{font-size:1.125em;}
    #productinfo{ padding-bottom:2.5em;}
    #case{padding-bottom:2em;}
    .case_1_mid_right_mid_1{font-size:1.125em;}
    .case_1 ul li{ margin-top:1.5em;}
    .case_1 ul li:nth-child(1){ margin-top:0;}
    #product .port_3_3 ul li:nth-child(1){ margin-top:1.5em;}
    #product .port_3_3 ul li{width:49%; margin-right:0}
    #product .port_3_3 ul li:nth-child(2n){float:right}
    #zz {
  left: 3.125vw;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
}
    #rr {
  right: 3.125vw;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
}
    #certify{ margin:2.5em 0;}
    #certify #p1{ display:none}
    #certify .swiper-slide{visibility: hidden;}
    #certify .swiper-slide-active{ visibility: visible;}
    .news_1{ margin-top:1em;}
    .xdp{ padding-bottom:1em;}
    .xdp_left{
float:none; width:auto;}
.xdp_right{ float:none; width:auto;}
    .xd_s_1_right{ border-radius:10px 10px 0 0;}
    .xd_s_1{ margin-top:2.5em;}
.xd_s_1_right{ margin-right:3.125%;}
.xd_s_1_left{ position:static; margin-left:3.125%; margin-right:3.125%; width:auto; height:auto}
.xd_s_1_left_mid{ position:static; height:auto; width:auto;-webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%); padding:1.5em 1em;}

.footer_2_left,.footer_2_right{ float:none; text-align:center;}
.footer_1_left_mid_4{ width:50%;}
.footer_1{ padding:2.5em 0;}
.footer_1_mid{ display:none}
.footer_1_left{ width:100%;}
.index_7{ padding-bottom:2.5em; padding-top:2.5em;}
.seamless01-swiper{ margin-top:2.5em; margin-bottom:2.5em;}
 .seamlesswrap .swiper-slide {
    height: 6.5em;
    width: 26vw;
  }
.index_6_footer_1{ bottom:2em;}
.index_6{ padding-bottom:4em;}
.index_6_2_mid ul li{ width:100%;}
.index_6_2_mid ul li:nth-child(1){ margin-bottom:1em;}
.index_6_2{ margin-top:2.5em;}
.index_6_1{ margin-top:2.5em;}
.index_6_1_mid_1{ margin-top:2.5em;}
.index_6_1_mid{ margin-left:1em; margin-right:1em;}
#swiper-paginationhetou{ font-size:.875em;}
.index_5_footer_2{ bottom:2em;}
.index_5{ padding-bottom:4em;}
.index_5_2_mid_mid_2_mid{ margin:1em;}
.index_5_2_mid_mid_2_mid_1{ font-size:1.25em;}
.index_4_5_mid_2{ padding-left:1em; padding-right:1em; padding-bottom:1.5em; padding-top:1.5em;}
.index_4_5_mid_2_1{ font-size:1.125em;}
.index_4_5_mid ul li:nth-child(1){ margin-top:1em;}
.index_4_4 .indexmid{ margin-top:2.5em; padding-top:2.5em;}
.index_4_5{ padding-bottom:4em;}
.index_4_5_mid ul li{ width:100%; margin-right:0; margin-bottom:1em;}
.index_4 .index_4_5_mid_2_2{ min-height:inherit}
.index_4_2{ margin-top:2.5em;}
.index_4_3_mid_right_mid{ margin:0; padding:1.5em 1em;}
.index_4_3_mid_right{ position:static; width:100%;-webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%);}
.index_4_3_mid_left{ width:100%;}
.index_4_2_left_t{ font-size:1.25em;}
.index_2_mid_right_1_jj_mid{ margin-bottom:1.5em;}
.index_2_mid_right_1_jj_mid_2{ font-size:1.125em;}
.index_3_footer{ right:3.125%; bottom:2.5em;}
.index_3{ padding-top:6em; padding-bottom:6em;  }
.index_3_top{ left:3.125%; top:2.5em;}
.index_3 .swiper-slide:nth-child(1){ width:45%; margin-top:1.5em;}
.index_3 .swiper-slide:nth-child(2){ margin-top:4.5em; width:60%;}
.index_3 .swiper-slide:nth-child(3){ width:50%;}
.index_2_mid_left_2{ margin-top:2.5em;}
.index_2_mid_right_2,.index_2_mid_right_3{ display:none}
.index_2_mid_left{ float:none; width:auto}
.index_2_mid{ margin-right:3.125%;}
.index_2_mid_right{ float:none; width:100%;}
.index_2{ padding:2.5em 0;}
.index_2_mid_left_1 ul li{ font-size:1em;}
.index_1{ padding-top:2.5em; padding-bottom:2.5em;}
.index_1_mid_left{ float:none; width:auto;}
.index_1_mid_right{ float:none; width:auto; margin-top:1.5em; line-height:1.6;}
.tzhuiao{ margin-bottom:2.5em;}
.service_info_3_3 ul li{ height:13em;}
.service_info_3_3_1_mid_1{ font-size:2em;}
.service_info_3_4_1{ font-size:1.25em; margin-top:40px; padding-top:40px;}
.service_info_3_1{ font-size:1.25em; margin-top:40px;}
.service_info_2{ padding:1.25em 0;}
.service_info_2_mid ul li{ font-size:1.125em;}
.service_info_1_mid_right_mid_4 p{ font-size:.5em;}
.service_info_1_mid_right_mid{ margin:0; padding:1.5em 1em;}
.service_info_1{ padding-top:2.5em; padding-bottom:2.5em;}
.service_info_1_mid_right{ position:static; width:100%;}
.service_info_1_mid_left{ width:100%;}
.service_2_2{ margin-top:2.5em;}
.service_2_1{ padding-top:30vw; padding-bottom:30vw;}
.service_2{ padding-top:0em; padding-bottom:2.5em;}
.service_1 #swiper-paginationhetou{ font-size:.875em;}
.service_1_2 ul li{ width:100%; margin-bottom:1.5em;}
.service_1_2{ padding-top:2.5em; padding-bottom:2.5em;}
.jd_1_info3_mid_mid_1{ font-size:1.25em;}
#container{ height:40vh; position:static; width:100%; left:0;}
.jd_1_info3{ height:auto;}
.jd_1_info3_mid{ position:static; height:auto; width:auto;}
.jd_1_info3_mid_mid{ position:static; width:auto; height:auto;-webkit-transform: translate(0%, -0%);
  transform: translate(0%, -0%); padding:1.5em;}

.jd_1_info2_mid_left_3{ margin-bottom:2.5em;}
.jd_1_info2_mid_right,.jd_1_info2_mid_left{ position:static; height:auto; width:auto}
.jd_1_info2_mid_left{ margin-top:1.5em;}
.jd_1_info2_mid{ height:auto;}
.jd_1_info1{ padding-top:2.5em; padding-bottom:2.5em;}
#hsd1{ margin:0; padding:1.5em 1em; padding-bottom:.5em;}
.port_info_2_1{ padding-top:2.5em; padding-bottom:2.5em;}
.port_info_2_3{ margin:2.5em 0;}
.port_info_1_mid_right_mid{ padding:1.5em 1em; margin:0;}
.port_info_1{ padding-top:2.5em; padding-bottom:2.5em;}

.port_3_2 ul li{ font-size:1em; padding:0 10px;}
.port_3_3_4{ font-size:.9375em;}
.port_3_3_3{ font-weight:bold}
.port_3_3 ul li{ width:100%; margin-right:0; margin-top:1.5em; padding-bottom:1.5em;}
.port_3_3 ul li:nth-child(1){ margin-top:.5em}
.port_2{ padding-top:2.5em; padding-bottom:2.5em;}
.mapinfo{ margin-top:1.5em; margin-right:3.125%; margin-bottom:1.5em; width:auto; display:none}
.index_5_1_left{ width:auto; margin-right:150px; float:none;}
.index_5_1_right{ width:auto; margin-left:3.125%; float:none; margin-top:1.5em;}
.port_1_mid_right_mid{ margin:1.5em; padding:0; margin-top:2.5em;}
.port_1{ padding-top:2.5em; padding-bottom:5em;}
.port_1_bg_1{ bottom:2em;}
.port_1_mid_right{ position:static; width:100%;}
.port_1_mid_left{ width:100%;}
.task_3_2_mid ul li{ margin-top:1.5em;}
.task_3_2_mid ul li:nth-child(2n) .task_3_2_mid_mid_left{ margin-left:0}
.task_3_2_mid_mid_right{ position:static; width:100%;-webkit-transform: translate(0%, -0%);
  transform: translate(0%, -0%); margin-top:1.5em;}
.task_3_2_mid_mid_left{ width:100%;}
#tasks48 .index_4_3_mid_right_mid_3{ margin-bottom:1.5em}
.task_3{ padding-top:2.5em; padding-bottom:2.5em;}
.task_2_mid_right_mid{ margin:2.5em 1.5em;}
.task_2_mid_right{ margin-left:0%; margin-right:0}
.task_2_mid{ padding-top:0;}
.task_2_mid_right{ position:static;}
.task_2_mid_left{ width:100%; position:static;}
.task_1_left{ position:static;}
.task_1_right{ margin-left:0; margin-top:1.5em;}
.task_1{ padding-top:2.5em; padding-bottom:2.5em;}
.goal_3_mid ul li{ width:100%;}
.goal_3_mid_mid_right_1{ font-size:1.125em;}
.goal_3_mid_mid_right{ left:6em;}
.goal_3_mid_mid_left{ width:6em;}
.goal_2{ padding-top:2.5em; padding-bottom:2.5em;}
.goal_2_mid_left{ width:100%;}
.goal_2_mid_right{ position:static; width:100%;-webkit-transform: translate(0%, -0%);
  transform: translate(0%, -0%); margin-top:2.5em;}
.trade_4_4{ padding-top:2.5em; padding-bottom:2.5em;}
.trade_4_4_mid{ margin-right:3.125%;}
.trade_4_4_bg{ width:100%;}
.trade_4_4_mid_right{ width:100%; float:none}
.trade_4_4_mid_left{ float:none; width:100%; margin-top:2.5em;}
.trade_4_3_2{ padding-bottom:2em;}
.trade_4_2{ padding-bottom:2.5em;}
.trade_4_3{ padding-top:4em;}
.trade_4_1{ padding-top:2.5em; padding-bottom:2.5em;}
.digital_4_2_1{ margin:1em 0; margin-bottom:1.5em;}
.index_4_3_mid_right_mid_1{ font-size:1.25em;}
.trade_4_2_mid_right_mid{ margin:1.5em;}
.trade_4_2_mid_right{ position:static; width:100%;}
.trade_4_2_mid_left{ width:100%;}
.trade_3{ padding-top:2.5em; padding-bottom:5em;}
.trade_3_2 .digital_4_2_1{ margin-top:0em; margin-bottom:.5em;}
.trade_3_3 ul li:nth-child(3):after { display:none}
.trade_3_3 ul li:nth-child(1),.trade_3_3 ul li:nth-child(2),.trade_3_3 ul li:nth-child(3),.trade_3_3 ul li:nth-child(4){ text-align:left; width:50%;}
.prev3,.next3{ font-size:.875em;}
.trade_2_bg_2{ bottom:2em;}
.trade_2{ padding-top:2.5em; padding-bottom:4em;}
.trade_2_left{ position:static; width:auto; margin-left:3.125%; margin-right:3.125%;-webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%); margin-top:2.5em;}
.trade_2_right{ margin-left:0}
.trade_1_mid{ margin-left:3.125%; margin-right:3.125%;}
.trade_1_mid_right_mid{ margin:0; padding:1.5em; padding-top:2.5em;}
.trade_1{ padding-top:2.5em; padding-bottom:2.5em;}
.trade_1_mid_left{ width:100%;}
.trade_1_mid_right{ position:static; width:100%;}
.digital_4_2_mid{ padding-bottom:2.5em;}
.digital_4{ padding:2.5em 0;}
.digital_2{ padding-top:2.5em; padding-bottom:7em;}
a.abutton2{ font-size:.875em;}
#pofooter{ margin-bottom:2.5em;}
.sdot .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .sdot .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 8px;}
.news_info_2_2 .swiper-slide{ width:100%;  }
.swiper-pagination.swiper-paginationhetou_footer{ margin:2.5em 0; font-size:.875em;}
.goal_1_mid_left{ display:none;}
.goal_1_mid_right{
float:left}
.goal_1{ padding:1em 0;}
.news_info_1_1{ font-size:1.25em;}
.news_info_1_3{ padding:2.5em 0;}
.indext_cen_footer{ margin-top:40px;}
.news_info_2_2{ margin-top:2.5em;}
.po_1_mid_left{ right:13.5em;}
.po_1{ margin-top:2.5em;}
.po_1_mid{ min-height:8em;}
.index_7_1_right ul li:nth-child(1){ padding-left:0}
.index_7_1_right{ position:static; padding-top:1em;}
.index_1_mid_left_1{ font-size:1.25em;}
#pomid{ padding-top:2.5em;}
.port_3_4{ padding:1.5em 0;}
.pagination{ font-size:.875em;}
.nybanner_jj_1{ font-size:1.5em;}
 .indext:after {
    font-size: .65em;
  }
  .news_1_mid ul li dl dd,.news_1_mid ul li:nth-child(2n) dl dd:nth-child(3){ width:100%;}
  .news_1_mid ul li:nth-child(2n-1) dl dd:nth-child(1){ width:100%;}
  .news_1_mid_mid{ min-height:inherit}
  .news_1_mid ul li dl dd{ margin-top:1.5em;}
}

@media screen and (max-width:640px) {
  .workinfo_mid_1:after { width:320px;}
.workinfo_mid_2{ margin:1.5em 0;}
.workinfo_mid_2 p strong{ font-size:1em;}
.workinfo_mid_1 h3{ font-size:1.125em; padding:0 1em;}
 .workinfo_mid_1 {
    padding: 2.5em 0;
  }
.footer_1_left_mid_4{ width:60%;}
.index_7_1_right ul li{ padding:0 10px; margin-top:1em;}
.index_5_2_mid ul li{ width:100%; margin-bottom:1em;}
.index_5 .index_4_2_right{ display:none}
.index_4 .index_4_2_right{ display:none}
.indexbanner_footer_mid_mid_right_1{ font-size:1em;}
.indexbanner_footer_mid ul li{ width:49%; margin-right:0}
.indexbanner_footer_mid ul li:nth-child(1){ display:none}
.indexbanner_footer_mid ul li:nth-child(2n){
float:right}
.service_info_3_3 ul li{ width:49%; margin-right:0}
.service_info_3_3 ul li:nth-child(2n){
float:right;}
.service_3{ height:35vh; background-image:url(../images/service/img5.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.service_3_1{ display:none}
.index_6_2_mid_1_mid_form{ margin-top:1em;}
.service_3_2_2{ margin:0;}
.jd_1_info2_mid_left_3_mid{ margin:0 1em;}
.jd_1_info2_mid_left_3_mid_2{ font-size:.875em;}
.index_5_1_left{ overflow-x:auto; margin-right:0}
.index_5_1_left .map{ width:600px;  }

.goal_3{ padding-bottom:2em;}
.goal_3_mid_mid_right{ position:static;-webkit-transform: translate(0%, -0%);
  transform: translate(0%, -0%); margin-left:4.5em; margin-right:1.5em;}
.goal_3_mid_mid{ min-height:inherit; padding:1.5em 0;}
.goal_3_mid_mid_right_2{ font-size:.9375em;}
.goal_3_mid_mid_left{ width:4em;}
.goal_3_mid_mid_left img{ width:3em;}
.goal_3_mid_mid_right{ left:4.5em;}
.trade_4_3_2_mid_2_mid_1 img{ height:50px;}
.trade_4_3_2 ul li .trade_4_3_2_mid_2{ bottom:auto; top:50%;}
.trade_4_3_2 ul li{ width:100%;}
.trade_4_3_2_mid_2_mid_2{ font-size:1.25em;}
.trade_1_mid_right_mid_3_mid img{ height:44px;}
.trade_1_mid_right_mid_3 ul li:nth-child(1),.trade_1_mid_right_mid_3 ul li:nth-child(2),.trade_1_mid_right_mid_3 ul li:nth-child(3),.trade_1_mid_right_mid_3 ul li:nth-child(4){ width:50%; text-align:center; padding-bottom:1em;}
.trade_1_mid_right_mid_3 ul li:nth-child(3):after{ display:none}
.digital_5 ul li:nth-child(2){ margin:1em 0;}
.digital_5 ul li{ width:100%;}
.digital_3_2 .swiper-slide {
  padding: 0 calc((100vw - 80vw) * 0.0208333333333333);
  width: 80vw;
}
.digital_2_2_mid .swiper-slide{ width:90%}
.digital_1_3_mid_mid_left_1,.digital_1_3_mid_mid_left_2{ display:inline;}
.digital_1_3_mid_mid_right{ margin-left:0; padding-left:0; border:none; margin-top:5px;}
.digital_1_3_mid_mid_left{ position:static;}
.digital_1_3_mid_mid_left_1,.digital_1_3_mid_mid_left_2{ font-size:20px;}
.digital_1_3_mid{ margin:0 1.5em;}
.digital_1_3_mid_mid_right_1{ font-size:1.125em;}
.digital_1_2_right_mid{ margin:0 1.5em;}
.digital_1_2_right{ margin-left:0}
.digital_1_2_left{ display:none;}
.app_show_2_4 ul li{ width:100%;}
.app_show_2_4 ul li:nth-child(2n){ text-align:left; margin-top:12px;}
.trade_4_3_2_mid_2_mid_1 img{ height:45px;}
}

@media screen and (max-width:480px) {
    
    .nybanner_jj_goal {
  text-align: center;
  top: calc((50% + 60px));
  -webkit-transform: translate(-0%, -calc((50% + 60px)));
  transform: translate(-0%, -calc((50% + 60px)));
}
    
    #product .port_3_3 ul li{width:100%}
    .certify_jj_mid{ padding:1em;}
    .certify_jj_mid_1{ font-size:1.125em;}
    .certify_jj_mid_2{ display:none}
.warp-nav {
  height: calc(100vh - 60px);
   
  top: 60px;
  
}
.headermid_left img{ height:30px;}
.headermid, #header.cur .headermid{ height:60px;}
.indexbannerlist_mid_jj img{ max-width:60%;}
.footer_1_left_mid_2{ font-size:1.875em;}
.footer_1_left{ text-align:center}
.footer_1_left_mid_3{ margin-bottom:0}
.footer_1_left_mid_4{ width:70%; display:none}
  .seamlesswrap .swiper-slide {
    height: 5.5em;
    width: 42vw;
  }
  .seamlesswrap img{ height:3em;}
.index_6_2_mid_1_mid_form input{ height:2.5em; line-height:2.5em;}
.mySwiperhetou_mid_3{ padding-bottom:1em;}
.index_3_mid{ margin:0 3.125vw;}
.index_3_mid_3more{ display:block}
.index_3{ padding-bottom:3em;}
.index_3 .swiper-slide:nth-child(1),.index_3 .swiper-slide:nth-child(2),.index_3 .swiper-slide:nth-child(3){ width:100%; margin-top:1.5em}
.indexbanner_footer{ display:none}
.service_info_3_3 ul li{ width:100%;}
.service_info_1_mid_right_mid_4 p{ font-size:.4em;}
.index_6_2_mid_1_mid_form a{ font-size:.7em;}
.trade_3_3_mid{ margin-right:0; margin-left:0}
.trade_3_3_mid_left{ top:0;}
.trade_3_3_mid_left img{ height:auto; width:3em;}
.trade_3_3 ul li{ min-height:inherit; padding:1em 0; margin-top:1em;}
	.trade_3{ padding-top:0; padding-bottom:2.5em;}
	.trade_3_3_mid_right_1 span{ font-size:1.5em;}
.trade_3_3 ul li:after{ display:none;}
.trade_3_3 ul li:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #c6c6c6;
}
.trade_3_3 ul li:last-child:before{ display:none} 
.trade_3_3 ul li:nth-child(1),.trade_3_3 ul li:nth-child(2),.trade_3_3 ul li:nth-child(3),.trade_3_3 ul li:nth-child(4){  width:100%;}
.trade_3_3 ul li:nth-child(4) .trade_3_3_mid_right{ padding-left:0}
.trade_1_mid_right_mid_3_mid img{ height:40px;}
.trade_2{ padding-bottom:2em;}
.trade_2_right{ margin-right:3.125%; margin-left:3.125%;}
  .prev3, .next3 {
    font-size: .75em;
  }
.trade_2_mid .swiper-slide{ width:100%;}
.digital_4_1_mid_1 img{ max-width:none; height:50px;}
.digital_4_1 ul li{ width:49%; margin-right:0;}
.digital_4_1 ul li:nth-child(2n){ float:right}
.digital_4_1 ul li:nth-child(3){ width:100%; margin-top:1em;}
.digital_3_2 .swiper-slide .digital_2_2_mid_mid{ margin:0 3.125%;}
.digital_3_2 .swiper-slide {
  padding: 0;
  width: 100vw;
}
.digital_2_2_mid .swiper-slide{ width:100%;}
.digital_2_2{ margin-right:3.125%;}
.digital_2{ padding-bottom:4em;}
.digital_2_2_mid_mid_3_mid{ margin:1em;}
.digital_2_2_mid_mid_3_mid_2{ font-size:.875em;}
.digital_2_2_mid_mid_3_mid_1{ font-size:1.125em;}
.news_info_1_2{ padding-bottom:1.5em;}
.po_1_mid_left{ position:static;-webkit-transform: translate(0%, -0%);
  transform: translate(0%, -0%);}
.po_1_mid_right{ position:static; width:100%;-webkit-transform: translate(0%, -0%);
  transform: translate(0%, -0%); text-align:left; padding-top:1em;}
.nybanner_jj_1{ font-size:1.25em;}
.bannercate ul li a{ line-height:2.5em;}
.po_1_mid{ padding-left:1.25em; min-height:inherit; padding-top:1em; padding-bottom:1em;}
.po_1_mid:after { width:2px;}
}

.news_info_2 .news_1_mid_mid{ margin:0 5px;}
@media screen and (max-width:450px) {
	
	.indexbanner_footer_mid_mid_right_2{ display:none}
	.indexbanner_footer_mid_mid_left{ width:30%;}
	.indexbanner_footer_mid_mid_right{ left:30%; right:10px;}
	.indexbanner_footer_mid_mid{ min-height:5.5em;}
}
.trade_4_4_mid_right_img{ overflow:hidden}
/*****************************/
.abutton span,.abutton2 span,.news_1_mid_mid_5 p span,.abutton3 span,.prev3,.next3,.footer_1_right_mid_link a span{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.abutton:hover span,.abutton2:hover span,.abutton3:hover span{ padding-right:3em;}
.footer_1_right_mid_link a:hover span{ padding-left:35px;}
a:hover .news_1_mid_mid_5 p span{ padding-right:22px;}
.index_2_mid_right_1 img,.index_3_mid_1 img,.index_4_3_mid_left img,.index_4_5_mid_1 img,.index_5_1_right img,.index_5_2_mid_mid_1 img,.index_6_2_mid_1 img,.news_1_mid_mid_1 img,.news_1_mid_mid_1_bg,.digital_1_2_left_bg,.digital_2_2_mid_mid_1 img,.digital_5_mid img,.trade_1_mid_left img,.trade_2_right_img img,.trade_4_2_mid_left img,.trade_4_3_2_mid_1 img,.trade_4_4_mid_right img,.goal_2_mid_left_1 img,.task_2_mid_left img,.task_3_2_mid_mid_left img,.port_1_mid_left img,.port_3_3_1 img,.service_2_2_1 img{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.index_2_mid_right_1:hover img,a:hover .index_3_mid_1 img,.index_4_3_mid_left:hover img,li:hover .index_4_5_mid_1 img,.index_5_1_right:hover img,a:hover .index_5_2_mid_mid_1 img,li:hover .index_6_2_mid_1 img,a:hover .news_1_mid_mid_1 img,a:hover .news_1_mid_mid_1_bg,a:hover .digital_1_2_left_bg,a:hover .digital_2_2_mid_mid_1 img,a:hover .digital_5_mid img,.trade_1_mid_left:hover img,.swiper-slide:hover .trade_2_right_img img,.trade_4_2_mid_left:hover img,a:hover .trade_4_3_2_mid_1 img,.trade_4_4_mid_right:hover img,.goal_2_mid_left_1:hover img,.task_2_mid_left:hover img,.task_3_2_mid_mid_left:hover img,.port_1_mid_left:hover img,li:hover .port_3_3_1 img,a:hover .service_2_2_1 img{transform: scale(1.08, 1.08);}

/**************************/
.search-alert2 {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  display: none;
}
.search-alert2 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(2px);
  z-index: 2;
}
.search-alert2 .formbox {
  width: 100vw;
  height: 100px;
  background: #fff;
  position: relative; overflow: hidden;
  z-index: 5;
}
.search-alert2 .formbox .box {
  width: 80%;
  padding: 0px 0;
  margin: 20px auto;display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center; position:relative;
}
.search-alert2 .formbox .input1 {
  height: 60px;
  width: 100%;
  background: transparent;border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05); 
}
.search-alert2 .formbox .input2 {
    outline: none;-webkit-appearance: button;border: none;
  border-radius: 0;
  outline: none;
  padding: 0;
  cursor: pointer;
  position: absolute;
  right: 0;
  bottom: 0;
  background: url(../images/header/searchbtn2.png) no-repeat center center;
  background-size: auto 25px;
  width: 60px;
  height: 60px;
}
.search-alert2 .closebtn {
  width: 35px;
  height: 35px;
  position: fixed;
  right: 3%;
  top: 20px;
  z-index: 6;
  cursor: pointer;
}
.search-alert2 .closebtn .icon {
  width: 30px;
  height: 30px;
  fill: #666;
}

@media (max-width: 1481px) {
  .search-alert2 .formbox {
    height: 90px;
  }
}
@media (max-width: 767px) {
  .search-alert2 .formbox {
    height: 65px;
  }

  .search-alert2 .formbox .input1 {
    width: calc(100% - 50px);
    height: 35px;
  }

  .search-alert2 .formbox .input2 {
    width: 50px;
    height: 35px;
    background-size: auto 16px;
  }

  .search-alert2 .closebtn {
    right: 0;
    top: 0;
  }
}
@media screen and (min-width:1921px) {
 .trade_3_3_mid_right_1{ height:68px;}

}

.iframe-modal-overlay[data-v-38ecca30] {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-align-items: center;
  align-items: center;
  -webkit-animation: fadeIn-38ecca30 .3s ease-out;
  animation: fadeIn-38ecca30 .3s ease-out;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
   
  padding: 15px;
  position: fixed;
  right: 62px; width:360px;
  top: calc(10vh - 15px);;
  z-index: 9999; display:none;
}
.iframe-modal-container[data-v-38ecca30] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-animation: slideUp-38ecca30 .4s cubic-bezier(.34,1.56,.64,1);
  animation: slideUp-38ecca30 .4s cubic-bezier(.34,1.56,.64,1);
  background: -webkit-linear-gradient(305deg,#fff,#f8fafc);
  background: linear-gradient(145deg,#fff,#f8fafc);
  border: .00521em solid hsla(0,0%,100%,.2);
  border-radius: 15px;
  -webkit-box-shadow: 0 .13021em .26042em rgba(0,0,0,.25),0 0 0 .00521em hsla(0,0%,100%,.1);
  box-shadow: 0 .13021em .26042em rgba(0,0,0,.25),0 0 0 .00521em hsla(0,0%,100%,.1);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 80vh;
  overflow: hidden;
  width: 360px;
}
.iframe-modal-header[data-v-38ecca30] {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  background: -webkit-linear-gradient(315deg,#2c00b5,#4c1d95);
  background: linear-gradient(135deg,#2c00b5,#4c1d95);
  border-radius: 15px 15px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  overflow: hidden;
  padding: 20px 15px;
  position: relative;
}
.iframe-modal-header[data-v-38ecca30]::before {
  -webkit-animation: shimmer-38ecca30 3s infinite;
  animation: shimmer-38ecca30 3s infinite;
  background: -webkit-linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.1) 50%,transparent 70%);
  background: linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.1) 50%,transparent 70%);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.header-content[data-v-38ecca30] {
  gap: 10px;
  position: relative;
  z-index: 1;
}
.header-content[data-v-38ecca30], .modal-icon[data-v-38ecca30] {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.header-content[data-v-38ecca30], .modal-icon[data-v-38ecca30] {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.modal-icon[data-v-38ecca30] {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-backdrop-filter: blur(.05208em);
  backdrop-filter: blur(.05208em);
  background: hsla(0,0%,100%,.15);
  border-radius: 10px;
  color: #fff;
  height: 30px;
  -webkit-justify-content: center;
  justify-content: center;
  width: 30px;
}
.modal-title[data-v-38ecca30] {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  margin: 0;
  text-shadow: 0 .00521em .01042em rgba(0,0,0,.1);
}
.close-btn[data-v-38ecca30] {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-backdrop-filter: blur(.05208em);
  backdrop-filter: blur(.05208em);
  background: hsla(0,0%,100%,.1);
  border: 1px solid hsla(0,0%,100%,.2);
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 8px;
  position: relative;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  z-index: 1;
}
.iframe-modal-body[data-v-38ecca30] {
  -webkit-box-flex: 1;
  background: #f8fafc;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  padding: 0;
}
.modal-iframe[data-v-38ecca30] {
  background: #fff;
  border: none;
  border-radius: 0 0 .10417em .10417em;
  height: 100%;
  width: 100%;
}
@-webkit-keyframes shimmer-38ecca30 {
  0% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%)
  }
  to {
    -webkit-transform:translateX(100%);
    transform:translateX(100%)
  }
}
@keyframes shimmer-38ecca30 {
  0% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%)
  }
  to {
    -webkit-transform:translateX(100%);
    transform:translateX(100%)
  }
}


.close-btn[data-v-38ecca30]:hover {
  background:hsla(0,0%,100%,.2);
  border-color:hsla(0,0%,100%,.3);
  -webkit-transform:scale(1.05);
  -ms-transform:scale(1.05);
  transform:scale(1.05)
}
.close-btn[data-v-38ecca30]:active {
  -webkit-transform:scale(.95);
  -ms-transform:scale(.95);
  transform:scale(.95)
}