@charset "UTF-8";
img{-webkit-transition: all 0.5s;
  -moz-transition: all 0.5s; -ms-transition: all 0.5s;  transition: all 0.5s;
  border:0;display: inline-block;
}
a{color:#333;-webkit-transition: all .2s;-moz-transition: all .2s; -ms-transition: all .2s;transition: all .2s;}

body{font-size: 14px;
    background-size: cover;
    -ms-behavior: url(../css/backgroundsize.min.htc);
    behavior: url(../css/backgroundsize.min.htc);
	color:#666;
}

.wrap { width:90%; max-width:1280px; margin:0px auto; }

.bg-f5f5f5 { background:#f5f5f5; }
.bg-f3f3f3 { background:#f3f3f3; }
.bg-fff { background:#fff; }
.bg-f2f5f7 { background:#f2f5f7; }
.bg-11223e { background:#11223e; }



@font-face { font-family: 'impact';
	src: url('../fonts/impact.eot');
	src: url('../fonts/impact.eot?#iefix') format('embedded-opentype'),
		url('../fonts/impact.woff') format('woff'),
		url('../fonts/impact.ttf') format('truetype'),
		url('../fonts/impact.svg#impact') format('svg');
}

.impact { font-family: "impact"; }

.border-none { border-bottom:none!important; }

.jt-top { position:absolute; left:50%; bottom:-20px; margin-left:-10px;  width:0px; height:0px; border:10px solid #005bab; border-left:10px solid #005bab; border-right:10px solid #005bab; border-color:#005bab transparent transparent transparent; }


.jt-left {position:absolute; border:1.75em solid #006fb7; top:50%; left:0px; border-color:transparent transparent transparent #006fb7;}

.box_Arrow {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  width: 0.7142em;
  height: 0.7142em;
  background:transparent;
  transform: rotate(45deg);
  margin-top:-0.3571em;
  position:absolute;
  top:50%; right:0px;
}


.txt_justify {text-align: justify; }

.animation {transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; }

/************************头尾公共部分开始******************************/

/*******************头部 公共部分 开始***************************/
.header { z-index:99; position:fixed; left:0px; top:0px; right:0px; }
.header .logo { height:2.75em; float:left; margin-top:1.75em; }
.header .logo a { display:inline-block; height:2.75em; }
.header .logo img { height:100%; }
.header .logo a .img01 { display:inline-block; }
.header .logo a .img02 { display:none; }
.header .logo a:hover .img02 { display:inline-block; }
.header .logo a:hover .img01 { display:none; }
.header .ht-rt { float:right; padding-top:0.5625em; }
.header .ht-rt .ht-top .alink { color:#fff; float:right; }
.header .ht-rt .ht-top .alink a { color:#fff; }
.header .ht-rt .ht-top .alink span { display:inline-block; padding:0px 1em; height:1.5em; position:relative;}
.header .ht-rt .ht-top .alink span i { width:1px; margin-top:-5px; height:10px; background:#fff; position:absolute; top:50%; }

.header .hd-language { float:right; position:relative; z-index:101; }
.header .hd-language dl dt { position:relative; color:#fff; padding-right:1.5em; }
.header .hd-language dl dt img { height:1.1428em; vertical-align:middle; margin-right:8px; }
.header .hd-language dl dt i { position:absolute; background:url(../images/jt01.png) no-repeat center center; background-size:100% 100%; right:0px; top:50%; width:0.8571em; height:0.5em; margin-top:-0.25em;}
.header .hd-language dl dd { position:absolute; display:none; padding-top:1em;  left:50%; margin-left:-4.5em; top:100%; width:9em;}
.header .hd-language dl dd .con { background:rgba(255,255,255,0.8);  border-radius:4px;  }
.header .hd-language dl dd a { display:block; color:#000; padding:0.875em 0.5em; border-top:1px solid #bcc1c9; }
.header .hd-language dl dd .con a:first-child { border-top:none; }
.header .hd-language dl dd a img { margin-right:10px; vertical-align:middle; }
.header .hd-language dl:hover dd { display:block; }
.header .hd-language dl dd a:hover { color:#006fb7; } 
.header .hd-language dl dd .jt {border:0.75em solid rgba(255,255,255,0.8); border-color:transparent transparent rgba(255,255,255,0.8) transparent; position:absolute; left:50%; top:-0.5em; margin-left:-0.75em; }





/*******搜索部分********/
.header .in-search { float:right; padding-top:0.25em; position:relative; z-index:5;  }
.header .in-search .btn {width:3.2857em; height:2.1428em; cursor:pointer; background:url(../images/search-but01.png) no-repeat center center;  }
.header .in-search .search-wrap { position:absolute; padding-top:1em; right:-1em; overflow:hidden; top:100%; width:0px; }
.header .in-search .search-wrap .jt { width:21px; height:16px; z-index:9; position:absolute; top:0px; right:1.75em; background:url(../images/jt02.png) no-repeat center center; }
.header .in-search .search { position:relative; background:#fff; border:1px solid #d7d7d7; border-radius:0.3em; box-shadow:0px 0px 0.2em rgba(0,0,0,0.2); }
.header .in-search .inp { padding:0.5em 3em 0.5em 1.25em; }
.header .in-search .inp input { background:none; width:100%; border:none; float:left; height:1.8125em; line-height:1.8125em; }
.header .in-search .but { position:absolute; cursor:pointer; border:none; top:0px; right:0px; width:2em; height:100%; bottom:0px;background:url(../images/search-but02.png) no-repeat center center; background-size:1.0714em 1.0714em; }
.header .in-search.on .search-wrap {  width:18.125em;  }


.nav_phone_btn,.nav_phone{display: none;}

.phone-nav-bg { display:none; z-index:100; position:fixed; left:0px; top:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.7); }

.html-hidden { height:100%; overflow:hidden; }


/*******导航部分******/
.header .hd-con { padding-top:1.125em; }
.header .nav { float:right; padding-right:0.625em; }
.header .nav>ul {display:flex; justify-content:space-between; -webkit-justify-content:space-between; -moz-justify-content:space-between; }
.header .nav>ul>li{ display:inline-block; position: relative; }
.header .nav>ul>li>a{display: block; padding:0.375em 2.5em 1.1875em; color:#fff;  position: relative; }
.header .nav>ul>li>a>em{position:absolute; opacity:0; filter:alpha(opacity=0); left: 50%; margin-left:-0.75em; bottom:0px; z-index:101;  border:0.75em solid rgba(255,255,255,0.7); border-color:transparent transparent rgba(255,255,255,0.8) transparent; transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; }
.header .nav>ul>li:hover>a>em{ opacity:1; filter:alpha(opacity=100); }
.header .nav>ul>li:first-child { margin-left:0px; }
.header .nav>ul>li.on>a>em { opacity:1; filter:alpha(opacity=100); }

.header .navlist { position: absolute; z-index: 100; background:rgba(255,255,255,0.7); border-radius:0.5em; margin-left:-7em; top:100%; display:none; left:50%; width:14em; opacity:1;}
.header .navlist ul { }
.header .navlist ul li { padding:0px; border-top:1px solid #c2cbd0;  }
.header .navlist ul li a{display:block; color:#666;  position:relative; text-align:center; line-height:3;  }
.header .navlist ul li a:hover { color:#00a2a7; }
.header .navlist ul li:first-child { border-top:none; }

.scrollHeader .header  { background:rgba(0,162,167,0.8); }
.scrollHeader .header .nav>ul>li.on>a>em { }


.footer { position:relative; padding:4.625em 0px 7.4821em; background:#fff; }
.footer .ft-nav { width:73.5714%; float:left;   }
.footer .ft-nav .u-fl { flex-wrap:nowrap; }
.footer .ft-nav .sec { float:left; width:20%; border-left:1px solid #e5e5e5; }
.footer .ft-nav .sec:first-child { width:15.92%; border-left:none; }
.footer .ft-nav dl dt a { color:#333; display:inline-block; padding-bottom:0.444em;  position:relative; }
.footer .ft-nav dl dt a i { height:2px; background:#00a2a7; width:1.4285em; left:0px; bottom:0px; position:absolute; right:0px; }
.footer .ft-nav dl dt { padding-bottom:0.375em; }
.footer .ft-nav dl dd p { padding-top:0.75em; }
.footer .ft-nav dl dd a { color:#666; }
.footer .ft-nav dl dd a:hover { color:#111; }
.footer .line { position:absolute; left:0px; top:0px; right:0px; width:100%; background:linear-gradient(to right,#1d92c4,#00a2a7); -moz-background:linear-gradient(to right,#1d92c4,#00a2a7);-ms-background:linear-gradient(to right,#1d92c4,#00a2a7); -webkit-background:linear-gradient(to right,#1d92c4,#00a2a7); height:0.7142em;  }

.footer .ft-contact { float:right; width:24.1428%; padding:2.1428em 1em 1.5em 1.8571em; }

.footer .ft-share { }
.footer .ft-share ul { padding-left:1.5714em; display:none; }
.footer .ft-share ul li { float:left; margin-right:0.7142em; }
.footer .ft-share ul li a { float:left; width:1.7142em; height:1.7142em; }
.footer .ft-share ul li a.a1 { background:url(../images/ft-share-img01.png) no-repeat center center; background-size:100% 100%;  }
.footer .ft-share ul li a.a2 { background:url(../images/ft-share-img02.png) no-repeat center center; background-size:100% 100%;  }
.footer .ft-share ul li a:hover { opacity:0.7; filter:alpha(opacity=70); }

.footer .ft-code {  }
.footer .ft-code img { width:110px; }

.footer .copyright { color:#666; }
.footer .copyright a { color:#999; }
.footer .copyright a:hover { color:#333; }
.footer .copyright span { display:inline-block; color:#999; }
.footer .legal { padding-top:1.2142em; }
.footer .legal a { color:#666; }
.footer .legal a:hover { color:#333; }



.topcon-wrap .header { background:rgba(0,162,167,0.8); }
.topcon-wrap .main { margin-top:6.0625em;  }


/*******************头部 公共部分 结束***************************/
/*视频*/
.video_place{position: fixed;top:0px;left: 0px;right: 0px;
    bottom: 0px;background-color: rgba(0,0,0,0.85);
    z-index: 999999999;
}
.lt9 .video_place{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000")}
.video_con{z-index:2;width:1028px;height:578px;
    background-color: #000;position: absolute;top: 50%;left: 50%;
    transform: translate(-50%,-50%);text-align: center;
}
.lt9 .video_con{top:20%;left:10%;background: #000;}
.video_con video{width: 100%;height: 100%; object-fit:fill;}
.video_close_btn{position:fixed; top:10px; right:20px; width:40px; height:40px; cursor:pointer; }
.video_close_btn i {position:absolute;  background:#fff; display:inline-block; position:absolute;transform:translate(-50%,-50%) rotate(45deg);-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg); left:50%; top:50%;  }
.video_close_btn i.i1 { width:24px; height:2px; }
.video_close_btn i.i2 {  width:2px; height:24px; }
.video_place .con { position:relative; }
.video_place p {position:absolute;top:50%; margin-top:258px;left:50%; margin-left:-450px;
    width:900px; padding:0.85em 0px; color: #fff;text-align: center;
    cursor: pointer;}
/*视频结束*/


.er-bn { position:relative; overflow:hidden;}
.er-bn ul li { overflow:hidden;}
.er-bn .img { padding-bottom:50%; overflow:hidden; }
.er-bn .text { position:absolute; left:0px; top:0px; height:100%; right:0px; color:#fff;  }
.er-bn .text .tit { line-height:1.4; }
.er-bn .text .sub-tit { position:relative; padding-bottom:1.4em; }
.er-bn .text .sub-tit .txt { opacity:0.6; }
.er-bn .text .line { position:absolute; background:#fff; left:0px; bottom:0px; width:3em; height:0.25em; }

.er-bn .swiper-slide .tit,.er-bn .swiper-slide .sub-tit { z-index: 200; filter:alpha(opacity=0); opacity:0; visibility: hidden; -webkit-transition: all 1500ms ease; transition: all 1500ms ease;  transform: translate(2%,0); color:#fff; -webkit-transform: translate(2%,0); }
.er-bn .swiper-slide.swiper-slide-active .tit,.er-bn .swiper-slide.swiper-slide-active .sub-tit { transform: translate(0,0); -webkit-transform: translate(0,0);opacity:1; filter:alpha(opacity=100); visibility: visible; }


.er-nav { position:relative;margin-top:-6.5em;  }
.er-nav ul { padding:1.5em 4.75em 1.3125em; border-radius:4.5em;  display:inline-block; box-shadow:0px 0px 0.5em rgba(0,162,167,0.3); }
.er-nav ul li { display:inline-block; padding:0px 0.5625em; min-width:10.3125em; }
.er-nav ul li a { display:block; }
.er-nav ul li .ico { height:4.5em; position:relative; }
.er-nav ul li .ico .img02 { display:none; }
.er-nav ul li .ico .img01 { display:inline-block; }
.er-nav ul li h3 { color:#555; }
.er-nav ul li .img02 { position:absolute; left:50%; margin-left:-3.59375em; bottom:1em; border:0.3125em solid #00a2a7;box-shadow:0px 0px 0.5em rgba(0,162,167,0.3); background:#fff; border-radius:50%;width:7.1875em; height:7.1875em; }
.er-nav ul li .ico .img02 img { /*border-radius:50%;*/ }
.er-nav ul li .img01 {width:4.5em; height:4.5em; position:relative;}
.er-nav ul li .ico img { width:auto; height:auto; max-height:100%; max-width:100%; }
.er-nav ul li .ico .img02 img { max-height:90%; max-width:90%; }
.er-nav ul li.on h3 { color:#00a2a7; }
.er-nav ul li:hover h3 { color:#00a2a7; }

.er-nav ul li:hover .ico .img01,.er-nav ul li.on .ico .img01 { display:none; }
.er-nav ul li:hover .ico .img02,.er-nav ul li.on .ico .img02 { display:inline-block; }
.er-nav ul li h3 { margin-top:0.25em; }





.aside-rt { position:fixed; top:20%; right:1.25em; z-index:10; padding-top:3.625em; }
.aside-rt .gotop { position:absolute; left:0px; cursor:pointer; top:0px; background:url(../images/jt02.png) no-repeat center bottom #eee; background-size:100% 200%; height:3em; width:3em; border-radius:50%; }
.aside-rt .gotop:hover { background-color:#e59b37; background-position:center top; }
.aside-rt .con { background:#eee; border-radius:1.5em; height:9.875em;  }
.aside-rt .close { width:3em; height:3em; cursor:pointer; background:url(../images/close-but02.png) no-repeat center center #e0b04f;border-radius:50%;  }
.aside-rt ul { padding:0.625em 0.75em 2em; }
.aside-rt ul li { padding-top:0.625em; position:relative; }
.aside-rt ul li .ico img { width:100%; }
.aside-rt ul li .codeimg { position:absolute; display:none; top:0px; right:100%;  }
.aside-rt ul li .codeimg .img { background:#fff; border-radius:0.5em; padding:0.625em; margin-right:1.25em; }
.aside-rt ul li .codeimg img { height:5em; }
.aside-rt ul li:hover .codeimg { display:block;  }
.aside-rt ul li .tel { position:absolute; display:none; top:0px; right:100%;  }
.aside-rt ul li .tel span { display:block; background:#00a2a7; color:#fff; border-radius:0.5em; padding:0.625em; margin-right:1.25em; }
.aside-rt ul li:hover .tel { display:block; white-space:nowrap;  }

.aside-rt .con.on .close {background:url(../images/close-but01.png) no-repeat center center #eee; }
.aside-rt .con.on { height:3em; overflow:hidden; }



@keyframes rotate {
    0% {
    transform: translateY(0) ;
  }
    25% {
        transform: translateY(5px);
    }
    50% {
        transform: translateY(10px) scale(1.1, 0.9);
       
    }
    75% {
        ransform: translateY(5px) ;
    }
    100% {
        transform: translateY(0) ;
    }
}




/*******************注册弹窗*************************/
.cus-reg-bg { position:fixed; left:0px; top:0px; display:none; right:0px; bottom:0px; background:rgba(0,162,167,0.8); z-index:102; }
.cus-reg-tc-wrap { position:fixed; left:0px; top:0px; display:none; z-index:103; right:0px; height:100%; width:100%; bottom:0px; }
.cus-reg-tc-wrap .cus-reg-tc { position:relative; display:block;  }
.cus-reg-tc-wrap .reg-tc { position:absolute; left:0px; top:0px; right:0px; bottom:0px; height:100%; width:100%; }
.cus-reg-tc {  width:90%; max-width:1280px;  }
.cur-reg-form { padding:4.5em 5.375% 4.375em;background:linear-gradient(to bottom,#fff,#ecffff); -moz-background:linear-gradient(to bottom,#fff,#ecffff);-ms-background:linear-gradient(to bottom,#fff,#ecffff); -webkit-background:linear-gradient(to bottom,#fff,#ecffff);   border-radius:1em; }
.cur-reg-form .title { color:#333; }
.cur-reg-form .list { padding-top:1.5em; }
.cur-reg-form .list ul { display:flex; flex-wrap:wrap; }
.cur-reg-form .list ul li { position:relative; float:left; width:44.2%; border-bottom:1px dashed #2f8b8e; margin:0px 2.65%;}
.cur-reg-form .list ul li .tit { position:absolute; left:0px;  color:#333; bottom:1em; vertical-align:middle; }
.cur-reg-form .list ul li .tit img { width:22px; height:22px;display:none; margin-right:12px; vertical-align:middle;  }
.cur-reg-form .list ul li .tit b { color:#eb0c0c; }
.cur-reg-form .list ul li .inp { padding:1.25em 0px 1em 9em; }
.cur-reg-form .list ul li .inp input { border:none; background:none; float:left; width:100%; line-height:1.5;  }
.cur-reg-form .btn { padding-top:2.5em; }
.cur-reg-form .btn input { color:#fff;  width:11.5em; border:none; border-radius:0.5em;  background:#00a2a7; height:2.5em;  }
.cur-reg-form .btn input:hover {  background:#04888c;  }

.cur-reg-form .list ul li .tit .img01 { display:inline-block; position:relative; top:-1px; }
.cur-reg-form .list ul li.code { padding-right:10em; }
.cur-reg-form .list ul li.code .codeimg { position:absolute; width:8.75em; border:1px solid #a4b2bf; line-height:2.375; padding:0px 0.25em; border-radius:5px; bottom:0.625em; cursor:pointer; right:0px;}
.cur-reg-form .list ul li.code .inp { padding-left:6em; }
.cur-reg-form .list ul li.area { width:94.2%; margin-right:2.65%; border:none; }
.cur-reg-form .list ul li.area .inp { padding:1.5em 1.875em;border:1px dashed #2f8b8e; margin-top:2.875em; border-radius:0.5em; }
.cur-reg-form .list ul li.area textarea {  background:none; border:none; float:left; width:100%; height:6.625em; }
.cur-reg-form .list ul li.area .intro { padding-top:1em; }
.cur-reg-form .list ul li .inp.inp_time { padding-left:0px; }
.cur-reg-form .list ul li .inp.inp_time input { padding-left:11em; }

.cus-reg-close { width:1.75em; display:none; height:1.75em; z-index:106; cursor:pointer; background:url(../images/cus-close.png) no-repeat center center; background-size:100% 100%; position:fixed; top:2em; right:2em;  }

.body-reg { /*height:100%; overflow:hidden;*/ }
.body-reg  .cus-reg-close { display:block; }
.body-reg  .cus-reg-bg { display:block; }
.body-reg  .cus-reg-tc { display:block; }


.login-tc { position:fixed; left:0px; display:none; top:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.5); z-index:103; }
.login-tc .login-wrap { position:absolute; left:0px; top:0px; right:0px; bottom:0px; height:100%; width:100%; }

.login-form-tc { width:86%; position:relative; max-width:520px; margin:0px auto; padding:2.625em 0px 2em; background:rgba(255,255,255,0.9); border-radius:1em; }
.login-form-tc .title { color:#333; }
.login-form-tc .list { padding:0.875em 13.46%; }
.login-form-tc .list ul li { position:relative; }
.login-form-tc .list ul li .tit { position:absolute; left:0px; color:#333; bottom:1em; vertical-align:middle; }
.login-form-tc .list ul li .tit img { width:20px; height:22px; margin-right:12px; vertical-align:middle;  }
.login-form-tc .list ul li .tit b { color:#eb0c0c; }
.login-form-tc .list ul li .inp { border-bottom:1px solid #aaaaaa; padding:2em 0px 1em 100px; }
.login-form-tc .list ul li .inp input { border:none; background:none; float:left; width:100%; line-height:1.5;  }
.login-form-tc .btn { padding-top:3.75em; }
.login-form-tc .btn input { color:#fff; float:left; width:100%; border:none; border-radius:0.5em;  background:#0070bd; height:2.3em;  }
.login-form-tc .btn span { color:#fff; float:left; line-height:2.3; cursor:pointer; width:100%; border:none; border-radius:0.5em;  background:#0070bd; height:2.3em;  }

.login-form-tc .a-btn { float:right; color:#0070bd; }
.login-form-tc .a-btn a { color:#0070bd; }
.login-form-tc .a-btn a:hover { text-decoration:underline; }
.login-form-tc .ft-check { padding-top:1em; }
.login-form-tc .sub-tit { padding-top:2.1875em; color:#333; padding-bottom:0.9375em; }
.login-form-tc .close { position:absolute; right:1em; top:1em; cursor:pointer; width:2em; height:2em; background:url(../images/cus-clos2.png) no-repeat center center; background-size:1em 1em; }





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


.cur-reg-form { padding:2.5em 5.375% 2.375em; }
.cur-reg-form .list ul li .inp { padding:1em 0px 0.75em 9em; }
.cur-reg-form .list ul li.code .codeimg { line-height:2; }
.cur-reg-form .list ul li.area .inp { margin-top:2em; }
.cur-reg-form .list ul li.area textarea { height:4.625em; }
.cur-reg-form .list ul li .tit { bottom:0.75em;}


}

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


.cur-reg-form { padding:1.5em 5.375% 1.375em; }
.cur-reg-form .list ul li .inp { padding:0.75em 0px 0.5em 9em; }
.cur-reg-form .list ul li.code .codeimg { line-height:2; }
.cur-reg-form .list ul li.area .inp { margin-top:1.5em; }
.cur-reg-form .list ul li.area textarea { height:3.625em; }
.cur-reg-form .list ul li .tit { bottom:0.5em;}
.cur-reg-form .list ul li.code .codeimg { bottom:0.325em; }

}




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

.aside-rt { right:10px; }


}


@media only screen and (max-width: 1260px){
 
.header .nav>ul>li>a { padding:0.375em 2em 1.1875em; }
	
}

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

.header .logo { height:2em; }
.header .logo a { height:2em; }



.footer .ft-share ul { padding-left:0px; }
.footer .ft-share ul li { margin-left:0.5em; margin-right:0px; }
.footer { padding:4em 0px 5em; }

}

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

.header .nav>ul>li>a { padding:0.25em 1.5em 1em; }


.video_con{width:90%; height:70%; }

.footer .ft-nav .sec:first-child +.sec { width:25%; }
.footer .ft-contact { padding:1.5em 1em 1.5em 1em; }






}


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

.header .wrap { position:relative; }
.header .logo { position:absolute; left:0px; top:0px; margin-top:1em; }
.header .ht-rt { width:100%; padding-top:1.25em;  }
.header .ht-con { }
.header .logo { height:1.5em; }
.header .logo a { height:1.5em; }

.header .nav>ul>li>a { padding:0.25em 2em 1.5em; }
.header .hd-search { padding-top:0.25em; }


.er-nav ul li { min-width:7.8em; }
.er-nav ul li .img02 { left:50%; margin-left:-3.59375em; }

.footer .ft-nav .sec { width:18%; }
.footer .ft-nav .sec:first-child { width:17%; }
.footer .ft-nav .sec:first-child +.sec { width:29%; }
.footer .ft-share ul li { width:100%; margin-top:0.5em; }


}



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

.er-nav ul li { min-width:7em; }


.page .total { position:relative; display:inline-block; padding-left:1em;  }

	
}

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

.er-nav ul li { min-width:6.7em; }

}

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


.nav_phone_btn,.nav_phone{display: block;}
/*手机导航按钮开始*/
.nav_phone_btn{ position:absolute; top:50%; margin-top:-10px; width:0.5rem; z-index:101; right:0px; transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all; }
.nav_phone_btn{display: block;cursor: pointer; height:24px;}
.nav_phone_btn span {position:absolute;font-size: 0; left:0px; top:8px;width:0.5rem;height:2px;background-color: #fff;display: inline-block;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;}
.nav_phone_btn span:before,.nav_phone_btn span:after {content: "";position: absolute;width: 100%;height: 2px;background-color: #fff;left:0px;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;}
.nav_phone_btn span:before{top:-8px;}
.nav_phone_btn span:after{top:8px;}
.visible_nav.nav_phone_btn { right:80%; }
.visible_nav.nav_phone_btn span{background-color: transparent;}
.visible_nav.nav_phone_btn span:before{left:5px;top:0px;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);}
.visible_nav.nav_phone_btn span:after{top:0px;left: 5px;transform: rotateZ(-45deg);-webkit-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);}
.body_nav_phone .phone-nav-bg { display:block;}
/*手机按钮结束*/

/*手机导航内容*/
.nav_phone{display:block;position:fixed; z-index:101;top:0px;bottom: 0px;right:-74%;width:74%;left:auto;transition:left 0ms ease-out;-webkit-transition:left 0ms ease-out;transition:right 250ms ease-out;-webkit-transition:right 250ms ease-out;overflow: hidden;}
body.body_nav_phone .nav_phone{right:0;left:auto;}
.nav_phone_tit{box-sizing:border-box;height:4.166em;width: 100%;position:relative; color:#666; background:#fff; border-bottom:0.02rem solid #dadada; }
.nav_phone_tit span{display: inline-block; position:absolute; left:1.4166em; right:0px; top:50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -o-transform: translate(0,-50%); -moz-transform: translate(0,-50%); }
.nav_phone_tit .language { position:absolute; right:0.2rem; top:50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -o-transform: translate(0,-50%); -moz-transform: translate(0,-50%);  }


.nav_phone_con{position: absolute;top:4.166em;bottom: 0px;width: 100%;background: #fff;overflow: hidden;}
.nav_phone_con .phone-con {overflow-y: auto;overflow-x: hidden;position: absolute;bottom:0px;top:1em; left:1.4166em; right:0px;}
.nav_phone_con  .phone-con>ul>li {line-height:2.667;border-bottom: 2px solid #d7d7d7;}
.nav_phone_con  .phone-con>ul>li a{opacity: 1;box-sizing: border-box;width: 100%;color: #333;display: inline-block;position: relative;-ms-transition: all 250ms ease-out;transition: all 250ms ease-out;}
.nav_phone_con  .phone-con>ul>li>a .btn { position:absolute; right:0px; top:0px; bottom:0px; width:3em; border-left:2px solid #d7d7d7;  }
.nav_phone_con  .phone-con>ul>li>a em,.nav_phone_con  .phone-con>ul>li> ul>li>a em{display: inline-block;width:0.75em;height:0.75em;border-right: 3px solid #b2b2b2;border-bottom: 3px solid #b2b2b2;position: absolute;top:50%;right:1.2em;margin-top:-0.375em;transform: rotate(-45deg); -webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}
.nav_phone_con  .phone-con>ul>li ul {overflow-y: auto;overflow-x: hidden;position: absolute;top:0;bottom: 0px;width: 100%;background: #fff;opacity: 0;visibility: hidden;right:-100%;-ms-transition: all 250ms ease-out;transition: all 250ms ease-out;z-index: 3;}
.nav_phone_con  .phone-con>ul>li ul li{line-height:2.667;border-bottom:0.02rem solid #d7d7d7;}
.nav_phone_con  .phone-con>ul>li ul li:first-child { border-bottom:none; }
.nav_phone_con  .phone-con>ul>li ul li:first-child a {color: #005bac; font-weight:bold; }
.nav_phone_con  .phone-con>ul>li.on>a{opacity: 0;}
.nav_phone_con  .phone-con>ul>li.on ul,.nav_phone_con  .phone-con>ul>li ul li.on dl{opacity: 1;visibility: visible;right:0;}
.nav_phone .alink { padding-top:2em; }
.nav_phone .alink a { display:inline-block; }
.nav_phone .alink span { display:inline-block; padding:0p 0.25em; height:1.5em; position:relative;}
.nav_phone .alink span i { width:1px; left:0px; margin-top:-5px; height:10px; background:#333; position:absolute; top:50%; }

.nav_phone .phone-search {  margin:0.833em 1.4166em 1em 0px; padding:0px 1.79em; background:#e7e7e7; border-radius:1.25em; }
.nav_phone .phone-search input { float:left; width:100%; line-height:2.5; background:none; border:none; }



/*手机导航内容结束*/
.header { background:#11203b; }
.header .logo { padding:0.833em 0px; height:auto; margin-top:0px; position:relative; left:0px; top:0px; }
.header .logo a { height:auto; }
.header .logo img { height:1.33em; }
.header .ht-rt { padding-top:0px;}
.header .hd-con { padding-top:0px; }
.header .hd-top { display:none; }

.wrap { margin:0px 0.4rem; }

.main { margin-top:2.996em; }

.topcon-wrap .main { margin-top:2.996em;  }



.footer { padding:2em 0px 2em; }
.footer .line { height:0.41667em; }
.footer .ft-nav { width:100%; }
.footer .ft-nav .u-fl { flex-wrap:wrap; }
.footer .ft-nav .sec:first-child,.footer .ft-nav .sec:first-child +.sec,.footer .ft-nav .sec { width:100%; border:none; }
.footer .ft-nav dl { padding-bottom:1.5em; width:100%; }
.footer .ft-nav dl dd p { display:inline-block; margin-right:1em; padding:0.375em 0px; }
.footer .ft-contact { width:100%; }
.footer .ft-share ul li { width:auto; }
.footer .ft-code img { width:6em; max-width:110px; }
.footer .ft-contact { position:relative; padding:1.5em 1em; }


.footer .ft-share { }
.footer .ft-share ul li { display:inline-block; margin-left:0.5em; margin-top:0px;  }
.footer .ft-share ul li a { width:24px; height:24px; }


.body_nav_phone  { height:100%; overflow:hidden; }

.er-bn .text .line { height:0.1785em; width:2.1428em;  }
.er-bn .text .sub-tit { padding-bottom:0.75em; }

.aside-rt { width:3em; top:auto; bottom:3em;}
.aside-rt .con { display:none; }


.check_group .checkbox { width:0.8em; height:0.8em; margin-right:0.5em; position:relative; top:-0.125em; }

.page .page_num  { display:none; }


.er-nav { padding:0px 0.1rem; margin-top:-2.5em; }
.er-nav ul { padding:0px 1.5em; display:flex; justify-content:space-between; -webkit-flex-wrap: wrap; flex-wrap:wrap; }
.er-nav ul li .img01 { width:3em; height:3em; }
.er-nav ul li .ico { height:3em; }
.er-nav ul li .img02 { width:3.2em; margin-left:-1.6em; }
.er-nav ul li { min-width:1em;  padding:0.5em 0px; }
.er-nav ul li { width:33.33%; float:left; }


.select-box { line-height:3; height:3em;  }



.cus-reg-tc { left:5%; position:absolute; right:5%; bottom:3em; width:90%;  border-radius:0.5em; background:linear-gradient(to bottom,#fff,#ecffff); -moz-background:linear-gradient(to bottom,#fff,#ecffff);-ms-background:linear-gradient(to bottom,#fff,#ecffff); -webkit-background:linear-gradient(to bottom,#fff,#ecffff);   border-radius:1em;  top:3em; }

.cur-reg-form { position:absolute; left:1em; top:2em; right:1em; overflow-y:auto; padding:0px; bottom:2em;  background:none; border-radius:0px; }
.cur-reg-form .list ul li { width:100%; }

.cus-reg-tc-wrap .cus-reg-tc { position:absolute; }


.cur-reg-form .list ul li .tit .img01 { display:none; }
.cur-reg-form .list ul li .tit .img02 { display:inline-block; }

.cur-reg-form .list { padding-top:0.5em; }
.cur-reg-form .list ul li.code .codeimg { width:6.75em; }
.cur-reg-form .list ul li.code { padding-right:7em; }
.cur-reg-form .list ul li.area .inp { margin-top:1.5em; }
.cur-reg-form .list ul li.area textarea { height:4.625em; }
.cur-reg-form .list ul li.area { width:100%; margin:0px 2.65%; }
.cur-reg-form .list ul li.area .inp { padding:1.5em; }

.cus-reg-close { right:1em; top:1em; }


/*滚动条样式*/
        .cur-reg-form::-webkit-scrollbar {/*滚动条整体样式*/
            width: 2px;     /*高宽分别对应横竖滚动条的尺寸*/
            height:2px;
        }
        .cur-reg-form::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
            background:#dba662; box-shadow:0px 2px 10px rgba(0,0,0,0.1);
        }
        .cur-reg-form::-webkit-scrollbar-track {/*滚动条里面轨道*/
           background:#aaa;
        }

.cus-reg-close { width:1em; height:1em; }

.select-box dd { position:fixed; left:10%; z-index:103; top:50%; right:10%; margin-top:-100px; background:#fff; border-radius:0.5em;  height:200px; }



.login-tc .login-wrap { padding:5em 0px 4em; }
.login-form-tc .title { font-size:0.32rem; font-weight:bold;  }

.login-form-tc .list ul li .tit img { width:auto; height:1.25em; }
.login-form-tc .list ul li .inp { padding:1em 0px 1em 6em; }
.login-form-tc .btn { padding-top:2.5em; }


@keyframes rotate {
    0% {
    transform: translateY(0) ;
  }
    25% {
        transform: translateY(2px);
    }
    50% {
        transform: translateY(5px) scale(1.1, 0.9);
       
    }
    75% {
        ransform: translateY(2px) ;
    }
    100% {
        transform: translateY(0) ;
    }
}





}

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


}


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

.er-nav ul { padding:0px 1em; }

}

@media only screen and (max-width:375px){
	
.er-nav ul li h3 { font-size:13px;}



}

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

.er-nav ul li .ico { height:2.5em; }
.er-nav ul li h3 { font-size:12px;}
.er-nav ul li .img01 { width:2.5em; height:2.5em; }


}









/********************2021-07-14***********************/
.page-total-reg-tc { position:fixed; right:0.5em; bottom:0px; width:20em; border-radius:1em; background:url(../images/page-total-reg-tc-bg01.png) no-repeat center center; border:1px solid #0ce6e7; padding:0px 1.875em 2.25em; z-index:10; }
.page-total-reg-tc .page-title { border-bottom:1px solid rgba(255,255,255,0.5); padding:1.05em 0px 0.6em; position:relative; color:#fff; }
.page-total-reg-tc .page-title img { vertical-align:middle; height:1.3em; margin-right:0.45em;}
.page-total-reg-tc dl { padding:1.125em 0px 0px; color:#fff; }
.page-total-reg-tc dl dt { padding-bottom:0.3125em; }
.page-total-reg-tc dl dd { line-height:1.75; }
.page-total-reg-tc .page-btn { padding-top:1.5em; }
.page-total-reg-tc .page-btn a { display:inline-block;line-height:2.5; color:#00a2a7; background-color: rgba(255,255,255,0.9); border-radius:1.25em; }
.page-total-reg-tc .page-btn a span { background:url(../images/page-total-reg-tc-ico01.png) no-repeat 2.25em center; display:inline-block; padding:0px 2.25em 0px 3.75em;  background-size:1em 1em; }
.page-total-reg-tc .page-btn a:hover { padding:0px 1.5em; } 


.page-total-reg-tc .page-close { position:absolute; width:1.875em; height:1.875em; background:url(../images/page-total-reg-tc-close01.png) no-repeat center center; border-radius:50%; top:0.5em; right:0.5em; background-size:100% 100%; cursor:pointer; }

@media only screen and (max-width:767px){
.page-total-reg-tc { right:auto; left:50%; margin-left:-10em; bottom:30%; }

}