@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%;
	background: url(../Img/topbg.jpg) no-repeat center;
	z-index: 1000;
}
.tctb1 {
	width: 275px;
	height: 72px;
	padding-top: 37px;
	float: left
}
.header{width: 800px;}
.header p{color: #FFFFFF;font-size: 14px;padding: 9px 0 0 5px;}
.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;}


/*menu*/
.nav{background: #0b6cb8;}
.nav1_ {
	width: 1200px;
	margin: 0 auto;
	height: 55px;
	line-height: 55px;
}

.nav1_ li {
	width: 150px;
	float: left;
	height: 55px;
	line-height: 55px;
	text-align: center;
}
.nav1_ li a {
	font-size: 14px;
	color: #FFFFFF;
	height: 55px;
	font-size: 16px;
	line-height: 55px;
	width: 150px;
	display: block;
	font-family: "Microsoft Yahei";
}
.nav1_ li a:hover {
	width: 150px;
	color: #FFFFFF;
	background-color: #0a5894;
	font-family: "Microsoft Yahei";
	font-size: 16px;
	height: 55px;
	line-height: 55px;
}
/*end menu*/


/*middle*/


/*所有标题*/
.juzhongz {
	padding-top: 30px;
}
.title{text-align: center;}
.title_com{display: inline-block;text-align: center;    padding: 25px 0 7px 0;}
.juzhong {
	text-align: center
}
.juzhong1 {
	overflow: hidden;
	height: 698px;
}
.hxny {
	width: 100%;
	height: 500px;
	background-image: url(../Img/11.jpg);
	background-position: center;
	background-repeat: no-repeat;
}


/*公司简介*/
.tcjj {
	width: 100%;
	height: 600px;
	background-image: url(../Img/company_bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
.msg_pro p{width: 220px;height: 150px;color: #FFFFFF;font-size: 14px;margin: 270px 0 0 0;padding: 0 3px;line-height: 23px;}
.msg_bro{width: 500px;height: auto;color: #FFFFFF;margin: 105px 10px 0 0;}
.msg_bro h1{font-size: 36px;font-weight: normal;}
.msg_bro h2{font-size: 18px;font-family: "黑体";line-height: 30px;}
.msg_bro p{font-size: 14px;    line-height: 25px;
    padding: 5px 0 0 0;text-indent: 2em;}
.msg_bro p1{width: 134px;height: 44px;border: 1px solid #FFFFFF;display: inline-block;border-radius: 15px;text-align: center;
    padding: 10px 0 0 0;box-sizing: border-box;margin: 35px 0 0 0;}   
.msg_bro p1 a{font-size: 16px;color: #FFFFFF;}     
/*产品*/

.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;
}

.cpfff {
	width: 1200px;
}

.cpfff a {
	    display: inline-block;
    background-color: #0b6cb8;
    width: 134px;
    color: #FFFFFF;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin: 6px 8px;
    font-size: 16px;
}

.cpfff a:hover {
	background-color: #0a5894;
	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: 365px;
	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: 330px;
	height: 330px;
	float: left;
	border: 1px solid #999;
	background: #FFFFFF;
	margin-top: 10px;
	margin-left: 10px;
}

#demoy1 ul li:hover {
	background: #0b6cb8;
}

#demoy1 ul li:hover a p {
	color: #FFFFFF;
}

#demoy1 ul li a h3,
#demo2 ul li a h3 {
	width: 330px;
	height: 270px;
	overflow: hidden;
	margin: 0 auto;
}

#demoy1 ul li a h3 img,
#demo2 ul li a h3 img {
	width: 330px;
	height: 270px;
	transition: all .5s ease;
	overflow: hidden;
}

#demoy1 ul li a p {
	font-size: 16px;
	line-height: 30px;
	text-align: center;
}

#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 {
	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 #ccc; }
		.picScroll-left .bd ul li .pic h3{width:275px; height:265px;overflow: hidden;display:block; }
		.picScroll-left .bd ul li .pic img{ width:275px; height:265px;overflow: hidden; display:block; }
		.picScroll-left .bd ul li .pic ol{text-align:center; line-height: 35px;}
		.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: 120px;cursor: pointer;
    left: -40px;}
        .next{position: absolute;
    top: 120px;cursor: pointer;
    right: -50px;}

.miao_lh {
	height: 300px;
}

#demoyh {
	float: left;
	overflow: hidden;
	width: 1200px;
	height: 300px;
	color: #336699;
	text-align: left;
}

#demoy1h ul,
#demo2h ul {
	display: block;
	width: 2400px;
	overflow: hidden
}

#demoy1h ul li {
	width: 280px;
	margin: 0px 10px;
	float: left
}

#demoy1h ul li a h3,
#demo2h ul li a h3 {
	width: 280px;
	height: 250px;
	overflow: hidden;
}

#demoy1h ul li a h3 img,
#demo2h ul li a h3 img {
	width: 280px;
	height: 250px;
	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: #1f8c02;
	color: #fff
}

#demoy2h ul li {
	width: 280px;
	height: 240px;
	margin: 0px 10px;
}


/*新闻 */
.tcxw {
	width: 100%;height: 518px;
	margin: 0 auto;
	background-image: url(../Img/new_bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
.xinwen_video{margin: 40px 0 0 77px;}
.xinwen_news {
	margin: 35px 45px 0 0;
	width: 530px;height: 400px;
}
.xlxw1_1{    width: 1200px;
    margin: 0 auto;}
.xinwen_news span {
	float: left;
	text-align: center;
	font-size: 20px;
	line-height: 42px;
	width: 95px;
	overflow: hidden;
	margin: 10px 15px 0 10px;
	height: 90px;
	color: #fff !important;
	background-color: #8AC7F8
}
.xinwen_news span img {
	width: 167px;
	height: 150px;
}

.xinwen_news span:first-line {
	font-size: 30px;
	font-weight: bold
}

.xinwen_news p {
	    padding: 0 10px 0 0;
	    color: #FFFFFF;
}

.xinwen_news li:hover {
	background-color: #F3F3F3;
}

.xinwen_news li:hover span {
	background-color: #1fb1e0;
	color: #FFFFFF !important;
}

.xinwen_news li {
	width: 530px;
	display: inline-block;
	overflow: hidden;
	height: 110px;
	    border: 1px solid #f0f0f0;
	margin: 7px 8px;
	line-height: 30px;
	font-size: 14px;
}

.xinwen_news li h3 {
	color: #FFFFFF;
	line-height: 45px;
}

.xinwen_news li:hover h3 {
	color: #0b6cb8;
	text-indent: 35px;
}

.xinwen_news li:hover p {
	color: #333333
}

.xinwen_news li:hover span {
	color: #333333;
}



.nybanner{background: url(../Img/nybanner.jpg) no-repeat;height: 400px;}
/*版权*/
.footr {
	width: 100%;
	height: 330px;
	border-bottom: 1px solid #7a7a7a;
    background: url(../Img/foot_bg.jpg) no-repeat;
}
.foot_menu{}
.foot_menu .nav{background: none;width: 1200px;margin: 0 auto;}
.foot_menu .nav li{height: 48px;width: 120px;}
.foot_menu .nav li a{height: 48px;line-height: 48px;color: #FFFFFF;}
.footr_1 {
	    width: 600px;
	float: left;    overflow: hidden;
	font-size: 14px;
	color: #ececec;
	line-height: 40px;    padding: 65px 0 0 40px;
    box-sizing: border-box;
}
.footr_1 p{font-size: 16px;font-weight: bold;}
.footr_2 p{font-size: 14px;    line-height: 25px;}
.footr_2 {
	width: 280px;
	height: 195px;
	float: left;
	padding: 0 30px;
	font-size: 14px;    padding: 58px 0 0 65px;
	color: #ececec;
	line-height: 40px;
}
.footr_3 p1{font-size: 16px;font-weight: bold;}
.footr_21 {
	font-size: 14px;
	color: #ececec;
	line-height: 40px;
	text-align: center
}

.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;
}

.footr_4{width: 206px;background: url(../Img/wx_bg.jpg) no-repeat;
    height: 289px;margin-top: -82px;}
.footr_4 img{width: 142px;height: 142px;margin: 40px 32px 0 32px;}
.footr1 {
	width: 100%;
	height: 55px;
	background-color: #222222;
}

.footr1_1 {
	width: 1200px;
	line-height: 55px;
	font-size: 14px;
	color: #fff!important;
}
.footr1_1 p{color: #FFFFFF;text-align: center;}
.footr1_1 a:link {
	color: #fff;
}

.footr1_1 a:visited {
	color: #fff;
	text-decoration: none;
}

.footr1_1 a:hover {
	color: #fff;
	text-decoration: none;
}

.footr1_1 a:active {
	color: #fff;
	text-decoration: none;
}

.neiye_zuocon{display: none;}





/*内页列表*/

.wyny {
	width: 1200px;
	margin: auto
}

.list_wd {
	min-height: 810px;
	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 #FB6028;
	   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;
}

.ny {
	margin-bottom: 20px;
}

.ny p {
	    LINE-HEIGHT: 180%;
   
    font-size: 14pt;
}

.neiye {
	overflow: hidden;width: 100%;
}
.neiye img{    display: 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;
}


/*滚动产品图片样式*/

.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%
}

.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;
}