body { margin:0; padding:0; line-height:24px; font-family: 'Noto Sans SC','Microsoft YaHei',arial,,sans-serif; font-size:14px;}
div,ul,li,dt,dl,dd,h1,h2,h3,h4,h5,h6,h7,img,p,span{ border-style: none;
	border-color: inherit;
	border-width: 0px;
	padding: 0;
	list-style-type:none;
	margin-left: auto;
	margin-top: 0;
	margin-bottom: 0;
}


/* Link */
a:link { text-decoration: none; outline: none; }
a:visited { text-decoration: none; outline: none; }
a:hover { text-decoration: none; outline: none; }
a:active { border: 0px; background-color: Transparent;  }

a { blr: expression(this.onFocus=this.blur());  -webkit-tap-highlight-color: transparent; }

input { outline: none; }
input:focus { outline: none; }

.blank5 { width: 100%; height: 5px; clear: both; }
.blank10 { width: 100%; height: 10px; clear: both; }
.blank15 { width: 100%; height: 15px; clear: both; }
.blank20 { width: 100%; height: 20px; clear: both; }
.blank30 { width: 100%; height: 30px; clear: both; }
.blank40 { width: 100%; height: 40px; clear: both; }
.blank50 { width: 100%; height: 50px; clear: both; }
.blank60 { width: 100%; height: 60px; clear: both; }
.blank70 { width: 100%; height: 70px; clear: both; }
.blank80 { width: 100%; height: 80px; clear: both; }

.max{ width:100%; margin:0%; padding:0;}

.m_max{ width:100%; margin:-2% 0 0 0; padding:0;  overflow-x:hidden;}


/*Clear*/
.clear { clear: both; font-size: 1px; height: 0px; line-height: 0px; overflow: hidden; }
/*可用height:1px; overflow:hidden;来控制IE6默认的div的高为12~14px,用BR来做吧，用DIV不太好用*/

.m_headbg { width: 100%; height: 80px; float: left; border-bottom: 1px solid rgba(255,255,255,.8); position: fixed; z-index: 45; left: 0; top: 0; }

.mem9 { width: 100%; height: auto; float: right; position: relative; z-index: 84; }

.topfixed { position: fixed; z-index: 99; right: 0px; top: 0px; height: 80px; float: right; background: rgb(5 51 94 / 85%); border-bottom: 1px solid rgba(255,255,255,.8); display: block; }


.m_index { max-width: 1580px; display: block; margin: 0 auto; padding: 0 2%; }

.m_logo { width: 30%; max-width: 185px; float: left; margin: 1% 4% 1% 0; }

.m_logo img { width: 100%; }

 
.m_denglu { float: right; margin: 2% 0 0 0; }

.m_denglu dl { float: left; }

.m_denglu dl dd { float: left; height: 16px; padding: 0 10px; border-right: 1px solid #fff; }
.m_denglu dl dd:last-child { float: left; height: 16px; border-right: 1px solid transparent; }


.m_denglu dl dd a { float: left; font-family: 'Noto Sans SC'; font-weight: 400; font-size: 16px; color: #fff; line-height: 16px; font-weight: normal; }

.m_denglu { width: 40px; float: right; margin: 1.5% 2% 0 2%; position: relative; z-index: 26; }

.m_denglu .m_delu { float: left; width: 100%; height: 20px; padding: 0 10px; position: relative; z-index: 12; font-family: 'Noto Sans SC'; font-weight: 400; font-size: 16px; color: #fff; line-height: 20px; font-weight: normal; }



.m_dlbgc { float: right; background: rgba(0,0,0,.5); width: 100%; height: 100%; position: fixed; z-index: 1234; left: 0; top: 0; }
.dbox { width: 20%; height: auto; min-height: 200px; background: #fff; border: none; border-radius: 10px; box-shadow: 1px 2px 6px rgba(0, 75, 145, .8); float: left; padding: 0% 5% 3% 5%; margin: 10% 0 0 34%; position: relative; }

.z_tc { width: 44px; height: 44px; float: right; position: absolute; z-index: 15; right: 0; top: -50px; cursor: pointer; }

.z_tc img { width: 100%; }

table.table2 { width: 100%; float: left; border-collapse: collapse; }
table.table2 th { width: 100%; height: 40px; float: left; margin-top: 10px; font-family: 'Noto Sans SC'; font-size: 16px; color: rgba(0, 75, 145,1); line-height: 40px; font-weight: normal; text-align: left; }
table.table2 td { width: 100%; float: left; margin-top: 10px; }
.tabta1 { width: 98%; height: 40px; float: left; padding-left: 2%; background: #fff; border: 1px solid #d2d2d2; border-radius: 10px; font-family: 'Noto Sans SC'; font-size: 16px; color: #4f4242; line-height: 58px\9; line-height: 40px; text-align: left; font-weight: normal; cursor: pointer; overflow: hidden; }


.tabta2 { width: 28%; height: 40px; float: left; margin: 5% 15% 6% 14%; background: rgba(0, 75, 145,.6); border: 1px solid rgba(0, 75, 145,1); border-radius: 4px; font-family: 'Noto Sans SC'; font-size: 16px; color: #fff; line-height: 58px\9; line-height: 40px; text-align: center; font-weight: normal; cursor: pointer; overflow: hidden; }

.tabta2:hover, .tabta2:focus { background: rgba(0, 75, 145,1); }




.tabta3 { width: 28%; height: 40px; float: left; margin: 5% 5% 6% 1%; background: rgba(173, 173, 173, .6); border: 1px solid rgba(173, 173, 173, 1); border-radius: 4px; font-family: 'Noto Sans SC'; font-size: 16px; color: #333; line-height: 58px\9; line-height: 40px; text-align: center; font-weight: normal; cursor: pointer; overflow: hidden; }


.tabta3:hover, .tabta3:focus { background: rgba(173, 173, 173, 1); }


.m_xuanze { float: right; margin: 20px 3% 0 0%; position: relative; z-index: 26; }

.m_xuanze .m_xuanze_xuan { float: left; width: 100px; height: 30px; padding: 0 10px; position: relative; z-index: 12; }

.m_xuanze_xuan a { width: 100%; height: 30px; float: left; font-family: 'Noto Sans SC'; font-weight: 400; font-size: 16px; color: #fff; line-height: 30px; font-weight: normal; }

.m_xuanze_xuan a img { width: 16px; margin: 5px 0px 0 5px; -webkit-transition: -webkit-transform 1s ease-out; -moz-transition: -moz-transform 1s ease-out; -o-transition: -o-transform 1s ease-out; -ms-transition: -ms-transform 1s ease-out; }

.m_xuanze:hover .m_xuanze_xuan a img { -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); transform: rotateZ(180deg); }

.m_xuanze .m_xuanze_fanyi { float: right; margin: 0% 0 0 0; width: 100%; position: absolute; z-index: 15; left: 0; top: 30px; display: none; }


.m_xuanze:hover .m_xuanze_fanyi { display: block; }

.m_xuanze_fanyi dl { float: left; padding: 5px 0; width: 100%; background: rgba(0,0,0,0); }

.m_xuanze_fanyi dl dd { float: left; width: 100%; height: 20px; padding: 10px 0px; }

.m_xuanze_fanyi dl dd a { float: left; width: 100%; height: 20px; width: 100%; font-family: 'Noto Sans SC'; font-weight: 400; font-size: 14px; color: #fff; line-height: 30px; text-align: center; font-weight: normal; }



.m_navbox { width: 40%; float: right; margin:0px 2% 0 4%; }

.m_navi { float: left; width: 100%; }
.m_navi ul { float: left; width: 100%; }

.m_navi ul li { float: left; width: 23%; height: 80px; margin: 0 1%; }

.m_navi ul li a { float: left; width: 100%; font-family: 'Noto Sans SC'; font-weight: 400; font-size: 16px; color: #fff; line-height: 80px; font-weight: normal; }


.m_navi ul li .navi_top{width:200px; height:auto; min-height:60px; float: left; position:absolute; z-index:44; left:; margin-left:-50px; top:80px;
 background:rgba(0, 75, 145, .4); display:none; }

.m_navi ul li:nth-child(3):hover .navi_top{display:block;}

.navi_top dl{width:100%; float:left; }
 
.navi_top dl dt { float: left; width: 100%; height:40px; margin: 0 0%;  }

.navi_top dl dt a { float: left; width: 100%; font-family: 'Noto Sans SC'; font-weight: 400; font-size: 16px; color: rgba(255,255,255,.8); line-height: 40px; font-weight: normal; text-align:center; }

.navi_top dl dt a:hover{color:rgba(255, 255,255, 1);}




.m_banner { width: 100%; float: left; position: relative; z-index: 20; margin:-40px 0% 0 0%; overflow: hidden; }

#certify1 { position: relative; width: 100%; float: left; overflow: hidden; }
#certify1 .swiper-container { padding: 0px; overflow: hidden; }
#certify1 .swiper-slide { width: 100%; padding: 0px; float: left; position: relative; z-index: 25; overflow: hidden; }

#certify1 .swiper-slide .imgbox { width: 100%; height: 100%; background: rgba(0,0,0,0); float: left; position: absolute; z-index: 15; left: 0; top: 0; }

.imgbox h3 { width: 100%; float: left; margin:24% 0 2% 0; font-family: 'Noto Sans SC'; font-weight: 400; font-size: 28px; color: #fff; line-height: 40px; font-weight: normal; text-align: left; }


.imgbox h4 { width: 100%; float: left; margin: 1% 0 1% 0; font-family: 'Noto Sans SC'; font-weight: 400; font-size: 56px; color: #fff; line-height: 60px; font-weight: normal; text-align: left; }


.imgbox h5 { width: 110px; height: 40px; padding: 0 0 0 1%; border: 1px solid #fff; float: left; margin: 1% 0 2% 0; font-family: 'Noto Sans SC'; font-weight: 400; font-size: 16px; color: #fff; line-height: 40px; font-weight: normal; text-align: left; }

.imgbox h5 img { width: 16px; float: right; margin: 12px 10px 0 10px; }


#certify1 .swiper-slide img.imgs1 { width: 100%; float: left; position: relative; z-index: 5; }

#certify1 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; }


.m_banner .imgbottom { width: 100%; height: auto; float: left; position: absolute; z-index: 20; left: 0; bottom: 0; }


.imgbottom ul { width: 100%; float: left; }

/*.imgbottom ul li { width: 50%; height: auto; float: left; background: #051e38;opacity: 0.9; padding:3% 0; }*/

/*.imgbottom ul li:hover { width: 50%; height: auto; float: left; background: rgba(0, 75, 145,1); padding:3% 0; }*/

.imgbottom ul li { width: 50%; height: auto; float: left; background: rgba(255,255,255,.5);  padding:3% 0; }

.imgbottom ul li:hover { width: 50%; height: auto; float: left; background: rgb(5 51 94 / 100%);  padding:3% 0; }


.imgbottom ul li img { width: 40px; display: block; margin:2% auto 1% auto; }

.imgbottom ul li font { width: 100%; float: left; height: 40px; margin: 1% 0 1% 0; font-family: 'Noto Sans SC'; font-weight: 400; font-size: 36px; color: #fff; line-height: 40px; font-weight: 600; text-align: center; letter-spacing: 20px; }

.s_cbox1 { width: 100%; float: left; margin: 2% auto 5% 0; position: relative; }

.m_box1 { max-width: 1600px; display: block; margin: 4% auto; padding:0 2%; position: relative; }


.m_box1_type { width: 50%; max-width: 786px; float: left; position: relative; z-index: 18; overflow: hidden; }


.m_box1_type_con { width: 100%; height: 100%; float: left; position: absolute; z-index: 15; left: 0; top: 0; }

.m_box1_type_con dl { width: 100.5%; float: left; position: relative; height: 100%;}

.m_box1_type_con dl dd:first-child { width: 45%; height:100%; float: left; background: rgba(255, 106, 0,0); position: relative; }

.m_box1_type_con dl dd:first-child .dbox1 { width: 96%; float: left; background: rgba(255, 255, 255,.8); padding: 12% 2%; position: absolute; z-index: 5; left: 0; top: auto; bottom: 0; }
.m_box1_type_con dl dd:first-child .dbox1 span { width: 90%; float: left; padding: 0% 0% 0% 5%; margin: 0 0 0 5%; font-family: 'Noto Sans SC'; font-weight: 600; font-size: 44px; /*color: rgba(0, 75, 145, 1);*/ line-height: 48px; text-align: left; }

.m_box1_type_con dl dd:first-child .dbox1 span font { width: 100%; float: left; padding: 2% 0; font-family: 'Noto Sans SC'; font-weight: 400; font-size: 20px; color: rgba(37, 37, 37, 1); line-height: 30px; text-align: left; letter-spacing: 5px; }


.m_box1_type_con dl dd:nth-child(2) { width: 55%; height:100%; float: left; background: rgba(222, 111, 23,0); position: relative; overflow: hidden; }

.m_box1_type_con dl dd:nth-child(2) .dbox1 { width: 100%; float: left; padding: 20% 4%; background:#051e38cc; opacity: 0.72; /*position: absolute;*/ z-index: 5; left: 0; top: 0; }


.m_box1_type_con dl dd:nth-child(2) .dbox1 span { width: 90%; float: left; padding: 0% 0% 0% 5%; margin: 0 0 0 5%; border-left: 3px solid rgba(240, 131, 0, 0); font-family: 'Noto Sans SC'; font-weight: 400; font-size: 20px; color: rgba(255,255,255, 1); line-height: 40px; text-align: left; text-transform: uppercase; letter-spacing: 5px; }

.m_box1_type_con dl dd:nth-child(2) .dbox1 span font { width: 100%; float: left; padding: 0% 0; font-family: 'Noto Sans SC'; font-weight: 600; font-size: 44px; color: rgba(255,255,255, 1); line-height: 60px; text-align: left; letter-spacing: 5px; text-transform: uppercase; }


.m_box1_type_con dl dd:nth-child(2) .dbox1 span font b { width: 100%; float: left; padding: 0% 0; font-family: 'Noto Sans SC'; font-weight: 600; font-size: 44px; color: rgba(255, 255, 255, 1); line-height: 60px; text-align: left; letter-spacing: 5px; text-transform: uppercase; }



.m_box1_type img { width: 100%; float: left; position: relative; z-index: 5; }





.m_box1_next { width: 51%; max-width: 814px; float: left; position: relative; z-index: 18; overflow: hidden; }

.m_box1_next_con { width: 100%; height: 100%; float: left; background: rgba(22, 22, 22, .8); position: absolute; z-index: 10; left: 0; top: 0; }


.m_box1_next_con .dbox1 { width: 90%; float: left; padding: 5%; font-family: 'Noto Sans SC'; font-weight: 400; font-size: 20px; color: rgba(255,255,255, 1); background: rgba(240, 131, 0, 0); line-height: 42px; text-align: left; letter-spacing: 4px; text-overflow: ellipsis; overflow: hidden; }



.m_box1_next img { width: 100%; float: left; position: relative; z-index: 5; }


.m_box2 { max-width: 1400px; display: block; margin: 4% auto 2% auto; position: relative; }

.m_cokk { width: 380px; height: 55px; display: block; margin: 0 auto; }

.m_cokk h3 { width: 100%; float: left; font-family: 'Noto Sans SC'; font-weight: 600; font-size: 38px; color: rgba(37, 37, 37, 1); line-height: 55px; text-align: center; letter-spacing: 4px; }


.m_cokk h3 font { margin: 10px 0 0 0; font-family: 'Noto Sans SC'; font-weight: 400; font-size: 16px; color: rgba(173, 183, 192, 1); line-height: 25px; text-align: center; text-transform: capitalize; letter-spacing: 2px; }

.m_box_list { width: 100%; float: left; margin: 2% auto; }

.m_box_list ul { width: 100%; float: left; }


.m_box_list ul li { width: 46%; max-width: 680px; height: 210px; float: left; margin: 0% 0% 4% 4%; background: #fff; box-shadow: 0px 1px 20px rgba(220,220,200,1); border-radius: 0px; border-top-left-radius: 40px; border-bottom-right-radius: 40px; }


.m_box_list ul li img.ximg1 { width: 77px; float: left; margin: 60px 0 0 50px; display: block; }

.m_box_list ul li img.ximg2 { width: 77px; float: left; margin: 60px 0 0 50px; display: none; }


.m_box_list ul li .ptxt { width: 460px; float: left; margin: 60px 0 10px 30px; }

.ptxt h4 { width: 100%; height: 40px; float: left; margin: 0 0 1% 0; font-family: 'Noto Sans SC'; font-weight: 500; font-size: 25px; color: rgba(37, 37, 37, 1); line-height: 40px; text-align: left; letter-spacing: 2px; text-overflow: ellipsis; overflow: hidden; }

.ptxt h5 { width: 100%; height: 78px; float: left; font-family: 'Noto Sans SC'; font-weight: 500; font-size: 18px; color: rgba(145, 162, 176, 1); line-height: 26px; text-align: left; letter-spacing: 0px; text-overflow: ellipsis; overflow: hidden; }


.m_box_list ul li:hover { width: 46%; max-width: 680px; height: 210px; float: left; margin: 0% 0% 4% 4%; background: url(../images/servbg1.jpg) no-repeat left bottom; box-shadow: 0px 1px 20px rgba(220,220,200,.2); border-radius: 0px; border-top-left-radius: 40px; border-bottom-right-radius: 40px; }


.m_box_list ul li:hover img.ximg1 { width: 77px; float: left; margin: 60px 0 0 50px; display: none; }

.m_box_list ul li:hover img.ximg2 { width: 77px; float: left; margin: 60px 0 0 50px; display: block; }



.m_box_list ul li:hover .ptxt h4, .m_box_list ul li:hover .ptxt h5 { color: #fff; }


.m_box3 { max-width: 1400px; display: block; margin: 2% auto; position: relative; }


#certify2 { position: relative; width: 100%; display: block; margin: 40px 0px 0px 0px; }
#certify2 .swiper-container { padding: 5px; overflow: hidden; }
#certify2 .swiper-slide { width: 100%; padding: 0px; text-align: center; overflow: hidden; transform: scale(0.8); }

#certify2 .swiper-slide img { width: 50%; float: left; }

#certify2 .swiper-slide font { width: 46%; float: right; font-family: 'Noto Sans SC'; font-weight: 500; font-size: 20px; color: #252525; line-height: 42px; text-align: left; letter-spacing: 0px; text-overflow: ellipsis; overflow: hidden; }

#certify2 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; }


#certify2 .swiper-slide-active { transform: scale(1); }
#certify2 .swiper-button-prev2 { text-indent: -9999px; top: auto; bottom: 0; left: auto; right: 120px; width: 70px; height: 70px; background: url(../images/prev11.png) no-repeat; background-size:100%; border: none; -webkit-tap-highlight-color: transparent; outline: none; }

#certify2 .swiper-button-prev2:hover { background: url(../images/prev12.png) no-repeat; background-size:100%;}
#certify2 .swiper-button-next2 { text-indent: -9999px; right: 0px; top: auto; bottom: 0; width: 70px; height: 70px; background: url(../images/next11.png) no-repeat; background-size:100%; border: none; -webkit-tap-highlight-color: transparent; outline: none; }

#certify2 .swiper-button-next2:hover { background: url(../images/next12.png) no-repeat; background-size:100%;}




.m_box4 { max-width: 100%; display: block; margin: 2% auto; position: relative; }


.m_box4_1 { width: 43%; max-width: 820px; float: right; margin: 3% 0; }



#certify4 { position: relative; width: 100%; margin: 0px 0px 0px 0px; overflow: hidden; }
#certify4 .swiper-container { padding: 0px; overflow: hidden; }
#certify4 .swiper-slide { width: 100%; padding: 0px; text-align: left; overflow: hidden; }

#certify4 .swiper-slide .wimg1 { width: 100%; float: left; position: relative; z-index: 3; overflow: hidden; }


#certify4 .swiper-slide .imgbt { width: 59%; max-width: 480px; float: right; position: absolute; z-index: 5; right: 0px; bottom: 0; }
.imgbt .imgbt_txt { width: 90%; float: left; padding: 6% 5%; background: #fff; text-overflow: ellipsis; overflow: hidden; }
.imgbt_txt h3 { width: 100%; height: 40px; float: left; font-family: 'Noto Sans SC'; font-weight: 500; font-size: 24px; color: #004B91; line-height: 40px; text-align: left; letter-spacing: 0px; text-overflow: ellipsis; overflow: hidden; }

.imgbt_txt h4 { width: 100%; height: 40px; float: left; font-family: 'Noto Sans SC'; font-weight: 500; font-size: 20px; color: #252525; line-height: 40px; text-align: left; letter-spacing: 0px; text-overflow: ellipsis; overflow: hidden; }

.imgbt_bot { width: 90%; float: left; padding: 1% 5%; background: #004B91; }
.imgbt_bot font { float: left; font-family: 'Noto Sans SC'; font-weight: 500; font-size: 14px; color: #fff; line-height: 30px; text-align: left; }

.imgbt_bot img { width: 20px; float: left; margin: 1%; }



#certify4 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; }



.m_box4_2 { width: 45%; max-width: 760px; float: right; margin: 6% 3% 3% 0; }


#certify3 { position: relative; width: 100%; display: block; margin: 0px 0px 0px 0px; }
#certify3 .swiper-container { padding: 0px; overflow: hidden; }
#certify3 .swiper-slide { width: 100%; padding: 0px; text-align: center; overflow: hidden; }
#certify3 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; }

#certify3 .swiper-slide h3 { width: 100%; height: 40px; float: left; font-family: 'Noto Sans SC'; font-weight: 500; font-size: 20px; color: #252525; line-height: 40px; text-align: left; text-overflow: ellipsis; overflow: hidden; }

#certify3 .swiper-slide h4 { width: 100%; height: 60px; margin: 1% 0; float: left; font-family: 'Noto Sans SC'; font-weight: 400; font-size: 16px; color: #787878; line-height: 30px; text-align: left; text-overflow: ellipsis; overflow: hidden; }

#certify3 .swiper-slide font { width: 86px; height: 36px; padding: 0 20px; border: 1px solid #004B91; border-radius: 40px; float: left; font-family: 'Noto Sans SC'; font-weight: 500; font-size: 14px; color: #004B91; line-height: 30px; text-align: left; }

#certify3 .swiper-slide font img { width: 20px; float: right; margin: 6px 0 0 2%; }



.m_box5 { width: 100%; float: left; padding: 4% 0; background: url(../images/coopbg1.jpg) no-repeat center bottom; background-size: 100% 100%; position: relative; overflow: hidden; }

 

.s_box5 { width: 100%; float: left; padding: 4% 0; background: url(../images/coopbg2.jpg) no-repeat center bottom; background-size: 100% 100%; position: relative; overflow: hidden; }


.m_box5_center { max-width: 1400px; height: auto; display: block; margin: 2% auto; padding:0 2%; }

.m_box5_1 { width: 100%; height: 645px; float: left; background: url(../images/yxbgc.jpg) no-repeat center bottom; background-size: 100%; border-radius: 10px; position: relative; z-index: 5; overflow: hidden; }

 

.m_link1 { width: 145px; height: 54px; line-height: 54px; float: left; position: absolute; left: 220px; top: 160px; box-sizing: border-box; border: 0.8px solid rgba(230, 234, 244, 1); border-radius: 9.6px; background: rgba(255, 255, 255, 1); -webkit-animation: upAndDown 2.5s linear infinite; animation: upAndDown 2.5s linear infinite; }

.m_link1 img { max-width: 70px; display: block; margin: 10px auto; vertical-align: middle; }


.m_link2 { width: 182px; height: 66px; line-height: 66px; float: left; position: absolute; left: 400px; top: 110px; box-sizing: border-box; border: 0.8px solid rgba(230, 234, 244, 1); border-radius: 9.6px; background: rgba(255, 255, 255, 1); -webkit-animation: upAndDown 2.5s linear infinite; animation: upAndDown 2.5s linear infinite; }

.m_link2 img { max-width: 84px; display: block; margin: 16px auto; vertical-align: middle; }



.m_link3 { width: 136px; height: 54px; line-height: 54px; float: left; position: absolute; left: 760px; top: 90px; box-sizing: border-box; border: 0.8px solid rgba(230, 234, 244, 1); border-radius: 9.6px; background: rgba(255, 255, 255, 1); -webkit-animation: upAndDown 2.5s linear infinite; animation: upAndDown 2.5s linear infinite; }

.m_link3 img { max-width: 70px; display: block; margin: 10px auto; vertical-align: middle; }



.m_link4 { width: 136px; height: 54px; line-height: 54px; float: left; position: absolute; left: 1100px; top: 70px; box-sizing: border-box; border: 0.8px solid rgba(230, 234, 244, 1); border-radius: 9.6px; background: rgba(255, 255, 255, 1); -webkit-animation: upAndDown 2.5s linear infinite; animation: upAndDown 2.5s linear infinite; }

.m_link4 img { max-width: 90px; display: block; margin: 10px auto; vertical-align: middle; }



.m_link5 { width: 145px; height: 54px; line-height: 54px; float: left; position: absolute; left: 240px; top: 320px; box-sizing: border-box; border: 0.8px solid rgba(230, 234, 244, 1); border-radius: 9.6px; background: rgba(255, 255, 255, 1); -webkit-animation: upAndDown 2.5s linear infinite; animation: upAndDown 2.5s linear infinite; }

.m_link5 img { max-width: 70px; display: block; margin: 10px auto; vertical-align: middle; }



.m_link6 { width: 182px; height: 66px; line-height: 66px; float: left; position: absolute; left: 420px; top: 280px; box-sizing: border-box; border: 0.8px solid rgba(230, 234, 244, 1); border-radius: 9.6px; background: rgba(255, 255, 255, 1); -webkit-animation: upAndDown 2.5s linear infinite; animation: upAndDown 2.5s linear infinite; }

.m_link6 img { max-width: 164px; display: block; margin: 16px auto; vertical-align: middle; }



.m_link7 { width: 186px; height: 64px; line-height: 64px; float: left; position: absolute; left: 750px; top: 280px; box-sizing: border-box; border: 0.8px solid rgba(230, 234, 244, 1); border-radius: 9.6px; background: rgba(255, 255, 255, 1); -webkit-animation: upAndDown 2.5s linear infinite; animation: upAndDown 2.5s linear infinite; }

.m_link7 img { max-width: 120px; display: block; margin: 10px auto; vertical-align: middle; }



.m_link8 { width: 136px; height: 54px; line-height: 54px; float: left; position: absolute; left: 1000px; top: 210px; box-sizing: border-box; border: 0.8px solid rgba(230, 234, 244, 1); border-radius: 9.6px; background: rgba(255, 255, 255, 1); -webkit-animation: upAndDown 2.5s linear infinite; animation: upAndDown 2.5s linear infinite; }

.m_link8 img { max-width: 80px; display: block; margin: 10px auto; vertical-align: middle; }




.m_link9 { width: 136px; height: 54px; line-height: 54px; float: left; position: absolute; left: 1160px; top: 240px; box-sizing: border-box; border: 0.8px solid rgba(230, 234, 244, 1); border-radius: 9.6px; background: rgba(255, 255, 255, 1); -webkit-animation: upAndDown 2.5s linear infinite; animation: upAndDown 2.5s linear infinite; }

.m_link9 img { max-width: 90px; display: block; margin: 10px auto; vertical-align: middle; }



@keyframes upAndDown {
    0%, 50%, to { -webkit-transform: translateX(0); transform: translateX(0); transition: all 2s linear; -ms-transition: all 2s linear; -moz-transition: all 2s linear; -webkit-transition: all 2s linear; -o-transition: all 2s linear; }
    25% { -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); transition: all 2s linear; -ms-transition: all 2s linear; -moz-transition: all 2s linear; -webkit-transition: all 2s linear; -o-transition: all 2s linear; }
    75% { -webkit-transform: translate3d(0, 15px, 0); transform: translate3d(0, 15px, 0); transition: all 2s linear; -ms-transition: all 2s linear; -moz-transition: all 2s linear; -webkit-transition: all 2s linear; -o-transition: all 2s linear; }
}


.s_banner { width: 100%; float: left; position: relative; z-index: 20; margin:-26px 0 0 0; overflow: hidden; }


.s_banner img.imgb1 { width: 100%; float: left; position: relative; z-index: 5; }


.s_ban_imgbg { width: 100%; height: 99%; float: left; position: absolute; z-index: 15; left: 0; top: 0; background: rgba(48,48,48,.48); overflow: hidden; }

.s_ban_imgbg h4 { width: 100%; float: left; margin: 16% 0 0% 0; font-size: 46px; color: #fff; line-height: 60px; font-weight: bold; text-align: left; letter-spacing: 8px; }
.s_ban_imgbg font { width: 100%; float: left; margin: 0% 0 2% 0; font-size: 24px; color: #fff; line-height: 35px; font-weight: normal; text-align: left; letter-spacing: 2px; text-transform: uppercase; }


/*about us*/


.s_cokk { width: 100%;  float:left;  }

.s_cokk h3 { width: 100%; float: left; font-family: 'Noto Sans SC'; font-weight: 600; font-size: 38px; color: rgba(37, 37, 37, 1); line-height: 55px; text-align: center; letter-spacing: 4px; }


.s_cokk h3 font {width: 100%;  float:left;  margin: 10px 0 0 0; font-family: 'Noto Sans SC'; font-weight: 400; font-size: 16px; color: rgba(173, 183, 192, 1); line-height: 25px; text-align: center; text-transform: capitalize; letter-spacing: 2px; }



/* our  service */

.serv_list { width: 100%; float: left; margin: 1% 0; }


.serv_list dl { width: 100%; float: left; margin: 1% 0; }


.serv_list dl dd { width: 100%; float: left; margin: 2% 0; }



.serv_list dl dd .serv_imgs { width: 60%; float: left; position: relative; z-index: 20; overflow: hidden; }


.serv_imgs_bg { width: 100%; height: 100%; float: left; position: absolute; z-index: 15; left: 0; top: 0; overflow: hidden; }


.serv_imgs img, serv_imgs_bg img { width: 100%; }


.serv_imgs img { width: 100%; position: relative; z-index: 5; }


.serv_list dl dd .serv_itexts { width: 36%; float: left; margin: 8% 0 0 0; position: relative; z-index: 20; overflow: hidden; }

.serv_itexts h3 { width: 100%; float: left; margin: 0 0 2% 0; font-size: 150px; color: rgba(145, 162, 176, .2); line-height: 160px; text-align: left; font-weight: bold; }


.serv_itexts h3 font { width: 100%; float: left; margin: -6% 0 2% 0; font-size: 28px; color: rgba(37, 37, 37, 1); line-height: 40px; text-align: left; font-weight: normal; }


.serv_itexts h4 { width: 100%; float: left; margin: 0 0 1% 0; font-size: 18px; color: rgba(37, 37, 37, 1); line-height: 40px; text-align: left; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }



.serv_list dl dd:nth-child(2) .serv_itexts { width: 36%; float: right; margin: 8% 0 0 0; position: relative; z-index: 20; overflow: hidden; }


.serv_list dl dd:nth-child(2) .serv_imgs { width: 60%; float: right; position: relative; z-index: 20; overflow: hidden; }

/*service show*/


.s_service { width: 100%; height: auto; float: left; margin: 1% 0; }


.s_serv_center { max-width: 1400px; display: block; margin: 0 auto; padding: 0 2%; }

.s_serv_menu1 { width: 100%; height: auto; float: left; margin:0% 0; box-shadow: 1px 4px 6px rgba(220, 220, 220, 0.2); }

.s_serv_menu1 ul { width: 100.6%; height: auto; float: left; }

.s_serv_menu1 ul li { width: 33.18%; height: 76px; float: left; border: 1px solid #fff; border-radius: 70px; }


.s_serv_menu1 ul li a { width: 100%; height: 76px; float: left; font-size: 18px; color: rgba(37, 37, 37, 1); line-height: 76px; text-align: center; font-weight: normal; background: rgb(82 140 197); border-radius: 70px; }


.s_serv_menu1 ul li:hover a{ background: rgb(5 51 94); color: #fff;}

.s_serv_menu1 ul li.vhov a{ background: rgb(5 51 94); color: #fff;}




 .nav-height{ position:relative; height: auto;}
.nav-wrap { width: 100%;height: auto;background: #fff;}
.nav-wrap.navFix{position: fixed;top: 80px;left: 0;  box-shadow: 0 0 5px rgba(0,0,0, 0.2); z-index: 99999;} 
.nav-wrap ul {padding: 0 2%; max-width: 1440px; display: flex; margin: 0 auto;  }
.nav-wrap.navFix ul{ border-bottom: 0;  padding: 0 2%; max-width: 1440px; display: block; margin: 0 auto;  display:flex;}




.shows_title { width: 100%; float: left; margin: 1% 0; font-size: 36px; color: rgba(51, 51, 51, 1); text-align: center; line-height: 52px; font-weight: bold; }



.shows_list { width: 100%; float: left; margin: 1% 0; }


.shows_list dl { width: 100%; float: left; margin: 1% 0; }


.shows_list dl dd { width: 100%; float: left; margin: 2% 0; }



.shows_list dl dd .show_imgs { width: 46%; float: left; margin: 0 4% 5% 0; position: relative; z-index: 20; border-radius: 20px; overflow: hidden; }

.show_imgs img { width: 100%; position: relative; z-index: 5; border-radius: 20px; }


.shows_list dl dd .show_texts { width: 46%; float: left; margin: 1% 0 0 0; position: relative; z-index: 20; overflow: hidden; }

.show_texts h3 { width: 100%; float: left; margin: 0 0 2% 0; font-size: 28px; color: rgba(37, 37, 37, 1); line-height: 40px; text-align: left; font-weight: bold; background: url(../images/z_bg11.png) no-repeat left bottom; }


.show_texts h4 { width: 100%; float: left; height: auto; margin: 2% 0 1% 0; font-size: 18px; color: rgba(114, 128, 137, 1); line-height: 40px; text-align: left; font-weight: normal; }


.show_texts h4 font { float: left; padding: 0 1%; font-size: 26px; color: rgba(114, 128, 137, 1); line-height: 40px; text-align: left; font-weight: normal; }



.shows_list dl dd:nth-child(2n) .show_texts { width: 46%; float: left; margin: 0% 0 0 0; position: relative; z-index: 20; overflow: hidden; }


.shows_list dl dd:nth-child(2n) .show_imgs { width: 46%; float: right; margin: 0 0 5% 4%; position: relative; z-index: 20; overflow: hidden; }



.list_shows { width: 100%; float: left; margin: 1% 0; }


.list_shows dl { width: 100%; float: left; margin: 1% 0; }


.list_shows dl dd { width: 100%; float: left; margin: 2% 0; }



.list_shows dl dd .show_imgs { width: 46%; float: right; margin: 0 0% 5% 4%; position: relative; z-index: 20; border-radius: 20px; overflow: hidden; }

.list_shows dl dd .show_texts { width: 46%; float: right; margin: 1% 0 0 0; position: relative; z-index: 20; overflow: hidden; }



.list_shows dl dd:nth-child(2n) .show_imgs { width: 46%; float: left; margin: 0 4% 5% 0%; position: relative; z-index: 20; border-radius: 20px; overflow: hidden; }

.list_shows dl dd:nth-child(2n) .show_texts { width: 46%; float: right; margin: 1% 0 0 0; position: relative; z-index: 20; overflow: hidden; }




.s_serv_menu2 { width: 100%; height: 78px; float: left; margin: 1% 0; box-shadow: 1px 4px 6px rgba(220, 220, 220, 0.2); }

.s_serv_menu2 ul { width: 100.6%; height: 78px; float: left; }

.s_serv_menu2 ul li { width: 19.18%; height: 76px; float: left; border: 1px solid #fff; border-radius: 70px; }


.s_serv_menu2 ul li a { width: 100%; height: 76px; float: left; font-size: 20px; color: rgba(37, 37, 37, 1); line-height: 76px; text-align: center; font-weight: normal; }


.s_serv_menu2 ul li:hover a,.s_serv_menu2 ul li.vhov a { background: rgba(0, 75, 145, 1); color: #fff; border-radius: 70px; }


/*contact*/

.s_contactus { width: 100%; float: left; margin: 2% 0; }


.s_conta_center { max-width: 1400px; display: block; margin: 0 auto; padding: 0 2%; }

.s_conta_1 { width: 100%; float: left; margin: 2% 0; }

.s_conta_ditu { width: 48%; float: left; margin: 2% 0; }

.s_conta_ditu img { width: 100%; border: 1px solid rgba(229, 229, 229, 1); }

.s_conta_dtext { width: 48%; max-width: 630px; float: right; margin: 2% 0; }

.s_conta_dtext h3 { width: 100%; float: left; font-size: 20px; color: rgba(37, 37, 37, 1); line-height: 40px; text-align: left; font-weight: bold; }



table.table1 { width: 100%; float: left; border-collapse: collapse; }


table.table1 tr { width: 100%; float: left; border-collapse: collapse; margin: 4% 0; border-bottom: 1px dashed rgba(226, 229, 236, 1); }

table.table1 tr:first-child { width: 100%; float: left; border-collapse: collapse; margin: 4% 0; border-bottom: 1px dashed rgba(255, 255, 255, 1); }

table.table1 th { width: 100%; height: auto; float: left; font-size: 20px; color: rgba(37, 37, 37, 1); line-height: 40px; text-align: left; font-weight: bold; }
table.table1 td { width: 100%; height: auto; float: left; font-size: 16px; color: rgba(135, 143, 154, 1); line-height: 40px; text-align: left; font-weight: normal; }


table.table1 td a { color: rgba(135, 143, 154, 1); }


.s_conta_2 { width: 100%; float: left; margin: 2% 0; }


.s_biaoge { width: 100%; float: left; }

.s_biaoge ul { width: 104%; float: left; }

.s_biaoge ul li { width: 45.8%; min-height: 72px; float: left; margin: 2% 4% 1% 0; border: 1px solid rgba(229, 229, 229, 1); border-radius: 8px; }

.s_biaoge ul li h4 { float: left; width: 115px; padding: 0 1% 0 3%; font-size: 16px; color: rgba(135, 143, 154, 1); line-height: 72px; text-align: left; font-weight: normal; }

.s_biaoge ul li:nth-child(5) { width: 96%; float: left; }


.s_biaoge ul li  img.oimgs1{width:140px; float:left; margin:2% 1% 1% 2%; cursor:pointer;}

.bg_line { width: 72px; height: 72px; float: left; }

.bg_line img { width: 40px; display: block; margin: 20px auto 0 auto; }

.tabt1 { width: 86%; height: 72px; float: left; padding-left: 2%; background: #fff; border: 1px solid #fff; border-left: 1px solid rgba(229, 229, 229, 1); font-size: 18px; color: rgba(37, 37, 37, 1); line-height: 58px\9; line-height: 72px; text-align: left; font-weight: normal; cursor: pointer; overflow: hidden; }

input.tabt1::-webkit-input-placeholder { /* WebKit browsers */ color: rgba(173, 173, 173, 1); }
input.tabt1:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: rgba(173, 173, 173, 1); }
input.tabt1::-moz-placeholder { /* Mozilla Firefox 19+ */ color: rgba(173, 173, 173, 1); }
input.tabt1:-ms-input-placeholder { /* Internet Explorer 10+ */ color: rgba(173, 173, 173, 1); }


select.select1 { border: solid 1px #fff; border-left: 1px solid rgba(229, 229, 229, 1); border-radius: 0px; appearance: none; -moz-appearance: none; -webkit-appearance: none; height: 72px; padding: 0 6px 0 6px; width: 82%; float: left; background: transparent; font-size: 16px; color: rgba(37, 37, 37, 1); line-height: 72px; text-align: left; font-weight: normal; }


select::-ms-expand { display: none; }

option { color: #252525; }


.tabt2 { width: 86%; height: 280px; float: left; padding: 2%; background: #fff; border: 1px solid #fff; border-left: 1px solid rgba(229, 229, 229, 0); font-size: 18px; color: rgba(37, 37, 37, 1); line-height: 58px\9; line-height: 36px; text-align: left; font-weight: normal; cursor: pointer; overflow: hidden; }



.tabt3 { width: 50%; height: 72px; float: left; padding:0 2%; background: #fff; border: 1px solid #fff; border-left: 1px solid rgba(229, 229, 229, 0); font-size: 18px; color: rgba(37, 37, 37, 1); line-height: 58px\9; line-height: 72px; text-align: left; font-weight: normal; cursor: pointer; overflow: hidden; }



.conta_tj{width:43%; height:72px; float:left; margin:3% 0 3% 40%; background:#368DCC; border:none; border-radius:8px;  font-size:28px; color:#fff; line-height: 58px\9; line-height: 72px; text-align: center; font-weight: normal; cursor: pointer; overflow: hidden;  }






/*footer*/
.m_footer { width: 100%; float: left;  position: relative; z-index: 22; background: rgba(28, 32, 40, .6); overflow: hidden;}

.m_foot1 { width: 100%; float: left; background: rgba(16, 19, 24, .88) url(../images/f_bgc.png) no-repeat center bottom; background-size: 925px 
auto; padding:40px 0  10px 0; }

.m_foot1_center { max-width: 1400px; display: block; margin: 0 auto; }

.m_foot1_type { width: 40%; max-width: 350px; float: left; }

.m_flogo { max-width: 185px; float: left; margin: 2% 0 14% 0; }

.m_flogo img { width: 100%; }

.m_foot1_type ul { width: 100%; float: left; }

.m_foot1_type ul li { width: 100%; float: left; margin: 3% 0 2% 0; }


.m_foot1_type ul li img { width: 30px; float: left; }

.m_foot1_type ul li font { width: 90%; float: left; font-family: 'Noto Sans SC'; font-weight: 400; font-size: 16px; color: #fff; line-height: 30px; text-align: left; }


.m_foot1_navi { width: 70%; float: right; }

.m_foot1_navi ul { width: 115%; float: left; }

.m_foot1_navi ul li { width: 25%; float: left; margin: 3% 2% 0 0; }
.m_foot1_navi ul li:nth-child(1){width: 10%;}

.m_foot1_navi ul li h3 { width: 120%; height: 40px; float: left; font-family: 'Noto Sans SC'; font-weight: 400; font-size: 16px; color: #fff; line-height: 40px; text-align: left; }
.m_foot1_navi ul li h3 a{color: #fff;}

.m_foot1_navi ul dl { width: 103%; float: left; }

.m_foot1_navi ul li dl dt { width: 100%; height: 40px; float: left; margin: 5px 0; }

.m_foot1_navi ul li dl dt a { width: 100%; height: 40px; float: left; font-family: 'Noto Sans SC'; font-weight: 400; font-size: 16px; color: rgba(255,255,255,.4); line-height: 20px; text-align: left; }


.m_guanzhu { width: 20%; float: right; margin: 6% 0 1% 0; }

.m_guanzhu h3 { float: left; margin: 0 20px 0 0; font-family: 'Noto Sans SC'; font-weight: 400; font-size: 16px; color: rgba(115, 121, 132, 1); line-height: 30px; text-align: left; }


.m_guanzhu ul { float: left; }


.m_guanzhu ul li { float: left; width: 24px; margin: 5px 10px; position: relative; z-index: 10; }

.m_guanzhu ul li img.gimg1 { position: relative; z-index: 3; }


.m_guanzhu ul li .gtop { width: 86px; height: 96px; float: left; background: url(../images/ewbgc1.png) no-repeat left top; position: absolute; z-index: 8; left: -30px; bottom: 34px; display: none; }


.m_guanzhu ul li:hover .gtop { display: block; }


.gtop img { width: 77px; float: left; margin: 5px 0 0 5px; }


.m_foot2 { width: 100%; height: auto; float: left; background: rgba(16, 19, 24, 1); color: rgba(255, 255, 255, 1); 
font-family: 'Alibaba PuHuiTi'; font-size: 14px; font-weight: normal; line-height: 20px; letter-spacing: 0px;
 text-align: center; padding: 5px 0; }




.m_foot2 a { color: #fff; }

.web { display: block; }

.mobile { display: none; }


/*20250805*/

.m_zhuce { width: 40px; float: right; margin: 1.5% 1% 0 0%; position: relative; z-index: 26;  }

.m_zhuce .m_zc { float: left; width: 100%; height: 20px; padding: 0 10px; position: relative; z-index: 12; font-family: 'Noto Sans SC'; font-weight: 400; font-size: 16px; color: #fff; line-height: 20px; font-weight: normal; }


 .m_dlbgc2,.m_dlbgc3 { float: right; background: rgba(0,0,0,.5); width: 100%; height: 100%; position: fixed; z-index: 1234; left: 0; top: 0; }
.dbox { width: 20%; height: auto; min-height: 200px; background: #fff; border: none; border-radius: 10px; box-shadow: 1px 2px 6px rgba(0, 75, 145, .8); float: left; padding: 0% 5% 3% 5%; margin: 10% 0 0 34%; position: relative; }



.tabta4 { width: 28%; height: 40px; float: left; margin: 5% 15% 6% 30%; background: rgba(0, 75, 145,.6); border: 1px solid rgba(0, 75, 145,1); border-radius: 4px; font-family: 'Noto Sans SC'; font-size: 16px; color: #fff; line-height: 58px\9; line-height: 40px; text-align: center; font-weight: normal; cursor: pointer; overflow: hidden; }

.tabta4:hover, .tabta4:focus { background: rgba(0, 75, 145,1); }