@CHARSET "UTF-8";


.mobile-content {
	position: relative;
}


#header {
	width: 100%;
	text-align: center;
	padding-top: 5px;
	background: #fff;
	font-weight: bold;
	padding-bottom: 5px;
	line-height: 44px;
	font: bold 20px/44px "微软雅黑";
	color: #434343;
	position: relative;
	border-bottom: 1px solid #bebebe;
}


#header img {
	width: 100%;
}


.header_left {
	width: 74px;
	height: 34px;
	background: url("../images/abc.png") center 10px no-repeat;
	background-size: 26px 24px;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 5px;
}


.header_right {
	width: 74px;
	height: 34px;
	background: url("../images/13.png") center 10px no-repeat;
	position: absolute;
	right: 0;
	top: 0;
	background-size: 26px 21px;
	margin-top: 5px;
}


/*header css style*/








#nav {
	text-align: left;


	width: 100%;


	padding: 5px 0 5px 0px;


	background: #e33b3d;


	display: -webkit-box;
}


#nav li {
	height: 28px;


	line-height: 28px;


	font: 400 14px/28px '微软雅黑';


	-webkit-box-flex: 1;
}


#nav li a {
	display: block;
	color: #fff;
	width: 100%;
	font-weight: bold;
}





/*网站头部返回按钮样式*/


.header_return {
	position: absolute;
	right: 15px;
	top: 2px;
}


.header_return img {
	width: 43px;
	height: 40px;
}





/*banner css style*/


.out_b {
	overflow: hidden;
	margin: 0 auto;
	width: 320px;
	padding-top: 10px;
	padding-bottom: 10px;
}


.slide {
	position: relative;
	height: 150px;
	overflow: hidden;
	width: 320px;
	overflow: hidden;
	margin: 0 auto;
}


.slide .content {
	height: 320px;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
}


.slide a {
	display: inline-block;
	float: left;
	width: 320px;
	height: 150px;
}


.slide a img {
	width: 320px;
}


.slide .mark {
	width: 100%;
	position: absolute;
	height: 3px;
	bottom: 0;
	background-color: rgba(51, 51, 51, 0.5);
	-webkit-transform: translate3d(0, 0, 0);
	display: -webkit-box;
}


.slide .mark li {
	display: block;
	-webkit-box-flex: 1;
	height: 100%;
	overflow: hidden;
}


.slide .mark li.active {
	background-color: #25a4bb;
}





.scroll {
	width: 320px;
	height: auto;
	margin: 0 auto 0 auto;
	position: relative;
	overflow: hidden;
}


.mod_01 {
	float: left;
	width: 320px;
}


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


.dotModule_new {
	padding: 0 5px;
	height: 11px;
	line-height: 6px;
	-webkit-border-radius: 11px;
	position: absolute;
	bottom: 5px;
	right: 50%;
	z-index: 11;
	width: 80px;
	margin-right: -40px;
}


#slide_01_dot {
	text-align: center;
	margin: 1px 0 0 0;
}


#slide_01_dot span {
	display: inline-block;
	margin: 0 2px;
	width: 5px;
	height: 5px;
	vertical-align: middle;
	background: #f7f7f7;
	-webkit-border-radius: 5px;
}


#slide_01_dot .selected {
	background: #66ff33;
}





/*product css style*/





.products {
	position: relative;
	width: 99.5%;
	margin: 0 auto;
	margin-top: 10px;
	background: #fff;
}


.contentss {
	padding: 10px;
	line-height: 25px;
	text-align: left;
	text-indent: 25px;
}


.ee {
	padding-left: 20px;
	font-family: "微软雅黑";
}


.products_title {
	background: url("../images/eef.jpg") 18px center no-repeat #fff;
	background-size: 2px 22px;
	text-align: left;
	padding-left: 30px;
	border-bottom: 1px solid #d5d5d5;
	font: 400 14px/40px "微软雅黑";
	height: 40px;
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
}


.products ul {
	padding-bottom: 5px;
	text-align: left !important;
}


.products ul li {
	display: inline-block;
	margin-top: 15px;
	text-align: center;
	overflow: hidden;
	width: 49.0%;
	padding: 5px;
}


.products ul li a {
	display: inline-block;
	overflow: hidden;


	border: 1px solid #fff;


	/*box-shadow: 3px 3px 5px #aaa;*/


	width: 100%;
}


.products ul li a img {
	display: block;
	width: 100%;
	height: auto;
	vertical-align: middle;
}


.products ul li h3 {
	display: block;
	width: 100%;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	text-align: center;
	background: #eee;
}








/* news css style*/


.news {
	position: relative;
	width: 99.5%;
	margin: 0 auto;
	background: #fff;
	color: #000;
}


.news_title {
	background: url("../images/eef.jpg") 18px center no-repeat #fff;
	background-size: 2px 22px;
	text-align: left;
	padding-left: 30px;
	border-bottom: 1px solid #d5d5d5;
	font: 100 14px/40px "微软雅黑";
	height: 40px;
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
}


.news ul {}


.news ul li {
	height: 35px;
	line-height: 35px;
	border-bottom: 1px solid #d3d3d3;
	background: url("../images/dd1.jpg") 95% center no-repeat;
	background-size: 20px 20px;
}


.news ul li a {
	font: 400 14px/35px "微软雅黑";
	padding-left: 28px;
	text-align: left;
	display: block;
}

















/* footer css style*/


.distraction {
	height: 51px;
	width: 100%;
	margin-bottom: 5%;
}


.footer {
	background: #303030;
	display: -webkit-box;
	width: 100%;
	margin-top: 6px;
	background-size: 9px 128px;
	position: fixed;
	z-index: 110;
	bottom: 0;
	left: 0;
}


.footer a {
	-webkit-box-flex: 1;
	display: -webkit-box;
	color: #fff;
}


.footer span {
	width: 74px;
	display: block;
	margin: 0 auto;
	text-align: right;
	font: 400 16px/35px "微软雅黑";
	color: #fff;
	height: 35px;
}


.footer span.span1 {
	background: url("../images/a1.png") 10px 6px no-repeat;
	background-size: 23px 27px;
}


.footer span.span2 {
	background: url("../images/a2.png") 10px 4px no-repeat;
	background-size: 23px 27px;
}


.footer span.span3 {
	background: url("../images/message.png") 10px 6px no-repeat;
	background-size: 23px 27px;
}


.footer span.span0 {
	background: url("../images/icon.png") 10px -75px no-repeat;
	background-size: 110px 385px;
}








/*share css style*/


#mobile_share {
	position: fixed;
	right: 0;
	bottom: 90px;


	width: 123px;
	z-index: 99999;
	background: #fff;
	padding: 0;
	overflow: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transform: translateX(100%);
}


#mobile_share h2.title {
	text-align: center;
	line-height: 30px;
	height: 30px;
	background: #717577;
	color: #fff;
	font-size: 14px;
}


#mobile_share .share_item {
	padding: 8px;
	background: #fff;
	border: 1px solid #f1f1f1;
}


#mobile_share .share_item li {
	display: block;
	overflow: hidden;
	margin: 8px 0;
	border-bottom: 1px solid #f1f1f1;
	padding-bottom: 8px;
}


.share-link {
	display: block;
	margin: 0 auto;
	width: 105px;
	overflow: hidden;
	line-height: 32px;
	font-size: 12px;
	padding-left: inherit;
}


.share-link i {
	background: url("../images/share_icon.png") no-repeat;
	background-size: 200px 32px;
	width: 32px;
	height: 32px;
	display: block;
	margin-right: 20px;
	float: left;
}


.share-link span {
	display: inline-block;
}


.share-weibo i {
	background-position: 0 0;
}


.share-renren i {
	background-position: -42px 0;
}


.share-douban i {
	background-position: -84px 0;
}


.share-qweibo i {
	background-position: -126px 0;
}


.share-qzone i {
	background-position: -168px 0;
}


.share-weixin {
	display: block;
	margin: 0 auto;
	width: 105px;
	overflow: hidden;
	line-height: 32px;
	font-size: 12px;
	padding-left: inherit;
}


.share-weixin i {
	background: url("../images/share_icon2.png") no-repeat;
	background-size: 32px 32px;


	width: 32px;
	height: 32px;
	display: block;
	margin-right: 20px;
	float: left;
}


.share-weixin span {
	display: inline-block;
}


body {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	position: relative;
}





/*job css style*/


.jobcontent h4 {
	background-color: #fff;
	height: 26px;
	line-height: 26px;
	padding-left: 15px;
}


.jobcontent .text {
	padding: 5px 15px;
	line-height: 20px;
}





/*search css style*/


.search {


	background: #F4F4F4;


	padding: 7px;


}


.search #keyword {


	width: 78%;


	height: 30px;


	background: #fff;


	outline: none;


	border: none;


	font-size: 12px;


	color: #666;


	float: left;


	text-align: left;


	padding-left: 2%;


	border-radius: 4px 0 0 4px;


}


.search #s_btn {


	width: 20%;


	float: left;


	height: 30px;


	border-radius: 0 4px 4px 0;


	outline: none;


	border: none;


	background: #1954ba;


	color: #fff;


	font-size: 12px;


	font-family: "Microsoft YaHei";


}


/*search news css style*/


.newslist {
	border-top: 10px solid #fff;
	border-bottom: 10px solid #fff;
}


.newslist li {
	text-align: left;
	padding-left: 10px;
	line-height: 34px;
	height: 34px;
	position: relative;
	margin-bottom: 1px;
	background: #fff;
	font-family: "Microsoft YaHei"
}


.newslist li span {
	position: absolute;
	right: 10px;
	top: 0;
}





/*container*/


.container {


	width: 640px;


	margin: 0 auto;


}


@media (max-width: 640px) {


	.container {


		width: 100%;


	}


}
































/*导航*/


.sun_twnav {


	background: url("../images/nav_bg.jpg");


	background-size: cover;


	padding: 5%;


}


.sun_twnav li {


	float: left;


	width: 30.333%;


	margin: 0 1.5% 10px 1.5%;


	height: 35px;


	border-radius: 5px;


	opacity: 1;


}


.sun_twnav li a {


	font-size: 14px;


	color: #fff;


	text-align: center;


	display: block;


	line-height: 35px;


	text-overflow: ellipsis;


	white-space: nowrap;


	overflow: hidden;


}


.sun_twnav .nava {
	background-color: #1954ba;
}


.sun_twnav .navb {
	background-color: #ff9900;
}


.sun_twnav .navc {
	background-color: #00a2ff;
}


.sun_twnav .navd {
	background-color: #65c221;
}


.sun_twnav .nave {
	background-color: #0084ff;
}


.sun_twnav .navf {
	background-color: #b02acd;
}


.sun_twnav .nava1 {
	background-color: #e00b1f;
}


/*推荐产品*/


.mob_box {


	background: #fff;


	padding: 20px 0;


}


.mob_box_fz {


	background: none;


}


.mob_tit {


	padding: 0 2%;


	line-height: 35px;


	margin-bottom: 15px;


}


.mob_tit span {


	font-size: 20px;


	color: #333;


	display: inline-block;


	vertical-align: middle;


}


.mob_tit a {


	float: right;


	font-size: 14px;


	color: #666666;


}


.sun_pro ul {


	padding: 0 1%;


}


.sun_pro li {


	float: left;


	width: 31.3333%;


	height: 140px;


	margin: 0 1%;


	border: 1px solid #ededed;


	box-sizing: border-box;


	border-bottom: 1px solid #ffd201;


}


.sun_pro li img {


	width: 100% !important;


	height: 106px;


}


.sun_pro li h3 {


	font-size: 12px;


	color: #2b2b2b;


	font-weight: bold;


	line-height: 2;


	text-overflow: ellipsis;





	overflow: hidden;


	padding: 0 5%;


	box-sizing: border-box;


}





.sun_pro li .price {


	font-size: 14px;


	padding: 0 5%;


	color: #e40808;


	margin-bottom: 10px;


	font-weight: bold;


}





/*解决方案*/


.sun_jjfa li {


	float: left;


	width: 48%;


	margin: 0 1% 5px 1%;


	background: url("../images/jjfa_bg.png");


	background-size: cover;


	padding: 10px 0;


}


.sun_jjfa li .img {


	width: 10%;


	text-align: center;


	float: left;


}


.sun_jjfa li .img img {


	max-width: 100%;


}


.sun_jjfa li .wz {


	width: 90%;


	float: right;


	padding-right: 2.5%;


}


.sun_jjfa li .wz h3 {


	font-size: 14px;


	color: #fff;


	line-height: 2;


	text-overflow: ellipsis;


	white-space: nowrap;


	overflow: hidden;


}


.sun_jjfa li .wz p {


	font-size: 14px;


	color: #fff;


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


	overflow: hidden;


	margin-bottom: 10px;


}





/*sun_case*/


.sun_case li {


	width: 31.333%;


	float: left;


	margin: 0 1%;


	position: relative;


}


.sun_case li img {


	width: 100%;


	height: 112px;


}


.sun_case li h3 {


	position: absolute;


	width: 100%;


	text-align: center;


	background: rgba(0, 0, 0, 0.5);


	color: #fff;


	line-height: 30px;


	bottom: 0;


	z-index: 999;


	text-overflow: ellipsis;


	white-space: nowrap;


	overflow: hidden;


}





/*sun_news*/


.sun_news ul {


	padding: 0 2%;


}


.sun_news li {
	line-height: 45px;
	border-bottom: 1px dashed #ededed;
	background: url("../images/news_li_bg.png") left center no-repeat;
	padding-left: 25px;
	font-size: 14px;
}


.sun_news li a {
	color: #555555;


	font-size: 14px;
}


.sun_news li a:hover {
	color: #E40808;
}


.sun_news li span {
	float: right;
	color: #a9a9a9;


	font-size: 12px;
}


/*sun_footer*/


.sun_footer {


	position: fixed;


	z-index: 999;


	bottom: 0;


	width: 100%;


	background: #fff;


	border-top: 1px solid #DBDBDB;


}


.sun_footer li {


	width: 33%;


	text-align: center;


	float: left;


	padding-top: 5px;


}





.sun_footer li .img {


	height: 20px;


	width: 20px;


	display: block;


	margin: 0 auto;


	text-align: center;


}


.sun_footer li .img img {


	max-width: 100%;


	max-height: 100%;


	vertical-align: middle;


}


.sun_footer li .img:after {


	content: '';


	display: inline-block;


	height: 100%;


	vertical-align: middle;


}


.sun_footer li p {


	text-align: center;


	color: #666;


	font-size: 12px;


	line-height: 25px;


}





/*sun_nav_box*/


.sun_nav_bg {


	position: fixed;


	top: 0;


	left: 0;


	z-index: 999;


	width: 100%;


	height: 100%;


	background: rgba(0, 0, 0, 0.6);


	display: none;


}


.nav_close {


	position: absolute;


	top: 10px;


	right: 63%;


	width: 30px;


	height: 30px;


	cursor: pointer;


}


.sun_nav_box {


	width: 60%;


	height: 100%;


	position: fixed;


	z-index: 9999;


	top: 0;


	/*right:0;*/


	right: -100%;


	background: #333436;


	box-shadow: -2px 0 5px #000;


}


.sun_nav_box li {


	border-bottom: 1px solid #45494C;


}


.sun_nav_box li img {


	vertical-align: -2px;


	margin-right: 5px;


}


.sun_nav_box li a {


	color: #fff;


	font-size: 17px;


	position: relative;


	display: block;


	padding: 4% 0 4% 25px;


}





.sun_mav_btn {


	position: fixed;


	z-index: 99;


	left: 10px;


	bottom: 70px;


	width: 40px;


	height: 40px;


	cursor: pointer;





}








.job_cate {
	width: 99.5%;
	margin: 0 auto;
	margin-top: 20px;
}


.job_cate ul li {
	height: 35px;
	line-height: 35px;
	border-bottom: 1px solid #d3d3d3;
	background: url("../images/abcd.png") 95% center no-repeat;
	background-size: 20px 20px;
}


.job_cate ul li a {
	font: 100 12px/35px "微软雅黑";
	padding-left: 20px;
	text-align: left;
	display: block;
}








.class-btn {


	font-size: 12px;


	line-height: 44px;


	cursor: pointer;


	background: url("../images/btn.png") no-repeat 4%;


	background-size: 16px 16px;


	padding-left: 41px;


	color: #434343;


	width: 100%;


}














.bg-shaow {


	background: rgba(0, 0, 0, 0.5);


	position: fixed;


	width: 100%;


	height: 100%;


	z-index: 9;


	display: none;


}








#list ul {
	overflow: hidden;
}


#pagecount {
	text-align: center;
	margin-top: 15px;
	padding-bottom: 10px;
}


#pagecount span a {
	margin: 0 2px;
	padding: 3px 8px;
	background: #cfcfcf;
	color: #fff;
	font-size: 12px;
}


#pagecount span.pageBtn-selected a {
	background: #e33b3d
}


#pagecount span.prevpage,
#pagecount span.nextpage {
	padding: 3px 5px;
	background: #e33b3d;
	color: #fff;
	margin: 0 2px;
	font-size: 12px;
}


#pagecount span.prevpage a,
#pagecount span.nextpage a {
	background: #e33b3d;
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: 12px;
}








#nav {
	text-align: left;


	width: 100%;


	padding: 5px 0 5px 0px;


	background: #e33b3d;


	display: -webkit-box;
}


#nav li {
	height: 28px;


	line-height: 28px;


	font: 100 14px/28px '微软雅黑';


	-webkit-box-flex: 1;
}


#nav li a {
	display: block;
	color: #fff;
	width: 100%;
	font-weight: bold;
}











.product_cate {


	width: 100%;


	margin: 0 auto;


	position: absolute;


	left: 0;


	top: 0px;


	z-index: 999;


	overflow-x: hidden;


	-webkit-overflow-scrolling: touch;


	-webkit-transition: all 0.3s ease-in-out 0s;


	-moz-transition: all 0.3s ease-in-out 0s;


	-ms-transition: all 0.3s ease-in-out 0s;


	transition: all 0.3s ease-in-out 0s;


	height: auto;


	padding: 5px 0;


	display: none;


	background: #fff;


}





.product_cate_title {


	background: url("../../images/eef.jpg") 18px center no-repeat #fff;


	background-size: 2px 22px;


	text-align: left;


	padding-left: 30px;


	border-bottom: 1px solid #d5d5d5;


	font: 100 16px/40px "微软雅黑";


	height: 40px;


	width: 100%;


	border-bottom: 1px solid #d5d5d5;


}





.product_cate ul {}





.product_cate ul li {


	line-height: 35px;


	position: relative;


}





.product_cate ul li.yiji {


	border-bottom: 1px solid #d3d3d3;


}





.product_cate ul li a {


	font: 400 12px/35px "微软雅黑";


	padding-left: 20px;


	text-align: left;


	display: block;


	width: 88%;


}





.product_cate ul li .class-down {


	position: absolute;


	top: 0;


	right: 0;


	width: 12%;


	display: block;


	line-height: 35px;


	cursor: pointer;


	background: url("../images/abcd.png") center no-repeat;


	height: 35px;


	background-size: 20px 20px;


}





.product_cate ul li .layer2 li a {


	padding-left: 28px;


}





.product_cate ul li .layer2 .layer3 li a {


	padding-left: 36px;


}





.product_cate ul li .class-up {


	background: url("../images/abcde.png") center no-repeat;


	background-size: 20px 20px;


}








.job_cate {
	width: 99.5%;
	margin: 0 auto;
	margin-top: 20px;
}


.job_cate ul {}


.job_cate ul li {
	height: 35px;
	line-height: 35px;
	border-bottom: 1px solid #d3d3d3;
	background: url("../images/abcd.png") 95% center no-repeat;
	background-size: 20px 20px;
}


.job_cate ul li a {
	font: 400 12px/35px "微软雅黑";
	padding-left: 20px;
	text-align: left;
	display: block;
}

















.main_44nr {
	width: 100%;
	height: auto;
	padding: 1em;
	color: #000;
	font-size: 0.8rem;
	line-height: 1.5rem;
	text-indent: 2em;
}


/*底部联系*/


.main_66 {
	/*width:80%;*/


	height: auto;
	margin: 0 auto;
	-webkit-background-size: 100% 100%;
	text-align: center;
	padding: 6% 10% 8% 10%;
}


.main_66 p {
	width: 100%;
	height: auto;
	float: left;


	border-bottom: 2px solid #a5a5a5;


	text-align: center;


	/*border-bottom:2px solid #f00; */


	font-size: 1.7em;
}


.main_66 i {
	color: #333;
}


.main_66 span {
	font-size: 18px;
	font-size: 1.4em;
}





/*分页*/


.fenye {


	width: 100%;


	text-align: center;


	margin: 30px 0;


}


.fenye .fenye_nei li {


	display: inline-block;


}


.fenye .fenye_nei a {


	display: inline-block;


	padding: 0 13px;


	height: 34px;


	text-align: center;


	line-height: 34px;


	margin: 0 3px;


	border-radius: 5px;


	border: #dddddd solid 1px;


	overflow: hidden;


	font-size: 13px;


	color: #999999;


}


.fenye .fenye_nei a:hover {


	background: #0866bd;


	color: #fff;


}


.fenye .fenye_nei a.on {


	background: #014c91;


	color: #fff;


}

.fenye select {


	height: 36px;


	vertical-align: top;


	text-align: center;


	line-height: 24px;


	margin: 0 3px;


	border-radius: 5px;


	border: #dddddd solid 1px;


	overflow: hidden;


	font-size: 13px;


	color: #999999;


}





/*联系留言*/


#con_lx {
	height: auto;
	overflow: hidden;
	line-height: 2.0;
	font-size: 14px;
	width: 90%;
	margin-bottom: 20px;
}


#con_lx p {
	border-bottom: 1px dotted #ccc;
	line-height: 35px;
	padding-left: 20px;
	transition: 0.3s all 0s linear;
}


#con_lx p:hover {
	background: #efefef;
	color: #000;
	border-bottom: 1px solid #ccc;
	padding-left: 30px;
}








#contact_02_form {
	width: 96%;
	margin: 18px auto 0;
}


#contact_02_form .form01 .line1 {
	width: 100%;
	height: 48px;
	line-height: 48px;
	padding: 0 46px 0 13px;
	/* float: left; */
	margin: 0 34px 25px 0;
}


#contact_02_form .form01 input {
	border: 1px solid #d5d5d5;
	font-size: 14px;
	font-family: "微软雅黑";
}


#contact_02_form .form01 textarea {
	width: 100%;
	border: 1px solid #d5d5d5;
	padding: 10px 46px 10px 13px;
	height: 149px;
	font-size: 14px;
	font-family: "微软雅黑";
	line-height: 1.5;
	margin-bottom: 20px;
	background: #fff url("../images/i_form_ico4.png") no-repeat right top;
}


#contact_02_form .form02 {
	width: 310px;
	height: 50px;
	margin: 0 auto;
	margin-bottom: 80px;
}


#contact_02_form .form02 input {
	width: 310px;
	height: 50px;
	border: 0;
	background: #1954ba;
	font-size: 16px;
	font-family: "微软雅黑";
	line-height: 50px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	transition: all .4s;
}


#contact_02_form .form02 input:hover {
	background: #006dca;
}











/*neir*/


.content div p img {


	width: 100%;


}


/*视频*/


video {


	margin-left: 0px !important;


	width: 100%;


}











/*列表*/


#list li a img {


	height: 141px;


}





/*电话*/


.mod-button {


	padding: 10px;


	/*position: relative;*/


}


.mod-button-t4 a {


	background: #1954ba;


	border: 1px solid #1954ba;


}


.mod-button a {


	display: inline-block;


	text-align: center;


}


.mod-button-t4 a {


	border-radius: 100px;


	color: #fff;


}


.mod-button a span {


	font-size: 16px;


}