@charset "utf-8";

/* base 公共部分 */
body { font: 0.85em "思源黑体 CN"; color:#555; margin: 0px; text-align:center; background:#fff;}
*{ padding:0; margin:0; font-family:"思源黑体 CN" !important; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
a { color:#555; text-decoration:none;}
a:hover{ color:#dcc43e; text-decoration:none;}
ul,li{ list-style:none;}
img { border:none; }
.clearboth { clear:both; }
.page1{ text-align:center; margin:10px 0 30px 0; width:100%; float:left;}
.page1 a{ background:#b3b3b3; color:#fff; margin:0 2px; padding:2px 8px;}
.page1 a.dq,.page a:hover{ background:#35aae7;}

h1,h2,h3,h4,h5,h6{ font-weight:normal;}


.bb{ background:#35aae7; color:#fff !important;}

.wrapper{min-width:300px; max-width:640px; margin:0 auto;overflow:hidden;padding:0;}
/*头部*/
.header{width:100%;}
.header .logo{width:60%; float:left; margin-top:15px; margin-left:3%; text-align:left;}
.header .logo a{ font-size: 20px; text-align: left; color: #555; font-weight: bold;}
.header .logo img{max-width:64%; height:auto; float:left;}
.header .logo a span{ display:inline-block; font-size:18px; border-left:1px dashed #999; color:#333; margin-left:6px; padding-left:6px; float:left; font-weight:500;}
.header .nav-box{width:16%;float:right; margin-top:10px; margin-right:4%;}
.header .nav-box img{width:70%;}

.nav{ width:100%; position:relative; z-index:1;  }
.nav a{ color:#fff;  }
.nav .nLi{ float:right;  position:relative; display:inline;  }
.nav .nLi h3{ float:left;  text-align:right; }
.nav .sub{ display:none; width:120px; right:0; top:40px;  position:absolute; background:#f1d131;  line-height:26px; padding:5px 0;  }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; padding:0 10px; }
.nav .sub a:hover{ background:#35aae7; color:#fff;  }

.product_s{ width:96%; margin:20px auto;}		
.product_s .tit{ float:left; margin-bottom:10px;}
.product_s .tit h2{ text-align:left; font-size:20px; color:#333; line-height:20px; margin:0; font-weight:normal;}
.product_s .tit h3{ text-align:left; font-size:12px; color:#656565; line-height:20px; margin:0;}
.product_s .product_more{ /*background:url(../images/more.png) no-repeat center center; background-size:100% 100%;*/
 float:right; display:block; width:113px; height:30px; margin-top:2px;}	
 .product_s .product_more img{ display:block; margin:auto; max-width:100%;}

.product_con .product_list_s{ float:left; width:49%; margin-left:2%; border:1px solid #ddd; margin-bottom:10px;}
.product_con .product_list_s:nth-child(odd){ margin-left:0;}
.product_con .product_list_s .product_tu{ max-width:100%; overflow:hidden;}
.product_con .product_list_s .product_tu img{ transform:scale(1,1); transition-duration:0.5s; max-width:100%;}
.product_con .product_list_s:hover .product_tu img{ transform:scale(1.1,1.1); transition-duration:0.5s;}
.product_con .product_list_s .product_zi{ padding: 0 6px;}
.product_con .product_list_s .product_zi a{ display:block; overflow:hidden;
 text-align:center; font-size:14px; color:#555; line-height:24px; height:48px; margin-bottom:4px; background:#f5f5f5;}


.about_s{ padding:20px 0 0 0; background:url(../images/about_bg.jpg) no-repeat top right; background-size:auto 100%;}
.about_zi{ width:100%; color:#fff;}		
.about_zi h2{ font-size:20px; text-align:center; line-height:26px;}
.about_zi h3{ font-size:12px; text-align:center; margin:0;}
.about_zi .about_con{ width:90%; overflow:hidden; margin:10px auto;}
.about_zi .about_con p{ text-align:left; text-indent:2em; color:#fff; font-size:12px; line-height:18px; margin:0;}	
.about_zi .about_con a{ text-decoration:none !important;}	
.about_zi .about_con a:hover p{ text-decoration:none; color:#35aae7;}

.about_ic{ margin:10px 0;}
.about_ic .about_ic_list{ width:33.3%; height:120px; float:left; background:url(../images/ic_bg_01.png) no-repeat top center; background-size:101% 100%;}		
.about_ic .list2{ background:url(../images/ic_bg_02.png) no-repeat top left; background-size:100% 100%;}
.about_ic .list3{ background:url(../images/ic_bg_03.png) no-repeat top left; background-size:100% 100%;}
.about_ic_tu{ width:32px; height:32px; margin:16px auto 10px auto;}
.about_ic_tu img{ max-width:100%;}
.about_ic_zi{ margin:auto;}
.about_ic_zi h2{ font-size:15px; color:#fff; margin:0; text-align:center;}	
.about_ic_zi h3{ margin-top:2px;}	
.about_ic_zi h3 b{ display:block; font-weight:normal; color:#fff; font-size:14px; text-align:left; margin-bottom:2px;}
.about_ic_zi h3 strong{ display:block; font-weight:normal; color:#fff; font-size:12px; line-height:14px; text-align:center;}
.about_ic_tu:hover img{ 
	-moz-animation-name:xzY; -moz-animation-duration:2s; -moz-animation-iteration-count:1;
	-webkit-animation-name:xzY; -webkit-animation-duration:2s; -webkit-animation-iteration-count:1;
	-o-animation-name:xzY; -o-animation-duration:2s; -o-animation-iteration-count:1;
	-ms-animation-name:xzY; -ms-animation-duration:2s; -ms-animation-iteration-count:1;
	animation-name:xzY; animation-duration:2s; animation-iteration-count:1;	
}
@-moz-keyframes xzY{/* Firefox */
	0%{ -moz-transform:rotateY(0deg);}
	100%{-moz-transform:rotateY(360deg);}	
}
@-webkit-keyframes xzY{/* Safari 和 Chrome */
	0%{ -webkit-transform:rotateY(0deg);}
	100%{-webkit-transform:rotateY(360deg);}	
}
@-o-keyframes xzY{/* Opera */
	0%{ -o-transform:rotateY(0deg);}
	100%{-o-transform:rotateY(360deg);}	
}
@-ms-keyframes xzY{ /* Internet Explorer */
	0%{ -ms-transform:rotateY(0deg);}
	100%{-ms-transform:rotateY(360deg);}	
}
@keyframes xzY{
	0%{transform:rotateY(0deg);}
	100%{transform:rotateY(360deg);}		
}

.news{ margin:0 auto 30px auto;}

.news_s{ width:96%; margin:30px auto 10px auto;}		
.news_s .tit{ float:left; text-align:letf;}
.news_s .tit h2{ text-align:left; font-size:20px; color:#333; line-height:20px; margin:0; font-weight:normal;}
.news_s .tit h3{ text-align:left; font-size:12px; color:#656565; line-height:20px; margin:0;}
.news_s .news_more{ background:url(../images/more.png) no-repeat center center; background-size:100% 100%;
 float:right; display:block; width:113px; height:30px; margin-top:2px;}

	
	
.news_con{ margin-top:5px;}		
.news_con .news_list_s{ width:100%; background:#f2f2f2; margin-bottom:16px; padding:6px;}		
/*.news_con .news_list:nth-child(odd){ margin-bottom:0;}	*/	
.news_con .news_list_s .news_tu{ width:36%; height:auto; float:left;}		
.news_con .news_list_s .news_tu img{ max-width:100%; height:auto;}		
.news_con .news_list_s .news_zi{ float:left; width:60%; margin-left:4%;}
.news_con .news_list_s .news_zi h2{ margin:0px 0 0 0;}		
.news_con .news_list_s .news_zi h2 a{ display:block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
 text-align:left; font-size:14px; color:#333; margin:0;}		
.news_con .news_list_s .news_zi span{ display:block; text-align:left; font-size:12px; color:#999; margin:0px 0 0px 0;}		
.news_con .news_list_s .news_zi p a{  display:block; text-align:left; text-indent:2em; font-size:12px; line-height:20px; height:40px; overflow:hidden; color:#999;}		
.news_con .news_list_s .news_zi p{ margin:6px 0 0 0;}		
.news_more a{ display:block;background:url(../images/more.png) no-repeat center center; width:113px; height:30px; margin:auto;}		
.news_con .news_list_s:hover{ background:#35aae7;}		
.news_con .news_list_s:hover .news_zi h2 a{ color:#fff;}
.news_con .news_list_s:hover .news_zi p a{ color:#fff;}		
.news_con .news_list_s:hover .news_zi span{ color:#fff;}	

.link{ margin-bottom:90px;}
.link .tit{ text-align:center; margin-bottom:10px;}
.link .tit h2{ text-align:center;}
.link .tit h3{ font-size:12px;}
.g2{width:100%; height:42px; margin:0 auto 10px 0;}
	.g2 ul li span{ display: block; margin:0 6px; height: 42px;}
	.g2 ul li{}
	.g2 ul li span a img{ display:block; max-width: 99%; height: auto; margin: auto; border:1px solid #ddd;}
	.g2 ul li span a p{ font-size: 12px; text-align: center; color: #FFF; height: 20px; line-height: 20px;}

.button{width: 100%; height: 60px; position: fixed; bottom: 0; background-color: #35aae7; max-width:640px; z-index: 999; display: flex;}
.button a{ background-size:26px 26px; width:25%; background-repeat:no-repeat; background-position:center 8px; border-left:1px solid #2f95cc; height:60px;}
.button a:first-child{ border-left:none;}
.button a span{ display:inline-block; text-align:center; color:#fff; font-size:13px; padding-top:38px;}
/*产品列表页面*/
.product-grid{ text-align: center; }
.product-grid .product-image{
	overflow: hidden;
	position: relative;
	display:block;
}
.product-grid .product-image:before{
	content: "";
	background: rgba(0,0,0,0.01);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
}
.product-grid .product-image img{
	width:100%;
	height:auto;
}
.product-grid .pic-1{
	opacity: 1;
	transform: rotateY(0);
	transition: all 0.5s ease-out 0s;
}
.product-grid:hover .pic-1{
	opacity: 0;
	transform: rotateY(-90deg);
}
.product-grid .pic-2{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transform: rotateY(-90deg);
	transition: all 0.5s ease-out 0s;
}
.product-grid:hover .pic-2{
	opacity: 1;
	transform: rotateY(0deg);
}
.product-grid .discount{
	width: 100%;
	padding: 6px 0;
	background: #e3f3fc;;
	font-size: 14px; line-height:20px; height:52px; overflow:hidden;
	font-weight:normal;
	color: #000;
	position:relative;
	bottom: 0;
	left: 0;
	text-align:center;
}
.product-ny2{ margin:20px auto 20px auto;}
.product-ny1{ float:left; width:49%; margin:0 0 10px 2%; border:1px solid #dfdfdf;}
.product-ny1:nth-child(odd){ margin-left:0;}
/*产品列表页面*/


/*菜单*/
.nav{ width:100%; height:50px; line-height:50px; float:left; font-size:16px; background:#fff;}
.nav ul{width:100%; margin:0 auto;}
.nav ul li{ background:#fff; width:120px; float:left; position:relative;}
.nav ul li a{ display:block; text-align:center; color:#363434;}
.nav ul li a:hover,.header .nav ul li a.dq{ background:#3f9bff; color:#fff;}


/*banner*/
.slideBox{ width:100%;  overflow:hidden; position:relative;   }
.slideBox .hd{ height:12px; overflow:hidden; position:absolute;right:50%; margin-right:-16px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:12px; height:12px;  text-align:center; background:#fff; cursor:pointer; border-radius:15px; }
.slideBox .hd ul li.on{ background:#35aae7; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; display:block;  }



.main{margin-top:10px;/* width:92%; padding:0 3%;*/}

/*内页*/


.intro{}
.about{padding:15px 0;line-height:26px;min-height:360px;}
.about p{ margin-bottom:10px;}


.hall {display: block;width: 100%;height: auto;}


/*内页*/
.sider-title{height:40px; line-height:40px; background:#014387;padding:0 2%; color:#fff;font-size:1.1em; font-weight:bold; }
.sider-title span{float:left; }
.sider-title a{float:right; color:#fff; }

/*内页左边菜单*/
.weizhi{width: 96%; margin: 0% auto; margin-bottom: 10px; color: #333; height: 32px; line-height: 32px;
    border-bottom: 1px solid #ddd; padding-left:22px; text-align:left; background:url(../images/home.png) no-repeat left 8px; background-size:20px;}
.weizhi a{ color: #555;}
.weizhi span{ color:#35aae7;}

.about-ny1 h2{ text-align:center; font-size:20px; color:#2a2a2a; line-height:30px;}
.about-ny1 h3{ text-align:center; font-size:13px; line-height:26px; color:#656565; font-weight:normal; margin-bottom:10px;}
.about-ny1 h2 b{ font-style:normal; color:#1049a0; font-size:20px;}
.about-ny1 p{ font-size:14px; line-height:2; text-align:left; text-indent:2em; color:#555; margin:0;}


.sidebar{ width:96%; margin:0 auto 80px auto;}
.side_menu{ position: relative;}

.side_menu .title{text-align: left; height: 34px; line-height: 34px; background:#35aae7; color: #fff; font-size: 14px; padding: 0 0 0 10px;}
.side_menu .title span{ display:inline-block; color:#fff; font-size:20px;}
.side_menu .intro{ margin-bottom: 10px;}
.side_menu .intro ul li{ border-bottom:1px solid #ddd; font-size:14px; line-height:30px; text-align:left;}
.side_menu .intro ul li a{ display:block; background:#eee; height:30px; line-height:30px;  font-size:14px; padding-left:10px;}
.side_menu .intro ul li a:hover,.side_menu .intro ul li a.active,.side_menu .intro ul li:hover{  color:#35aae7;}
#menu2 ul ul{ display:none;  position:absolute; top:0;  left:200px; width:200px; border-left:solid 1px #fff; z-index:10;}

.contact1{ margin:10px auto;}
.contact1 .tit{ margin-bottom:10px;}
.contact1 .contact1-left{ width:100%; margin-bottom:20px;}
.contact1 .contact1-left input{ padding-left:10px; border:1px solid #c3c3c3; height:35px; line-height:34px; width:100%;
 margin-left:0px; color:#555; font-size:14px; margin-bottom:10px;}
.contact1 .contact1-left input:hover,.contact1 .contact1-left textarea:hover{ border:1px solid #1049a0;}
.contact1 .contact1-left input:nth-child(odd){ margin-left:0;}
.contact1 .contact1-left textarea{ width:100%; height:100px; padding-left:10px; border:1px solid #c3c3c3; margin-bottom:10px; padding-top:10px;}
.contact1 .contact1-left button{ width:100%; border:2px solid #35aae7; line-height:33px; background:#fff; color:#555; text-align:center;
 font-size:14px; font-weight:bold; line-height:32px;}
.contact1 .contact1-left button:hover{ background:#35aae7; color:#fff;}


.contact_con{ width:96%; margin:10px auto;/* padding-left:10%;*/}
.contact_con p{ text-align:left; font-size:14px; color:#555; line-height:30px;}
.contact_con p span{ display:inline-block; color:#333; font-size:16px;}

/*新闻列表*/
.news_list{ padding:0; width:100%;}
.news_list ul li{ border-bottom:dotted 1px #dbdbdb; padding-bottom:6px; line-height:24px; margin-bottom:10px; text-align:left;}
.news_list ul li b img{ width:100%; height:auto; display:block; margin:auto;}
.news_list ul li h2 a{ color:#555; text-decoration:none;text-overflow:ellipsis; overflow:hidden; display:block; width:100%; margin-top:6px; font-size: 16px; line-height: 24px;}
.news_list ul li i{ background:url(../images/icon3.png) no-repeat left center; height:20px; padding-left:22px;
 font-size:12px; text-align:left; color:#555; font-style:normal; line-height:20px; display:inline-block;}
.news_list ul li p{ font-size:14px; line-height:24px; height:48px; overflow:hidden; text-align:left; color:#666;}
.news_list ul li a:hover{ text-decoration:underline; color:#3f9bff;}



/*新闻详细页*/
.news-ny6 h2{ font-size:16px; text-align:center; color:#333; margin-bottom:0px;}
.news-ny6 .sj{ margin:0px auto 10px auto; text-align:center;}
.news-ny6 b{ display:inline-block; font-size:12px; line-height:20px; color:#666; font-weight:normal;}
.news-ny6 b img{ width:20px; height:20px; vertical-align:middle; display:inline-block;}
.news-ny6 .news-ny7{ font-size:15px; line-height:2; text-align:left; color:#555; font-weight:normal;}
.news-ny6 .news-ny7 p{ text-indent:2em; font-size:14px;}
.news-ny6 .news-ny7 img{ display:block; margin:10px auto; max-width:100%; height:auto;}
.news-ny6 a,.return{ display:block; text-align:center; font-size:15px; color:#555; margin:20px auto;}
.product_show3{ margin:10px 0;}
.product_show3 li a{ display:block; height:24px; line-height:24px; text-align:left; font-size:13px; color:#555; border-bottom:1px dashed #ddd; margin:0;}

.quanxian{ text-align:left; color:#555;}
.cul .tit{ margin-bottom:10px;}
.cul .tit h3{ font-size:12px;}
.cul .cul_con{ text-align:left; font-size:14px; line-height:2; color:#555;}
.cul .cul_con p{ text-indent:2em;}
.cul_con img{ display:block; margin:10px auto; max-width:100%;}

.case{ margin:10px 0 0 0;}
.case ul li{ float:left; width:45%; padding:10px 0; margin:0 2% 10px 2%; border:1px solid #e5e5e5;}
.case ul li img{ display:block; margin:auto; width:100%; height:46px;}
.case ul li:hover{ border:1px solid #35aae7;}


/*======内页右边内容=====*/
/*内页右边标题*/
.side_right{ width:96%; padding:0 0 10px 0%; background:#fff; min-height:400px; margin-top:20px; overflow:hidden; margin: auto;}
.side_right .title6{ border-bottom:solid 1px #e3e3e3; height:24px; text-align:left;}
.side_right .title6 .dangq{ font-size:14px; border-left:solid 3px #35aae7; padding-left:6px; float:left;}
.side_right .title6 a:hover{ text-decoration:underline;}

.side_right .tit h3{ font-size:12px; text-transform:uppercase;}

/*内页右边单页及表格、表单样式*/
.side_right .intro{ line-height:26px; padding:0;}
.side_right .intro strong{ font-weight:bold;}
.side_right .intro h4{ font-size:16px; margin:0 0 10px 0; text-align:left; color:#014387;}
.side_right .intro .jj-t{ float:right; width:100%; margin-top:10px;}
.side_right .intro .jj-t img{ max-width:100%; display:block;}
.side_right .intro .jj-t h2{ text-align:center; font-size:14px; color:#555; margin:0;}
.side_right .intro p{ font-size:12px; text-align:left;}
.side_right .intro table{ text-align:left; }
.side_right .intro table tr td{ padding:4px; background:#fff;}
.side_right .intro table tr td a:hover{ color:#c30;}
.side_right .intro table input, .side_right .intro table textarea{ border:solid 1px #ccc; padding:4px; font-family:"宋体"; border-radius:3px;}
.side_right .intro table input.button{background:#555; color:#fff; cursor:pointer; padding:2px 10px; border:none;}

/*产品详细*/
.product_show{ padding: 0;}
.product_show .cp1{ margin-bottom:20px;}
.product_show .pic{ width:100%; margin:auto;}
.product_show .pic img{ max-width:100%; /*border:solid 1px #dadada;*/}
.product_show .guige{ width:100%; text-align:left; margin-top:20px;}
.product_show .guige ul li{ border-bottom:dotted 1px #ccc; line-height:24px; padding-left:10px; margin-bottom:10px; text-align:center;}
.product_show .guige ul li .font1{ color:#333; font-weight:normal; font-size:16px;}
.product_show .sm{ width:100%; float:left; margin-top:20px;}
.product_show .sm .smbt{ border-bottom:solid 1px #dadada; width:100%; float:left;}
.product_show .sm .smbt span{ background:#35aae7; color:#fff; padding:5px 10px; border-radius:4px 4px 0 0; font-size:12px; float:left;}
.product_show .sm .neirong{ padding:10px; line-height:24px; float:left; text-align:left;}
.product_show .sm .neirong p{ font-size: 13px;}
.product_show .sm .neirong table{ width:100%; border-collapse:collapse;}
.product_show .sm .neirong table th,.product_show .sm .neirong table td{ border-collapse:collapse; border:1px solid #555;}