@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, button{padding:0;margin:0;}
fieldset, img{border:0;}
input, label, select, option, textarea, button, fieldset, legend{ font-size:12px; line-height:24px;  }
table{border-collapse:collapse;border-spacing:0;font-size:12px; line-height:24px;  }
ul{list-style:none;}
ol, li { list-style: none; margin:0; padding:0; }
body{color:#545454; font-size:12px; line-height:24px; font-weight:normal;  margin:0 auto; width:100%;}
h1,h2,h3,h4,h5,h6{font-size:100%; }
a,button,input{ outline: none;}
img{ border:0; }
.img2{ display:block; width:100%;}

input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
textarea { -webkit-appearance: none;} 

.width1200{ max-width:1300px; width:94%; margin:0 auto; padding:0 3%; }

*{ font-family: "Microsoft YaHei", "微软雅黑";word-wrap:break-word}
.font14{ font-size:14px;}.font16{ font-size:16px;}.font18{ font-size:18px;}.font20{ font-size:20px;}


a.lan,a.lan:hover,lan:hover,.lan{color:#e60111;}
.lan2{ color:#004eb5;}
.hui{ color:#DBDBDB;}
.red{ color:#f00;}
.yellow{ color:#C9AE6B;}
.yellow2{ color:#eec153;}
.hei{ color:#222;}



a{ color:#333; text-decoration:none;}
a:hover{  text-decoration:none; color:#b60606;-webkit-transition: background-color .2s ease; -moz-transition: background-color .2s ease; -ms-transition: background-color .2s ease; -o-transition: background-color .2s ease; transition: background-color .2s ease }


.clear{ clear:both;}


/*翻页样式*/
.Page{ text-align:center; padding:30px 0;}
.Page a{ border:1px solid #ccc; font-size:14px; background:#fff; padding: 4px 9px;}
.Page a.nopage{ background:#EFF2F7; color:#D3DCE6;}
.Page a.nopage:hover{background:#e60111; color:#e60111;border:1px solid #e60111;}
.Page a:hover{ background:#e60111; border:1px solid #e60111; color:#fff;}

header .pc_header{ width:100%;}
header .pc_header .logo_bar{ padding:15px 0;clear:both; overflow:hidden;}
header .pc_header .logo_bar .logo_img1{ float:left; /*width:50%;*/ max-width:764px;}
header .pc_header .logo_bar .logo_img1 img{ display:block; width:100%; position:relative; z-index:99999; }
header .pc_header .logo_bar .logo_img2{ float:right; width:30%; max-width:454px; margin-top:22px;}
.main_422 {width: 250px;height: 40px; float:left;line-height: 40px; padding-left: 5px;color: #999;background: url(../images/search.png) no-repeat 3% 58%; border: 1px solid #999;}
.main_425 { width: 20%; height: 42px;float:left; border:0;line-height: 42px; font-size:14px;color: #fff; background: #999;cursor: pointer}
.main_1 { height: 35px; line-height: 35px; background: #f5f5f5; }
.main_111, .main_112{ float:left; width:50%; }
.main_112{ text-align:right;}
.main_112 a { color: #666; font-size:12px;}
.main_112 a:hover{ color:#e60111;}

header .pc_header .menu_bar{background: linear-gradient(rgb(229, 1, 17), rgb(231, 1, 18)); /*margin-top:-45px;*/ height:44px; border-top: 1px solid rgb(229, 1, 17); line-height:44px; }
header .pc_header .menu_bar ul{ position:relative; width:100%; float:right;}
header .pc_header .menu_bar ul li{ float:left; text-align:center; width:11.111111%;transform:background 1.2s; position:relative;}
header .pc_header .menu_bar ul li a{ color:#fff;font-size:16px; display:block;}
header .pc_header .menu_bar ul li:hover a { background:#b60606;color: #fff;}
header .pc_header .menu_bar ul li .hover{ position:absolute; width:100%; opacity:0; left:0; top:-464px; z-index:-1; transform:opacity 1.2s; background:#ff0000;}
header .pc_header .menu_bar ul li:hover .hover{ opacity:1;transition-duration: 0s; z-index:999;top:44px;transition: opacity 1.2s;}
header .pc_header .menu_bar ul li:hover .hover a{ display:block; text-align:center; line-height:40px; font-size:14px;}
header .pc_header .menu_bar ul li:hover .hover a:hover{ background:#e50111;}

header .pc_header .menu_bar ul li .hover2{ position:absolute; width:190%; opacity:0; left:0; top:-464px; z-index:-1; transform:opacity 1.2s; background:#ff0000;}
header .pc_header .menu_bar ul li:hover .hover2{ opacity:1;transition-duration: 0s; z-index:999;top:44px;transition: opacity 1.2s;}
header .pc_header .menu_bar ul li:hover .hover2 a{ display:block; text-align:center; line-height:40px; font-size:14px;}
header .pc_header .menu_bar ul li:hover .hover2 a:hover{ background:#e50111;}

header .pc_header .menu_bar ul li .hover3{ position:absolute; width:140%; opacity:0; left:0; top:-464px; z-index:-1; transform:opacity 1.2s; background:#ff0000;}
header .pc_header .menu_bar ul li:hover .hover3{ opacity:1;transition-duration: 0s; z-index:999;top:44px;transition: opacity 1.2s;}
header .pc_header .menu_bar ul li:hover .hover3 a{ display:block; text-align:center; line-height:40px; font-size:14px;}
header .pc_header .menu_bar ul li:hover .hover3 a:hover{ background:#e50111;}

header .sj_header{ display:none;}



footer{  background:#222; overflow:hidden;}
footer .foot_bg{ background: url(../images/footer_bg.jpg) no-repeat center bottom; background-size:cover; overflow:hidden;  position:relative;}
#canvas{display:block; position:absolute; left:0; top:-200px; width:100%;}
#particles-js { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
footer .foot_bg .fuwu{  padding:29px 0; color:#fff; border-bottom:1px solid #fff; position:relative; z-index:2; }
footer .foot_bg .fuwu dl{ float:left; width:20%;}
footer .foot_bg .fuwu dl dt{ float:left; margin-right:12px;}
footer .foot_bg .fuwu dl dd{ float:left; padding-top:4px;}
footer .foot_bg .foot_con{position:relative; z-index:2; color:#fff; font-size:12px; padding:45px 0 20px 0; height:250px;}
footer .foot_bg .foot_con a{ color:#fff;}
footer .foot_bg .foot_con a:hover{ color:#CFE66A;}
footer .foot_bg .foot_con .con_l{ float:right;  /* border-right: 1px solid #fff;*/ margin-top: 0px;/*padding-right: 10%;*/}
footer .foot_bg .foot_con .con_l .tel{ text-align:right; margin:22px 0; line-height:28px; background:url(../images/foot_tel.png) no-repeat left bottom 10px;}
footer .foot_bg .foot_con .con_l .ewm{text-align: center;}
footer .foot_bg .foot_con .con_l .tel strong{ font-size:24px;}
footer .foot_bg .foot_con .con_l .fx .xinlang{ float:left;}
footer .foot_bg .foot_con .con_l .fx .weixin{ float:left; padding-left:50%; margin-left:-36px;}
footer .foot_bg .foot_con .con_l .fx .sj{ float:right;}
footer .foot_bg .foot_con .con_c .foot_logo{ width:100%;max-width:335px;display:block;}

footer .foot_bg .foot_con .con_c{float:left; width: 36%; margin-right: 10%;}
footer .foot_bg .foot_con .con_c .dizhi{ width:100%; padding-top:10px; float:left; padding-right:3%;}
footer .foot_bg .foot_con .con_c .dizhi p{ padding-bottom:10px;}
footer .foot_bg .foot_con .con_c .dizhi p span{ display:block; float:left;}
footer .foot_bg .foot_con .con_c .dizhi p span.w1{ width:3em;}
footer .foot_bg .foot_con .con_c .dizhi p span.w2{ width:calc(100% - 3em);}


footer .foot_bg .foot_con .con_r{ float:right; width:25%;  margin-top: 0px; min-height:146px; line-height:32px;}
footer .foot_bg .foot_con .con_r p{ padding-bottom:30px; font-size:14px; clear:both; overflow:hidden;}

footer .foot_bg .foot_con .con_r a{ padding-right:15px;display:block; float:left;}
footer .foot_bg .foot_con .con_r .ewm img{ min-width:180px;}
footer .foot_bg .foot_link{position:relative; z-index:2; color:#fff; font-size:13px;padding:12px 0;text-align: center;border-top: 1px solid #fff;}
footer .foot_bg .foot_link a{ color:#fff; padding-right:20px; }
footer .copyright{ padding:12px 0; line-height:25px; color:#666; text-align:center; font-size:14px;}


.sider_right { width: 36px; position: fixed; right: 0; bottom: 50px; z-index: 9100; }
.sider_right ul li { position: relative; width: 100%; height: 36px; margin: 4px 0; transition: 0.5s; right: 0; box-sizing: border-box; }
.sider_right ul li.active { display: none; }
.sider_right ul li:first-child { margin-top: 0; }
.sider_right ul li span { display: block; position: absolute; width: 36px; height: 36px; color: white; top: 0; left: 0; background: #e60111; text-align: center; box-sizing: border-box; z-index: 99; cursor: pointer; font-size: 14px; padding: 10px; line-height: 1.3; border-radius: 5px 0 0 5px; box-shadow: -1px 1px 3px rgba(0,0,0,.3); }
/* .sider_right ul li:hover span { display: none; } */
.sider_right ul li span img{max-width:20px}
.sider_right ul li a { display: block; position: absolute;  height: 56px; color: white; top: 0; right: 0; background: #e60111; text-align: center; box-sizing: border-box; z-index: 100; cursor: pointer;  font-size: 14px; color: #fff; overflow: hidden; text-align: center; border-radius: 5px 0 0 5px; transform: translate(80px); transition: all .4s; }
.sider_right ul li:hover a { transform: translate(0); }


.sider_right a.side-div1{display: none;}
.sider_right ul li:hover .side-div1 { display: block; width: 140px; transform: translate(0px); background: #e60111; height: 36px;  position: absolute;top: 0; right: 40px; overflow: hidden;text-align: center;font-size: 16px;line-height: 36px; padding: 0 5px;}

.sider_right a.side-div2 { background: url(../images/sider_test.png) center 15px #e60111 no-repeat; }
.sider_right a.side-div3 { background: url(../images/sider_compare.png) center 15px #e60111 no-repeat; }
.sider_right a.side-div4 { background: url(../images/sider_vs.png) center 15px #e60111 no-repeat; }

.sider_right a.side-div5{display: none;}
.sider_right ul li:hover .side-div5 { display: block; width: 100px; transform: translate(0px); background: url(../images/sider_wx.png) center #e60111 no-repeat; height: 100px; padding: 10px; position: absolute;top: 0; right: 40px; }

.sider_right a.side-div5 img{max-width: 80px; overflow: hidden;}
.sider_right .backtop { background: #e60111; color: #fff; text-align: center; padding: 2px 0; height: 25px; cursor: pointer; box-shadow: -1px 1px 3px rgba(0,0,0,.3); }
.sider_right .backtop img{max-width:20px}

.sider_right .backtop:hover { background: #ca0000; color:#000; }
.sider_right ul li:last-of-type a { box-sizing: border-box; background-color: #e60111; color: #555; padding-top: 14px; font-size: 13px; }


@media (max-width: 1079px) {
footer .foot_bg .foot_con .con_l{ float:left; width:calc(21% - 1px); min-height:400px; padding-right:2%; margin-right:2%; /*border-right:1px solid #fff;*/}
footer .foot_bg .foot_con .con_l .tel{ text-align:left; margin:20px 0 22px 0; padding-top:30px; line-height:28px; background:url(../images/foot_tel.png) no-repeat left top;}
footer .foot_bg .foot_con .con_l .tel strong{ font-size:24px;}
footer .foot_bg .foot_con .con_l .fx .xinlang{ float:left;}
footer .foot_bg .foot_con .con_l .fx .weixin{ float:left; padding-left:50%; margin-left:-36px;}
footer .foot_bg .foot_con .con_l .fx .sj{ float:right;}
footer .foot_bg .foot_con .con_l .foot_logo{ width:100%;}
footer .foot_bg .foot_con .con_c{float:left; }	
footer .foot_bg .foot_con .con_c .dizhi{}
footer .foot_bg .foot_con .con_r{ }	
}

@media (max-width: 767px) {
header .pc_header{ display:none;}
header .sj_header{ display:block;}
header .sj_header .sj_logo{position:absolute; left:3%; top:6px; z-index:999999; max-width:350px;}	

footer .foot_bg .fuwu{  padding:18px 0 0 0; color:#fff; border-bottom:1px solid #fff; position:relative; z-index:2; }
footer .foot_bg .fuwu dl{ float:left; width:100%; padding-bottom:10px;}
footer .foot_bg .fuwu dl dt{ float:left; width:45px; margin-right:12px;}
footer .foot_bg .fuwu dl dt img{width:100%;}
footer .foot_bg .fuwu dl dd{ float:left; padding-top:0px; width:calc(100% - 57px);}
.font16{ font-size:14px;}
.font14{ font-size:12px;}
footer .foot_bg .foot_con{position:relative; z-index:2; color:#fff; font-size:15px; padding:25px 0 20px 0; height:auto;}
footer .foot_bg .foot_con a{ color:#fff;}
footer .foot_bg .foot_con a:hover{ color:#c9ac6a;}
footer .foot_bg .foot_con .con_l{ float:left; width:100%; min-height:auto; padding-bottom:10px; margin-bottom:10px; /*border-bottom:1px solid #fff;*/ padding-right:0%; margin-right:0%; border-right:0px solid #fff; clear:both; overflow:hidden;margin-top: 0px;}
footer .foot_bg .foot_con .con_l .tel{ text-align:right; float:left; width:60%; margin:-5px 0 0 0; line-height:28px; background:url(../images/foot_tel.png) no-repeat left 15% bottom 10px; background-size:40px;padding-top:0; }
footer .foot_bg .foot_con .con_l .foot_logo{ width:40%; float:left;}
footer .foot_bg .foot_con .con_l .tel strong{ font-size:20px;}
footer .foot_bg .foot_con .con_l .fx img{ max-width:20px; margin-left:10px;}
footer .foot_bg .foot_con .con_l .fx .xinlang{ float:right;}
footer .foot_bg .foot_con .con_l .fx .weixin{ float:right; padding-left:0%; margin-left:-0px;}
footer .foot_bg .foot_con .con_l .fx .sj{ float:right;}
footer .foot_bg .foot_con .con_c{float:left; width:100%;border-bottom:0px solid #fff;padding-bottom:10px; margin-bottom:10px; }
footer .foot_bg .foot_con .con_c .dizhi{ width:100%; padding-top:10px; float:left; padding-right:0%;}
footer .foot_bg .foot_con .con_c .dizhi p{ padding-bottom:3px; clear:both; overflow:hidden;}
footer .foot_bg .foot_con .con_c .dizhi p span{ display:block; float:left;}
footer .foot_bg .foot_con .con_c .dizhi p span.w1{ width:3em;}
footer .foot_bg .foot_con .con_c .dizhi p span.w2{ width:calc(100% - 3em);}
footer .foot_bg .foot_con .con_r{ float:right; width:100%; padding-left:0%; border-left:0px solid #fff;min-height:auto; line-height:26px;margin-top: 0px;}
footer .foot_bg .foot_con .con_r p{ padding-bottom:15px; font-size:14px; clear:both; overflow:hidden;}
footer .foot_bg .foot_con .con_r a{ padding-right:15px;display:block; float:left;}
footer .foot_bg .foot_link{position:relative; z-index:2; color:#fff; font-size:14px;padding:12px 0;}
footer .foot_bg .foot_link a{ color:#fff; padding-right:20px; }
footer .copyright{ padding:12px 0; line-height:25px; color:#666; text-align:center; font-size:14px;}
.font20{ font-size:16px;}
footer .foot_bg .foot_con .con_r .ewm img{ max-width:90px;}

.sider_right { width: 25px; position: fixed; right: 0; bottom: 50px; z-index: 9100; }
.sider_right ul li { position: relative; width: 100%; height: 25px; margin: 4px 0; transition: 0.5s; right: 0; box-sizing: border-box; }

.sider_right ul li span { display: block; position: absolute; width: 25px; height: 25px; color: white; top: 0; left: 0; background: #e60111; text-align: center; box-sizing: border-box; z-index: 99; cursor: pointer; font-size: 14px; padding: 2px; line-height: 1.3; border-radius: 5px 0 0 5px; box-shadow: -1px 1px 3px rgba(0,0,0,.3); }
.sider_right ul li a { display: block; position: absolute;  height: 40px; color: white; top: 0; right: 0; background: #e60111; text-align: center; box-sizing: border-box; z-index: 100; cursor: pointer;  font-size: 14px; color: #fff; overflow: hidden; text-align: center; border-radius: 5px 0 0 5px; transform: translate(80px); transition: all .4s; }
.sider_right ul li:hover a { transform: translate(0); }
}

#page{ padding:50px 0; text-align:center;}
#page a{ color:#e60111; background:#fff; border:1px solid #ddd; margin:0 4px; padding:5px 10px; font-size:14px;}
#page a:hover,#page a.dq{ background:#e60111; color:#fff; border:1px solid #e60111;}


@media (max-width: 767px) {
#page{ padding:20px 0; text-align:center;}
#canvas{display:block; position:absolute; left:0; top:10%; width:100%; height:90%}
	
}

footer .foot_bg .foot_con dl {float: left;margin-right: 3.4%;width: 5.1%;}
footer .foot_bg .foot_con dl dt {font-size: 13px;color: #fff;margin-bottom: 10px;font-weight: bold;}
footer .foot_bg .foot_con dl dd {margin-bottom: 4px}
footer .foot_bg .foot_con dl dd a {color: #fff;font-size: 12px}
footer .foot_bg .foot_con dl:nth-child(8) {margin: 0}
footer .foot_bg .foot_con dl.w2{ width:18%;}
footer .foot_bg .foot_con dl.w3{ width:22%;}
footer .foot_bg .foot_con dl.w4{ width:10.5%;}

@media (max-width: 768px) {
footer .foot_bg .foot_con dl {float: none;margin-right: 0;width: 100%;min-height: 110px;}
footer .foot_bg .foot_con dl dt {font-size: 13px;color: #fff;margin-bottom: 10px;font-weight: bold;}
footer .foot_bg .foot_con dl dd {margin-bottom: 4px;float: left;width: 25%;}
footer .foot_bg .foot_con dl dd a {color: #fff;font-size: 12px}
footer .foot_bg .foot_con dl:nth-child(8) {margin: 0}
footer .foot_bg .foot_con dl.w2{ width:100%;min-height: 300px;}
footer .foot_bg .foot_con dl.w2 dd {margin-bottom: 4px;width: 100%;}
footer .foot_bg .foot_con dl.w3{ width:100%;min-height: 160px;}
footer .foot_bg .foot_con dl.w3 dd {margin-bottom: 4px;width: 100%;}
footer .foot_bg .foot_con dl.w4{ width:100%;min-height: 140px;}
footer .foot_bg .foot_con dl.w4 dd {margin-bottom: 4px;width: 100%;}
}

.containermap { width: 100%; height:390px;border:#ccc solid 1px; }
.BMap_pop,.BMap_shadow{display: none;}