@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-f5f5fa { background:#f5f5fa; }
.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; border-top:4px solid #035f9e;  background:rgba(255,255,255,0.8);  left:50%; margin-left:-4.5em; top:100%; width:9em; 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 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-search {  float:right; border-bottom:1px solid #606775; width:11.25em; padding:0.375em 2.5em 0.375em 2em; position:relative; }
.header .hd-search .but {position:absolute; width:2em; background:url(../images/search-but01.png) no-repeat center center; background-size:1.0714em 1.0714em;right:0px; top:0px; height:100%; border:none; }
.header .hd-search  .search .put { float:left; width:100%; color:#fff; line-height:1.5; background:none; border:none;  }


.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.1875em; }
.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 1.5625em 1.1875em; color:#fff;  position: relative; }
.header .nav>ul>li>a>em{position: absolute; left: 50%; bottom:0px; z-index:101; width: 0; height:4px; background:#006fb7; transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all; border-radius:4px 4px 0px 0px; }
.header .nav>ul>li.on>a>em { width:5em; margin-left:-2.5em; /*height:2px;*/ }
.header .nav>ul>li:hover>a>em{ margin-left:-4.2857em; width:8.5714em;}
.header .nav>ul>li:first-child { margin-left:0px; }
.header .nav>ul>li.on>a>em { /*background:#fff; */border-radius:0px; }

.header .navlist{position: absolute; z-index: 100; background:rgba(255,255,255,0.8); border-radius:0px 0px 4px 4px; margin-left:-4.2857em; top:100%; display:none; left:50%; width:8.5714em; opacity:1;}
.header .navlist ul { }
.header .navlist ul li { padding:0px; border-bottom:1px solid #e1e4e7;  }
.header .navlist ul li a{display:block; color:#000;  position:relative; text-align:center; line-height:3.2142;  }
.header .navlist ul li a:hover { color:#006fb7; }

.scrollHeader .header  { /*background:rgba(17,32,59,0.8);*/ background:rgba(0,111,183,0.8);  }
.scrollHeader .header .nav>ul>li.on>a>em { background:#006fb7; }


.footer { padding-top:4.6428em; position:relative;   }
.footer .ft-top { padding-bottom:5.1428em; }
.footer .ft-contact { float:left; width:24.375%; }
.footer .ft-contact .contact { margin-top:2.2857em;  }
.footer .ft-contact .contact .tel { position:relative; color:#333; padding-left:1.6em; background:url(../images/ft-tel.png) no-repeat left center; background-size:1em 1em; }
.footer .ft-contact .contact .address { color:#888; }
.footer .ft-share { padding:1.8571em 0px 1em; }
.footer .ft-share ul li { display:inline-block; }
.footer .ft-share ul li a { display:inline-block; 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-nav { overflow:hidden; margin-top:-0.1875em; padding-left:2em;  }
.isIe .footer .ft-nav { float:right; width:75%; }
.footer .ft-nav dl { float:left; width:20%; }
.footer .ft-nav dl dt a { color:#333; display:inline-block; padding-bottom:1em;  position:relative; }
.footer .ft-nav dl dt a i { height:2px; background:#2877ce; width:1.4285em; right:0px; bottom:0px; position:absolute; right:0px; }
.footer .ft-nav dl dt { padding-bottom:1.2em; }
.footer .ft-nav dl dd p { padding:0.375em 0px; }
.footer .ft-nav dl dd a { color:#777c81; }
.footer .ft-nav dl dd a:hover { color:#111; }
.footer .ft-code {  }
.footer .ft-code img { width:94px; }
.footer .ft-code .txt { margin-top:1.5em; }


.footer .ft-copy {border-top:1px solid #b7b7b6; color:#888; padding:2.5em 0px; margin:0px -0.25em;  } 
.footer .ft-copy a { color:#888; padding:0px 0.25em; display:inline-block; }
.footer .ft-copy a:hover { color:#333; }
.footer .ft-copy .copyright { overflow:hidden; }
.footer .ft-copy .copyright span { display:inline-block;}

.footer .ft-copy .legal { padding-right:1em; }

.footer .line01 { position:absolute; left:0px; top:0px; height:3px; background:#006fb7; width:100%;}
.footer .line02 { position:absolute; right:0px; top:0px; height:3px; z-index:2; background:#e0b04f; width:30.2%;}



.topcon-wrap .header { /*background:rgba(17,32,59,0.8);*/ background:rgba(0,111,183,0.8); }
.topcon-wrap .header .nav>ul>li.on>a>em { background:#006fb7; } 
.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:-4.0625em; }
.er-nav ul { padding:0.8125em 4.0625em; display:inline-block; border-radius:4.0625em; box-shadow:0px 0px 1em rgba(0,0,0,0.1); }
.er-nav ul li { display:inline-block; padding:0px 0.5625em; min-width:8.3125em; }
.er-nav ul li a { display:block; }
.er-nav ul li .ico { height:5em; position:relative; }
.er-nav ul li .ico img { display:none; }
.er-nav ul li .ico .img01 { display:inline-block; }
.er-nav ul li h3 { color:#555; }
.er-nav ul li .img02 { width:6em; position:absolute; left:0.509375em; right:0px; bottom:7px; }
.er-nav ul li .img01 { width:5em; height:5em; }
.er-nav ul li.on .ico .img01,.er-nav ul li:hover .ico .img01 { display:none; }
.er-nav ul li.on .ico .img02,.er-nav ul li:hover .ico .img02 { display:inline-block; }
.er-nav ul li.on h3 { color:#006fb7; }
.er-nav ul li a:hover h3 { color:#006fb7; }

.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:#006fb7; 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,111,189,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 #213556; 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:#3171bd; height:2.5em;  }
.cur-reg-form .btn input:hover { background:#0f569b;  }

.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 #213556; 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; }

.header .nav>ul>li>a { padding:0.375em 1.25em 1.1875em; }
}


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

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

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

}

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

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


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



}


@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 1em 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; }


}



@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:1em; }
.nav_phone .phone-search input { float:left; width:100%; line-height:1.8461; 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-top:3em; }
.footer .ft-top { padding-bottom:0em; }
.footer .ft-contact { width:100%; }
.footer .ft-contact .contact { margin-top:1.5em; }
.footer .ft-nav { float:left; width:100%;  padding-left:0px; margin:0px; padding-top:2em; }
.footer .ft-nav dl { width:100%;text-align:left;  padding-bottom:1.5em;  }
.footer .ft-nav dl dt { font-weight:bold; padding-bottom:0.6em; }
.footer .ft-nav dl dt a { padding-bottom:0.5em; }
.footer .ft-nav dl dt a i { left:0px; right:auto; }
.footer .ft-nav dl dd p { display:inline-block; margin-right:1em;  }
.footer .ft-logo img { max-width:50%; }
.footer .ft-share { position:absolute; right:0.4rem; top:1.5em; }
.footer .ft-code { text-align:center; padding-top:2em; }

.footer .ft-copy  { padding:1.5em 0px; margin:0px; }
.footer .ft-copy .legal { width:100%; padding-right:0px; float:none; text-align:center; }
.footer .ft-copy .copyright { text-align:center;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }

.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:1.875em; bottom:0px; width:20em; border-radius:1em; background:url(../images/page-total-reg-tc-bg01.png) no-repeat center center; padding-bottom:2.25em; z-index:10; }
.page-total-reg-tc .page-title { background:rgba(4,120,196,0.6); padding:0.8em 0px; position:relative; border-radius:1em 1em 0px 0px; color:#fff; }
.page-total-reg-tc .page-title:before { position:absolute; left:0px; content:""; bottom:0px; width:100%; right:0px;background:linear-gradient(to right,transparent,#4c9fd5,transparent); -moz-background:linear-gradient(to right,transparent,#4c9fd5,transparent);-ms-background:linear-gradient(to right,transparent,#4c9fd5,transparent); -webkit-background:linear-gradient(to right,transparent,#4c9fd5,transparent); height:1px; }
.page-total-reg-tc .page-title span { display:inline-block; padding:0px 3.6em; position:relative; }
.page-total-reg-tc .page-title span i { position:absolute; height:1px; top:50%; width:2.6em; }
.page-total-reg-tc .page-title span i.i1 { left:0px;background:linear-gradient(to right,transparent,#8dc2e4); -moz-background:linear-gradient(to right,transparent,#8dc2e4);-ms-background:linear-gradient(to right,transparent,#8dc2e4); -webkit-background:linear-gradient(to right,transparent,#8dc2e4); }
.page-total-reg-tc .page-title span i.i2 { right:0px;background:linear-gradient(to right,#8dc2e4,transparent); -moz-background:linear-gradient(to right,#8dc2e4,transparent);-ms-background:linear-gradient(to right,#8dc2e4,transparent); -webkit-background:linear-gradient(to right,#8dc2e4,transparent); }
.page-total-reg-tc .page-title span i:before { position:absolute; width:3px; top:50%; margin-top:-1.5px; height:3px; border-radius:50%; background:#8dc2e4; content:""; }
.page-total-reg-tc .page-title span i.i1:before { right:0px; }
.page-total-reg-tc .page-title span i.i2:before { left:0px; }

.page-total-reg-tc dl { padding:1.125em 2.25em 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:#006eb6; 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 #0d8dd3; border-radius:50%; top:-0.9375em; right:-0.9375em; 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%; }
}