@charset "utf-8";

/* CSS Document */

html {
	color: #333;
	background: #fff
}

body,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
img,
ul,
li,
a,
strong,
span,
p,
dl,
dt,
dd,
input,
textarea {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
	text-decoration: none;
	font-family: "microsoft yahei";
	text-align: left;
}

* {
	padding: 0;
	margin: 0;
	text-align: left;
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

a {
	text-decoration: none;
}

fieldset,
img {
	border: 0
}

ol,
ul {
	list-style: none
}

caption,
th {
	text-align: left
}

.w1200 {
	width: 1200px;
	margin: 0 auto;
}

.div-height {
	height: 20px;
}

.w-100 {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.w-1100 {
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
}

.w-1100-1 {
	width: 1100px;
	margin: 0 auto;
}

.w-1200 {
	width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.w-1200-1 {
	width: 1200px;
	margin: 0 auto;
}

.w-1236 {
	width: 1236px;
	margin: 0 auto;
	overflow: hidden;
}

.w-1280 {
	width: 1280px;
	margin: 0 auto;
}

.line01 {
	width: 100%;
	border-top: #d8d8d8 1px solid;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	clear: both;
}

.mt-4 {
	margin-top: 4px;
}

.mt-6 {
	margin-top: 6px;
}

.mt-8 {
	margin-top: 8px;
}

.mt-10 {
	margin-top: 10px;
}

.mt-15 {
	margin-top: 15px;
}

.mt-20 {
	margin-top: 20px;
}

.mt-30 {}

.mt-35 {
	margin-top: 35px;
}

.mt-40 {
	margin-top: 40px;
}

.mt-50 {
	margin-top: 55px;
}

.mt-60 {
	margin-top: 55px;
}

.mt-65 {
	margin-top: 65px;
}

.mt-70 {
	margin-top: 70px;
}

.mt-80 {
	margin-top: 80px;
}

.mt-90 {
	margin-top: 90px;
}

.mt-100 {
	margin-top: 100px;
}

.mt-110 {
	margin-top: 110px;
}

.mt-120 {
	margin-top: 120px;
}

.mt-130 {
	margin-top: 130px;
}

.mt-140 {
	margin-top: 140px;
}

.mt-150 {
	margin-top: 155px;
}

.mt-160 {
	margin-top: 155px;
}

.mt-170 {
	margin-top: 170px;
}

.mt-180 {
	margin-top: 180px;
}

.mt-250 {
	margin-top: 255px;
}

.mb-10 {
	margin-bottom: 10PX;
}

.mb-20 {
	margin-bottom: 20PX;
}

.mb-30 {
	margin-bottom: 30px;
}

.mb-40 {
	margin-bottom: 40px;
}

.mb-50 {
	margin-bottom: 55px;
}

.mb-60 {
	margin-bottom: 65px;
}

.bg-tc {
	background-position: top center;
	background-repeat: no-repeat;
}

.bg-tl {
	background-position: top left;
	background-repeat: no-repeat;
}

.bg-tr {
	background-position: top right;
	background-repeat: no-repeat;
}

.f-s13 {
	font-size: 13px;
}

.f-s14 {
	font-size: 14px;
}

.f-s15 {
	font-size: 15px;
}

.f-s16 {
	font-size: 16px;
}

.f-s17 {
	font-size: 17px;
}

.f-s18 {
	font-size: 18px;
}

.f-s20 {
	font-size: 20px;
}

.f-s22 {
	font-size: 22px;
}

.f-s24 {
	font-size: 24px;
}

.f-s26 {
	font-size: 26px;
}

.t-align-r {
	text-align: right;
}

.t-align-l {
	text-align: left;
}

.t-align-c {
	text-align: center;
}

.t-color-w {
	color: #ffffff;
}

.f-s18 {
	font-size: 18px;
}

.f-s14 {
	font-size: 14px;
}

.baizi a:link {
	color: #ffffff;
	text-decoration: none;
}

.baizi a:visited {
	color: #ffffff;
	text-decoration: none;
}

.baizi a:hover {
	color: #ffe400;
	text-decoration: none;
}

.heizi a:link {
	color: #333333;
	text-decoration: none;
}

.heizi a:visited {
	color: #333333;
	text-decoration: none;
}

.heizi a:hover {
	color: #333333;
	text-decoration: none;
}


/*标题*/
.tctb {
	height: 166px;
	width: 100%;
	z-index: 1000;
}
.tctb1 {
	width: 275px;
	height: 72px;
	padding-top: 24px;
	float: left
}
.tctb2{padding-top: 38px;}
.header{width: 1200px; margin: 0 auto;}
.header p{color: #FFFFFF;font-size: 14px;padding: 5px 0 0 5px;    width: 400px;
    float: left;}
.demo{float: right;font-size: 14px;padding: 5px 0 0 0;}
.demo a{color: #FFFFFF;}
.header_phone{padding: 23px 25px 0 0;}
.header_phone p{font-size: 17px;color: #FFFFFF;}
.header_phone h2{font-size: 28px;font-weight:bold;color: #FFFFFF;}
.head{width: 1200px; margin: 0 auto;}


.zytb{ height:238px; width:100%; background:  url(../Img/menu_bg.png) no-repeat center center;position:absolute; z-index:1000; }
.zytb1{ width:250px; height:65px; padding-top:30px; float:left}

/*menu*/
.nav1_{ width:1200px; height:127px; line-height:127px; float:right;margin-top: 35px;}
.shang{position: relative;}
.tb2 {position: absolute;
    top: 5px;
    right: 5px;
}
.tb2 a {
    z-index: 999;
    color: #ecedee;
    height: 40px;
    margin: 0 10px;
    border: #ecedee 1px solid;
    padding: 5px 7px;
    font-size: 14px;    background: #8fc320;
}



.nav1_ li{width:110px; float:left; height:127px; line-height:127px; text-align:center; }
.nav1_ li a{font-size:16px; color:#fff; height:92px; line-height:97px; width:110px; display:block; font-family:"Microsoft Yahei"; }
.nav1_ li a:hover{border-bottom:#ffbb18 5px solid; font-size:16px; color:#fff; height:87px; line-height:97px; width:110px; display:block; font-family:"Microsoft Yahei";}
.nav1_ li:nth-child(5){margin-left: 320px;}
/*end menu*/


/*middle*/


/*所有标题*/
.juzhongz {
	background:url(../Img/pro_bg.jpg) no-repeat;height: 1063px;overflow: hidden;
}
.title{text-align: center;}
.title_com{display: inline-block;text-align: center;    padding: 40px 0 25px 0;}
.juzhong {
	text-align: center;   
}
.juzhong1 {
}
.hxny {
	width: 100%;
	height: 500px;
	background-image: url(../Img/11.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
.more{    width: 1200px;
    margin: 0 auto;
    text-align: center;}
.more a{display: inline-block;text-align: center;width: 192px;height: 47px;background: #3173b5;border-radius: 25px;color: #FFFFFF;font-size: 20px; 
   box-shadow: 0 3px 8px rgba(0,0,0,.3);    padding: 9px;box-sizing: border-box;    margin: 40px 0;}



/*公司简介*/
.tcjj {
	width: 100%;
	height: 716px;
	background-image: url(../Img/company_bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
.jianjie{position: relative;}
.msg_bro{width: 600px;height: auto;color: #333;    padding: 55px 0 0 0;}
.msg_bro h2{font-size: 29px;text-align: left;    line-height: 48px;}
.msg_bro h1{font-size: 34px;text-align: left;margin: 0 0 20px 0;color: #24a90f;}
.neirong{ padding: 12px 0 0 0;    height: 320px;}
.msg_bro p{font-size: 16px; color: #333333;   line-height: 25px;    margin: 0 auto;
    padding: 5px 0 0 0;}
.msg_pro{width: 600px;  height: 300px;  margin: -25px 0 0 0; z-index: 999;position: absolute;right: 0;}    
.pro_s{width: 570px;height: 350px;background: #FFFFFF;box-sizing: border-box;}
.pro_s ul li{width: 179px; height: 160px;background: #0055AA;float: left;margin: 9px 0  0 8px;}
.bro_s{width: 700px;height: 175px;background: url(../Img/bro_bg.png) no-repeat center center;}
.bro_s ul li{float: left;margin: 115px 0 0 0;}
.bro_s ul li P{text-align: center;font-size: 15px;display: inline-block;width: 225px;}


.heng{height: 300px;background: url(../Img/heng_bg.jpg) no-repeat center center;}
.hengn{width: 1200px;margin: 0 auto;text-align: right;    }
.hengn h3{text-align: right;font-size: 38px;    line-height: 110px; color: #FFFFFF;   margin-right: 75px;}
.hengn p{text-align: right;font-size: 24px;    line-height: 26px;margin-right: 175px;}
.hengn span{color: #FFFFFF;font-size: 22px; display: inline-block;   margin: 69px 200px 0 0;}



/*产品*/
.tccp {
	display: inline-block;
	text-align: center;
	margin: 0 auto;
}

.tccp img {
}

.tccp h2 {
	font-size: 36px;
	color: #282828;
	line-height: 54px;
	float: right;
	letter-spacing: -0.5px;
}

.tccp h2 span {
	color: #289800;
}

.tccp1 {
	font-size: 15px;
	color: #6a6a6a;
	text-align: center;
	line-height: 30px;
}

.tccp2 {
	    width: 100%;
    margin: 10px 0 0 0;
}


.dlt{height: 190px;width: 212px;background: #3651b2;}
.dlt h4{color: #FFFFFF;font-size: 30px;    line-height: 45px;margin: 42px 0 0 0 ;}

.cpfff {
	width: 980px;    margin: -9px 0 0 0;    height: 205px;
    overflow: hidden;
}

.cpfff a {
	   display: inline-block;
    width: 178px;
    color: #ffffff;
    background: #24a90f;
    height: 40px;
    border: 1px solid #0b6cb8;
    text-align: center;
    line-height: 40px;
    margin: 5px 8px;
    font-size: 16px;
}

.cpfff a:hover {
	background-color: #00aa51;
	color: #FFFFFF;
}

.cpjs {
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}

.cpjs p {
	text-align: center;
	color: #333333;
	font-size: 14px;
}

.product {
	width: 100%;
	height: 365px;
	padding-top: 25px;
}

.lwcp1 {
	width: 1200px;
	height: 755px;
	overflow: hidden;
	float: left;
	margin-left: 0;
}

#demoy {
	float: left;
	overflow: hidden;
	width: 1200px;
	color: #336699;
	text-align: left;
	margin-top: 5px;
}

#demoy1 ul,
#demo2 ul {
	display: block;
	width: 3600px;
	overflow: hidden
}

#demoy1 ul li {
	width: 375px;
	height: 360px;
	float: left;
	border: 1px solid #999;
	background: #FFFFFF;
	margin-top: 10px;
	margin-left: 18px;
}

#demoy1 ul li:hover {
	background: #FFFFFF;
}

#demoy1 ul li:hover a p {
	color: #333;
}

#demoy1 ul li a h3,
#demo2 ul li a h3 {
	width: 375px;
	height: 255px;
	overflow: hidden;
	margin: 0 auto;
}

#demoy1 ul li a h3 img,
#demo2 ul li a h3 img {
	width: auto;
	height: 255px;
	transition: all .5s ease;
	overflow: hidden;
}

#demoy1 ul li a p {
	font-size: 16px;
	    line-height: 25px;
    padding-left: 10px;
	text-align: left;
	color: #333;
}
#demoy1 ul li a p1{background:url(../Img/tip.jpg) no-repeat;width: 355px;
    height: 40px;margin: 5px 0 0 8px;    color: #222;
    padding: 8px 0 0 10px;font-size: 18px;
    display: inline-block; } 
#demoy1 ul li a h3:hover img,
#demo2 ul li a h3:hover img {
	transform: scaleX(1.1) scaleY(1.1);
}

#demoy1 ul li a ol,
#demo2 ul li a ol {
	text-align: left;
	text-indent: 1em;
	font-weight: bold;
	    margin: 0 12px 0 11px;
	line-height: 39px;
	transition: all .5s ease;
	color: #FFFFFF;
	background-image: url(../Img/tt.jpg);
}

#demoy1 ul li a:hover ol,
#demo2 ul li a:hover ol {
	color: #fff
}

#demoy2 ul li {
	width: 380px;
	height: 315px;
	margin: 8px 10px;
}

@keyframes sss {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-20px);
	}
}

@keyframes sss1 {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-5px);
	}
}

@keyframes sss2 {
	0% {
		transform: translateY(-5px);
	}
	100% {
		transform: translateY(0);
	}
}

.tccp2_1 {
	width: 293px;
	height: 262px;
	float: left;
	margin-top: -65px;
	margin-left: 50px;
	animation: sss 1s infinite alternate linear;
}

.tccp2_2 {
	width: 800px;
	float: right
}

.ss a {
	width: 100px;
	height: 100px;
	line-height: 100px;
	border-radius: 100px;
	text-align: center;
	font-size: 15px;
	float: left;
	color: #fff;
	display: block;
	margin: 10px 25px;
	border: 1px #fff solid
}

.ss a:hover {
	background-color: #ff7e0b;
	color: #fff;
}

.sss1 a {
	width: 225px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 15px;
	float: left;
	color: #fff;
	display: block;
	margin: 5px 5px;
	background-color: #46930f
}

.sss1 a:hover {
	background-color: #ff7e0b;
	color: #fff;
}

.qimo8 {
	overflow: hidden;
	width: 1200px;
	height: 355px;
	margin: 10px auto;
}

.qimo8 .qimo {
	width: 8000%;
}

.qimo8 .qimo div {
	float: left;
}

.qimo8 .qimo ul {
	float: left;
	overflow: hidden;
	zoom: 1;
}

.qimo8 .qimo ul li {
	float: left;
	list-style: none;
	text-align: center;
	width: 295px;
	margin-right: 10px;
	overflow: hidden;
	border: 1px #dbdbdb solid
}

.qimo8 .qimo ul li img {
	width: 295px;
	height: 295px;
	transition: all .5s ease;
}

.qimo8 .qimo ul li ol {
	text-align: center;
	height: 40px;
	line-height: 40px;
	transition: all .5s ease;
	color: #000;
	font-size: 15px;
	background-color: #eeeeee
}

.qimo8 .qimo ul li:hover ol {
	background: #46930f;
	color: #fff
}

.qimo8 li a {
	color: #444444;
}


/*发货现场*/

.cf1 a {
	width: 155px;
}
.anlicon {
	height: 547px;
	background: url(../Img/case_bg.jpg) no-repeat center center;
	box-sizing: border-box;
	padding: 30px 0 0 0;
	
}
.tccp3 {
	box-sizing: border-box;
	    padding: 20px 0 30px 0;
}
	.picScroll-left{ width:1200px;  position:relative;margin: 0 auto;  }
		.picScroll-left .bd{ padding:20px;     overflow: hidden;  }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picScroll-left .bd ul li .pic{ text-align:center;    border: 1px solid #0b6cb8; }
		.picScroll-left .bd ul li .pic h3{width:275px; height:315px;overflow: hidden;display:block; }
		.picScroll-left .bd ul li .pic img{ width:275px; height:315px;overflow: hidden; display:block; }
		.picScroll-left .bd ul li .pic ol{text-align:center; line-height: 40px; color: #0b6cb8;}
		.picScroll-left .bd ul li .pic ol:hover{background: #0b6cb8;color: #FFFFFF;}
		.picScroll-left .bd ul li .pic a:hover img{ border-color:#999; transform: scale(1.1);transition: all 1s ease;}
		.picScroll-left .bd ul li .title{ line-height:24px;   }
        .tempWrap{width: 1200px!important;}
        .prev{    position: absolute;
    top: 150px;cursor: pointer;
    left: -40px;}
        .next{position: absolute;
    top: 150px;cursor: pointer;
    right: -50px;}

.miao_lh {
	height: 300px;
}

#demoyh {
	float: left;
	overflow: hidden;
	width: 100%;
	height: 340px;
	color: #336699;
	text-align: left;
}

#demoy1h ul,
#demo2h ul {
	display: block;
	width: 4400px;
	overflow: hidden
}

#demoy1h ul li {
	width: 386px;
	margin: 0px 10px;
	float: left
}

#demoy1h ul li a h3,
#demo2h ul li a h3 {
	width: 386px;
	height: 290px;
	overflow: hidden;
}

#demoy1h ul li a h3 img,
#demo2h ul li a h3 img {
	width: 386px;
	height: 290px;
	transition: all .5s ease;
}

#demoy1h ul li a h3:hover img,
#demo2h ul li a h3:hover img {
	transform: scaleX(1.1) scaleY(1.1);
}

#demoy1h ul li a ol,
#demo2h ul li a ol {
	text-align: center;
	height: 50px;
	line-height: 50px;
	transition: all .5s ease;
	background-color: #e0dfdf;
	color: #333;
}

#demoy1h ul li a:hover ol,
#demo2h ul li a:hover ol {
	background: #24a90f;
	color: #fff
}

#demoy2h ul li {
	width: 280px;
	height: 240px;
	margin: 0px 10px;
}




.ctus{background: #f8682b;height: 136px;  }
.ctusn{width: 1200px;margin: 0 auto;box-sizing: border-box;    padding: 30px 0;}
.ctusn h4,p{text-align: left;color: #FFFFFF;}
.ctusn h4{font-size: 32px;font-weight: 600;line-height: 45px;color: #FFFFFF;}
.ctusr{margin: -72px 0 0 0;}
.ctusr p{width: 180px;height: 50px;background: #FFFFFF;text-align: center;box-sizing: border-box;padding: 15px 0 0 0;}
.ctusr p a{color: #333333;}

/*新闻 */
.tcxw {
	width: 100%;height: 563px;
	margin: 0 auto;
	background-image: url(../Img/new_bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
.xinwen_news {
	margin: 53px 0 0 0;
	width:600px;
}
.xinwen_video{width: 505px;height:345px;background: #0068b7;margin: 66px 63px 0 0;}
.xlxw1_1{    width: 1200px;
    margin: 0 auto;}
.xinwen_news span {
	float: left;
	text-align: center;
	font-size: 20px;
	line-height: 42px;
	width: 110px;
	overflow: hidden;
	margin: 0 15px 0 0;
	height: 110px;
	color: #fff !important;
	background-color: #8AC7F8
}
.xinwen_news span img {
	width: 110px;
	height: 110px;
}

.xinwen_news span:first-line {
	font-size: 30px;
	font-weight: bold
}

.xinwen_news p {
	    padding: 0 10px 0 0;
	    color: #FFFFFF;width: 426px;
}

.xinwen_news li:hover {
	background-color: #F3F3F3;
}

.xinwen_news li:hover span {
	background-color: #1fb1e0;
	color: #FFFFFF !important;
}

.xinwen_news li {
	width: 562px;
	display: inline-block;
	overflow: hidden;
	height: 110px;
	    border: 1px solid #f0f0f0;
	margin: 7px 0 7px;
	line-height: 30px;
	font-size: 14px;
	background: #24a90f;
}

.xinwen_news li h3 {
	color: #FFFFFF;
	line-height: 45px;
}

.xinwen_news li:hover h3 {
	color: #333;
	text-indent: 35px;
}

.xinwen_news li:hover p {
	color: #333333
}

.xinwen_news li:hover span {
	color: #333333;
}


/*版权*/

/*版权*/
.footr {
	width: 100%;
	height: 396px;
	border-bottom: 1px solid #7a7a7a;
    background: url(../Img/foot_bg.jpg) no-repeat center center;  
}
.foot_menu{}
.foot_menu .nav{background: none;width: 1200px;margin: 0 auto;}
.foot_menu .nav li{height: 48px;width: 150px;    margin: 4px 0 0 0;}
.foot_menu .nav li a{height: 48px;line-height: 48px;color: #FFFFFF;}
.footr_1 {
	    width: 385px;height: 193px;
	float: left;    overflow: hidden;
	font-size: 15px;
	color: #FFFFFF;
	line-height: 25px;
    margin: 150px 0 0 0;
    box-sizing: border-box;
}
.footr_1 p{font-size: 16px;font-weight: normal;}
.footr_2>p{font-size: 22px;    line-height: 25px;}
.footr_2>a>p{color: #FFFFFF;font-size: 16px;    
    line-height: 27px;}
.footr_2 {
	width: 200px;
	height: 295px;
	float: left;overflow: hidden;
	padding: 0 30px;
	font-size: 14px;    padding: 45px 0 0 45px;
	color: #FFFFFF;
	line-height: 21px;
}
.footr_3 {width: 275px;
	height: 295px;
	float: left;padding: 38px 0 0 45px;
	overflow: hidden;
}
.footr_3>span{font-size: 22px;  color: #FFFFFF;  line-height: 25px;display: inline-block;line-height: 55px;}
.footr_3 p{line-height: 28px;color: #FFFFFF;}
.footr_4{width: 1200px;
    height: 40px;color: #FFFFFF;
    text-align: center;
    overflow: hidden;margin: 10px 0 0 0;
    }
.footr_4 p{color: #FFFFFF;}
.footr_4 p a{ color: #FFFFFF;}

.footr_5 {width: 205px;
	height: 295px;
	float: right;padding: 68px 0 0 0;
	overflow: hidden;}

.sss a {
	width: 350px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	float: left;
	color: #fff;
	display: block;
	margin: 3px 20px;
	border: 1px #ececec solid
}

.sss a:hover {
	background-color: #ffa21d;
	color: #fff;
}





/*内页列表*/

.nybanner{background: url(../Img/nybanner.jpg) no-repeat center center;height: 690px;}

.wyny {
	width: 1200px;
	margin: auto
}

.list_wd {
	min-height: 277px;
	width: 247px;    
}

.list_wd dt {
	text-align: center;
	color: #FFF;
	background-color: #1A5FAD;
	height: 80px;
	line-height: 80px;
	border-bottom: 1px #fff solid;
	font-size: 26px;
	font-weight: bold
}

.list_wd dtt {
	text-align: center;
	color: #FFF;
	background-color: #ededed;
	height: 80px;
	line-height: 80px;
}

.list_wd dd a {
	display: block;
	font-size: 15px;
	text-indent: 35px;
	color: #333;
	line-height: 47px;
	width: 247px;
	background-color: #f5f6fa;
	transition: all .2s ease;
	height: 47px;
	overflow: hidden;
	font-weight: normal;
	border-bottom: 1px #fff solid;
	;
	float: left
}

.list_wd dd a:hover {
	color: #ffffff;
	transition: all .2s ease;
	text-indent: 50px;
	background-color: #1A5FAD;
	   border-left: 7px solid #ffae0b;
	   box-sizing: border-box;
	overflow: hidden;height: 48px;
}
.showlist ol{display: none!important;}
.neiye_zuocon{    width: 247px;
    color: #FFFFFF;    padding: 15px;
    box-sizing: border-box;height: 385px;    margin-top: 10px;
        background: url(../Img/nyzuobg.jpg) no-repeat;
        }
.neiye_zuocon p{font-size: 16px!important;
    line-height: 30px!important;
}



/*内页*/

.pppp {
	width: 100%;
	padding: 20px 0;
}
.nyconbg{background: #F8F8F8;}
.ny {
	margin-bottom: 20px;
}
.ny h2,h4{text-align: center;}
.nyig{text-align: center;}

.ny p {
	    LINE-HEIGHT: 210%;
   color: #222222;
    font-size: 16px;font-family: "微软雅黑";
}


.bass2 {
    height: 50px;
    line-height: 60px;
    font-size: 14px;
    color: #666;
    width: 1200px;
    margin: 0 auto 30px;
    border-bottom: dashed 1px #ddd;
}
.nytit{padding: 10px 0 0 0;}
.nytit h2,h4{text-align: center;}

.neiye {
	width: 1200px;overflow: hidden;
}

.neiye img{    display: inline-block;
    margin: 0 auto;}
.neiye h3 {
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	color: #2f2f2f
}

.neiye h3 span {
	float: right;
	font-size: 14px;
	font-weight: normal;
	color: #888
}

.neiye h3 span a {
	color: #888
}

.neiye h2 {
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	font-weight: bold;
}
.category{background: #FFFFFF;    width: 1200px;
    margin: 0 auto;    
    box-sizing: border-box;
    padding: 15px 0 0 0;}
.category a{    width: 144px;
    height: 47px;
    line-height: 47px;
    font-size: 14px;
    color: #333;
       border: 1px #b3b3b3 solid;
   margin: 10px 0 0 27px;   box-sizing: border-box;
    display: inline-block;    text-align: center;}
.category a:hover{background-color: #24a90f;color: #FFFFFF;}



.content_1{ max-width:1200px; margin:80px auto 90px auto;}
.content_1:after{visibility: hidden;display: block;font-size: 0;content: ".";clear: both;height: 0;}
* html .content_1{zoom: 1;}
*:first-child + html .content_1{zoom: 1;}
.contact_1{ text-align:center;}
.contact_1 dl{ width:302px; height:350px; margin:0.2em 3.0% 0em 3.0%; display:inline-table}
.contact_1 .con_1a{ background: url(../Img/bg_11.jpg) no-repeat;}
.contact_1 .con_1b{ background: url(../Img/bg_12.jpg) no-repeat;}
.contact_1 .con_1c{ background: url(../Img/bg_13.jpg) no-repeat;}
.contact_1 dl dt{ width:100%; height:32px; font-size:1.2em; font-weight:bold; color:#23b6c7; padding-top:138px;text-align: center;}
.contact_1 dl dd{ width:252px; height:172px; margin:auto; padding-top:8px;}
.contact_1 dl dd p{font-size: 14px;}







/*滚动产品图片样式*/

.h-pro-gun01 li {
	float: left;
	margin-right: 19px;
	margin-bottom: 10px;
	margin-top: 14px;
	width: 320px;
	height: 430px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.h-pro-gun01 li:hover {}

.h-pro-gun01 li .tu {
	margin-top: 10px;
	margin-left: 10px;
	width: 300px;
	height: 300px;
	padding: 0px;
	border: 0px solid #434343;
	background-color: #e5e5e5;
	overflow: hidden;
}

.h-pro-gun01 li .tu img {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.h-pro-gun01 li:hover .tu img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	-webkit-transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
}

.h-pro-gun01 li .p1-t {
	margin: 0 auto;
	width: 94%;
	height: 37px;
	background: url(../Img/p1-t-bg.png) top right no-repeat #5a5a5a;
}

.h-pro-gun01 li .p1-t a h3 {
	float: left;
	display: block;
	height: 37px;
	line-height: 37px;
	font-size: 15px;
	color: #fff;
	text-align: center;
	letter-spacing: 0px;
	text-indent: 10px;
}

.h-pro-gun01 li .p1-t p {
	display: block;
	float: right;
	width: 86px;
	height: 37px;
	text-align: center;
	line-height: 37px;
	text-indent: 25px;
	font-size: 16px;
	color: #fff;
}

.h-pro-gun01 li:hover .p1-t a h3 {
	color: #fff;
}

.h-pro-gun01 li .dianhu {
	margin-top: 14px;
	width: 300px;
	height: auto;
}

.h-pro-gun01 li .dianhu p {
	display: block;
	padding: 2px 0px 2px 20px;
	font-size: 14px;
	color: #5b5b5b;
	letter-spacing: 0px;
	transition: all 0.3s ease-out;
}

.h-pro-gun01 li .dianhu span {
	display: block;
	padding: 2px 0px 2px 20px;
	font-size: 15px;
	color: #5b5b5b;
	letter-spacing: 0px;
	transition: all 0.3s ease-out;
}


/*滚动产品图片样式*/

.h-pro-gun02 li {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.h-pro-gun02 li .tu {
	width: 320px;
	height: 242px;
	background-color: #e5e5e5;
	border: 1px solid #fff;
	overflow: hidden;
}

.h-pro-gun02 li .tu img {
	width: 320px;
	height: 242px;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.h-pro-gun02 li:hover .tu img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	-webkit-transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
}

.h-pro-gun02 li a h3 {
	margin-top: 0px;
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #333;
	text-align: center;
	background-color: #eaeff3;
	letter-spacing: 0px;
}

.h-tit01 {
	width: 100%;
	overflow: hidden;
}

.h-tit01 h2 {
	width: 100%;
	height: 58px;
	font-size: 30px;
	color: #252424;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0px;
	text-transform: uppercase;
	letter-spacing: 0px;
}

.h-tit01 p {
	display: block;
	width: 100%;
	height: 28px;
	font-size: 18px;
	color: #252424;
	text-align: center;
	letter-spacing: 0px;
}

.h-tit01 span {
	display: block;
	font-size: 18px;
	color: #575757;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0px;
}


/*end所有标题*/

.h-proc1 {
	width: 1300px;
	height: auto;
}

.h-proc1 a {
	display: block;
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
	width: 193px;
	height: 40px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	background-color: #313131;
	border-radius: 5px;
}

.h-proc1 a:hover {
	background-color: #ff0000;
	color: #fff;
}

.h-proc1-hover {
	background-color: #ff0000 !important;
}

.h-m1 {
	width: 100%;
	height: 760px;
}

.h-m2 {
	width: 100%;
	height: 722px;
	background: url(../Img/bg2.jpg) top center no-repeat;
}

.h-m2-1 {
	margin-top: 262px;
	margin-left: 36px;
}

.h-m2-2 {
	float: left;
	width: 395px;
	height: auto;
}

.h-m2-2 .h-about {
	width: 100%;
	height: 323px;
	font-size: 15px;
	color: #fff;
	line-height: 180%;
	overflow: hidden;
	letter-spacing: 0px;
}

.h-m2-2 .h-about p {
	font-size: 15px;
	color: #fff;
	line-height: 180%;
	letter-spacing: 0px;
}

.h-m2-2 .more1 a {
	display: block;
	margin-top: 30px;
	width: 227px;
	height: 37px;
	border: 1px solid #fff;
	font-size: 15px;
	color: #fff;
	text-align: center;
	line-height: 35px;
}

.h-m2-3 {
	float: left;
	margin-left: 50px;
	width: 483px;
}

.h-m2-3 .b-img {
	width: 100%;
	height: 326px;
	background-color: #ebebeb;
	overflow: hidden;
}

.h-m2-3 .b-img .bh-img {
	margin-top: 8px;
	margin-left: 8px;
	width: 466px;
	height: 310px;
	overflow: hidden;
	background-color: #fff;
}

.h-m2-3 p {
	display: block;
	margin-top: 15px;
	font-size: 18px;
	color: #fff;
	line-height: 160%;
}

.h-case-tit {
	margin-top: 35px;
	width: 100%;
	height: 50px;
	font-size: 26px;
	color: #1d1d1d;
	text-align: center;
}

.h-news01-tit {
	width: 100%;
	height: 113px;
	font-size: 16px;
	color: #555;
	line-height: 113px;
	text-align: right;
	letter-spacing: 0px;
}

.h-news01 {
	float: right;
	width: 810px;
	height: auto;
}

.h-news01 li {
	margin-bottom: 23px;
	width: 100%;
	height: 80px;
	overflow: hidden;
}

.h-news01 li .l01 {
	float: left;
	width: 92px;
	height: 80px;
	border-right: 3px solid #555555;
}

.h-news01 li .l01 .n-day {
	width: 100%;
	height: 57px;
	font-size: 45px;
	color: #555;
	text-align: center;
	line-height: 57px;
	font-family: "Impact";
	letter-spacing: 0px;
}

.h-news01 li .l01 .n-month {
	width: 100%;
	font-size: 15px;
	color: #555;
	text-align: center;
	letter-spacing: 0px;
}

.h-news01 li .r01 {
	float: right;
	width: 690px;
	height: auto;
}

.h-news01 li .r01 a h2 {
	display: block;
	width: 100%;
	height: 36px;
	font-size: 16px;
	color: #555;
	letter-spacing: 0px;
	transition: all 0.3s ease-in-out;
}

.h-news01 li:hover .r01 a h2 {
	color: #fe0000;
}

.h-news01 li .r01 p {
	display: block;
	width: 100%;
	height: 36px;
	font-size: 14px;
	color: #555;
	letter-spacing: 0px;
	line-height: 130%;
	overflow: hidden;
}


/*end middle*/


/*bottom*/

.h-foot-bg {
	width: 100%;
	height: 365px;
	background: url(../Img/bg3.jpg) top center no-repeat;
}

.h-foot-zi1 {
	margin-top: 59px;
	width: 100%;
	height: 54px;
	font-size: 22px;
	color: #ef3a3a;
	text-align: left;
	border-bottom: 1px solid #bfbfbf;
	letter-spacing: 0px;
}

.h-link {
	margin: 0 auto;
	width: 1200px;
	height: 50px;
}

.h-link h3,
.h-link a {
	display: block;
	float: left;
	padding-right: 15px;
	font-size: 14px;
	color: #2b2b2b;
	line-height: 45px;
}

.h-foot-ewm {
	float: left;
	margin-top: 33px;
	margin-left: 39px;
	width: 480px;
}

.h-foot-ewm .f-zi1 {
	float: left;
	width: 66px;
	height: 137px;
}

.h-foot-ewm .f-zi1 p {
	display: block;
	margin-left: 14px;
	width: 20px;
	font-size: 14px;
	color: #fff;
	letter-spacing: 0px;
	line-height: 110%;
}

.f-content {
	float: right;
	margin-top: 30px;
	width: 610px;
	font-size: 15px;
	color: #fff;
	line-height: 170%;
	text-align: right;
	letter-spacing: 0px;
}

.f-content p,
.f-content p a .f-content a {
	font-size: 15px;
	color: #fff;
	line-height: 170%;
	text-align: right;
	letter-spacing: 0px;
}


/*end bottom*/


/*手机站样式*/

.img-m {
	text-align: center;
}

.mini-div {
	margin: 0 auto;
	max-width: 600px;
	height: auto;
	overflow: hidden;
	background-color: #fff;
}

.mini-title {
	width: 100%;
	height: 50px;
	font-size: 18px;
	color: #1a3a83;
	text-align: center;
	line-height: 50px;
}

.mini-class01 {
	width: 98%;
	margin-left: 2%;
}

.mini-class01 li {
	float: left;
	padding: 5px 0px;
	margin-right: 1%;
	margin-bottom: 1%;
	width: 48%;
	/*min-height:30px;*/
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 1px solid #666666;
}

.mini-class01 li a {
	display: block;
	width: 100%;
	/*min-height:30px;*/
	font-size: 14px;
	color: #666666;
	text-align: center;
}

.mini-h-about {
	padding: 10px;
	font-size: 14px;
	text-align: left;
	line-height: 170%;
}

.mini-menu {
	width: 100%;
	background-color: #1a3a83;
	padding: 10px;
}

.m-menu {
	width: 100%;
	margin: 0 auto;
}

.m-menu a {
	display: block;
	float: left;
	width: 24%;
	height: 40px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 20px;
}

.m-fl01 {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.m-fl01 a {
	display: block;
	margin-bottom: 10px;
	width: 19%;
	height: 66px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.m-fl01 a .tu {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 38px;
	text-align: center;
}

.m-fl01 a h3 {
	display: block;
	marign: 0px;
	padding: 0px;
	height: 15px;
	width: 100%;
	font-size: 14px;
	text-align: center;
	color: #fff;
}

.m-fl01-bg01 {
	background-color: #0165ba;
}

.m-fl01-bg02 {
	background-color: #fe4351;
}

.m-fl01-bg03 {
	background-color: #ff6f3d;
}

.m-fl01-bg04 {
	background-color: #32b16c;
}

.m-fl01-l {
	float: left;
	margin-left: 5%;
}

.m-fl01-r {
	float: right;
	margin-right: 5%;
}

.m-tit01 {
	margin-bottom: 15px;
	width: 100%;
	height: 40px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	line-height: 40px;
	background: url(../Img/m-tu02.png) no-repeat top center;
}

.m-tit01-1 {
	background-color: #fe4351;
}

.m-tit01-2 {
	background-color: #ff6f3d;
}

.m-tit01-3 {
	background-color: #32b16c;
}

.m-tit01-4 {
	background-color: #00b7ee;
}

.m-part02 {
	width: 90%;
	margin: 0 auto;
	height: auto;
}

.m-part02 a {
	display: block;
	margin-bottom: 10px;
	width: 29%;
	height: 30px;
	border: 1px solid #fe4351;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-align: center;
	line-height: 30px;
	color: #fe4351;
	font-size: 15px;
}

.m-part02-l {
	margin-right: 5%;
}

.m-part03 {
	width: 90%;
	margin: 0 auto;
	height: auto;
}

.m-part03 a {
	display: block;
	margin-bottom: 10px;
	width: 29%;
	height: 30px;
	border: 1px solid #ff6f3d;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-align: center;
	line-height: 30px;
	color: #ff6f3d;
	font-size: 15px;
}

.m-part04 {
	width: 90%;
	margin: 0 auto;
	height: auto;
}

.m-part04 a {
	display: block;
	margin-bottom: 10px;
	width: 29%;
	height: 30px;
	border: 1px solid #32b16c;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-align: center;
	line-height: 30px;
	color: #32b16c;
	font-size: 15px;
}

.m-part05 {
	width: 90%;
	margin: 0 auto;
	height: auto;
}

.m-part05 a {
	display: block;
	margin-bottom: 10px;
	width: 29%;
	height: 30px;
	border: 1px solid #00b7ee;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-align: center;
	line-height: 30px;
	color: #00b7ee;
	font-size: 15px;
}

.m-part06 {
	width: 100%;
	padding: 20px 0px 30px 0px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	background-color: #f51d1d;
}

.m-part06-1 {
	width: 80%;
	margin: 0 auto;
}

.m-part06-1 a {
	display: block;
	width: 100%;
	height: auto;
	font-size: 14px;
	color: #fff;
	border-bottom: 1px solid #fff;
}

.ny-readid {
	width: 100%;
	background-color: #efefef;
	height: auto;
	padding: 15px 0px;
	overflow: hidden;
}

.ny-readid .tiao001 {
	width: 90%;
	height: auto;
	margin: 0 auto;
	font-size: 14px;
	color: #333;
}

.ny-readid .tiao001 a {
	color: #09C;
}

.mini-top {
	overflow: hidden;
}

.mini-top img {
	display: block;
}


/*menu1*/

.mini-menu-bg {
	padding: 5px 0px 5px 0px;
	width: 100%;
	height: auto;
	background-color: #262a2d;
}

.mini-menu1 {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
}

.mi-menu1 {
	width: 23%;
	height: 30px;
	background-color: #f8bf00;
	margin: 5px 0 5px 0px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.mi-menu1 a {
	display: block;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	color: #000;
}


/*标题1*/

.m-tit02 {
	width: 100%;
	height: 88px;
	background: url(../Img/mini-tit-bg.jpg) no-repeat top center;
	font-size: 20px;
	line-height: 110px;
	text-align: center;
	color: #887b5a;
	overflow: hidden;
}

.m-tit03 {
	margin: 0 auto;
	width: 90%;
	height: 36px;
	font-size: 20px;
	line-height: 36px;
	text-align: center;
	color: #000;
	background-color: #f8bf00;
	overflow: hidden;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

.img-m img {
	margin: 0 auto;
}


/*固定在底部*/

.fotheight {
	height: 50px;
}

.fotfixed {
	position: fixed;
	bottom: 0;
	width: 100%;
	max-width: 640px;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	height: 50px;
	background-color: #353535;
}

.footerWrap {
	width: 98%;
	margin: 0 auto;
	padding-left: 3%;
	padding-top: 6px;
}

.footerWrap li {
	float: left;
	width: 24%;
	height: 44px;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
	position: relative;
}

.footerWrap li:last-child {
	border: 0;
}

.footerWrap .text {
	display: block;
	color: #fff;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
}

.footerWrap .icon {
	width: 30px;
	height: 20px;
	display: block;
	background: url(../images/common.png) no-repeat;
	background-size: 400px;
	margin: 4px auto 0 auto;
	position: relative;
}

.footerWrap .tel {
	background-position: -90px -110px;
}

.footerWrap .email {
	background-position: 0 -110px;
}

.footerWrap .qq {
	background-position: -360px -109px;
}

.footerWrap .map {
	background-position: -120px -110px;
}

.footerWrap .share {
	background-position: -60px -110px;
}

.footerWrap .message {
	background-position: -30px -110px;
}

.sharebox {
	display: none;
	position: absolute;
	width: 242px;
	height: 52px;
	left: -120px;
	top: -52px;
	background: #fff;
	padding: 5px 0 5px 10px;
	border-radius: 5px;
	border: 1px solid #ccc;
}


/*end 手机站样式*/


/*手机banner轮播*/

.banner {
	width: 100%
}

.banner img {
	display: block;
	    width: 100%;
    z-index: 1;
}

.swipe {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.swipe {
	-webkit-transition: left 800ms ease-in 0;
	-moz-transition: left 800ms ease-in 0;
	-o-transition: left 800ms ease-in 0;
	-ms-transition: left 800ms ease-in 0;
	transition: left 800ms ease-in 0;
}

.swipe #pagenavi {
	position: absolute;
	left: 0px;
	bottom: 0px;
	text-align: center;
	width: 100%;
	background: rgba(fff, fff, fff, 0.6)!important;
	filter: Alpha(opacity=50);
	padding: 6px;
}

.swipe #pagenavi a {
	width: 8px;
	height: 8px;
	line-height: 99em;
	background: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin: 0 4px;
	overflow: hidden;
	cursor: pointer;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: relative;
}
.swipe #pagenavi a.active {
	background: #ff0;
	position: relative;
}
.bancon{    height: 50px;
    margin-top: -18px;
    position: relative;
    z-index: 100;
    box-shadow: 0 3px 7px rgba(0,0,0,.2);}    
.banconzi{width: 1200px;
    margin: 0px auto;
    font-size: 14px;
    padding: 14px 0 0 0;}
.banconzi b{font-size: 15px;}
