@charset "utf-8";

@font-face {
    font-family: "HarmonyOS_Sans_SC_Light";
    src: url("/en/template/default/images/font/HarmonyOS_Sans_SC_Light.woff2") format("woff2"),
    url("/en/template/default/images/font/HarmonyOS_Sans_SC_Light.woff") format("woff"),
    url("/en/template/default/images/font/HarmonyOS_Sans_SC_Light.ttf") format("truetype"),
    url("/en/template/default/images/font/HarmonyOS_Sans_SC_Light.eot") format("embedded-opentype"),
    url("/en/template/default/images/font/HarmonyOS_Sans_SC_Light.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}




body{margin:0px; font-size:18px; color:#333;  font-family:Arial; background:#ffffff;}
*{outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,h7,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0;  font-family: Arial, Helvetica, sans-serif; font-style:normal;}
h1,h2,h3,h4,h5,h6,h7 {list-style:none; font-weight:normal;}
input,select,button{font-size:12px;  font-family: Arial; border:0; background:none; outline:none; vertical-align:middle;}
button {overflow:visible}
img{border:none; vertical-align:middle;}
li{list-style:none;}
a{color:#333; text-decoration:none;}
a:hover{color:#2b3887;}
ol,ul{list-style:none}
.col-c,.col-l,.col_c,.col_l,.l{float:left}
.col-r,.col_r,.r,.ul-txt li span,.ul_txt li span,dt span{float:right}
.height-none{height:0;padding:0;overflow:hidden}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after {content: '';display: block;clear: both;height: 0;visibility: hidden;}
.clearfix {/*兼容 IE*/zoom: 1;}
.lf{float:left;}
.rt{float:right;}
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{background-color:#666;}
::-webkit-scrollbar-thumb{background-color:#ddd;}
::-webkit-scrollbar-thumb:hover{background-color:#a69268;}
::-webkit-scrollbar-thumb:active{background-color:#a69268;}
/* 为表格的偶数行设置背景色 */
tr:nth-child(even) {
background-color: #f6f6f6;
}
/* 为表格的奇数行设置背景色 */
tr:nth-child(odd) {
background-color: #ffffff;
}





.con{ width:74%; margin:0px auto;}
@media only screen and (max-width:1660px){
.con { width:85%; margin:0px auto;}

}
@media only screen and (max-width:1440px){
.con { width:90%; margin:0px auto;}

}
@media only screen and (max-width:995px){
.con { width:94%; margin:0px auto;}	
	
}


.header{width:100%; position:fixed; top:0; left:0; z-index:99;}
.header.on{ background: rgba(255, 255, 255, 0.99);}
.header.on .search {color:#000;}
.header .logo{width:200px; float:left; padding:25px 0px;  }
.header .logo img{width:100%; height:auto;}
.header .dxs { display:block;}
.header .sxs { display: none;}
.header.on .sxs { display:block;}
.header.on .dxs { display:none;}
.header .s_ch{height:30px; width:30px;  font-weight:bold; line-height:30px; text-align: center; background:;  color:#000; font-weight: 900;float:right; cursor:pointer; padding:40px 35px 0px 10px;  
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .s_ch i{font-size:24px; color:#333; font-weight: 900; }
.header .dh { float:right; margin:40px 0px 40px 20px; background:#fff; border-radius:30px; width:90px; line-height:30px; overflow:auto; text-align:center; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);}
.header .dh .zz { font-size:14px; color:#000b4c; width:45px; text-align:center; float:left;}
.header .dh .zz a  { color:#fff; color:#000b4c; display:block;}
.header .dh .zzz {font-size:14px; background:#25a8e0; color:#fff; width:45px; text-align:center; float:left;}
.header .dh .zzz a {color:#fff;}

.header.on .an i{color:#a69268;}
.header .an{position:absolute; top:0; right:3%; height:18px; width:30px; display:none; margin-top:22px; }
.header .an span{width:30px; height:2px; background:#22a6de; display:block; position:absolute;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:8px; left:0;}
.header .an span.a3{top:16px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:8px; width:30px;transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:8px; width:30px;transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);}

.header .nav{float:right; margin:30px 0px 0px 0px;}
.header .nav i{font-size:18px; line-height:60px; text-align:right; position:absolute; width:50%; height:60px; right:0px; top:50%; display:none; color:#22a6de; 
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);}
.header .nav ul li{height:50px; font-size:18px;  float:left; position:relative;  
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.header .nav ul li a.o_lm{line-height:50px; color:#000b32; display:block; font-size:18px;  padding:0px 30px; border-radius:30px;  } 
.header .nav ul li:hover a.o_lm{color:#fff;background: linear-gradient(to right, #1ea4dc, #54c4f9);}
.header .nav ul li.on a.o_lm{color:#fff;background: linear-gradient(to right, #1ea4dc, #54c4f9);}

.header .nav ul li a.o_lmm{line-height:50px; color:#fff; display:block; font-size:18px;  padding:0px 30px; border-radius:30px;  } 
.header .nav ul li:hover a.o_lmm{color:#fff;background: linear-gradient(to right, #1ea4dc, #54c4f9);}
.header .nav ul li.on a.o_lmm{color:#fff;background: linear-gradient(to right, #1ea4dc, #54c4f9);}
.header.on .nav ul li a.o_lmm{ color:#000b32; }
.header.on .nav ul li.on a.o_lmm{color:#fff;}
.header.on .nav ul li:hover a.o_lmm{color:#fff;}

.header .nav .y_j{position:relative;}

.header .nav .e_j{width:100%;background:rgba(255,255,255,.8); position:absolute; top:50px; left:0;  z-index:9999;  border-radius:20px; padding:0px; text-align:center; overflow:hidden; }
.header .nav ul li .e_j a{display:block; font-size:16px; color:#666; line-height:50px;}
.header .nav .e_j a:hover{ color:#fff;background: linear-gradient(to right, #1ea4dc, #54c4f9);}
.header .nav .e_j:hover .ejj{display: block;}


@media (min-width:1024px){
.header .nav .e_j{display:none !important;}
.header .nav ul li:hover .e_j{display:block !important;}
}

@media (min-width:1024px) and (max-width:1440px ) {
.header .nav{float:right;}
.header .nav ul li{ font-size:18px;  }
.header .nav ul li a.o_lm{ font-size:18px;  }
.header .nav ul li a.o_lmm{ font-size:18px;} 
}


@media (min-width:1024px) and (max-width:1360px ) {
.header .nav{float:right;}
.header .nav ul li{ font-size:16px;  }
.header .nav ul li a.o_lm{ font-size:16px; padding:0px 25px;}

.header .nav ul li a.o_lmm{ font-size:16px;  padding:0px 25px;} 
}

@media only screen and (max-width:995px){
.header{padding:0%;   }
.header .yyxz { float: right; padding-top: 20px; margin-right: 10px;}
.header .dbtb { width:94%; margin: 0px auto; height: 30px; line-height: 30px; border-bottom: 1px dashed #ddd;}
.header .dbtb  a { font-size: 14px; margin-right: 25px; color: #666;}
.header .con { width100%; margin:0 auto;}
.header .logo{width:140px; float:left; padding:10px 0px; }
.header .logo img { width:100%; height:auto;}

.header .dxs { display: none;}
.header .sxs { display:block;}
.header.on .sxs { display:block;}
.header.on .dxs { display:none;}

.header .dh { margin:16px 50px 0px 0px;}
.header .dh a { font-size:14px; }




.header .s_ch{height:60px; width:60px; line-height:32px;  padding-top:14px;  }
.header .s_ch i{font-size:24px; color:#fff; font-weight: 900; }

.header .an{display:block;}
.header .nav{width:100%; height:0; padding:0; position:fixed; background-color:rgba(255,255,255,.99); top:0; right:0; margin:0; margin-top:60px; overflow:auto;z-index:999999;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.header .nav.on{height:100%; padding:2% 0%;}
.header .nav i{display:block;}
.header .nav ul{margin-bottom:100px;}
.header .nav ul li{width:90%; height:auto; text-align:left; font-size:18px; display:block; margin:0px 0px 0px 20px; 
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.header .nav ul li span{ display:none;}
.header .nav ul li a.o_lm{line-height:50px; color:#333; font-size: 18px;}
.header .nav ul li:hover a.o_lm{color:#1ea4dc; background:none;}

.header .nav ul li a.o_lmm{line-height:50px; color:#333; font-size: 18px;}
.header .nav ul li:hover a.o_lmm{color:#1ea4dc; background:none;}


.header .nav .y_j{border-bottom:0px solid #1ea4dc;}

   
	
	
.header .nav .e_j{padding:10px 0px; border-bottom:1px solid #e4dbcd; background:none; position:relative;z-index:10000; top:auto; left:auto; width:100%; height: auto;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;}
.header .nav ul li:hover .e_j{display:none;}
.header .nav .e_j.n{display:block !important;}
.header .nav ul li .e_j a{display:block; font-size:14px; color:#333; line-height:35px; text-align:left; padding-left:40px; }

}



.search{width:100%; background: rgba(37, 168, 224, 0.9); position:fixed; top:110px; left:0; z-index:101; display:none;}
.search .container{ position: relative;}
.search .sc_gb{position:absolute; top:50%; margin-top:-25px; right:15px; cursor:pointer;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.search .sc_gb:hover{transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);}
.search .sc_gb i{font-size:26px; line-height:40px; color:#fff;}
.search .sc_nr{width:700px; margin:20px auto; border: 2px solid rgba(255, 255, 255, 0.3);}
.search input{width:430px; height:40px; font-size:14px; line-height:40px; color:#fff; float:left; padding-left: 15px;}
.search input::placeholder{color:#fff;}
.search button{width:70px; height:40px; line-height:40px; text-align:center; color:#fff; float:right; outline:none; cursor:pointer;}
.search button i{font-size:30px;}
@media only screen and (max-width:992px){
.search{ top:60px;}
.search .sc_gb{position:absolute; top:50%; margin-top:20px; right:15px; cursor:pointer;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.search .sc_gb i{font-size:18px; line-height:35px; }
.search .sc_nr{width:85%;float: left;}
.search input{width:80%; font-size:15px; float: left;  height:35px; font-size:14px; line-height:35px;}
.search button{width:15%; height:35px; line-height:35px; }
.search button i{font-size:18px;}
}


.head_h{width:100%; height:0px;}
@media only screen and (max-width:1023px) {
.head_h{width:100%; height:60px;}
}






.gallery-top{width:100%; position:relative; height:100vh; }
.gallery-top .swiper-slide img{width:100%;   height:100vh; display:block;}
.gallery-top .swiper-slide .bj {position:absolute; left:0; top:0; height: 100%; width: 100%; background: rgba(0,0,0,.4);}
.gallery-top .swiper-slide .wz{width:74%; color:#fff; position:absolute; left:13%; top:40%;}
.gallery-top .swiper-slide .wz h3{ height: auto; text-shadow: 1px 1px 2px rgba(0,0,0,.0);  margin-bottom:20px; color:#2b3887; }
.gallery-top .swiper-slide .wz h3 p{font-size:32px; line-height:45px; text-shadow: 1px 1px 2px rgba(0,0,0,.0);  margin-bottom:20px; color:#2b3887; }
.gallery-top .swiper-slide .wz h2{font-size:24px;  text-shadow: 1px 1px 2px rgba(0,0,0,.0); color:#2aa0d8;}
.gallery-top .swiper-slide .wz p{font-size:22px; letter-spacing:1px; line-height:36px; }
.gallery-top .swiper-slide .wz a { background: #1ea4dc; width:300px; height:45px; line-height:45px; border-radius:30px; color:#fff; display:block; text-align:center; font-size:24px; margin:40px auto 0px auto;  text-transform: uppercase; }
.gallery-top .swiper-slide .wz i { margin-left: 10px; font-size: 14px;}
.gallery-top .swiper-button-next{width:45px; height:45px; background:url(/en/template/default/images/h_yj.png) no-repeat; right:20px;background-size:45px 45px; -webkit-background-size:45px 45px; -moz-background-size:45px 45px; -ms-background-size:45px 45px; -o-background-size:45px 45x;}
.gallery-top .swiper-button-prev{width:45px; height:45px; background:url(/en/template/default/images/h_zj.png) no-repeat; left:20px; background-size:45px 45px; -webkit-background-size:45px 45px; -moz-background-size:45px 45px; -ms-background-size:45px 45px; -o-background-size:45px 45x;}
.bng {height:100px;}

@media only screen and (max-width:1660px){
.gallery-top .swiper-slide .wz{width:85%; left:7.5%;}
}

@media only screen and (max-width:1440px){
.gallery-top .swiper-slide .wz{width:90%; left:5%;}
.gallery-top .swiper-slide .wz h3{font-size:52px; }
.gallery-top .swiper-slide .wz h3 p{font-size:35px;  }
.gallery-top .swiper-slide .wz h2{font-size:24px; }
}
@media only screen and (max-width:992px){
.gallery-top{width:100%; position:relative; height: 30vh;}
.gallery-top .swiper-slide { overflow: hidden;}
.gallery-top .swiper-slide img{width: auto; height:30vh; position: absolute; left:50%;  transform:translateX(-50%);   top:0; }
.gallery-top .swiper-slide .wz{ top:30%; width:94%; left: 3%; }
.gallery-top .swiper-slide .wz h3 p{font-size:18px; height:auto; line-height:28px;}
.gallery-top .swiper-slide .wz h2 {font-size:16px;  line-height:20px; letter-spacing:0px; margin-top:0px;}
.gallery-top .swiper-slide .wz a {width:150px; height:35px; line-height:35px;  font-size:14px; margin-top:0; display:none;  }
.gallery-top .swiper-button-prev { display:none;}
.gallery-top .swiper-button-next { display:none;}
.bng {height:70px;}
}


.sy_gy { width:100%; margin:120px auto 70px auto;}
.sy_gy .bt { font-size:50px; color:#25a8e0; margin-bottom:50px;}
.sy_gy .bt span { color:#2b3887;}
.sy_gy p { font-size:18px; color:#000; line-height:36px;}
.sy_gy ul { margin-top:70px;}
.sy_gy ul li { width:50%; float:left; position:relative;}
.sy_gy ul li .tp { width:100%; height:auto;}
.sy_gy ul li .tp img { width:100%; height:auto;}
.sy_gy ul li .bj { position:absolute; width:100%; height:100%; background:rgba(0,0,0,.3); left:0; top:0; z-index:2; }
.sy_gy ul li .wz {position:absolute; left:25%; top:35%; z-index:3; vertical-align:middle; color:#FFF; text-align:center; width:50%; font-size:20px; line-height:36px;}
.sy_gy ul li .wz h2 { font-size:48px; padding-bottom:40px;}

.mran { width:240px; height:65px; line-height:65px; background: linear-gradient(to right, #1ea4dc, #54c4f9); font-size:22px; border-radius:50px; color:#fff;  padding-left:55px; margin-top:45px; }
.mran i { width:50px; line-height:50px; background:#fff; border-radius:100px; text-align:center; line-height:50px; color:#2d92cd; font-size:22px; float:right; margin:7.5px;}
.mran a {color:#fff;}

@media only screen and (max-width:1440px){
.sy_gy ul li .wz {position:absolute; left:15%;  width:70%; font-size:18px; line-height:32px;}
.sy_gy ul li .wz h2 { font-size:42px; padding-bottom:30px;}	
}

@media only screen and (max-width:992px){
.sy_gy { margin:50px auto 20px auto;}	
.sy_gy .bt { font-size:28px; margin-bottom:20px;}
.sy_gy p { font-size:15px; color:#000; line-height:24px;}


.mran { width:180px; height:45px; line-height:45px; font-size:16px; border-radius:50px;  padding-left:55px; margin-top:20px; }
.mran i { width:30px; line-height:30px; line-height:30px;font-size:16px;  margin:7.5px;}

.sy_gy ul { margin-top:40px;}
.sy_gy ul li { width:100%; float: none; position:relative;}
.sy_gy ul li .wz {left:8%; top:25%; width:84%; font-size:16px; line-height:28px;}
.sy_gy ul li .wz h2 { font-size:30px; padding-bottom:20px;}
}




.sy_bt { font-size:50px; color:#25a8e0; margin-bottom:60px;}
.sy_bt span {color:#2b3887;}
.sy_bt font { width:120px; height:35px; line-height:35px; border-radius:30px; background: linear-gradient(to right, #1ea4dc, #54c4f9); text-align:center; color:#fff; font-size:18px; float:right; margin-top:22.5px;}
.sy_bt font a {color:#fff; font-size:18px;}
@media only screen and (max-width:992px){
.sy_bt { font-size:28px; }
.sy_bt font { width:100px; height:30px; line-height:30px; font-size:14px;  margin-top:7px;}
.sy_bt font a {color:#fff; font-size:14px;}
}



.sy_fw { width:100%; margin:0px auto;}
.sy_fw .bt { border-bottom:1px solid #2b3887; font-size:24px; color:#2b3887; line-height:80px;}
.sy_fw .bt span { width:120px; height:35px; line-height:35px; border-radius:30px; background: linear-gradient(to right, #1ea4dc, #54c4f9); text-align:center; color:#fff; font-size:18px; float:right; margin-top:22.5px;}
.sy_fw .bt span a {color:#fff; font-size:18px;}

.sy_fw .btt { border-bottom:1px solid #7535a8; font-size:24px; color:#7535a8; line-height:80px;}
.sy_fw .btt span { width:120px; height:35px; line-height:35px; border-radius:30px; background: linear-gradient(to right, #1ea4dc, #54c4f9); text-align:center; color:#fff; font-size:18px; float:right; margin-top:22.5px;}
.sy_fw .btt span a {color:#fff; font-size:18px;}


.sy_fw .fw1 ul { margin-top:30px;}
.sy_fw .fw1 ul li { width:19%; float:left; margin:0 1.25% 1.25% 0; background: linear-gradient(to top, #e1edf7, #fafbfe); text-align:center; padding:60px 0px; border-radius:10px;}
.sy_fw .fw1 ul li:nth-child(5n){ margin-right: 0;}
.sy_fw .fw1 ul li .tp { width:60px; margin:0px auto 40px auto;}
.sy_fw .fw1 ul li .dxs { display:block;}
.sy_fw .fw1 ul li .sxs { display:none;}
.sy_fw .fw1 ul li:hover .dxs { display:none;}
.sy_fw .fw1 ul li:hover .sxs { display:block;}
.sy_fw .fw1 ul li:hover { background: linear-gradient(to top, #2b3c8b, #268fcc); }
.sy_fw .fw1 ul li p { font-size:16px; color:#000000; height:50px; padding:0px 10px;}
.sy_fw .fw1 ul li:hover p { color:#fff;}
.sy_fw .fw1 ul li.on {background: linear-gradient(to top, #2b3c8b, #268fcc);}
.sy_fw .fw1 ul li.on .dxs { display:none;}
.sy_fw .fw1 ul li.on .sxs { display:block;}
.sy_fw .fw1 ul li.on p { color:#fff;}

.sy_fw .fw2 ul { margin-top:30px;}
.sy_fw .fw2 ul li { width:19%; float:left; margin:0 1.25% 1.25% 0; background: linear-gradient(to top, #ebe5f2, #fafbfe); text-align:center; padding:60px 0px; border-radius:10px;}
.sy_fw .fw2 ul li:nth-child(5n){ margin-right: 0;}
.sy_fw .fw2 ul li .tp { width:60px; margin:0px auto 40px auto;}
.sy_fw .fw2 ul li .dxs { display:block;}
.sy_fw .fw2 ul li .sxs { display:none;}
.sy_fw .fw2 ul li:hover .dxs { display:none;}
.sy_fw .fw2 ul li:hover .sxs { display:block;}
.sy_fw .fw2 ul li:hover { background: linear-gradient(to top, #50167d, #7535a8); }
.sy_fw .fw2 ul li p { font-size:16px; color:#000000;}
.sy_fw .fw2 ul li:hover p { color:#fff;}
.sy_fw .fw2 ul li.on {background: linear-gradient(to top, #50167d, #7535a8);}
.sy_fw .fw2 ul li.on .dxs { display:none;}
.sy_fw .fw2 ul li.on .sxs { display:block;}
.sy_fw .fw2 ul li.on p { color:#fff;}
@media only screen and (max-width:992px){
.sy_fw { margin:50px auto;}
.sy_fw .bt {  font-size:22px; line-height:60px;}
.sy_fw .bt span { width:100px; height:30px; line-height:30px; font-size:14px;  margin-top:15px;}
.sy_fw .bt span a { font-size:14px;}

.sy_fw .btt {  font-size:22px;  line-height:60px;}
.sy_fw .btt span { width:100px; height:30px; line-height:30px;font-size:14px;  margin-top:15px;}
.sy_fw .btt span a {font-size:14px;}


.sy_fw .fw1 ul { margin-top:20px;}
.sy_fw .fw1 ul li { width:48%;  margin:0 4% 2% 0; padding:40px 0px;}
.sy_fw .fw1 ul li:nth-child(2n){ margin-right: 0;}
.sy_fw .fw1 ul li:nth-child(5n){ margin-right:4%;}
.sy_fw .fw1 ul li:nth-child(10n){ margin-right:0;}
.sy_fw .fw1 ul li .tp { width:60px; margin:0px auto 20px auto;}
.sy_fw .fw1 ul li p { font-size:16px; }

.sy_fw .fw2 ul { margin-top:20px;}
.sy_fw .fw2 ul li { width:48%;  margin:0 4% 2% 0; padding:40px 0px;}
.sy_fw .fw2 ul li:nth-child(2n){ margin-right: 0;}
.sy_fw .fw2 ul li:nth-child(5n){ margin-right:4%;}
.sy_fw .fw2 ul li:nth-child(10n){ margin-right:0;}
.sy_fw .fw2 ul li .tp { width:60px; margin:0px auto 20px auto;}
.sy_fw .fw2 ul li p { font-size:16px; }	
}


.sy_ys { width:100%; margin:0px auto;}
.sy_ys ul li {width:24%; float:left; margin:1.5% 1.333% 1.333% 0; background:#e7f1f8; text-align:center; padding:50px 0px; border-radius:10px;}
.sy_ys ul li:nth-child(4n){margin-right: 0;}
.sy_ys ul li .tp { width:115px; margin:0px auto 40px auto;}
.sy_ys ul li .tp img { width:100%; height:auto;}
.sy_ys ul li p { font-size:19px; color:#000000;}


.sy_xm { width: 100%; margin:0px auto; padding:55px 0px 50px 0px; position:relative; background:url(/en/template/default/images/xbj.png) no-repeat center center; background-size:100% auto;}
.sy_xm .bjg { position:absolute; left:0; width:100%; background:#e6e6e6; height:1px; top:41.1%;}
.zzz{  position:relative; width:84%; margin:0px auto;}
.zzz .ziyuan1{ width:85%; margin:0px auto;  padding:50px 0px 0px 0px; }
.zzz .ziyuan1 .swiper-slide{ position:relative;}
.zzz .ziyuan1 .swiper-slide .tp { color:#2b3887; font-size:32px; padding-left: 58px;}
.zzz .ziyuan1 .swiper-slide i { width:15px; height:15px; border-radius:100%; border:4px solid #25a8e0; background:#fff; display:block; margin:40px 0px 40px 80px;}
.zzz .ziyuan1 .swiper-slide p { font-size:18px; line-height:36px;}
.zzz .swiper-button-next{width:60px; height:60px; background:#25a8e0; right:0; text-align:center; line-height:60px; border-radius:100px; color:#fff; top:36%;   }
.zzz .swiper-button-next i { font-size:20px;}
.zzz .swiper-button-prev{width:60px; height:60px; background:#25a8e0; left:0;text-align:center; line-height:60px; border-radius:100px; color:#fff; top:36%; }
.zzz .swiper-button-prev i { font-size:20px;}
@media only screen and (max-width:1660px) {
.zzz{  width:94%;}
.zzz .ziyuan1{ width:90%;  }	
}
@media only screen and (max-width:1440px) {
.sy_xm .bjg { top:43.5%;}
.zzz{  position:relative; width:94%; margin:0px auto;}	
.zzz .ziyuan1 .swiper-slide p { font-size:16px; line-height:32px;}
.zzz .swiper-button-next{top:38%;}
.zzz .swiper-button-prev{top:38%; }
}
@media only screen and (max-width:992px) {
.sy_xm { padding:0px 0px 60px 0px;}
.sy_xm .bjg {  top:31.0%;}
.zzz{ position:relative;}
.zzz .ziyuan1{ width:100%; padding:0px; }
.zzz .ziyuan1 .swiper-slide p { font-size:14px; line-height:26px;}
.zzz .swiper-button-next{ display: none;}
.zzz .swiper-button-prev{ display: none;}


.sy_ys ul li {width:48%; float:left; margin:1.5% 4% 2% 0; padding:50px 0px; }
.sy_ys ul li:nth-child(2n){margin-right: 0;}
.sy_ys ul li .tp { width:80px; margin:0px auto 30px auto;}

.sy_ys ul li p { font-size:18px; color:#000000;}
}


.sy_xw {width: 100%; margin:40px auto; }
.sy_xw .zc { width:32%; float:left; position:relative; overflow:hidden; border-radius:18px;}
.sy_xw .zc .tp img { width:100%; height:auto;}
.sy_xw .zc .bj {background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)); position:absolute; left:0; bottom:0; width:100%; height:50%;}
.sy_xw .zc .wz {position:absolute; left:8%; bottom:40px; width:84%;  }
.sy_xw .zc .wz p { margin-bottom:20px; color:#fff; font-size:23px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden; }
.sy_xw .zc .wz p a {color:#fff}
.sy_xw .zc .wz h2{ font-size:16px; vertical-align:middle;color:#fff; }
.sy_xw .zc .wz h2 img { margin-right:10px; margin-top:-2px;}
.sy_xw .yc { width:65%; float:right;}
.sy_xw .yc .s1 { background:#e7f1f8; border-radius:18px; padding:58px 40px;}
.sy_xw .yc .s1 h1 { font-size:27px; color:#2b3887; padding-bottom:25px;}
.sy_xw .yc .s1 h1 a {color:#2b3887;}
.sy_xw .yc .s1 p { font-size:20px; color:#000; line-height:36px; margin-bottom:40px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden; }
.sy_xw .yc .s1 h2 { font-size:16px; color:#2b3887;vertical-align:middle; }
.sy_xw .yc .s1 h2 img { margin-right:10px; float:left; margin-top:3px; }
.sy_xw .yc .s2 { margin-top:20px;}
.sy_xw .yc .s2 ul li { width:49%; float:left; margin:0 2% 0 0; position:relative; border-radius:18px; overflow:hidden;}
.sy_xw .yc .s2 ul li:nth-child(2n){ margin-right: 0;}
.sy_xw .yc .s2 ul li .tp img {width:100%; height:auto;}
.sy_xw .yc .s2 ul li .bj {background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)); position:absolute; left:0; bottom:0; width:100%; height:100%; z-index:1;}
.sy_xw .yc .s2 ul li .wz {position:absolute; left:8%; bottom:40px; width:84%; z-index:2;  }
.sy_xw .yc .s2 ul li .wz p { margin-bottom:20px; color:#fff; font-size:24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden; }
.sy_xw .yc .s2 ul li .wz p a {color:#fff}
.sy_xw .yc .s2 ul li .wz h2{ font-size:16px; vertical-align:middle;color:#fff; }
.sy_xw .yc .s2 ul li .wz h2 img { margin-right:10px; margin-top:-2px;}
.xxx{margin:60px auto 0px auto;}
@media only screen and (max-width:1660px) {
.sy_xw .zc { width:32.5%; }	
.sy_xw .yc { width:64.4%; float:right;}
}
@media only screen and (max-width:1440px) {
.sy_xw .zc { width:33.6%; }	
.sy_xw .yc { width:63.4%; float:right;}
}
@media only screen and (max-width:1360px) {
.sy_xw .zc { width:34.8%; }	
.sy_xw .yc { width:62.2%; float:right;}
}

@media only screen and (max-width:992px) {
.sy_xw {width: 100%; margin:40px auto; }
.sy_xw .zc { width:100%; float: none;  }	
.sy_xw .zc .wz {left:5%;  width:90%;  }
.sy_xw .zc .wz p {  font-size:18px; }
.sy_xw .zc .wz h2{ font-size:14px; }

.sy_xw .yc { width:100%; float: none; margin-top:20px; }
.sy_xw .yc .s1 { padding:30px;}
.sy_xw .yc .s1 h1 { font-size:18px;  padding-bottom:15px;}
.sy_xw .yc .s1 p { font-size:14px; line-height:24px; margin-bottom:20px;  }
.sy_xw .yc .s1 h2{ font-size:14px; }
.sy_xw .yc .s2 ul li { width:100%; float: none; margin:0 0% 2% 0; }
.sy_xw .yc .s2 ul li .wz {left:5%; width:90%;  }
.sy_xw .yc .s2 ul li .wz p {  font-size:18px; }
.sy_xw .yc .s2 ul li .wz h2{ font-size:14px; }
.xxx{margin:20px auto 0px auto;}
}




footer{background: #00072f;}
footer .left{ width:65%; float:right;}
footer .left dl { width:25%; float:left; padding:60px 50px;}
footer .left dl dt{font-size:18px;color:#fff;margin-bottom:20px;transition:.5s;position:relative;}
footer .left dl dt a {font-size:18px;color:#fff;}
footer .left dl dd{font-size:14px;color: #868686;line-height:36px;transition:.5s;}
footer .left dl dd a {color: #fff;}
footer .right{width:35%; float:left; padding:50px 0px;}
footer .right img { margin-bottom:25px; width:200px;}
footer .right p{ font-size:14px; line-height:25px; color:#fff;}
footer .right p i { margin-right:5px;}
footer .fl02{padding: 20px 0;border-top: 1px solid rgba(255,255,255,.2);  }
footer .fl02 .zc { float:left;}
footer .fl02 .zc p{font-size:14px;color:#fff;line-height:46px;}
footer .fl02 .zc p a {color:#fff;}
footer .fl02 .yc{ float:right;}
footer .fl02 .yc a { width:46px; height:46px; background:rgba(255,255,255,.1); border-radius:100%; text-align:center; line-height:46px; display:inline-block; margin-left:15px;}

@media only screen and (max-width:992px){
footer .left{ display:none;}
footer .right{width:100%; float: none; padding:40px 0px;}
footer .fl02 .zc { float: none; width:100%; text-align:center;}
footer .fl02 .yc{ float: none;width:100%; text-align:center;}
footer .fl02 .yc a { width:40px; height:40px; line-height:40px; margin:0px 5px;}
footer .fl02 .yc img { width:40px; height:40px;}
}
	

.nban{ width:100%; height:auto; font-size:0; overflow:hidden; position:relative;}
.nban img{ width:100%; height:auto;}
.nban .wz { position: absolute; left:13%; bottom:50px; z-index: 5; width:74%;}
.nban .wz p { font-size:16px;color: #fff; text-align:left;}
.nban .wz p a {font-size:16px;color: #fff;}
.nban .dbt { position: absolute; left:13%; top:40%; z-index: 7; width:74%; }
.nban .dbt h1 { font-size:70px;color: #fff; font-weight:bold;}
.nban .dbt h2 {font-size:46px;color: #fff; }
@media screen and (max-width:1660px) {
.nban .wz {left: 7.5%; width:85%;}
.nban .dbt {left:7.5%;width:85%; }
}


@media screen and (max-width:1440px) {
.nban .wz { left:5%;width:90%;}
.nban .dbt {left:5%;width:90%; }
}
@media screen and (max-width:992px) {
.nban{  height:250px; margin-top:0px;}
.nban img{ position:absolute; height:250px; width:auto; top:0; left:50%; transform:translateX(-50%); z-index:2}
.nban .wz {  left:3%;  width:94%; bottom:30px;}
.nban .dbt { left:3%; top:30%; width:94%; }
.nban .dbt h1 { font-size:40px;}
.nban .dbt h2 {font-size:24px; }
}


.nybt { font-size:50px; color:#132c80; margin-bottom:20px;}
.nybt span { color:#08b5f7;}



.ny_gy {width:100%; margin:0px auto; background: url(/en/template/default/images/gyb.png) no-repeat center bottom; background-size:100% auto; padding:100px 0px 50px 0px;}
.ny_gy .zc { width:35%; float:left;}
.ny_gy .zc img { width:100%; height:auto;}
.ny_gy .yc { width:52%; float:right;}
.ny_gy .yc h3 { font-size:30px; margin-bottom:20px; color:#08b5f7;}
.ny_gy .yc p { padding-bottom:20px; color:#333; line-height:40px; font-size:20px;}

.ny_gy1 {width:100%; margin:0px auto; padding: 5px 0px 5px 0px;}
.ny_gy1 .zc { width:45%; float:left; padding-top:8%;}
.ny_gy1 .zc .xx { margin-top:80px;}
.ny_gy1 .yc { width:50%; float:right; border-radius:10px;}
.ny_gy1 .yc img { width:100%; height:auto; margin-top:30px;}

@media screen and (max-width:992px) {
.nybt { font-size:36px;  margin-bottom:20px;}


.ny_gy { padding:70px 0px;}
.ny_gy .zc { width:80%; float: none; margin:0 auto;}
.ny_gy .yc { width:100%; float: none; margin-top:30px;}
.ny_gy .yc h3 { font-size:22px; margin-bottom:10px; }
.ny_gy .yc p { padding-bottom:40px; line-height:26px; font-size:16px;}

.ny_gy1 { padding:50px 0px;}
.ny_gy1 .zc { width:100%; float: none; padding-top:0;}
.ny_gy1 .zc .xx { margin:20px 0 0px 0;}
.ny_gy1 .yc { width:100%; float: none; margin-top:30px;}	

}

.ndh { width:100%; margin:80px auto 0px auto; overflow:hidden; background: #fff; line-height:60px; text-align:center;}
.ndh ul li { display:inline-block; width:auto; line-height:50px; font-size:20px;  color:#616264; background:#fff; border:1px solid #d9d9d9; margin:0px 5px; border-radius:10px; overflow:hidden;  }
.ndh ul li a {font-size:20px; padding:0px 40px; color:#616264;  line-height:50px; font-weight:bold;}
.ndh ul li:hover {border:1px solid #dceaf5; background:#dceaf5;}
.ndh ul li:hover a {  color:#122c80; }
.ndh ul li.on {background:#dceaf5; border:1px solid #dceaf5; }
.ndh ul li.on a {color:#122c80; }
.ndh .dhk { width: auto;}

@media screen and (max-width:992px) {
.ndh { width:100%; margin:40px auto 0px auto; overflow:hidden;  line-height:50px;}
.ndh ul li { width:49%; float: left; font-size:18px; line-height:50px; margin-right:2%; margin-bottom:2%; margin-left:0; }
.ndh ul li:nth-child(2n) { margin-right:0;}
.ndh ul li a {font-size:18px; padding:0px; }
}


.ny_fw { margin-top:40px;}
.ny_fw1 { width:100%; margin:40px auto;}
.ny_fw1 .bt { font-size:40px; color:#000; margin-bottom:50px; text-align:center;}
.ny_fw1 .wz1 { font-size:20px; color:#333; line-height:40px; padding-bottom:60px;  border-bottom:1px solid #2b3887; margin-bottom:80px; }
dl,dd{ list-style:none;}
.tab{ width:100%; margin: 0px auto 80px auto;}
.tab-hd { overflow:hidden; zoom:1; width: 100%; text-align:center;}
.tab-hd dd{ width:280px; display:inline-block; position: relative; color:#333; margin:0 5px 20px 5px;  cursor:pointer; line-height:70px; font-size:16px; text-align:center; border-radius:10px; background:#dceaf5;}
.tab-hd dd:before {content: "";width: 0;height: 0;position: absolute;top:70px;left: 50%; margin-left: -13px;border-right: solid 13px transparent;border-left: solid 13px transparent;border-top: solid 13px #dceaf5;}
.tab-hd dd.active{ background:#02378e; color: #fff; position: relative;}
.tab-hd dd.active:before {border-top: solid 13px #02378e;}
.tab-bd dd{display:none; padding:60px 0px;}
.tab-bd dd img { width:100%;}
.tab-bd dd.thisclass{ display:list-item;}

@media screen and (max-width:992px) {
.ny_fw { margin-top:20px;}	
.ny_fw1 {  margin:40px auto;}
.ny_fw1 .bt { font-size:32px; margin-bottom:30px;}
.ny_fw1 .wz1 { font-size:16px; line-height:30px; padding-bottom:40px; margin-bottom:40px;}

.tab {margin: 0px auto 40px auto; width:98%;}
.tab-hd dd {width:46%;margin:0 1% 20px 1%; line-height:50px; font-size:18px; border-radius:5px;}
.tab-hd dd:before {top:50px;}
.tab-bd dd{display:none; padding:30px 0px;}
}



.ny_fg{ padding:100px 0px;}
.ny_fg .zc { width:25%; float:left;}
.ny_fg .zc .bh { width:100%; background: linear-gradient(to bottom, #268cca, #2b3e8b); padding:10px 0px 10px 10px;}
.ny_fg .zc .dhl { background:#fff; padding:45px 30px;}
.ny_fg .zc  h1{ font-size:40px; color:#000; padding-bottom:30px;} 
.ny_fg .zc .dhl ul li {line-height:70px; border-bottom:1px solid #e1e2e6; font-size:20px; color:#000;}
.ny_fg .zc .dhl ul li a {font-size:20px; color:#000;}
.ny_fg .zc .dhl ul li i { float:right; font-size:18px;}
.ny_fg .zc .dhl ul li:hover {border-bottom:1px solid #132C80;}
.ny_fg .zc .dhl ul li:hover a { color:#132C80;}
.ny_fg .zc .dhl ul li.on {border-bottom:1px solid #132C80;}
.ny_fg .zc .dhl ul li.on a { color:#132C80;}
.ny_fg .yc { width:70%; float:right;}

.hidden{display: none;}
.lanren{width:100%;overflow:hidden;}
.lanren ul.list{overflow: hidden;}
.lanren ul.list li{width:100%;overflow: hidden; line-height:80px; height:80px; background:#f5f8fd; margin-bottom:10px; font-size:20px; color:#444; padding:0px 20px;  text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.lanren ul.list li span { float:right;}
.lanren ul.list li a {color:#444;}
.lanren ul.list li:hover {background: linear-gradient(to right, #2c3988, #24a9e1);}
.lanren ul.list li:hover a { color:#fff;}
.lanren ul.list li:hover span { color:#fff;}

.lanren .more{overflow: hidden;padding:40px 0px 0px 0px;text-align: center;}
.lanren .more a{display: block; color:#666; margin:0 auto; text-align:center; font-size:16px; }
.lanren .more img { margin-bottom:15px;}


.fgdt { width:100%;}
.fgdt .bt { font-size:25px; color:#132c80; margin-bottom:50px;}
.fgdt h2 { font-size:30px; line-height:60px;}
.fgdt .wz { font-size:18px; line-height:36px; color:#333; }
.fgdt .an {border-top:1px solid #e6e6e6; padding:55px 0px 0px 0px; margin-top:80px;}
.fgdt .a1 { width:240px; height:60px; line-height:60px; border:1px solid #d9d9d9; font-size:18px; color:#606264; text-align:center; border-radius:30px; float:left; margin-right:15px;}
.fgdt .a1 i{ color:#132b81; font-size:18px; font-weight:bold;}
.fgdt .a1 font { padding:0px 30px;}

.fgdt .a2 { width:240px; height:60px; line-height:60px;  font-size:18px; color:#fff; text-align:center; background:#132c80; border-radius:30px; float:right;}
.fgdt .a2 a { color:#fff;}
.fgdt .a2 i{ color:#fff; font-size:18px; font-weight:bold;}
.fgdt .a2 font { padding:0px 30px;}

@media screen and (max-width:992px) {
.ny_fg{ padding:40px 0px;}
.ny_fg .zc { width:100%; float: none;}	
.ny_fg .zc .dhl {  padding:30px;}
.ny_fg .zc  h1{ font-size:28px;  padding-bottom:20px; } 
.ny_fg .zc .dhl ul li {line-height:50px;  font-size:18px; }
.ny_fg .zc .dhl ul li a {font-size:18px;}
.ny_fg .yc { width:100%;  float: none;}

.lanren ul.list li{line-height:60px; height:60px; font-size:16px; padding:0px 10px; }
.fgdt {  margin-top:30px;}
.fgdt .bt { font-size:30px;  margin-bottom:30px;}
.fgdt h2 { font-size:22px; line-height:40px;}
.fgdt .wz { font-size:16px; line-height:28px; }
.fgdt .an { padding:30px 0px 0px 0px; margin-top:40px;}
.fgdt .a1 { width:30%; height:40px; line-height:40px;  font-size:14px; margin-right:1%;}
.fgdt .a1 i{ color:#132b81; font-size:14px; font-weight:bold;}
.fgdt .a1 font { padding:0px 10px;}

.fgdt .a2 { width:30%; height:40px; line-height:40px;  font-size:14px; }
.fgdt .a2 i{ color:#fff; font-size:14px; font-weight:bold;}
.fgdt .a2 font { padding:0px 10px;}
}


.ny_lx{ padding:140px 0px; background:url(/en/template/default/images/lxb.png) repeat-y; background-size:100% auto;}
.ny_lx .zc { width:32%; float:left;}
.ny_lx .zc .bt {font-size:49px; color:#132c80; margin-bottom:50px;}
.ny_lx .zc h3 { font-size:22px; line-height:50px; color:#132c80;}
.ny_lx .zc .wz1 {font-size:30px; color:#132c80; font-weight:bold; margin-bottom:30px;}
.ny_lx .zc .wz { font-size:20px; margin-bottom:30px; color:#333;}
.ny_lx .zc .dtt { margin-top:50px;}
.ny_lx .zc .dtt img { width:100%;}
.ny_lx .yc { width:55%; float:right;}

.bmym{ width:100%; }
.bmym .bm { margin-bottom:15px;}
.bmym .bm .zb { width:48%; }
.bmym .bm span { font-size:18px; color:#132C80; line-height:60px;}
.bmym .bm .zb .txt {width:100%; height:60px; line-height:60px; padding:0px 10px; font-size:16px; color:#999999;background:#fff; border:1px solid #ddd; border-radius:8px;}

.bmym .bm .bk { width:100%; height:45px; line-height:45px; border-radius:3px; border:1px solid #ddd; background:#fff; padding:0px 0px 0px 10px; margin-bottom:15px;}
.bmym .bm .bk i { font-size:20px; color:#333; margin-right:10px; float:right;}
.bmym .bm .bk .txt { width:84%; font-size:14px; color:#999999; float:left; line-height:45px; }

.bmym .bm .txty {width:100%; background:#fff; border:1px solid #ddd; border-radius:3px; line-height: 30px; padding:10px 20px; font-size: 14px; color: #666; height: 150px; outline: none; font-family:"微软雅黑" ; }

.bmym .bmn { font-size:14px;}
.bmym .an { width:240px; height:60px; line-height:60px; border-radius:30px; background:#dceaf5; color:#132c80; text-align:center; font-size:22px; letter-spacing:0; margin-top:50px; cursor:pointer; }
.bmym .an a {color:#132c80;}
@media only screen and (max-width:992px) {
.ny_lx{ padding:80px 0px; background: none;}
.ny_lx .zc { width:100%; float: none; }
.ny_lx .zc .bt {font-size:32px; margin-bottom:30px;}
.ny_lx .zc h3 { font-size:18px; line-height:40px; }
.ny_lx .zc .wz1 {font-size:24px; margin-bottom:20px;}
.ny_lx .zc .wz { font-size:16px; margin-bottom:20px; }
.ny_lx .zc .dtt { margin-top:30px;}

.ny_lx .yc { width:100%; float: none; margin-top:40px;}

.bmym .bm .zb .txt {height:45px; line-height:45px; font-size:14px;  border-radius:5px;}
.bmym .bm { margin-bottom:15px;}
.bmym .bm .zb { width:100%; }
.bmym .bm .txty {margin-bottom:10px;}

.bmym .an { width:200px; height:50px; line-height:50px; font-size:20px;margin-top:30px;}
}



.ny_ys { padding:140px 0px;}
.ny_ys .fgd ul li { width:33.333%; float:left; padding:100px 0px 120px 40px; color:#fff;}
.ny_ys .fgd ul li:first-child{  background:url(/en/template/default/images/328.png) no-repeat #25a8e0; background-position: right 30px center; }
.ny_ys .fgd ul li:nth-child(2n){  background:url(/en/template/default/images/326.png) no-repeat #09b6f8; background-position: right 30px center;}
.ny_ys .fgd ul li:nth-child(3n){  background:url(/en/template/default/images/327.png) no-repeat #25a8e0; background-position: right 30px center;}
.ny_ys .fgd ul li h2 { color:#fff; font-size:36px; padding-bottom:20px;}
.ny_ys .fgd ul li p { font-size:20px;}
.ny_ys .fgd ul li a {color:#fff;}
.ny_ys .fgd ul li.on { border-bottom:10px solid #132c80; padding:100px 0px 140px 40px; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.3); }
.ny_ys .fgd ul li.on:first-child{  background-position: right 0px center; } 

.ny_ys .fgs { margin-top:80px; font-size:24px; line-height:44px;}
.ny_ys .fgs p { text-indent:40px;}

@media only screen and (max-width:992px) {
.ny_ys { padding:60px 0px;}	
.ny_ys .fgd ul li { width:100%; float: none; padding:60px 0px 80px 30px; color:#fff;}
.ny_ys .fgd ul li:first-child{ background-size: auto 60%; }
.ny_ys .fgd ul li:nth-child(2n){ background-size: auto 60%;}
.ny_ys .fgd ul li:nth-child(3n){ background-size: auto 60%;}
.ny_ys .fgd ul li.on {padding:60px 0px 80px 30px; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.3); }
.ny_ys .fgd ul li h2 {  font-size:32px; padding-bottom:15px;}
.ny_ys .fgd ul li p { font-size:16px;}

.ny_ys .fgs { margin-top:40px; font-size:18px; line-height:38px;}
.ny_ys .fgs p { text-indent:30px;}

}

/*新增在线客服css*/
.pc_kf{width:60px; position:fixed; right:10px; bottom: 30%; z-index:9;  border-radius:10px; height:120px;  box-shadow:0 0 10px #ccc; background:#fff; box-sizing: border-box;  }
.pc_kf .nr{font-size:14px; text-align:center; line-height:25px;  position:relative; height:60px; padding:5px 0px;}
.pc_kf .tel{width:220px; background:#fff; font-size:16px; line-height:50px; color:#333; position:absolute; top:0; right:-300px; opacity:0; box-shadow:0 0 10px #ccc;  border-radius:10px;}

.pc_kf .tell{width:260px; background-color:#0075c2; font-size:18px; line-height:50px; color:#fff; position:absolute; top:0; right:-300px; opacity:0;}
.pc_kf .nr:hover .tel{right:90px; opacity:1;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.pc_kf .ewm{width:130px; background:#fff; position:absolute; bottom:0; right:-340px; opacity:0; box-shadow:0 0 10px #ccc;  border-radius:10px;}
.pc_kf .ewm img{width:100%; height:auto; display:block; padding:5px;}
.pc_kf .nr:hover .ewm{right:90px; opacity:1;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.pc_kf .nr a{display:block; width:50px; height:50px;  overflow:hidden; margin:0px auto; padding:5px 0px; }
.pc_kf .nr i{color:#333; font-size:20px; vertical-align:middle; display:block;}

.pc_kf .nr:hover a { color:#25a8e0; background:#f2f8fc;  border-radius:10px;}
.pc_kf .nr:hover i { color:#25a8e0; }
@media only screen and (max-width:992px) {
.pc_kf{width:60px; height:120px;  right:0; }	
.pc_kf .nr{line-height:20px; height:60px;}
.pc_kf .tel{width:180px;}
.pc_kf .nr:hover .tel{right:70px;}
.pc_kf .ewm{width:100px; }
.pc_kf .nr:hover .ewm{right:70px;}
.pc_kf .nr a{ width:50px; height:50px;  }
}

/*新增在线客服css*/