@charset "utf-8";
/* reset css*/
body, h1, h2, h3, h4, h5, h6, hr, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td {margin:0; padding:0;}
body, button, input, select, textarea {font-size:14px; line-height:2;outline: 0;}
address, cite, dfn, em, var, i{font-style:normal;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{-webkit-box-shadow: 0 0 0 1000px white inset;}
small{font-size:12px;}
ul, ol{list-style:none;}
abbr[title], acronym[title] {border-bottom:1px dotted; cursor:help;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
q:before, q:after {content:'';}
legend{color:#000;}
fieldset, img{border:none;}
button, input, select, textarea{font-size:100%;}
table{border-collapse:collapse; border-spacing:0;}
hr{border:none; height:1px;}
html {overflow-y:scroll;}
h1{font-size:20px;}
h2{font-size:16px;}
h3{font-size:14px;}
h4, h5, h6{font-size:100%;}
p{ margin: 0;}
a {text-decoration:none;color:#333;outline:none;cursor:pointer;}
a:hover {text-decoration:none;color:#D90632}
.yahei{font-family: "Microsoft YaHei"}
.clearfix:after {content:"\200B"; display:block; height:0; clear:both;}
.clearfix {*zoom:1;}
input:-moz-placeholder,
textarea:-moz-placeholder{color:#aaa;}
html{min-height: 100%;}
body{font-family: "Microsoft YaHei";padding-top: 100px;}


pre{
	whitewhite-space:pre-wrap; /* css-3 */    
	whitewhite-space:-moz-pre-wrap; /* Mozilla, since 1999 */    
	whitewhite-space:-pre-wrap; /* Opera 4-6 */    
	whitewhite-space:-o-pre-wrap; /* Opera 7 */    
	word-wrap:break-word; /* Internet Explorer 5.5+ */  
	white-space: pre-wrap; /* Firefox */
	font-family: "Microsoft YaHei"
}
.all{	
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;	
}
input,button,a,select,img{
  outline:0 none !important;
  blr:expression(this.onFocus=this.blur());
}
input:focus,button:focus,a:focus,select:focus,img:focus{ outline: none !important; }


/* 顶部导航 */
.header{width: 100%;background: #FFFFFF;position: fixed;top: 0;left: 0;z-index: 99999999999;box-shadow: 0 0 5px #DDDDDD;}
.header-con{width: 100%;max-width: 1270px;margin: 0 auto;height: 100px;line-height: 100px;display: flex;justify-content: space-between;position: relative;}
.header-con .logo{height: 100%;text-align: center;position: relative;line-height: 97px;}
.header-con .logo img{vertical-align: middle;max-height: 80%;}
.header-con .header-nav{display: flex;justify-content: flex-start;}
.header-con .header-nav li{padding: 0 30px;box-sizing: border-box;}
.header-con .header-nav li a{display: flex;color: #666666;height:40px;font-size: 18px;line-height: 40px;margin-top: 30px;position: relative;}
.header-con .header-nav .on a{color: #D90632;}
.header-con .header-nav .on a::after{position: absolute;bottom: 0;width: 100%;height: 2px;background: #D90632;content: '';}
.header-con .header-tel{line-height: 25px;color: #D90632;font-weight: 700;padding: 25px 0;}
.header-con .header-tel .t{padding-left: 25px;width: 100%;box-sizing: border-box;background: url(../image/icon.png) no-repeat 0 center;}
.header-xl{height: 30px;padding-left: 30px;line-height: 30px;margin-top: 35px;background: url(../image/caidan.png) no-repeat 0 center;background-size: 30px 30px;cursor: pointer;display: none;}
.header-xl span{font-size: 16px;font-weight: 700;color: #D90632;padding-left: 10px;}
.header-right{display: flex;justify-content: flex-start;}
.header-right .sousuo{width: 40px;height: 100px;background: url(../image/sousuo.png) no-repeat center center;background-size: 60%;cursor: pointer;max-height: 100%;}

.header-right .sousuo .sousuoForm{width: 440px;position: absolute;top: 100px;right: 0;z-index: 9999;max-width: 100%;display: none;}
.header-right .sousuo-on .sousuoForm{display: inline-block;}
.header-right .sousuo .sousuoForm form{display: flex;justify-content: flex-start;}
.header-right .sousuo .sousuoForm .text{width: 340px;border: 1px solid #999;height: 50px;box-sizing: border-box;padding: 0 10px 0 40px;background:#FFFFFF url(../image/sousuo.png) no-repeat 10px center;background-size: 20px 20px;}
.header-right .sousuo .sousuoForm .submit{width: 100px;background: #D90632;border: none;height: 50px;box-sizing: border-box;color: #FFFFFF;font-size: 16px;cursor: pointer;}
.header-con .contact{
	display: none;
}



/* 底部导航 */
.footer{width: 100%;background: #D90632;box-sizing: border-box;padding: 0 10px;}
.footer-con{width: 100%;max-width: 1270px;margin: 0 auto;display: flex;justify-content: space-between;padding: 80px 0;box-sizing: border-box;}
.footer-con .footer-nav{color: #FFFFFF;width: 80%;flex-wrap: wrap;}
.footer-con .footer-nav .dl1{width: 100%;display: flex;justify-content: flex-start;margin-bottom: 20px;flex-wrap: wrap;}
.footer-con .footer-nav .dl1 dd{float: left;line-height: 20px;color: #FFFFFF;height: 20px;overflow: hidden;margin-right: 30px;border-right: 1px solid #FFFFFF;padding-right: 30px;margin-bottom: 20px;}
.footer-con .footer-nav .dl1 dd:last-child{border-right: none;}
.footer-con .footer-nav .dl2{width: 100%;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.footer-con .footer-nav .dl2 dd{display: flex;justify-content: flex-start;max-width: 30%;padding-right: 80px;box-sizing: border-box;}
.footer-con .footer-nav .dl2 dd:last-child{margin-right: 0;padding-right: 0;}
.footer-con .footer-nav .dl2 dd img{width: 80px;height: 80px;}
.footer-con .footer-nav .dl2 dd .right{box-sizing: border-box;padding: 10px 10px;line-height: 30px;}
.footer-con .footer-nav .dl2 dd span{display: flex;width: 100%;font-size: 16px;}
.footer-con .footer-nav .dl2 dd em{display: flex;width: 100%;font-size: 18px;}
.footer-con .footer-nav a{color: #FFFFFF;font-size: 18px;}
.footer-con .footer-erweima{color: #FFFFFF;font-weight: 700;font-size: 18px;}
.footer-con .footer-erweima h4{line-height: 40px;margin-bottom: 10px;}
.footer-con .footer-erweima img{max-width: 150px;max-height: 150px;}

.footer-icp{width: 100%;background: #212121;color: #FFFFFF;text-align: center;line-height: 30px;padding: 10px 0;}
.footer-icp a{color: #FFFFFF;}

.page{width: 100%;text-align: center;padding: 50px 0;}
.pagination{text-align: center;display: inline-block;margin: 0 auto;}
.pagination li{border: 1px solid #D90632;height: 30px;line-height: 23px;color: #D90632;margin-right: 10px;box-sizing: border-box;float: left;border-radius: 4px;}
.pagination li a{color: #D90632;display: inline-block;font-size: 14px;padding: 0 10px;float: left;height: 100%;line-height: 27px;}
.pagination li span{padding: 0 10px;float: left;height: 100%;line-height: 27px;}
.pagination .active{background: #D90632;color: #FFFFFF;border: 1px solid #D90632;}
.pagination li:nth-child(1){}
.pagination li:last-child{margin-right: 0;}
.pagination  .disabled{}


/* 右侧 */
.body-right{position: fixed;right: 10px;top: 50%;transform: translate(0,-50%);z-index: 999;}
.body-right ul{width: 70px;height: 366px;}
.body-right ul li{width: 70px;height: 70px;box-sizing: border-box;border-radius: 4px;border: 1px solid #F3F3F3;text-align: center;margin-bottom: 4px;position: relative;color: #ACACAC;background: #FFFFFF;cursor: pointer;}
.body-right ul li .img{width: 40px;height: 40px;display: flex;margin-left: 14px;margin-top: 10px;}
.body-right ul .top{display: none;}

.body-right ul .wx .img{background: url(../image/right/8.png) no-repeat center center;}
.body-right ul .ewm .img{background: url(../image/right/6.png) no-repeat center center;}
.body-right ul .phone .img{background: url(../image/right/2.png) no-repeat center center;}
.body-right ul .zx .img{background: url(../image/right/10.png) no-repeat center center;}
.body-right ul .top .img{background: url(../image/right/4.png) no-repeat center center;}

.body-right ul .wx:hover .img{background: url(../image/right/7.png) no-repeat center center;}
.body-right ul .ewm:hover .img{background: url(../image/right/5.png) no-repeat center center;}
.body-right ul .phone:hover .img{background: url(../image/right/1.png) no-repeat center center;}
.body-right ul .zx:hover .img{background: url(../image/right/9.png) no-repeat center center;}
.body-right ul .top:hover .img{background: url(../image/right/3.png) no-repeat center center;}

.body-right ul li h5{line-height: 20px;font-weight: 500;margin-top: -5px;font-size: 14px;}
.body-right ul li .erweima{position: absolute;right: 75px;top: 50%;transform: translate(0,-50%);box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15);display: none;border-radius: 8px;overflow: hidden;}
.body-right ul li .erweima img{max-width: 150px;max-height: 150px;margin: 0 0;display: flex;}
.body-right ul li:hover .erweima{display: inline-block;}
.body-right ul li:hover{background: #D90632;color: #FFFFFF;border: 1px solid #D90632;}
.body-right ul .phone .erweima{background: #FFFFFF;padding: 5px 20px;color: #333333;word-break:keep-all;
  white-space:nowrap; }
  
  
@media only screen and (max-width: 1270px) {
	.header{width: 100%;box-sizing: border-box;padding: 0 10px;}
}

@media only screen and (max-width: 1000px) {
	.header-xl{display: inline-block;}
	.header-con .header-nav{position: fixed;left: 0;top: 0;width: 200px;display: inline-block;background: #FFFFFF;z-index: 10;height: 100%;box-shadow:0 0 10px #aaa;max-width: 0;overflow: hidden;}	
	.header-con .header-nav-on{max-width: 200px;}
	.header-con .header-nav li{width: 200px;height: 60px;float: left;padding: 10px 20px;}
	.header-con .header-nav li a{margin: 0 0;line-height: 40px;float: left;}
	.header-con .logo{height: 100%;position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);max-width: 40%;align-items: center;display: flex;}
	
	.header-con .logo img{position: relative;display: flex;max-height: 100%;max-width:100%;}
	
	
	.footer-con{padding: 30px 10px;}
	.footer-con .footer-nav .dl1 dd{float: left;line-height: 20px;color: #FFFFFF;height: 20px;overflow: hidden;margin-right: 20px;border-right:none;padding-right: 20px;width: 100%;}
	.footer-con .footer-nav .dl2 dd{display: flex;justify-content: flex-start;max-width: 100%;padding-right: 40px;box-sizing: border-box;margin-bottom: 20px;}
	.footer-con .footer-nav .dl2 dd img{width: 60px;height: 60px;}
	.footer-con .footer-nav .dl2 dd .right{box-sizing: border-box;padding: 5px 10px;line-height: 25px;}
	.footer-con .footer-nav .dl2 dd span{display: flex;width: 100%;font-size: 14px;}
	.footer-con .footer-nav .dl2 dd em{display: flex;width: 100%;font-size: 16px;}
	.footer-con .footer-nav a{color: #FFFFFF;font-size: 16px;}
}
@media only screen and (max-width: 750px) {
	.footer-con .footer-nav .dl1 dd{float: left;line-height: 20px;color: #FFFFFF;height: 20px;overflow: hidden;margin-right: 20px;border-right:none;padding-right: 20px;width: 100%;}
	.footer-con .footer-nav .dl2 dd{display: flex;justify-content: flex-start;max-width: 100%;padding-right: 40px;box-sizing: border-box;margin-bottom: 20px;}
	.footer-con .footer-nav .dl2 dd img{width: 40px;height: 40px;}
	.footer-con .footer-nav .dl2 dd .right{box-sizing: border-box;padding: 0 10px;line-height: 20px;}
	.footer-con .footer-nav .dl2 dd span{display: flex;width: 100%;font-size: 14px;}
	.footer-con .footer-nav .dl2 dd em{display: flex;width: 100%;font-size: 14px;}
	.footer-con .footer-nav a{color: #FFFFFF;font-size: 16px;}
	.body-right{display: none;}
	.pagination li a{color: #D90632;display: inline-block;font-size: 14px;padding: 0 10px;float: left;height: 100%;}
	.header-con .contact{
		display: block;
	}
}
@media only screen and (max-width: 600px) {
	body{font-family: "Microsoft YaHei";padding-top: 80px;}
	.header-con{width: 100%;max-width: 1270px;margin: 0 auto;height: 80px;line-height: 80px;display: flex;justify-content: space-between;position: relative;}
	.header-xl{margin-top: 25px;}
	.header-con .header-tel{line-height: 20px;color: #D90632;font-weight: 700;padding: 25px 0;font-size: 12px;}
	.header-con .logo img{vertical-align: middle;max-height: 100%;}
	



}
@media only screen and (max-width: 500px) {
	.header-con .header-tel{line-height: 20px;color: #D90632;font-weight: 700;padding: 20px 0;font-size: 12px;}
	.header-con .header-tel .t{padding-left: 20px;}
	
}
@media only screen and (max-width: 400px) {
	.header-con .logo img{max-height: 100%;}
}