@charset "utf-8";
/* CSS Document */
@import url("reset_2020.css;vpn_img");
@import url("global_2020.css;vpn_img");
@import url("top_2020.css;vpn_img");
@import url("foot_2020.css;vpn_img");


.nr{  font-size:16px;}

.jrdf{ height:40px; line-height:40px; background:#ffeabb; overflow:hidden;}
.jrdf_l{ width:132px;}
.qimo8{ overflow:hidden; width:1035px; margin-left:2px; height:44px; }
.qimo8 .qimo {/*width:99999999px;*/width:8000%; height:44px;}
.qimo8 .qimo ul{float:left; height:44px; overflow:hidden; zoom:1; }
.zxzx_r ul li{ float:left;  font-size:16px; margin-right:18px;color:#ff0000;}
.zxzx_r ul li a{ margin-left:5px;color:#ff0000;}

.jrtt{ height:44px; line-height:44px; background:#ffd4bf; overflow:hidden; margin-top:20px;}
.jrtt_l{ width:160px;}
/*栏目1*/
.lm1{ overflow:hidden;  margin-top:20px;}

.jdt{ position:relative;  width:640px; height:365px; box-shadow: 0 0 7px #ccc;}
.jdt ul li{ position:relative; width:640px; height:365px;  }
.jdt ul li img{ width:640px; height:365px; transform: scale(1, 1); transition: all 0.3s ease-out 0s; overflow:hidden;}
.jdt ul li img:hover {transform: scale(1.15, 1.15);transition: all 0.3s ease-out 0s;}

.jdt ul li .jdt_bj{ position:absolute; left:0; bottom:0; z-index:98;height:42px; line-height:42px; width:100%; background:rgba(0,0,0,0.3) no-repeat; text-indent:15px;}
.jdt ul li .jdt_bj a{ color:#FFF; font-size:17px; }
.jdt ul li .jdt_bj a:hover{color:#ff6b07;}
.sz{ position:absolute; right:5px; bottom:12px; z-index:99;}
.sz a{ display:block; width:14px; height:14px; float:left; margin-right:10px; border-radius:50%; background:#fff; text-indent:100px; overflow:hidden; transition: all 0.5s ease 0s;}
.sz .on{    background:#d21717;}




.zwyw{ width:540px;}

.zwyw h3{ height:36px;  font-weight:normal; overflow:hidden;}
.zwyw h3 em{ float:left; display:inline-block; height:34px; text-align:center; font-size:18px; padding:0 5px;}
.zwyw h3 em.on i{display:inline-block; margin-right:10px; margin-top:-2px;width:7px; height:22px; background:#d21717; vertical-align:middle; }
.zwyw h3 em.on a{ color:#d21717; font-weight:bold;}

.zwyw ul{  }
.zwyw li{ line-height:39px; height:39px;  font-size:16px; padding:0 5px;}
.zwyw li i{  font-style:normal; font-size:35px; float:left; color:#555555; margin-right:5px; }
.zwyw li em{ float:left;}
.zwyw li em a{ float:left;}
.zwyw li span{ float:right; font-size:15px;}

.gwyxx{ width:540px; height:30px; padding-top:18px; border-top:1px dashed #cfcfcf;}
.gwyxx a{ float:left; text-indent:26px;width:33.3%; font-size:17px;}
.gwyxx a img{ margin-right:10px; vertical-align:middle; margin-top:-4px;}

/*栏目2*/
.lm2{  overflow:hidden; margin-top:10px;}

.lm2 h3 span{ float:right; margin-top: 14px;}
.lm2 h3 span a{ background:#f7f7f7; display:inline-block; font-size:15px; cursor:pointer; width:21px; height:32px; line-height:32px; text-align:center; color:#333; margin-left:10px;}
.lm2 h3 span a:hover{ background:#d21717; color:#fff;}
.ztzl_r .prev{ }
.ztzl_r .next{}

.ztzl{ margin-top:10px;}
.ztzl ul li{  float:left; margin-right:28px; width:251px; border:1px solid #d1d1d1; padding:12px 12px 18px 12px; text-align:center; transition: all 0.3s ease-out 0s;}
.ztzl ul li img{ width:251px; height:108px; margin-bottom:13px;}
.ztzl ul li:hover{ border:1px solid #d21717;}



/*---------------------------------------------------------------栏目3*/
.lm3{ }
.qhbt{ overflow:hidden; margin-bottom:20px;}
.qhbt ul{ text-align:center;}
.qhbt ul li{  display:inline-block; margin:0 20px; position:relative;}
.qhbt ul li div{ width:186px; display:inline-block;  height:70px; line-height:70px; text-indent:40px; font-weight:bold; font-size:18px; color:#fff; position:relative;}

.qhbt ul li .z1{  background:url(../images/index/20sy4.png;vpn_img) no-repeat;}
.qhbt ul li .z2{  background:url(../images/index/20sy5.png;vpn_img) no-repeat;}
.qhbt ul li .z3{  background:url(../images/index/20sy6.png;vpn_img) no-repeat;}

.qhbt ul li.on div:after{ content:''; display:block; position:absolute; bottom:-1px; left:50%; margin-left:-24px; width:48px; height:22px;  background:url(../images/index/20sy21.png;vpn_img) no-repeat bottom center; background-size:22px 11px;}

.c-btn:after,.c-btn:before {
	content:'';
	display:block;
	position:absolute;
	z-index:1;
}

.c-btn:after, .c-btn:before {
	box-sizing:border-box;
	border:2px solid transparent;
	width:0;
	height:0;
}

.c-btn:after {
	top:0;
	left:0;
	-webkit-transition:border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s;
	transition:border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s;
}
.c-btn:before {
	bottom:0;
	right:0;
	-webkit-transition:border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in;
	transition:border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in;
}
.c-btn:hover:after, .c-btn:hover:before {
	width:100%;
	height:100%;
}
.c-btn:hover:after {
	border-top-color:#fff;
	border-right-color:#fff;
	-webkit-transition:width 0.2s ease-out, height 0.2s ease-out 0.2s;
	transition:width 0.2s ease-out, height 0.2s ease-out 0.2s;
}
.c-btn:hover:before {
	border-bottom-color:#fff;
	border-left-color:#fff;
	-webkit-transition:border-color 0s ease-out 0.3s, width 0.2s ease-out 0.3s, height 0.2s ease-out 0.5s;
	transition:border-color 0s ease-out 0.3s, width 0.2s ease-out 0.3s, height 0.2s ease-out 0.5s;
}




.qh_nr{ overflow:hidden;}

/*---------------------------切换1*/
.qh1_l{ width:780px;}
input {
    outline: none;
}

.zfxx{ float:left; overflow:hidden; margin-right:20px;}
.zfxx ul{ margin-top:10px;}
.zfxx ul li{  width:236px; height:65px; line-height:65px; margin-bottom:12px; background:#fff; border:1px solid #cecece; transition: all 0.3s ease-out 0s;}
.zfxx ul li img{ margin:0 10px 0 20px;}
.zfxx ul li:hover{ border:1px solid #d21717; }

.zcwj{ width:570px;}

.zcwj.h3_1{ line-height:50px; height:50px;}
.h3_1 b{ background:#d21717;  width:6px;  float:left; width:6px; height:22px; margin-top:15px;}
.h3_1 a{ float:left; margin-left:15px; font-size:18px; color:#d21717;}

.zcwj dl{  line-height:50px; height:50px;}
.zcwj dl dt{ float:left; margin-right:20px; }
.zcwj dl  span{  background:#505050;  float:left; width:1px; height:22px;  margin-top:15px;}
.zcwj dl .on span{  background:#d21717;  width:6px;  float:left; width:6px; height:22px;}
.zcwj dl  a{ float:left; margin-left:15px; font-size:18px; }
.zcwj dl .on a{  color:#d21717; font-weight:bold;}

.zcwj_js{ margin-top:5px; height:114px;}

.ul_1 li{ line-height:38px; height:38px;  font-size:16px; padding:0 5px;}
.ul_1 li i{  font-style:normal; font-size:35px; float:left; color:#555555; margin-right:5px; }
.ul_1 li em{ float:left;}
.ul_1 li em a{ float:left;}
.ul_1 li span{ float:right; font-size:15px;}

.wjjs{ margin-top:10px; background:#fff; height:60px;}
.wjjs em{ float:left;  line-height:60px;}
.wjjs em i{ font-style:normal; margin:0 13px; color:#d21717; font-weight:bold;}
.wjjs em input{ line-height:41px; border-radius:3px 0 0 3px; border:none; background:#f7f7f7; border:1px solid #cccccc; text-indent:10px;   width:355px; }
.wjjs span a{ width:80px; background:#d21717; color:#fff; text-align:center; line-height:43px; float:left; margin-top:8px;  border-radius:0 3px 3px 0;}

.zdly h3{border-bottom:1px solid #cecece;}
.zdly span{ float:right; margin-top:24px;}
.zdly span a{ display:block; margin:0 3px; width:8px; height:8px; background:#f9f9f9; border:1px solid #b3b3b3; border-radius:50%; cursor:pointer;}
.zdly span a.on{ background:#f95a60; border:1px solid #f95a60; }
.zdly ul{ margin-right:-2%; margin-top:12px;}
.zdly ul li{ width:17.5%; line-height:25px; text-align:center; margin-bottom:10px; font-size:15px; float:left; background:#fff; border:1px solid #cecece; margin-right:2%;}
.zdly ul li:hover{ background:#d21717;}
.zdly ul li:hover a{ color:#fff;}

.sjfb{ width:347px;}
.qgkml{ height:158px; width:347px; border-bottom:1px solid #cecece;  background:url(../images/index/20sy11.jpg;vpn_img) no-repeat; overflow:hidden;}
.qgkml em{  background:rgba(255,255,255,0.5) no-repeat; width:100%; display:block; height:50px;  margin-top:57px;}
.qgkml em a{ float:left; width:50%; color:#db0f0f; font-weight:bold;}
.qgkml em a img{ float:left; margin:10px 10px 0 20px;}
.sjfb ul li:hover img{ transform: rotateY(360deg); transition: transform 0.7s ease-out 0s;}


.sjfb ul{ background:#fff; width:100%; height:202px;}
.sjfb ul li{ width:33.3%; float:left; text-align:center; font-size:15px; margin-top:28px;}
.sjfb ul li p{ margin-top:10px;}
/*---------------------------切换2*/
.msfw{ padding:0 ; overflow:hidden; margin-top:0px;}
.msfw_l{ width:614px;}
.h3_1{ line-height:50px; height:50px;}
.h3_1 b{ background:#d21717;  width:6px;  float:left; width:6px; height:22px; margin-top:15px;}
.h3_1 a{ float:left; margin-left:15px; font-size:18px; color:#d21717;}

.msfw_l ul li{ width:33%; float:left; border-bottom:1px solid #f4f4f4;border-right:1px solid #f4f4f4; padding:10px 0;}
.msfw_l ul li em{ float:left; width:50%; text-align:center; font-weight:bold;}
.msfw_l ul li em img{ margin:8px auto 8px;}
.msfw_l ul li:hover img{ transform: rotateY(360deg); transition: transform 0.7s ease-out 0s;}
.msfw_l ul li span{ float:right; width:50%; }
.msfw_l ul li span a{ display:block; margin-bottom:8px;}

.msfw_r a{ width:175px; height:240px; border:1px solid #e1e1e1; line-height:302px; display:block; float:left; margin-right:18px; margin-top:10px; color:#d21717; font-weight:bold; font-size:18px; text-align:center;}
.msfw_r .fw1{  background:url(../images/ej/ggfw7.jpg;vpn_img) no-repeat;}
.msfw_r .fw2{  background:url(../images/ej/ggfw8.jpg;vpn_img) no-repeat;}
.msfw_r .fw3{  background:url(../images/ej/ggfw9.jpg;vpn_img) no-repeat;}

.jyfw{ overflow:hidden;}
.h3_2{ height:47px; line-height:47px; position:relative;}
.h3_2 i{ display:inline-block; width:100%; height:6px; background:#ececec; position:absolute; top:0px; left:0; z-index:1;}
.h3_2 a{ border-top:6px solid #d21717; float:left; height:41px; padding:0 25px; font-size:18px; z-index:2; position:relative; color:#d21717;}

.jyfw ul{ padding-right:2%; padding-bottom:10px; overflow:hidden;}
.jyfw ul li{ float:left; width:48%;  margin-left:2%;}

.jyfw ul li{ line-height:34px; height:34px;  font-size:16px; }
.jyfw ul li i{  font-style:normal; font-size:35px; float:left; color:#555555; margin-right:5px; }
.jyfw ul li em{ float:left;}
.jyfw ul li em a{ float:left;}
.jyfw ul li span{ float:right; font-size:15px;}



/*---------------------------切换3*/
.ldxx2{overflow:hidden;position:relative; width:830px; float:left;}
.xxxz{ position:absolute; top:-36px; right:20px; z-index:1;}
.xxxz a{ background:#7ea7e6; color:#fff; padding:5px 15px; font-size:15px; border-radius:5px; margin-left:10px;}
.xxxz a:hover{ background:#d21717;}
.xjbt{ width:830px; margin:10px 0 0 0px; position:relative;}
.xjbt h3{ background:#ececec; height:46px; line-height:46px; font-size:16px;}
.xjbt span{ display:block; float:left; text-align:center;}
.xjbt .sp1{ width:25%;}
.xjbt .sp2{ width:45%;}
.xjbt .sp3{ width:15%;}
.xjbt .sp4{ width:15%;}
.xjbt_nr{ padding-top:5px;}
.xjbt_nr ul li .sp2{ text-align:left;}
.xjbt_nr ul li{ line-height:43px; height:43px;}

.xjtj{ width:315px; position:absolute; right:10px; top:8px; z-index:1;}
.xjtj h3{ height:45px; line-height:45px; margin-bottom:5px;}
.xjtj h3 a{ margin-right:20px; color:#ff4200; font-size:18px;}
.xjtj_lb{height:45px; line-height:45px; background:#f5f7fa;}
.xjtj_lb a{float:left; width:50%; float:left; font-size:16px; text-align:center;}
.xjtj_lb a.on{ background:#ff4200; color:#fff;}

#main1,#main2{ width:315px; height:210px; margin:15px auto 0;}

.wsdc_nr ul{ margin-top:5px;}
.wsdc_nr ul li{ height:38px; margin:0 20px; line-height:38px;}
.wsdc_nr ul li i{ border-radius:3px;  padding:3px 6px; font-size:13px; font-style:normal;  float:left; line-height:normal; margin-top:10px;}
.wsdc_nr ul li .jxz{ background:#d21717; color:#fff; }
.wsdc_nr ul li .yjs{ background:#f5f5f5; color:#8a8a8a}
.wsdc_nr ul li em{ float:left; margin-left:10px; }
.wsdc_nr ul li span{ float:right;}

.hd_r{ width:345px;  }
.hygq{ overflow:hidden; position:relative; padding-bottom:5px; }
.hygq ul{ margin:0 10px; padding-bottom:5px;}
.hygq ul li{ height:36px; padding-left:10px; line-height:36px;}

.zwwb{ margin-top:20px; height:56px; line-height:56px; box-shadow: 1px 1px 10px  rgba(0,0,0,0.3); overflow:hidden; position:relative; padding-bottom:5px;}
.zwwb a{ float:left; width:50%; text-align:center; font-weight:bold; font-size:17px;}
.zwwb a img{ margin-right:10px;}


input,select{ outline: none }

.wzq{ overflow:hidden; margin:20px auto 0; height:58px;  line-height:58px;  background:#d21717;}
.wzq_nr select{ width:21%;   float:left;  color:#fff; line-height:58px; height:58px; border:none; background:none; text-align:center; font-size:16px; margin-right:3%; }
.wzq_nr select option{color: #656262;}
.wzq_nr select.last{ margin-right:0px;}





@keyframes service_inf {
0% {
    transform: rotate(15deg);
}
5% {
    transform: rotate(-15deg);
}
10% {
    transform: rotate(15deg);
}
15% {
    transform: rotate(-15deg);
}
20% {
    transform: rotate(15deg);
}
25% {
    transform: rotate(-15deg);
}
30% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(0deg);
}
}



@keyframes boundAnimation {
0% {
    transform: translateY(0px) scale(1, 1);
}
25% {
    transform: translateY(0px) scaleY(0.8);
}
50% {
    transform: translateY(-10px) scaleY(1);
}
90% {
    transform: translateY(1px);
}
}