body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word}
body,html,input{font:15px/1.5 '微软雅黑';}
table{border-collapse:collapse;border-spacing:0;}img{border:none}
pre {white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */	word-wrap: break-word; /* Internet Explorer 5.5+ */}
h1,h2,h3,h4,h5,h6{font-size:100%;}input.dialog{height:0; height:0; font-size:0; line-height:0; border:none}
h1{font-size:34px;}h2{font-size:26px;}h3{font-size:18px; }h4{font-size:16px;}h5{font-size:14px;}h6{font-size:12px;}
input,label,img,th{vertical-align:rightdle;}.font-fixh{font-family: Georgia,Arial; color: #f00; font-size: 16px; font-weight: 700;}address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
input.button ,input.btn{padding:0.25em;width: auto;_width:0;overflow:visible !ie;}
ul,ol,li{list-style:none;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none; color:#b81b22;}
.blue,.blue a{color:#004499}.gray4,a.gray4{color:#999}
.red, .red a, a.red{color:red;}.green{color:#0E774A}
select optgroup{color:#CAC8BB;}
.fr{float:right; display:inline}
.fl{float:left; display:inline}
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;
*height: auto;}
.rect-10{padding-bottom: 10%;}
.rect-20{padding-bottom: 20%;}
.rect-25{padding-bottom: 22%;}
.rect-50{padding-bottom: 50%;}
.rect-53{padding-bottom: 53%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-61{padding-bottom: 61%;}
.rect-618{padding-bottom: 61.8%;}
.rect-65{padding-bottom: 65%;}
.rect-66{padding-bottom: 66%;}
.rect-64{padding-bottom: 64%;}
.rect-665{padding-bottom: 66.5%;}
.rect-70{padding-bottom: 70%;}
.rect-725{padding-bottom: 72.5%;}
.rect-75{padding-bottom: 75%;}
.rect-775{padding-bottom: 77.5%;}
.rect-78{padding-bottom: 78%;}
.rect-80{padding-bottom: 80%;}
.rect-83{padding-bottom: 83%;}
.rect-90{padding-bottom: 90%;}
.rect-95{padding-bottom: 95%;}
.rect-100{padding-bottom: 100%;}
.rect-120{padding-bottom: 120%;}
.rect-6875{padding-bottom:68.75%;}
.rect-3175{padding-bottom:31.75%;}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}
.w-100 {
    width: 100%!important;
}
.d-block {
    display: block!important;
}
/*通用page*/
.page{font-size: 12px; color: #777777; text-align: center; margin-top: 40px;}
.page a,.page span { color: #777777;display: inline-block;border: 1px solid #ededed; background:#e5e5e5;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;}
.page .goprev{margin-right: 10px;}
.page .gonext,.page .count {margin-left: 10px;}
.page i{color: #777777;display: inline-block;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;}
.page a:hover,.page span{color:#fff; background: #de000d;}
.page span.count { border: 0;background: 0;color: #777777;}
header .navbar-header { position: relative;}
header .navbar-toggle { position: absolute; right: 0; top: 50%; transform: translateY(-50%); margin: 0; padding: 0; width: 40px; height: 40px;}
header .toggle-ico { width: 26px; height: 3px; background-color: #333; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); transition: transform 0.5s, width 0.5s, top 0.3s;}
header .toggle-ico2 { width: 26px; height: 3px; background-color: #333; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); opacity: 1; transition: transform 0.5s, width 0.5s, top 0.3s;}
header .collapsed .toggle-ico2 { width: 26px; height: 3px; background-color: #333; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: transform 0.5s, width 0.5s, top 0.3s;}
header .collapsed .toggle-ico { width: 26px; height: 3px; background-color: #333; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: transform 0.5s, width 0.5s, top 0.3s;}
header .collapsed .toggle-ico::before { content: ""; width: 100%; height: 3px; background-color: #333; position: absolute; left: 0; top: -6px; transition: transform 0.5s, width 0.5s, top 0.3s;}
header .collapsed .toggle-ico::after { content: ""; width: 26px; height: 3px; background-color: #333; position: absolute; left: 0; top: 6px; transition: transform 0.5s, width 0.5s, top 0.3s;}
header .nav-main {  border-top:1px solid #ccc; background-image: linear-gradient(to right, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff); box-shadow: 0 6px 6px rgba(0, 0, 0, 0.075);}
header .tel { padding: 28px 20px;color:#b81b22; font-size:30px;  float:right}
header .tel i{ color:#b81b22; margin-right:20px; float:left; width:40px; height:40px; line-height:40px; text-align:center; border:1px solid #b81b22; border-radius:50%;}
header .tel .fa-phone { background:url(../images/right1.png) no-repeat center;}
header .tel span{ font-size:16px; color:#333}
header .navbar-brand { height: auto; padding: 17px 0;}
header .nav>li>a:hover { background-color: transparent; color: #b81b22;}
header .nav>li{margin-right:3.7%;}
header .nav>li>a { padding: 25px 40px;  transition: color .3s; } 
/*header .nav>li:last-child {right: -4%; }*/
header .header-nav { background-color: #fff; padding: 20px 0; }
header .navbar { border: 0; }
header .navbar-right { height: 100%; margin-right: 0; }
header .navbar-nav>li>a:focus{ background-color: transparent; } 
header .navbar-nav>li>a {/* padding-top: 40px; padding-bottom: 40px; */	font-size: 18px; }
header .nav-main { position: relative; }
header .nav .dropdown { position: static; }
header .dropdown-menu>li>a { transition: all .3s; position: relative; font-size: 16px; }
header .dropdown-menu>li>a::before { position: absolute; top: -10px; content: ""; height: 1px; width: 30px; background-color: #000; }
header .dropdown-menu>li>a:hover { background-color: transparent; color: #b81b22 }
header .navbar-nav li .dropdown-menu { width: 100%; display: block; height: 0; overflow: hidden; border: 0; box-shadow: none; padding: 0; transition: all .6s; opacity: 0; padding-left:12%; max-height: 130px; }
header .dropdown-menu li { float: left; margin-right:4%; }
header .dropdown:hover>a { color: #b81b22; }
header .navbar-nav li.open>.dropdown-menu { height: auto; padding-top:25px; padding-bottom: 10px; opacity: 1; transition: all .5s; border-top:1px solid #eee;  box-shadow: 5px 5px 6px rgba(0, 0, 0, .175); }
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover { background-color: transparent;}
  .container {
    width: 96%;
  }
@media (min-width: 768px) {
  .container {
    width: 740px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 920px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
@media(min-width:1366px) { .container { width: 1300px; }}
@media(min-width:1440px) { .container { width: 1400px; }}
@media(min-width:1500px) { .container { width: 1500px; }}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media(max-width:1520px) { 
header .nav>li>a { padding: 25px 35px; }
}
@media(max-width:1440px) { header .nav-main { background-image: none; background-color: #fff; }
header .navbar-nav li .dropdown-menu { padding-left: 2.6%; }
header .tel { padding-right:20px; padding-left:20px;font-size:26px; font-weight:bold; }
header .nav>li>a { padding: 25px 28px; }
}
@media(max-width:1366px) {
header .nav>li{margin-right:3.4%;}
}
@media(max-width:1300px) { header .tel { padding-right:10px; padding-left:10px;font-size:24x; font-weight:bold; }
header .nav>li>a { padding: 25px 25px; }
 header .tel i{ margin-right:10px;}

}

@media(max-width:1280px) { 
header .navbar-nav li .dropdown-menu {  max-height: 108px; }
header .navbar-nav>li:nth-child(3) .dropdown-menu li { margin-bottom: 15px; }
header .navbar-nav li.open>.dropdown-menu { height: auto; padding-top: 25px; padding-bottom: 25px;}
header .dropdown-menu>li>a::before { position: absolute; top: -4px; content: ""; height: 1px; width: 30px; background-color: #000; }
}

@media(max-width:1200px) { header .nav>li>a { padding: 38px 10px; }
header .nav>li>a { padding: 25px 18px; }
header .tel {padding: 32px 10px; font-size:20px;}
}
@media(min-width:1025px) { 
.mob{ display:none;}
}
@media(max-width:1024px) { 
header { display:none;}
header .navbar-brand { width:280px;}
header .navbar-brand .text-hide img{ width:100%;}
header .navbar-nav li:nth-child(3) .dropdown-menu>li>a { padding: 3px 15px; }
header .tel {padding: 32px 5px; font-size:16px;}
header .nav>li>a { padding: 25px 15px; }
.mob{ display:block}

.sp_header{height:60px;overflow:hidden;background:#fff;position:fixed; top:0px; z-index:9999999;width:100%; box-shadow: 0 0.05rem 0.1rem rgba(0,0,0,0.08);}
.sp_logo{padding:2px 10px;float:left;height:40px}
.sp_logo img{ margin-top:10px; width:60%;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:20px}
.sp_nav span{display:block;background:#d00009;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:99999;background:#eee; width:100%; font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:60px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px);line-height:40px;}
.sjj_nav>ul>li .language{ overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li .language a{width:49%;float:left;border-left:1px #ddd solid;text-align:center;color:#999; }
.sjj_nav ul li i{position:absolute;top:10px;right:0px;border-left:1px #ddd solid;height:30px; line-height: 42px; padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;padding-left:20px; position:relative;line-height:52px;font-size:16px}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{ width:80%}
.sjj_nav ul li ul li {padding-left:-20px;}
.sjj_nav ul li ul li a{ display:block;text-align:left; line-height: 40px;font-size:15px}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#208740}
.sjj_nav ul li ul li>ul{margin-left:10px}

}
@media(max-width:530px) { .sp_nav{ margin-top:-20px}}


 #footer{background: #333;padding-top: 50px;}
#footer .title{font-size: 18px;color: #fff;margin-bottom: 18px;}
#footer .i{font-size: 14px;color: #fff;margin-bottom: 15px;}
#footer .i a{color: inherit;}
#footer .i a:hover{text-decoration: underline;}
.footerContact  { width:53%; float:left; margin-right:2%;}
.footerContact .title { font-size: 20px; color: #fff; }
.footerContact .flexW { margin-top: 25px; }
.footerContact ul { display: inline-block; }
.footerContact ul > li { position: relative; font-size: 15px; padding-left: 0px; margin-bottom: 15px;  color: rgba(255, 255, 255, 0.9); }
.footerContact ul > li:before { content: ""; font-family: FontAwesome, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; position: absolute; top: 0; left: 0; font-size: 15px; width: 20px; text-align: center; color: #fff; }
.footerContact ul > li > span { text-transform: uppercase; display: block; }
.footerContact ul > li > a { color: rgba(255, 255, 255, 0.9); }
.footerContact ul > li .cont { color: rgba(255, 255, 255, 0.9); }
/*.footerContact ul > li.tel:before { background:url(../images/f_01.png) no-repeat; }
.footerContact ul > li.add:before { content: "\f041"; }
.footerContact ul > li.skype:before { content: "\e632"; }
.footerContact ul > li.fax:before { content: "\f1e4"; }
.footerContact ul > li.whatsapp:before { content: "\e6bc"; }
.footerContact ul > li.mobs:before { content: "\f095"; }
.footerContact ul > li.name:before { content: "\f007"; }
.footerContact ul > li.fac:before { content: "\e6a9"; }
.footerContact ul > li.mail:before { content: "\f0e0"; }*/
.footerContact ul > li.name a, .footerContact ul > li.name .cont, .footerContact ul > li.fac a, .footerContact ul > li.fac .cont { color: #fff; }
.footerContact ul > li.big:before{font-size: 24px;top:0;}
.footerContact ul > li.big{font-size: 22px;color:#fff;font-weight: bold; }
.footerContact ul > li.big a{color:#fff;}
#footer .footerContact1{ width:48%; float:left;}
#footer .qrcode{margin-top: 30px;}
#footer .qrcode img{margin-right: 15px;}
#footer .f-nav{ height:225px; width:13%; float:left; }
#footer .f-nav1 dd{ width:50%; float:left;}
#footer .f-nav dl dt a { display: block; color: #fff; font-size: 20px; margin-bottom: 25px; font-weight:normal;}
#footer .f-nav dl dd { margin-bottom: 15px;}
#footer .f-nav dl dd a{color: #fff; font-size:15px;}
#footer .footerContact1 .follow { width:45%; float:right;}
#footer .footerContact1 .follow dl{color: #fff; height:225px; }
#footer .footerContact1 .follow .title { display: block; color: #fff; font-size: 20px; margin-bottom: 25px; font-weight:normal;}
#footer .footerContact1 .follow dd {color: #fff; float:left; width:42%; margin-bottom: 10px;}
#footer .footerContact1 .follow dd img{ width:90%; }
 #footer .info{padding: 20px 0 30px;border-top: 1px solid rgba(255,255,255,.1); margin-top:50px;}
#footer .copyright{line-height: 30px; text-align:center;color: #ccc;}
#footer .copyright a{color: #ccc;}
@media(max-width:991px) {
#footer .footerContact1{ width:100%; float:left; margin-left:15px;}
.footerContact  { width:100%; float:left; margin-right:0px;}
}

.yunu-footer-fix {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #d00009;
	z-index: 10;
	display: none;
}
.yunu-footer-fix li {
	float: left;
	width: 33%;
}
.yunu-footer-fix li a {
	display: block;
	text-align: center;
	color: #fff;
	padding: 7px 0;
	font-size: 12px;
	line-height: 1;
}
.yunu-footer-fix li i {
	display: block;
	height: 20px;
	background: no-repeat center;
	background-size: contain;
	margin-bottom: 4px;
}
.yunu-footer-fix li i.i1 {
	background-image: url(../images/f_01.png);
}
.yunu-footer-fix li i.i2 {
	background-image: url(../images/f_02.png);
}
.yunu-footer-fix li i.i3 {
	background-image: url(../images/f_03.png);
}
.yunu-footer-fix li i.i4 {
	background-image: url(../images/f_04.png);
}

@media(max-width:991px) {
#footer { margin-bottom:40px;}
.yunu-footer-fix {
	display: block;
}
}

#toolbar {
	position: fixed;
	z-index: 9999;
	right: 17px;
	bottom: 10%
}

#toolbar li {
	margin-bottom: 3px;
	position: relative
}

#toolbar li,#toolbar li a {
	font-size: 0;
	width: 57px;
	height: 57px;
	right: 0
}

#toolbar li a {
	display: block;
	position: absolute;
	z-index: 9;
	top: 0;
	overflow: hidden;
	background: #0062b0;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	white-space: nowrap
}

#toolbar li .fa {
	width: 57px;
	height: 57px;
	background-color: #d9d9d9;
	text-align: center;
	color: #2b2b2b;
	font-size: 26px
}
#toolbar li .fa-phone{ background:#d9d9d9 url(../images/right1.png) no-repeat center;}
#toolbar li:hover .fa-phone{ background:url(../images/right1_h.png) no-repeat center;}
#toolbar li .fa-qrcode{ background:#d9d9d9 url(../images/right2.png) no-repeat center;}
#toolbar li:hover .fa-qrcode{ background:url(../images/right2_h.png) no-repeat center;}
#toolbar li .fa-qq{ background:#d9d9d9 url(../images/right3.png) no-repeat center;}
#toolbar li:hover .fa-qq{ background:url(../images/right3_h.png) no-repeat center;}
#toolbar li .fa-angle-up{ background:url(../images/right4.png) no-repeat center;}

#toolbar li .fa,#toolbar li .wz {
	display: inline-block;
	vertical-align: middle;
	line-height: 57px
}

#toolbar li .wz {
	font-size: 14px;
	color: #fff;
	padding-left: 10px
}

#toolbar li.ewm .ewm-box {
	position: absolute;
	z-index: 1;
	padding: 5px;
	background: #0062b0;
	width: 110px;
	right: 120%;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: all .7s;
	transition: all .7s
}

#toolbar li.ewm .ewm-box p {
	margin-bottom: 0
}

#toolbar li.ewm .ewm-box img {
	max-width: 100%
}

#toolbar li.ewm .ewm-box:after {
	content: "";
	position: absolute;
	right: -5px;
	bottom: 20px;
	width: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
	border-width: 5px;
	cursor: pointer;
	border-style: dashed dashed dashed solid;
	border-color: transparent transparent transparent #0062b0;
	border-right: none
}

#toolbar li.ewm:hover .icon {
	background-position: -57px -180px
}

#toolbar li.ewm:hover .ewm-box {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

#toolbar li.backtop {
	cursor: pointer
}

#toolbar li.backtop .fa {
	color: #fff;
	background-color: #0062b0
}

#toolbar li:hover a {
	width: 200px
}

#toolbar li:hover .fa {
	background-color: #0062b0;
	color: #fff
}

@media (max-width:990px) {
	#toolbar {
		display: none
	}
}
/*
.inline-block{display: inline-block;}*/