@charset "utf-8";

/* CSS Document */
/*----------公共部份---------*/
html, body {
    height: 100%;
    width: 100%;
    font-size: 14px;
	line-height:180%;
    font-family: "Microsoft YaHei";
    color:#666;
    margin: 0;
    padding: 0;
}
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;
    border: none;
}
input, textarea, select {
    font-family: "Microsoft YaHei";
    font-size: 12px;
    outline: none;
}
ul,li{
    margin: 0;
    padding: 0;
    list-style: none;
}

img {
    border: 0;
}
a, a:visited {
    color: #666;
    text-decoration: none;
    transition: all linear .4s;
    -webkit-transition: all linear .4s;
}
a:hover {
    color:#0066CA;
    text-decoration:none;
}
.c {
    clear: both;
    overflow: hidden;
}

/*------ 间距  ----*/
.m_a{ margin-top:20px;}
.m_b{ margin-top:30px;}

/*------ 字体 ----*/
.f12{ font-size:12px;font-family: "Microsoft YaHei";}
.f14{ font-size:14px;font-family: "Microsoft YaHei";}
.f16{ font-size:16px;font-family: "Microsoft YaHei";}
.f18{ font-size:18px;font-family: "Microsoft YaHei";}
.f20{ font-size:20px;font-family: "Microsoft YaHei";}
.f22{ font-size:22px;font-family: "Microsoft YaHei";}
.f24{ font-size:24px;letter-spacing:1px;font-family: "Microsoft YaHei";}
.f30{ font-size:30px;font-family: "Microsoft YaHei";}
.f36{ font-size:36px;font-family: "Microsoft YaHei";}
.b{font-weight:bold;}

/*------ 字体颜色  ----*/
.white{color:#fff;}
.red{color:#ff0000;}
.blue{color:#289A55;}
.orange{color:#FF6600;}
.green{color:#009966;}
.brown{color:#CA9800;}

/*----------------------------------------------end 公共部份-----------------------------------------*/

/*-----------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:99999;width:100%;}
.sp_logo{padding:5px 10px 10px 10px;float:left;height:60px}
.sp_logo img{margin:auto;max-height:40px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#289A55;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s;z-index:99999;}
.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%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;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;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}

/*------------------------------手机站导航结束----------*/


/*----手机站banner----*/
/* rslides */
.rslides{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.rslides li{
	-webkit-backface-visibility:hidden;
	position:absolute;
	display:none;
	width:100%;
	left:0;
	top:0;
}
.rslides li:first-child{
	position:relative;
	display:block;
	float:left;
}
.rslides img{
	display:block;
	height:auto;
	float:left;
	width:100%;
	border:0;
}
/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top:-30px; position:relative;z-index:100;margin-bottom:0px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}

/* Callback example */
.callbacks_container{
	margin-bottom:2px;
	position:relative;
	width:100%;
	max-width:100%;
	text-align:center;
}

.callbacks{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.callbacks li{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
.callbacks img{
	display:block;
	position:relative;
	z-index:1;
	height:auto;
	width:100%;
	border:0;
}
.callbacks .caption{
	display:block;
	position:absolute;
	z-index:2;
	font-size:20px;
	text-shadow:none;
	color:#fff;
	background:#000;
	background:rgba(0,0,0, .8);
	left:0;
	right:0;
	bottom:0;
	padding:10px 20px;
	margin:0;
	max-width:none;
}
.callbacks_nav{
	position:absolute;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	top:50%;
	left:0;
	opacity:0.6;
	z-index:3;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	height:61px;
	width:38px;
	background:transparent url("../images/themes.gif") no-repeat left top;
	margin-top:-30px;
	display:none;
}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{
	left:auto;
	background-position:right top;
	right:0;
}

@media screen and (max-width:600px){
	.callbacks_nav{
		top:47%;
	}
}

/*----手机站banner end----*/

/*--------首页主体-------------*/

/*-------首页_产品--------*/
.mob_all{ width:100%; overflow:hidden;}
.contont{ width:96%; margin:5% auto; overflow:hidden;}
.inpro_title{ width:100%; height:35px; line-height:35px; text-align:center; margin-top:5px;}
.inpro_line{ width:150px; height:20px; background:url(../images/line_blue.png) top center no-repeat; margin:0 auto;}
.inpro_en{width:100%; height:15px; line-height:15px; text-align:center;}

.inpor_list{ width:100%; float:left; overflow:hidden;}
.inpor_list ul{width:100%; float:left; overflow:hidden; margin-top:15px;}
.inpor_list ul li{width:46%; float:left;  overflow:hidden;margin:2%; text-align:center;}
.inpor_list ul li img{}

.inpro_more{ width:96%; height:42px;text-align:center; margin:20px auto;}
.inpro_more a{ width:100%; height:40px; border-radius:5px; border:1px solid #ccc; line-height:40px; text-align:center;display:block;}
.inpro_more a:hover{ width:100%; height:40px; border:1px solid #289A55; color:#fff; line-height:40px; text-align:center; background:#289A55; display:block;}

/*-------首页_公司简介--------*/

.mob_about{width:100%; overflow:hidden; background:#F3F3F3; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC;}
.contont{ width:96%; margin:1% auto; overflow:hidden;}

.inabout{ width:98%; background:#999; overflow:hidden; margin:10px auto;}
.inabout img{ width:96%; margin:2%; height:auto;}
.inabout_dec{ width:98%; overflow:hidden; margin:10px auto;}
.inabout_dec img{ width:100%;}

/*-------首页_新闻--------*/
.innews_list{ width:98%; overflow:hidden; margin:20px auto 0px;}
.innews_list ul{ width:100%; overflow:hidden;}
.innews_list ul li{ width:100%; overflow:hidden; border-bottom:1px dashed #CCCCCC; float:left; float:left; margin-bottom:10px;}
.innews_list_left{ width:35%; overflow:hidden; float:left;}
.innews_list_left img{ width:100%;}
.innews_list_right{ width:63%;  overflow:hidden;  float:left; margin-left:2%;}
.innews_list_title{ width:100%; float:left; line-height:180%;}
.innews_list_dec{width:100%; float:left; line-height:180%;}

/*-------首页_底部--------*/
.infoot{ width:100%; height:45px; line-height:45px; text-align:center; border-top:1px solid #CCC; margin-bottom:55px;}
.in_bottom_bg{ width:100%; height:55px; position:fixed; margin-top:45px;background:#289A55; bottom:0;}
.in_bottom_bg ul{ width:100%; overflow:hidden; float:left;}
.in_bottom_bg ul li{ width:33%; height:55px; float:left; text-align:center;}

.in_bottom_bg ul li span{ width:100%; text-align:center; height:20px; line-height:20px; float:left; font-size:14px;}

.in_bottom_bg ul li i{ width:100%; text-align:center; height:30px; line-height:40px; float:left;}
.in_bottom_bg ul li a{ color:#fff;}
.in_bottom_line_w{border-right:1px solid #fff;height:55px; line-height:55px;}
.in_bottom_line{border-right:1px solid #0066CA;height:55px; line-height:55px;}

/*-------内页_公司简介--------*/

.ny_about{ width:100%; height:40px; line-height:40px; background:#F2F2F2; margin-top:6px; text-align:right; border-bottom:1px solid #E2E2E2;}
.ny_about_tit{ width:90%; margin-right:10px; float:right; text-align:center;}

.ny_pro_catalog{ width:100%; font-size:16px; border-bottom:1px solid #CCC; height:30px; line-height:30px; border-top:1px solid #CCC; font-weight:bold;}
.ny_pro_list{ width:100%; overflow:hidden;}
.ny_pro_list ul{ width:100%; overflow:hidden; margin-bottom:10px; border-top:1px solid #CCC;border-bottom:1px solid #CCC;}
.ny_pro_list ul li{ height:35px; line-height:35px;  float:left; margin:5px 5px;}
.ny_pro_list ul li a{height:35px; line-height:35px; border:1px solid #CCC; float:left;padding:0px 5px; margin-bottom:5px;}
.ny_pro_list ul li a:hover{height:35px; line-height:35px; float:left; background:; text-align:12px; color:#FFF;}

.ny_pro_title{ width:100%; overflow:hidden;line-height:45px; text-align:center;}
.ny_pro_dec{ width:100%; height:30px; line-height:30px; text-align:center; border-bottom:1px solid #CCC; border-top:1px solid #CCC;}
.ny_pro_content{ width:100%; margin-top:10px; line-height:180%;}
.ny_pro_content img{ width:100%; height:auto;}
.ny_pro_prv{ width:100%; line-height:180%; float:left; margin-top:30px;border-top:1px solid #CCC;}
.ny_pro_goback{ width:100%; line-height:180%; float:right;margin-top:0px;  height:20px; line-height:20px;}




/*分页*/
.pagev{
	text-align:center;
	padding:10px 0px;
	color:#666;
	clear:both;
}
.pagev span{
	line-height:24px;
	padding:0px 5px;
	display: inline-block;
}
.fonts{
	color:#fff;
	background-color:#289A55;
	border:1px solid #289A55;
}
.pagev span a{
	background-color:#fff;
	color:#666;
	border:1px solid #D9D9D9;
	line-height:24px;
	padding:0px 5px;
	display: inline-block;
	text-decoration:none;
	margin:1.5em 0;
}
.pagev span a:hover{
	color:#fff;
	background-color:#289A55;
	border:1px solid #289A55;
}

/*客户留言*/
.liuyanform{
	
}
.form-group{
	margin-bottom:20px;
}
.form-group label{
	float: left;
	width:10%;
	font-size:16px;
	color:#666;
	line-height:40px;
	text-align: right;
    margin-right:1%;
}
.form-group input{
	line-height:38px;
	border:1px solid #ccc;
	border-radius:5px;
	outline:none;
	width:50%;
	padding-left: 15px;
	font-family:"微软雅黑";
}
.form-group textarea{
	line-height:25px;
	border:1px solid #ccc;
	border-radius:5px;
	outline:none;
	resize:none;
	width:50%;
	padding-left: 15px;
	font-family:"微软雅黑";
}
.form-group1 input{
	display:block;
	width:200px;
	margin:0 auto;
	line-height:45px;
	background-color:#2d9aea;
	color:#fff;
	font-size:16px;
	text-align:center;
	font-family:"微软雅黑";
}
