@charset "utf-8";
@import url("main-1.css");
body {
	margin:0;
	padding:0;
	font-family:"微软雅黑";
}
/*head*/
.header-line{ width:100%; height:10px; background-color:#0e82d9;}
.yuyan{ width:400px; height:28px; float:right; background:url(../images/lan-line.jpg) no-repeat; text-align:center; overflow:hidden;}
.yuyan a{ color:#FFF; margin-left:10px;}
.yuyan a:hover{ color:#333; text-decoration:none;}
a.move{ color:#333;}
.header-main{ width:80%; height:90px; margin-left:auto; margin-right:auto;}

img{ display:block;}
.img_box{ position:relative;}
.img_box .text{ width:100%;line-height:50px; color:red; background-color:#0e82d9; opacity:0.7;  text-align:center;position:absolute; bottom:0; left:0;}
.img_box .text h3{ color:#FFF;}
.img_box .text h3 span{ font-size:0.6em;}

.slip{width:100%;height:auto;}
.slip ul li{width:300px;height:300px;float:left;margin-right:20px;margin-bottom:20px;}

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

/* start h_menu */
.h_menu{
	float: left;
	z-index:1000;
	margin-top:35px;
}
nav{
	display:block;
}
.menu{
	display:block;
}
.menu li{
	display:inline-block;
	position:relative;
	z-index:100;
}
.menu li:first-child{margin-left:0;}
.menu li.activate a,.menu li a:hover{
	color:#FFF;
	background: #0e82d9;
}
.menu li a{
	text-align:center;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 14px;
	padding: 15px 40px;
	display: block;
	color:#333;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}
.menu li a:hover,.menu li:hover>a{
	color:#ffffff;
	background:#0e82d9;
	
}
.menu ul{
	display: none;
	margin: 0;
	padding: 0;
	width: 177px;
	position: absolute;
	top: 54px;
	left: 0px;
	background: #ffffff;
	
}
.menu ul li{display:block;float:none;background:none;margin:0;padding:0;}
.menu ul li a{
	font-size: 13px;
	font-weight: normal;
	display: block;
	color: #ffffff;
	border-left: 3px solid #C03C35;
	background: #000;
	padding: 10px 20px;
}
.menu ul li a:hover,.menu ul li:hover>a{
	background: #f0f0f0;
	border-left: 3px solid #e36b2c;
	color: #797979;
	box-shadow: none;
	border-radius: 0px;
	-webkit-border-radius: 0px;	
	-moz-border-radius: 0px;	
	-o-border-radius: 0px;	
}
.menu li:hover>ul{display:block;}
.menu ul ul{
	left: 132px;
	top: 0px;
}
.mobile-menu{
	display: none;
	width: 100%;
	padding: 12px;
	background:#3b8ac3;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 16px;
}
.mobile-menu:hover{background:#5a9e5a;color:#ffffff;text-decoration:none;}
@media (min-width: 768px) and (max-width: 979px) {
.mainWrap{width:768px;}.menu ul{top:37px;}
.menu li a{font-size:12px;padding:8px;}
.h_menu{width:100%;}
}
@media (max-width: 767px) {
.mainWrap{width:auto;padding:50px 20px;}
.menu{display:none;}
.mobile-menu{display:block;}
nav{margin:0;background:none;}.menu li{display:block;margin:0;}.menu li a{background:#ffffff;color:#797979;border-top:1px solid #e0e0e0;
}
.menu li a:hover,.menu li:hover>a{background:#f0f0f0;color:#797979;
}
.menu ul{display:none;position:relative;top:0;left:0;width:100%;}
.menu ul ul{left:0;}
.h_menu{
	width:100%;
	
}
.cardmain .img-list{ width:90%; height:30px; float:left; overflow:hidden; margin-top:-26px;  }
}
.carousel-control{ margin-top:-50px;}


/*banner*/

/*content*/
.content,.content-2{ width:80%; margin-left:auto; margin-right:auto; position: relative; top:-100px;}
.content-2{ margin-top:15px;}
.content-title-top{ width:100%; height:80px; background-color:#bfbfbf;  }
.content-title-top h1{ line-height:80px; display:block; color:#FFF; text-indent:2em;}
.content-title-bottom{ height:60px; overflow:hidden;}
.content-title-bottom h3{ width:110px;color:#0e82d9; border-bottom:2px solid #0e82d9; float:left;}
.gray{ color:#dddcdc; font-size:2.1em; line-height:65px;}
.bottom-left{ float:left;}
.bottom-right{ float:right;}
.bottom-right p{ color:#0e82d9; font-size:1.2em;line-height:65px; }
.bottom-right p img{ float:right; margin-top:20px;}
.bottom-right p a:hover{ color:#eb6100; text-decoration:none;}
.neirong{ width:100%; height:190px; background:#e5e5e5; padding:15px;}
.neirong p{ text-indent:2em;}
.blue{ color:#0e82d9;}

.contact{ width:100%;}
.contact-title{ width:100%; height:160px; background:#0e82d9; color:#FFF;  }
.contact-title h1{ padding:10px; color:#9bc1eb;padding-top:40px;}
.contact-title span{ color:#FFF; font-size:1em; color:#FFF;}
.more{ float:right;}
.more a img{ margin-top:-28px;}
.contact-main{ width:100%; height:170px; background:#3e9be1; padding-left:10px; padding-right:10px;}
.contact-main p{ width:100%; color:#FFF; overflow:hidden; line-height:40px; word-break:break-all; border-bottom:1px solid #9bc1eb; }
.contact-main p img{ width:40x; height:35px;float:left; padding-right:10px; padding-top:10px;}

.product-main p a{ display:block; width:100%; height:40px; background:#0e82d9; line-height:40px; text-align:center; margin-top:10px; color:#FFF}
.product-main p a:hover{ text-decoration:none;}

.news{ width:100%; }
.news-title{ width:100%;height:120px; background:url(../images/new.jpg) no-repeat; }
.news-title h3{ color:#FFF; padding-top:30px; padding-left:20px;}
.news-title p{ float:right; margin-top:-60px; margin-right:10px;}
.news-main{ width:100%; margin-top:5px; height:170px; overflow:hidden; }
.news-1{ width:100%;  text-overflow:ellipsis; margin-bottom:5px; }
.news-1 p{ width:100%;  background:#e5e5e5; padding-top:8px; padding-bottom:8px; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.news-1 p a{ color:#757575; }
.news-1 p a:hover{color:#eb6100; text-decoration:none;}
.news-1 span{ padding:20px; background:#b1b1b1; color:#FFF; padding:10px; margin-right:10px;}

/*footer*/
footer{ width:100%; height:200px; background:#0e82d9; margin-top:40px;}
.footer-lanuages{ width:80%; height:40px; margin-left:auto; margin-right:auto; border-radius:20px; background:#f1f1f1;} 
.footer-lanuages ul li{   float:left; margin-right:60px; line-height:40px; list-style-type:none; background:#f1f1f1; text-align:center;} 
.footer-lanuages ul li a{ border-radius:20px; padding:12px;color:#0e82d9;}
.footer-lanuages ul li a:hover{ background:#0e82d9;color:#FFF; text-decoration:none;}
.footer-lanuages ul li.move-1 a{ background:#0e82d9; color:#FFF;}
.footer-main{width:80%;margin-left:auto; margin-right:auto; margin-top:45px;}
.footer-main .copyright p{ color:#FFF;}

.footer-nav ul{ margin-top:15px;}
.footer-nav ul li{ float:left; margin-right:15px; color:#FFF; list-style-type:none; }
.footer-nav ul li a{ color:#FFF;}
.footer-nav ul li a:hover{ text-decoration:none; color:#F90;}
@media(max-width:1800px){
.menu li a{padding: 15px 38px;}
}
@media(max-width:1600px){
.menu li a{padding: 15px 30px;}
.img_box .text h3{ color:#FFF; font-size:0.6em;}
.img_box .text h3 span{ font-size:0.4em;}
}
@media(max-width:1440px){
.menu li a{padding: 15px 20px;}
.footer-nav ul li{ margin-right:8px;}
.content, .content-2{ width:85%;}	
.footer-lanuages,.footer-main{ width:85%;}
.img_box .text h3{ color:#FFF; font-size:0.6em;}
.img_box .text h3 span{ font-size:0.4em;}
}
@media(max-width:1366px){
.menu li a{padding: 15px 20px;}	
.footer-nav ul li{ margin-right:8px;}
.content, .content-2{ width:85%;}	
.footer-lanuages,.footer-main{ width:85%;}
.img_box .text h3{ color:#FFF; font-size:0.6em;}
.img_box .text h3 span{ font-size:0.4em;}
}
@media(max-width:1295px){
.content, .content-2{ width:85%;}	
.footer-lanuages,.footer-main{ width:85%;}
.img_box .text h3{ color:#FFF; font-size:0.6em;}
.img_box .text h3 span{ font-size:0.4em;}

}
@media(max-width:414px){
.header-main{ width:100%;}
.logo{ margin-left:50px;}
.content, .content-2{ width:75%;position: relative; top:0px;}
.content-title-top h1{ font-size:1em;}
.neirong{ height:300px;}
.contact-main{ height:300px;}
footer{ height:320px;}
.footer-lanuages{ width:100%; height:80px;}
.footer-lanuages ul li{ margin-right:10px;}
.footer-nav{ width:100%;}
.footer-nav ul{ margin-left:-40px;}
.footer-nav ul li{ margin-right:15px;}

}
@media(max-width:375px){
.header-main{ width:100%;}
.logo{ margin-left:50px;}
.content, .content-2{position: relative; top:0px;}
.content-title-top h1{ font-size:1em;}
.neirong{ height:300px;}
.contact-main{ height:300px;}
footer{ height:320px;}
.footer-lanuages{ width:100%; height:80px;}
.footer-lanuages ul li{ margin-right:10px;}
.footer-nav{ width:100%;}
.footer-nav ul{ margin-left:-40px;}
.footer-nav ul li{ margin-right:15px;}

} 
@media(max-width:320px){
.header-main{ width:100%;}
.logo{ margin-left:50px;}
.content, .content-2{position: relative; top:0px;}
.content-title-top h1{ font-size:1em;}
.neirong{ height:300px;}
.contact-main{ height:300px;}
footer{ height:320px;}
.footer-lanuages{ width:100%; height:80px;}
.footer-lanuages ul li{ margin-right:10px;}
.footer-nav{ width:100%;}
.footer-nav ul{ margin-left:-40px;}
.footer-nav ul li{ margin-right:15px;}
.contact-title h1{ padding-top:0px;}


}