*{margin: 0;padding: 0;box-shadow: 0}
a{text-decoration: none;color: #828282;font-size: 15px}
li{list-style: none}
h2{color: #666;font-size: 20px;font-weight: 500;}
h3{color: #666;font-size: 15px;font-weight: 500;}
h4{color: #666;font-size: 15px;font-weight: 500;}
p{font-size: 15px;line-height: 25px;color: #828282}
b{font-weight: normal;color: #828282}
strong{color: #828282}
body{font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;}
table{color: #828282}
table tr td p{text-indent: 0}
.clearfix::before,
.clearfix::after{
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.clearfix:after{clear: both;}
.clearfix{zoom:1;}
.swiper-slide{position: relative;}
.swiper-slide h1{position: absolute;top: 50%;left:50%;transform: translate(-50%,-50%);text-align: center;color: #666;}



.header{
	width: 100%;
	height: 40px;
	background: #ca2a05;
}
.header-text{
	margin: 0 auto;
	width: 1200px;
}
.text-right a{
	line-height: 40px;
	color: #fff;
}
.text-right span{
	line-height: 40px;
	display: inline-block;
	margin: 0 20px;
	color: #fff;
}
.text-right{
	float: right;
}
.text-left{
	float: left;
	line-height: 40px;
	color: #fff;
}
.logo-bg{
	display: none;
}
.nav{
	width: 1200px;
	margin: 0 auto;
}
.nav_img{overflow: hidden;width: 100%}
.nav img:nth-child(1){
	float: left;
	width: 364px;
    padding: 25px 0;
}
.nav img:nth-child(2){
	float: right;
	width: 300px;
}
.nav ul{
	width: 100%;margin: 0 auto;
}
.nav ul li{
	float: left;padding: 0 2%;	line-height: 20px;width: 8.5%
}

.nav ul li a{
	display: block;
    text-align: center;
	padding: 10px 0px;
    font-weight: 600;font-size: 15px;
}
.nav ul li:hover a{color: #fff;}
.nav ul li:hover {
	/*border-bottom: 2px solid #ca2a05;*/background: #ca2a05;
}
.nav ul li.hover{
	/*border-bottom: 2px solid #ca2a05;*/background: #ca2a05;
}
.nav ul li.hover a{
   color: #fff
}
/*banner*/
.banner{
	width: 100%;
}
.banner img{
	width: 100%;

}

/*标题*/
.title{width: 1200px;margin: 60px auto 30px;text-align: center;}
.title1{width: 1200px;margin:0px auto 10px;text-align: center;}
.title div{text-align: center;}
.title >div >h3{display:inline-block;font-size: 20px;font-weight: 600;color: #555}
.title div span{display:inline-block;font-size: 40px;font-weight: lighter;color: #ddd}
.title a{display: inline-block;padding: 2px 6px;border: 1px dotted #999;color: #999; font-size: 12px;margin-top: 20px;}
.title a:hover{border: 1px dotted #ca2a05;font-size: 12px;color: #ca2a05}
.title2 div h3{color: #fff;}
.title2{margin-top: 20px;}

/*产品中心*/
.product{width: 1200px;margin: 0 auto}
.product ul{width: 100% ;margin: 0 auto 0}
.product ul li{width: 32% ;margin-right: 2%;overflow: hidden;box-shadow: 0 3px 10px rgba(0,0,0,0.2);float: left;margin-top: 20px; }
.product ul li:nth-child(3n){margin-right: 0 }
.product ul li a img{width:100%;display: block;}
.product ul li a div{width: 100%;background: #fff;text-align: center;margin-top: 2%;}
.product ul li a h3{text-align: center;background: #ca2a05;color: #fff;padding: 10px 0}
.product ul li a div p{width: 92%;text-align: left;margin:10px auto;margin-top: 10px;height: 75px;overflow: hidden;}
/*.product ul li div a{margin-top: 10px;border: 1px solid #ddd;display: inline-block;font-size: 12px;padding: 2px 6px;}
.product ul li div a:hover{border: 1px solid #ca2a05;color: #ca2a05}*/
.product .tj{margin-bottom: 60px}

/*关于我们*/
.about{ width: 100%;text-align:center;height:auto;background:url(../image/bg.jpg) no-repeat center;background-size: cover;padding: 20px 0;margin-top: 60px;}
.about .ab_text p{width: 62.5%;color: #fff;margin: 20px auto 0;line-height: 25px;}
/*.about .ab_text{padding: 3% 0;}*/
.about .ab_text a{display: inline-block;  color: #fff;border: 1px solid #fff;padding: 2px 5px;margin-top: 2%}
.about .title1 div h3{color: #fff}

/*新闻中心*/
.news{width: 1200px;margin: 0 auto;}
.new_left{float: left;width: 54%;}
.new_left a img{width: 100%;}
.new_left a h3{text-align: left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	line-height: 30px;
}
.new_left a p{text-align: left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 25px;
}
.new_left a span{ display: inline-block;border: 1px solid #ca2a05;padding: 2px 6px;color: #ca2a05;margin-top: 10px;}
.news ul{width: 42%;float: right;}
.news ul li{border-bottom: 1px dotted #ddd;list-style: square;}
.news ul li:hover{border-bottom: 1px dotted #ca2a05;list-style: square;}
.news ul li a{overflow: hidden;text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	margin: 15px 0;
}
.news ul >a{border: 1px solid #ca2a05;display: inline-block;margin-top: 4% ;padding: 2px 6px;color: #ca2a05}
.news ul li:hover a{color: #ca2a05;}


/*我们的优势*/
.server{margin:60px auto 0; width: 100%;background:url(../image/bg_2.jpg) no-repeat center;background-size: cover;padding: 5% 0;}
.server h3{text-align: center;}
.server_con{width: 1200px;margin: 0 auto;}
.server_con li{float: left;width:23.5%;margin-right: 2%;text-align: center;}
.server_con li:nth-child(4){margin-right: 0;}
.server_con li div{width: 100%;margin-top: 20%;}
.server_con li div img{width: 30%;}
.server_con li h3{width: 100%;margin-top: 10%;}
.server_con li p{width: 100%;margin-top: 10%;line-height: 25px;
	overflow: hidden;text-overflow: ellipsis;-webkit-box-orient:vertical;
	display: -webkit-box;-webkit-line-clamp:3;
}
.server .link{width: 1200px;margin: 0 auto;text-align: center;}
.server .link a{display: inline-block;border: 1px solid #ddd;padding: 2px 5px;text-align: center;margin-top: 5%;}
.server .link:hover a{border: 1px solid #ca2a05;color: #ca2a05}

/*联系我们*/
.contact,.wenben,.contact-text,.xm7{
    width: 1200px;
    margin: 0 auto;
}
.line-big{
    width: 1200px;
    margin: 60px auto;
    overflow: hidden;
}

.xm5{
    float: none;
    width: 100%;position: relative;
    padding-right:2%;
    min-height: 1px;
}
.xm5 img{width: 100%}
.xm5 p{
    color: #333;
    margin:0 0 24px;
    line-height: 30px;
}
.xm5 h3{
    margin: 34px 0;
}
.xm7{
    position: relative;
    min-height: 1px;
    float:none;
}
.form-group{
    width: 23.33%;margin: 0 5%;margin-bottom: 30px;float: left;
}
.label1{display: block;}
.input, .label {
    color: #fff;
    font: inherit;
    vertical-align: baseline;
    line-height: 20px;
    display: block;
}
.form-group .label{
     float: none;
    width: 60%;
    text-align: left;
    padding: 7px 7px 7px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 20px;
}
.input{
    color: #333;
    font-size: 14px;
    float: none;
    padding: 6px;
    border: 1px solid #fff;
    width: 100%;
    height: 20px;
    border-radius: 4px;
    -webkit-appearance: none;
    box-shadow: 0 1px 1px rgba(0,0,0,.075) inset;
    transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;
}
textarea.input {
    margin-top: 5px;
    overflow: auto;
    height: 150px;
    border: 1px solid #fff;
}
.form-button{
    margin: 30px auto;
    text-align:center;
}
.button {
    background: none;
    color: #fff;
    border: 1px solid #fff;
    background: transparent;
    border-radius: 4px;
    padding: 10px 30px;
    margin: 0 auto;
    display: inline-block;
    line-height: 20px;
    transition: all 1s ease 0s;
}
.button:hover {
    color: white;
    background: #ca2a05;
    transition: all .3s ease 0s;
}
 .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
 .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
 .map-con{width:100%;height:550px;border:#ccc solid 1px;float: left; }
.bad,.bd{padding:2% 0;background: url(../image/ab1.jpg) no-repeat center;background-size: cover;}
.contact-text{float: none;margin: 0 auto;}
.contact-text li{color: #fff;float: left;margin:2% 2%;width: 23.33%;font-size: 15px;}
.contact-text li:nth-child(1) {padding: 2% 0 2% 6%;background:url(../image/c1.png) no-repeat left;background-size: 16%}
.contact-text li:nth-child(2) {padding: 2% 0 2% 6%;background:url(../image/c2.png) no-repeat left;background-size: 16%}
.contact-text li:nth-child(3) {padding: 2% 0 2% 6%;background:url(../image/c3.png) no-repeat left;background-size: 16%}
.contact-text li:nth-child(4) {padding: 2% 0 2% 6%;background:url(../image/c4.png) no-repeat left;background-size: 16%}
.contact-text li:nth-child(5) {padding: 2% 0 2% 6%;background:url(../image/c5.png) no-repeat left;background-size: 16%}
.contact-text li:nth-child(6) {padding: 2% 0 2% 6%;background:url(../image/c6.png) no-repeat left;background-size: 16%}
.contact1{margin-top: 30px;}

/*新闻中心*/
.news_con{width: 1200px;margin: 30px auto}
.news_con li{box-shadow:  0 0 15px 5px rgba(0,0,0,0.1);padding: 3% 0;width: 49%;margin-right: 2%;float: left;margin-top: 2%}
.news_con li:nth-child(2n){margin-right:0}
.news_con li a h3{text-align: left;margin-bottom: 2%;padding:  0 2%; position:relative;
    line-height:1.5em;
    /* 高度为需要显示的行数*行高，比如这里我们显示两行，则为3 */
    height:1.5em;
    overflow:hidden;font-weight: 600;color: #555}
.news_con li a h3:after {
    content:"…";
    position:absolute;
    bottom:0;
    right:10px;
    padding: 3px;
    background-color: #fff;
}
.news_con li a h2{text-align: left;margin-bottom: 2%;padding:  0 2%;}
.news_con li a p{text-align: left;padding:  0 2%;
    position:relative;
    line-height:25px;
    /* 高度为需要显示的行数*行高，比如这里我们显示两行，则为3 */
    height:50px;
    overflow:hidden;
}
.news_con li a p:after {
    content:"…";
    position:absolute;
    bottom:0;
    right:10px;
    padding: 3px;
    background-color: #fff;
}
.news_con li a hr{height:4px;margin: 2% 0;width: 20px;border:none;padding: 0 2%;background-color: #ca2a05;margin-left: 10px;border-radius: 2px; transition: .3s;}
.news_con li:hover a hr{width:50px;}
.news_con li:active a hr{width:70%;}
.news_con li:hover a h3{color:#ca2a05;}
.news_con li:active a h3{color:#ca2a05;}
/*footer*/
.footer{
	width: 100%;
	margin:0 auto ;
	background: #ca2a05;
	padding: 2% 0;
}
.footer-con{
	width: 1200px;
	margin: 0 auto;
}
.footer-con a{
	color: #fff;
}
.footer-con p{
	line-height: 24px;
	color: #fff;
}
.footer-con-left{
	float: left;
}
.footer-con-right{
	float: right;text-align: center;
}
.footer-con-right img{width: 120px;}


@media (min-width: 960px) and (max-width: 1199px){
.header-text,.nav,.product,.news,.server_con,.server .link,.title,.contact,.wenben,.contact-text,.xm7,.line-big,.news_con,.footer-con{
	width: 960px;
}
 .map-con{height:500px;}
.nav ul li a{
	padding: 10px 0px;
}
/*产品中心*/
.product{width: 960px;margin: 0 auto}
.product ul{width: 100% ;margin: 0 auto 60px}
.product ul li{width: 32% ;margin-right: 2%;overflow: hidden;box-shadow: 0 3px 10px rgba(0,0,0,0.2);float: left;margin-top: 20px; }
.product ul li:nth-child(3n){margin-right: 0% }



/*footer*/
.footer-con{
	width: 960px;
}
}
@media (min-width: 768px) and (max-width: 959px){
.header-text,.nav,.product,.news,.server_con,.server .link,.title,.contact,.wenben,.contact-text,.xm7,.line-big,.news_con,.footer-con{
	width:768px;
}
 .map-con{height:400px;}

.news ul li a{margin: 6px 0;}
.server_con li p{font-size: 14px;line-height: 24px;}
/*footer*/
.footer-con{
	width: 768px;
}
.product{width: 768px;margin: 0 auto}
.product ul{width: 100% ;margin: 0 auto 60px}
.product ul li{width: 49% ;margin-right: 2%;overflow: hidden;box-shadow: 0 3px 10px rgba(0,0,0,0.2);float: left;margin-top: 20px; }
/*.product ul li:nth-child(4n){margin-right:2%; }*/
.product ul li:nth-child(3n){margin-right: 2% }

.product ul li:nth-child(2n){margin-right:0%; }


}
@media (min-width: 480px) and (max-width: 767px){
.nav img:nth-child(2){  display: none;}
.nav ul li{width: 24%;padding: 0;/*border: 1px solid #ca2a05;border-right: none;*/}
/*标题*/
.header-text,.nav,.product,.news,.server_con,.server .link,.title,.contact,.wenben,.contact-text,.xm7,.line-big,.news_con,.footer-con
{width: 480px;}
/*产品中心*/
.product{width: 480px;margin: 0 auto}
.product ul li{width: 100% ;margin-right: 0;float: none;}


/*新闻中心*/
.new_left{float: none;width:98%;margin: 0 auto}
.new_left a img{width: 100%;}
.news ul{display: none;}
/*.news ul{width: 98%;float: none;margin: 30px auto 0}*/
/*新闻中心*/
.news_con li{box-shadow: 0 5px 10px rgba(0,0,0,0.1);padding: 3% 0;width: 98%;margin-right:0;float: none;margin-top: 6%}
/*联系我们*/
.form-group,.form-group1 {float: none;width: 100%;margin:10px auto;}
.input,.label{width: 80% !important;margin: 0 auto;}
.field1{width: 100%;margin:0 auto;}
 .map-con{width:98%;height:400px;float: none; }
 .contact-text li{color: #fff;float: left;margin:1% 2%;width:57%}
.contact-text li:nth-child(1) {padding: 4% 0 4% 12%;background-size: 12%}
.contact-text li:nth-child(2) {padding: 4% 0 4% 12%;background-size: 12%}
.contact-text li:nth-child(3) {padding: 4% 0 4% 12%;background-size: 12%}
.contact-text li:nth-child(4) {padding: 4% 0 4% 12%;background-size: 12%}
.contact-text li:nth-child(5) {padding: 4% 0 4% 12%;background-size: 12%}
.contact-text li:nth-child(6) {padding: 4% 0 4% 12%;background-size: 12%}

/*我们的优势*/
.server{margin: 0 auto; width: 100%;background:none;}
.server_con li{float: left;width:48%;margin-right: 4%;}
.server_con li:nth-child(2n){margin-right: 0;}
.server_con li p{line-height: 24px}
.footer-con-left{
	float: none;
}
.footer-con-right{
	margin-top: 30px;
	float: none;text-align: center;
}
}
@media (max-width: 479px){
.title{margin: 10px auto}

.nav img:nth-child(1) {
    float: left;
    width: 300px;padding: 10px 0;
}
.nav img:nth-child(2) {
    display: none;
}
.text-right{display: none;}
.nav ul li{width: 24%;padding: 0;}
.header-text,.nav,.product,.news,.server_con,.server .link,.title,.contact,.wenben,.contact-text,.xm7,.line-big,.news_con,.footer-con
{width: 360px;}
/*产品中心*/
.aui-nav-list-box ul li{background: #ca2a05;width: 33%;margin-right:0px}
.aui-nav-list-box ul li a{color: #fff !important;}
.product{width: 360px;margin: 0 auto}
.product ul li{width: 100% ;margin-right: 0;float: none;}

/*新闻中心*/
.new_left{float: none;width:98%;margin: 0 auto}
.new_left a img{width: 100%;}
.news ul{display: none;}
/*.news ul{width: 98%;float: none;margin: 30px auto 0}*/
/*新闻中心*/
.news_con li{box-shadow: 0 5px 10px rgba(0,0,0,0.1);padding: 3% 0;width: 98%;margin-right:0;float: none;margin-top: 6%}
/*联系我们*/
.xm7{width: 360px;}
.form-group,.form-group1 {float: none;width: 100%;margin:10px auto;}
.input,.label{width: 80% !important;margin: 0 auto;}
.field1{width: 100%;margin:0 auto;}
 .map-con{width:98%;height:300px;float: none; }
 .contact-text li{color: #fff;float: left;margin:2% 2%;width:76%}
.contact-text li:nth-child(1) {padding: 4% 0 4% 12%;background-size: 12%}
.contact-text li:nth-child(2) {padding: 4% 0 4% 12%;background-size: 12%}
.contact-text li:nth-child(3) {padding: 4% 0 4% 12%;background-size: 12%}
.contact-text li:nth-child(4) {padding: 4% 0 4% 12%;background-size: 12%}
.contact-text li:nth-child(5) {padding: 4% 0 4% 12%;background-size: 12%}
.contact-text li:nth-child(6) {padding: 4% 0 4% 12%;background-size: 12%}

/*我们的优势*/
.server{margin: 0 auto; width: 100%;background:none;}
.server_con li:nth-child(2n){margin-right: 0;}
.server_con li{float: left;width:98%;margin-right: 0;}

.server_con li p{line-height: 24px}
.footer-con-left{
	float: none;
}
.footer-con-right{
	margin-top: 30px;
	float: none;text-align: center;
}
}
.contact{ margin-bottom: 30px;}
.contact img{display:block; width:50%; float:left;}
.contact .right{display:block; width:45%; float:right;}
.contact .right p{ line-height: 30px; color:#666; font-size:16px;}
.contact .right p a{color:#666;}
.contact .right a:hover{color:#ca2a05;}
.contact .right a:active{color:#ca2a05;}

.content_tit{height:40px; font-size: 30px; text-align: center; color: #ca2a05; margin: 50px auto 0 auto; line-height: 40px; }
.content_tit_d{font-size: 14px; text-align: center; color: #999;margin:0 auto; line-height: 20px; }
.contact_ul{margin:0 auto;}
.contact_ul li{width:32%; margin: 20px 2% 0 0; float:left;}
.contact_ul li:nth-child(3n){margin-right:0;}
.contact_ul li .img{width:100%; display:block; float: none;}
.contact_ul li .titlea{height:30px; line-height: 30px; font-size: 20px; color:#ca2a05;}
.contact_ul li .font{font-size:14px; color:#999; line-height: 25px;}
@media (max-width: 768px){
    .contact img{display:block; width:100%;}
    .contact .right{display:block; width:100%;}
    .contact_ul li{display: block; width:100%; float: none;}
}