@charset "utf-8";
/* CSS Document */
html,body {font-size:14px;margin:0;padding:0;font-family: "微软雅黑";color:#333;background:#FFF;letter-spacing:0.5px}
.center  {text-align:center}
ul,li,dl,dt,dd,form {margin:0;padding:0;list-style-type:none;font-size:14px;}
a:link,a:visited {color:#444;text-decoration:none}
a:hover,a:active {color:#F00}

a.navlink:link,a.navlink:visited {color:#333;text-decoration:none;font-size:15px;display:block;height:80px;line-height:80px;}
a.navlink:hover,a.navlink:active,a.curnavlink:link,a.curnavlink:visited {color:#FFF;text-decoration:none;font-size:15px;display:block;height:80px;line-height:80px;background:#FE0000}
a.reda:link,a.reda:visited {color:#c00;font-weight:bold;}
.cleardiv {context:"."; height:"0"; display:block;clear:both;visibility:hidden}
.mtop {margin-top:10px;}
.floatleft {float:left}
.floatright {float:right}


#header {width:1130px;margin:0 auto;overflow:hidden}
#logo {width:180px;float:left}
#header ul {width:600px;float:left}
#header form {width:250px;float:right;margin-top:26px}
#header form img {display:none}
#header ul li {width:100px;text-align:center;float:left;height:80px;line-height:80px;}
#header ul li img {display:none}
#header ul li div {display:none;position:absolute;background:#4C4A4F;height:60px;line-height:60px;text-align:left;padding:0 10px;z-index:1000}
.ej1 {width:calc(100vw - (100vw - 1130px) / 2 - 180px  - 30px);}
.ej2 {width:calc(100vw - (100vw - 1130px) / 2 - 180px - 130px);}
.ej3 {width:calc(100vw - (100vw - 1130px) / 2 - 180px - 230px);}
.ej4 {width:calc(100vw - (100vw - 1130px) / 2 - 180px - 330px);}
.ej5 {width:calc(100vw - (100vw - 1130px) / 2 - 180px - 430px);}
.ej6 {width:calc(100vw - (100vw - 1130px) / 2 - 180px - 530px);}
#header ul li  div a:link,#header ul li  div a:visited {color:#FFF;margin:0 10px;}
#header ul li  div a:hover,#header ul li  div a:active {color:#FF0;margin:0 10px;}
.sipt {width:200px;height:30px;border:1px solid #DDD;border-radius:5px;outline:none;padding:0 5px}
.sbtn {width:32px;height:32px;background:url(../images/searchbtn.jpg) no-repeat center center ;border:0;text-indent:40px}
@media screen and ( max-width: 960px ) {
a.navlink:link,a.navlink:visited {color:#333;text-decoration:none;font-size:15px;display:block;height:40px;line-height:40px;background:#FFF;padding-left:3vw}
a.navlink:hover,a.navlink:active {color:#333;text-decoration:none;font-size:15px;display:block;height:40px;line-height:40px;background:#FFF}
#logo {width:134px;float:left;}
#header {width:100vw;margin:0 auto;overflow:hidden}
#header ul {width:100vw;margin:0 auto;overflow:hidden;position:absolute;float:none;height:calc(100vh - 80px);margin-top:80px;z-index:1000;background:#FFF;height:0}
#header ul li {width:100vw;text-align:left;float:none;height:auto;line-height:40px;border-bottom:1px solid #000;padding:0}
#header ul li img {float:right;margin-top:15px;margin-right:10px;display:block}
#header form {width:calc(100vw - 134px);float:left;}
.sipt {width:calc(100vw - 220px);;height:30px;border:1px solid #DDD;border-radius:5px;outline:none;padding:0 5px}
.sbtn {width:32px;height:32px;background:url(../images/searchbtn.jpg) no-repeat center center ;border:0;text-indent:40px}
#header form img {float:right;margin-right:10px;margin-top:5px;display:block}
#header ul li div {display:none;position:static;background:#EEE;height:auto;margin-top:0;line-height:40px;text-align:left;padding:0;z-index:1000}
.ej1 {width:100%;}
.ej2{width:100%;}
.ej3 {width:100%;}
.ej4{width:100%;}
.ej5{width:100%;}
.ej6{width:100%;}
#header ul li  div a:link,#header ul li  div a:visited {color:#666;margin:0 ;padding:0 10px;display:block;border-bottom:1px solid #999}
#header ul li  div a:hover,#header ul li  div a:active {color:#666;margin:0;}

}

#banner {width:100%;overflow:hidden;z-index:1}
#index_about {width:100%;overflow:hidden;margin:0 auto}
#index_about dt {width:50%;float:right;background:url(../images/map.png) no-repeat left center;height:380px;color:#FFF}
#index_about dd {width:50%;float:left;background:#F1F4F9;height:380px;}
#index_about dd div {width:560px;float:right;line-height:1.8em;}
#index_about dt div {display:block;margin-left:20px;margin-top:100px;font-size:30px;}
#index_about dt span {display:block;margin-left:20px;margin-top:20px;font-size:20px;}
#index_about dt label {display:block;margin-left:20px;margin-top:20px;font-size:16px;}
#index_about dd span {display:block;margin-top:100px;font-size:30px;color:#D8211B;margin-bottom:20px;}
@media screen and ( max-width: 960px ) {
#index_about {width:100vw;overflow:hidden;margin:0 auto;}
#index_about dt {width:100vw;float:none;background:url(../images/map.png) no-repeat -100px center;height:0;color:#FFF}
#index_about dd {width:100vw;float:none;background:#F1F4F9;height:auto;padding:30px 0 10px 0}
#index_about dd div {width:90vw;float:none;margin:0 auto;line-height:1.8em;}
#index_about dt div {margin-top:0px;padding-top:40px;font-size:20px;}
#index_about dt span {display:block;margin-left:20px;margin-top:20px;font-size:16px;}
#index_about dt label {display:block;margin-left:20px;margin-top:20px;font-size:16px;}
#index_about dd span {margin-top:0px;}
}

.index-more a {
	display: block;
	border: 2px solid #e1e1e4;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	height: 35px;
	line-height: 33px;
	text-align: center;
	padding: 0 20px;
	color: #6e6f7b;
	font-size: 13px;
	width:100px;margin-top:10px
}

.index-more a {
	-webkit-transform: perspective(1px) translateZ(0);
	-moz-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	-o-transition-property: color;
	-moz-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	height: 60px;
	line-height: 60px;
	padding: 0 46px;
}
.index-more a:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #d82019;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition-property: transform;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: -o-transform;
	-moz-transition-property: transform, -moz-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.index-more a:hover {
	color: #ffffff;
	border-color: #ffffff;
}
.index-more a:hover:before {
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
}
@media screen and ( max-width: 960px ) {
.index-more a {
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	height: 35px;
	line-height: 33px;
	padding: 0 20px;
	width:80px;margin-top:5px;margin:10px auto
	
}
}
#firstbody {width:100%;overflow:hidden;background:url(../images/vpn1.jpg) no-repeat center top}
#ftitle {text-align:center;background:url(../images/bg-product.png) no-repeat center top;height:40px;line-height:40px;padding-top:20px;font-size:18px;margin-top:40px;}
#firstbody ul {width:1130px;margin:20px auto;overflow:hidden;}
#firstbody ul li {float:left;width:188px;text-align:center}
#firstbody ul li  a:link,#firstbody ul li  a:visited {background:#FFFFFF;line-height:50px;display:block}
#firstbody ul li  a:hover,#firstbody ul li  a:active {background:#AD0101;color:#FFF}
#firstbody ul li  a.Color:link,#firstbody ul li  a.Color:visited {background:#AD0101;color:#FFF;line-height:50px;display:block}
#firstbody ul li  a.Color:hover,#firstbody ul li  a.Color:active {background:#FFF;color:#333}
@media screen and ( max-width: 960px ) {
#firstbody {width:100vw;overflow:hidden;background:url(../images/vpn1.jpg) no-repeat center top}
#firstbody ul {width:100vw;margin:20px auto;overflow:hidden;}
#firstbody ul li {float:left;width:50vw;text-align:center}
#firstbody ul li  a.Color:link,#firstbody ul li  a.Color:visited {background:#FFFFFF;line-height:50px;display:block;color:#333}
#firstbody ul li  a.Color:hover,#firstbody ul li  a.Color:active{background:#AD0101;color:#FFF} 
}
.bwWrapper {position: relative;display: block;}
#sbtitle {text-align:center;background:url(../images/bg-news.png) no-repeat center top;height:40px;line-height:40px;padding-top:20px;font-size:18px;margin-top:40px;}
#scrollnews {width:1130px;margin:30px auto;overflow:hidden}
#goleft {width:50px;float:left;text-align:left;height:200px;padding-top:55px}
#goleft img,#goright img {cursor:pointer}
#gocenter {width:1030px;flaot:left;overflow:hidden;height:255px;}
#goright {width:50px;float:right;text-align:right;height:200px;padding-top:55px}
#gocenter ul li {float:left;width:215px;border:1px solid #F2F1F6;margin:0 18px;text-align:center}
#gocenter ul li  div {height:40px;line-height:20px;padding:10px 0;text-align:left;margin:0 20px}
#gocenter ul li  span {display:block;height:35px;text-align:left;color:#F00;margin:0 20px}
#newmore  a{text-align:center;margin:10px auto}
@media screen and ( max-width: 960px ) {
#scrollnews {width:100vw;margin:30px auto;overflow:hidden}
#goleft {width:10vw;float:left;text-align:right;height:50px;padding-top:20vw}
#gocenter {width:calc(70vw);margin:0 auto;poverflow:hidden;height:auto;}
#goright {width:10vw;float:right;text-align:left;height:50px;padding-top:20vw}
#gocenter ul li {float:left;width:100%;border:1px solid #F2F1F6;margin:0 auto;text-align:center}
#gocenter ul li img {width:100%;height:auto}
}
#footer {width:100%;overflow:hidden;height:345px;background:url(../images/footbg.jpg)}
#footer dl {width:1130px;margin:30px auto;overflow:hidden;height:235px}
#footer dt {width:400px;float:right;text-align:right;line-height:2em;color:#999}
#footer dd {width:100px;float:left;text-align:left;line-height:2em;font-size:15px}
#footer dd a:link,#footer dd a:visited  {display:block;color:#999;font-size:14px;}
#footer div {display:block;width:1130px;margin:0 auto;height:50px;line-height:50px;}
@media screen and ( max-width: 960px ) {
#footer {width:100vw;overflow:hidden;background:none;border-top:1px solid #F00;height:auto}
#footer dl {width:100vw;margin:30px auto 10px auto;overflow:hidden;height:auto;}
#footer dt {display:none;width:100vw;text-align:right;line-height:2em;color:#999}
#footer dd {width:33vw;float:left;text-align:center;line-height:2em;font-size:15px}
#footer dd a:link,#footer dd a:visited  {display:block;color:#999;font-size:14px;}
#footer div {display:block;width:98vw;margin:0 auto;height:50px;line-height:50px;background:#EEE;padding:0 1vw}
}
#location {width:100%;overflow:hidden;border-bottom:1px solid #DDD;}
#location dl {width:1130px;margin:0 auto;}
#location dt {width:250px;float:right;height:70px;line-height:80px;padding-left:35px;background:url(../images/home.jpg) no-repeat 15px 33px;border-left:1px solid #DDD;}
#location dd {float:left;height:68px;line-height:68px;margin-right:20px;font-weight:bold;}
#location dd.curejnav {border-bottom:2px solid #F00;}

#joblist {width:1130px;overflow:hidden;margin:20px auto}
#joblist li  {width:360px;border:1px solid #DDD;float:left;margin:7px;line-height:1.8em;color:#666;height:330px;overflow:hidden}
#joblist li div {margin:20px;margin-bottom:0}
#joblist li span {font-size:18px;display:block;color:#333;font-weight:bold;line-height:2em;}
#joblist li font {font-size:18px;color:#333;line-height:2em;}
#joblist li a:link,#joblist li a:visited {display:none;}
#joblist li a.overjob {display:block;height:40px;line-height:40px;text-align:center;background:#D81F1A;color:#FFF;}
#mypage {text-align:center;height:80px;margin-top:20px}
#mypage a:link,#mypage a:visited {padding:5px 10px;border:1px solid #cacaca;margin:0 5px}
#mypage a:hover,#mypage a:active {color:#c00;border-color:#c00}
#mypage a.curpage:link,#mypage a.curpage:visited {background:#F00;border-color:#F00;color:#FFF}
@media screen and ( max-width: 960px ) {
#joblist {width:100vw;overflow:hidden;margin:20px auto}
#joblist li  {width:96vw;border:1px solid #DDD;float:none;margin:1vw auto;line-height:1.8em;color:#666;height:330px;overflow:hidden}
#joblist li a:link,#joblist li a:visited {display:block;height:40px;line-height:40px;text-align:center;background:#D81F1A;color:#FFF}
#location dl {width:100vw;margin:0 auto;}
#location dt {width:100vw;float:none;height:40px;line-height:40px;padding-left:35px;background:url(../images/home.jpg) no-repeat 15px 15px;border-bottom:1px solid #DDD;border-left:0}
#location dd {float:left;height:38px;line-height:38px;margin-left:15px;font-weight:bold;}

	}
#shorttitle {text-align:center;height:50px;line-height:50px;background:url(../images/shortline.jpg) no-repeat center bottom;font-size:25px;font-weight:bold;margin:50px auto}
#titlenav {width:1130px;margin:20px auto;overflow:hidden;text-align:center}
#titlenav a:link,#titlenav a:visited {padding:15px 30px;background:#F0F0F0;margin:0 10px;line-height:4em}
#titlenav a:hover,#titlenav a:active,#titlenav a.curtnav:link,#titlenav a.curtnav:visited {background:#BA251E;color:#FFF;}
#contact {width:1130px;margin:0 auto;overflow:hidden}
#contact dt {width:520px;float:left;height:320px;}
#contact dd {width:509px;float:right;height:218px;border:1px solid #EFEFEF;border-left:0;background:#FCFCFC;padding:50px;line-height:2em;color:#999}
#contact dd span {display:block;font-size:22px;color:#900;margin-bottom:10px;}
#map {width:1130px;margin:20px auto 50px auto;}
@media screen and ( max-width: 960px ) {
#shorttitle {margin:20px auto 10px auto}
#titlenav {width:100vw;margin:0px auto;overflow:hidden;text-align:left}
#titlenav a:link,#titlenav a:visited {display:block;padding:3px 10px;background:#F0F0F0;margin:5px;line-height:2em}
#titlenav a:hover,#titlenav a:active,#titlenav a.curtnav:link,#titlenav a.curtnav:visited {background:#BA251E;color:#FFF;}
#contact {width:100vw;margin:0 auto;overflow:hidden}
#contact dt {width:100vw;float:none;height:auto;}
#contact dd {width:calc(100vw - 100px);float:none;height:auto;border:0;background:#FCFCFC;padding:50px;line-height:2em;color:#999}
#contact dd span {display:block;font-size:22px;color:#900;margin-bottom:10px;}
#map {width:100vw;margin:0px auto 20px auto;}
}
#booktitle{width:1130px;margin:50px auto;text-align:left;font-size:22px;color:#900}
#booktitle span {color:#333;display:block;}
#bookform{width:1130px;margin:0 auto 100px auto}
.bipt {width:565px;float:left;margin:20px 0}
.bipt font {color:red;margin-right:5px}
.bipt span {font-size:18px;color:#666}
.bipt input {width:400px;border:1px solid #DDD;height:40px;line-height:40px;outline:none;padding:0 10px;border-radius:5px}
.btext {margin:20px auto}
.btext span {font-size:18px;color:#666;margin-left:15px;}
.btext textarea {width:960px;border:1px solid #DDD;height:100px;line-height:2em;outline:none;padding:10px;border-radius:5px;}
.bbtn {text-align:center;margin:20px auto}
.bbtn input {width:200px;height:50px;background:#D81F1A;border-radius:2px;font-size:20px;font-weight:bold;color:#FFF;border:0}
@media screen and ( max-width: 960px ) {
#booktitle{width:100vw;margin:20px auto;text-align:center;font-size:22px;color:#900}
#bookform{width:100vw;margin:0 auto 100px auto}
.bipt {width:100vw;float:none;margin:20px 0}
.bipt input {width:calc(96vw - 22px);margin:0 2vw;margin-top:10px}
.btext textarea {width:calc(96vw - 22px);margin:0 2vw;margin-top:10px;}
}
#newlist {width:1130px;margin:50px auto;overflow:hidden}
#newlist dt {width:130px;float:left;height:70px;clear:left;padding:10px 0;border-bottom:1px dotted #DDD;margin:5px auto;text-align:center;color:#999;line-height:2em;}
#newlist dd {width:1000px;float:right;height:70px;clear:right;padding:10px 0;border-bottom:1px dotted #DDD;margin:5px auto;line-height:2em;color:#999}
#newlist dt  span {display:block;font-size:30px;font-weight:bold}
#newlist dd a:link,#newlist dd a:visited {display:block;font-size:16px;color:#666}
#newlist dd a:hover,#newlist dd a:active {color:#F00}
@media screen and ( max-width: 960px ) {
#newlist {width:100vw;margin:20px auto;}
#newlist  dl {width:100vw;border-bottom:1px dotted #DDD;overflow:hidden}
#newlist dt {width:100px;border-bottom:0;height:auto;clear:left}
#newlist dd {width:calc(100vw - 100px);line-height:1.8em;clear:right;padding:0 0 10px 0;border-bottom:0;;height:auto}
}
#piclist {width:1130px;margin:50px auto;overflow:hidden}
#piclist li {width:360px;float:left;margin:8px;height:300px;text-align:center;font-weight:bold;font-size:16px}
#piclist li img {border:1px solid #EEE;margin-bottom:5px}
@media screen and ( max-width: 960px ) {
#piclist {width:100vw;margin:20px auto;overflow:hidden}
#piclist li {width:calc(100vw - 16px);float:none;margin:8px;height:300px;text-align:center;font-weight:bold;font-size:16px}
}

#showtitle {width:1130px;margin:50px auto 20px auto;overflow:hidden;background:url(../images/longline.jpg) no-repeat left bottom }
#showtitle dt {width:700px;float:left;font-size:22px;color:#666;line-height:1.8em;padding-bottom:15px;padding-left:20px;}
#showtitle dt span {display:block;color:#333}
#showtitle dd {width:400px;float:right;text-align:right;margin-top:50px;padding-right:10px;}
#showinfo {width:1130px;margin:0 auto;padding:20px 0;line-height:2em;color:#666;border-bottom:1px dotted #999;min-height:500px}
#showpage {width:1130px;margin:20px auto 150px auto;overflow:hidden}
#showpage dt {width:565px;float:left;line-height:40px;height:40px;}
#showpage dd {width:565px;float:right;line-height:40px;height:40px;text-align:right}
@media screen and ( max-width: 960px ) {
#showtitle {width:100vw;margin: 20px auto;overflow:hidden;background:none;border-bottom:1px solid #DDD; }
#showtitle dt {width:100vw;float:none;font-size:20px;color:#666;line-height:1.8em;padding-bottom:15px;padding-left:0;text-align:center}
#showtitle dd {width:calc(100vw - 10px);float:none;text-align:center;margin-top:0px;padding-right:10px;margin-bottom:10px}
#showinfo {width:96vw;padding:10px 0}
#showpage {width:96vw;margin:20px auto;overflow:hidden}
#showpage dt {width:100%;float:none;line-height:40px;height:40px;}
#showpage dd {width:100%;float:none;line-height:40px;height:40px;text-align:left}
}