@charset "utf-8";

#main{
	width:100%;
	height:atuo;
	overflow:hidden;
}

/*公共头部*/
#header{
	width:100%;
	height:auto;
}
#header .head{
	width:1200px;
	height:70px;
	margin:0px auto;
	position:relative;
}
#header .head .nav{
	width:805px;
	height:70px;
	position:absolute;
	right:0px;
	top:0px;
}
#header .head .nav .navList{
	width:125px;
	height:70px;
	float:right;
	line-height:70px;
	text-align:center;
	font-size:16px;
	color:#333333;
}
#header .head .nav .onfocus{
	background-color:#009ea8;
	color:#ffffff;
}
#header .banner{
	width:100%;
	height:450px;
}
#header .banner .swiper-container {
    width: 100%;
    height: 450px;
}
#header .banner .swiper-slide {
	background-repeat:no-repeat;
	background-position:center top;
}
#header .banner .swiper-slide a{
	display:block;
	width:100%;
	height:100%;
}
#header .banner .swiper-pagination{
	bottom:20px;
}
#header .banner .swiper-pagination span{
	background-color:#d7d6d8;
	opacity:1;
	margin:0px 5px;
	width:13px;
	height:13px;
}
#header .banner .swiper-pagination .swiper-pagination-bullet-active{
	background-color:#009ea8;
}
#header .topPic{
	width:100%;
	height:280px;
	background-position:center;
	background-repeat:no-repeat;
}

/*首页样式*/
#product{
	width:100%;
	height:auto;
}
#product .product{
	width:1200px;
	height:auto;
	margin:0px auto;
}
#product .product .sort{
	width:1200px;
	height:42px;
	padding-top:26px;
}
#product .product .sort .name{
	width:246px;
	height:40px;
	border-bottom:2px solid #f4979a;
	float:left;
}
#product .product .sort .name .Ch{
	display:inline-block;
	height:40px;
	line-height:40px;
	font-size:18px;
	color:#e72520;
}
#product .product .sort .name .En{
	display:inline-block;
	height:40px;
	line-height:40px;
	font-size:14px;
	color:#666666;
}
#product .product .sort .more{
	width:60px;
	height:23px;
	border:1px solid #009ea8;
	float:right;
	text-align:center;
	line-height:23px;
	color:#009ea8;
	font-size:12px;
	margin-top:15px;
}
#product .product .list{
	width:1200px;
	height:259px;
	overflow:hidden;
}
#product .product .list ul{
	width:1228px;
	height:259px;
}
#product .product .list ul li{
	width:287px;
	height:259px;
	float:left;
	margin-right:17.3px;
	position:relative;
}
#product .product .list ul li .picture{
	width:287px;
	height:212px;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#f0f0f0;
}
#product .product .list ul li .title{
	width:287px;
	height:47px;
	background-color:#009ea8;
	line-height:47px;
	text-align:center;
	overflow:hidden;
	color:#ffffff;
	font-size:16px;
}
#product .product .list ul li .icon{
	width:287px;
	height:259px;
	position:absolute;
	left:0px;
	top:0px;
	background-image:url(../Images/bgn1.png);
	background-position:center;
	background-repeat:no-repeat;
	line-height:299px;
	text-align:center;
	overflow:hidden;
	color:#ffffff;
	font-size:16px;
	display:none;
}
#product .product .list ul li:hover .picture{
	height:259px;
}
#product .product .list ul li:hover .title{
	display:none;
}
#product .product .list ul li:hover .icon{
	display:block;
}

#about{
	width:100%;
	height:auto;
}
#about .about{
	width:1200px;
	height:auto;
	margin:0px auto;
}
#about .about .sort{
	width:1200px;
	height:42px;
	padding-top:26px;
}
#about .about .sort .name{
	width:246px;
	height:40px;
	border-bottom:2px solid #f4979a;
	float:left;
}
#about .about .sort .name .Ch{
	display:inline-block;
	height:40px;
	line-height:40px;
	font-size:18px;
	color:#e72520;
}
#about .about .sort .name .En{
	display:inline-block;
	height:40px;
	line-height:40px;
	font-size:14px;
	color:#666666;
}
#about .about .left{
	width:520px;
	height:auto;
	float:left;
}
#about .about .left .title{
	width:395px;
	height:40px;
	padding-left:125px;
	overflow:hidden;
	background-image:url(../Images/logo2.png);
	background-position:left center;
	background-repeat:no-repeat;
	margin-top:10px;
	margin-bottom:25px;
	line-height:40px;
	font-size:20px;
	color:#333333;
}
#about .about .left .content{
	width:520px;
	height:150px;
	line-height:25px;
	overflow:hidden;
	font-size:14px;
	color:#666666;
}
#about .about .left .content a{
	color:#e72520;
}
#about .about .left .list{
	width:480px;
	height:80px;
	padding-left:40px;
	padding-top:30px;
}
#about .about .left .list .box{
	width:70px;
	height:80px;
	float:left;
	margin:0px 25px;
}
#about .about .left .list .box .icon{
	width:70px;
	height:40px;
	background-position:center top;
	background-repeat:no-repeat;
}
#about .about .left .list .box .str1{
	width:70px;
	height:20px;
	line-height:20px;
	text-align:center;
	color:#333333;
	font-size:12px;
}
#about .about .left .list .box .str2{
	width:70px;
	height:20px;
	line-height:20px;
	text-align:center;
	color:#bbbbbb;
	font-size:14px;
}
#about .about .right{
	width:600px;
	height:335px;
	background-image:url(../Images/bgn2.png);
	background-position:center;
	background-repeat:no-repeat;
	float:right;
}
#about .about .right .picture{
	width:515px;
	height:307px;
	margin-top:14px;
	margin-left:73px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

#news{
	width:100%;
	height:auto;
	background-color:#f2f2f2;
}
#news .news{
	width:1200px;
	height:auto;
	margin:0px auto;
	overflow:hidden;
}
#news .news .sort{
	width:1200px;
	height:42px;
	padding-top:26px;
}
#news .news .sort .name{
	width:246px;
	height:40px;
	border-bottom:2px solid #f4979a;
	float:left;
}
#news .news .sort .name .Ch{
	display:inline-block;
	height:40px;
	line-height:40px;
	font-size:18px;
	color:#e72520;
}
#news .news .sort .name .En{
	display:inline-block;
	height:40px;
	line-height:40px;
	font-size:14px;
	color:#666666;
}
#news .news .hotNews{
	width:1200px;
	height:290px;
}
#news .news .hotNews .picture{
	width:525px;
	height:290px;
	float:left;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
#news .news .hotNews .details{
	width:635px;
	height:240px;
	float:right;
	padding:25px 0px; 
}
#news .news .hotNews .details .time{
	width:635px;
	height:20px;
	line-height:20px;
	font-size:12px;
	color:#bbbbbb;
}
#news .news .hotNews .details .title{
	width:635px;
	height:40px;
	line-height:40px;
	font-size:20px;
	color:#333333;
}
#news .news .hotNews .details .title a{
	color:#333333;
}
#news .news .hotNews .details .xian{
	height:2px;
	width:40px;
	margin:25px 0px;
	background-color:#e72520;
}
#news .news .hotNews .details .content{
	width:635px;
	height:75px;
	line-height:25px;
	overflow:hidden;
	font-size:14px;
	color:#666666;
}
#news .news ul{
	width:1216.5px;
	height:162px;
	padding:30px 0px;
}
#news .news ul li{
	width:339px;
	height:142px;
	float:left;
	margin-right:16.5px;
	padding:0px 25px;
	padding-top:20px;
	background-color:#ffffff;
}
#news .news ul li:hover{
	background-image:url(../Images/bgn8.png);
	background-repeat:no-repeat;
	background-position:center;
}
#news .news ul li .time{
	width:339px;
	height:20px;
	line-height:20px;
	font-size:12px;
	color:#bbbbbb;
}
#news .news ul li .title{
	width:339px;
	height:25px;
	line-height:25px;
	font-size:14px;
	color:#333333;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
#news .news ul li .xian{
	height:2px;
	width:40px;
	margin:20px 0px;
	background-color:#e72520;
}
#news .news ul li .content{
	width:339px;
	height:40px;
	line-height:20px;
	overflow:hidden;
	font-size:12px;
	color:#666666;
}

#service{
	width:100%;
	height:223px;
	background-image:url(../Images/bgn9.png);
	background-repeat:no-repeat;
	background-position:center;
}
#service .service{
	width:1200px;
	height:223px;
	margin:0px auto;
}
#service .service .sort{
	width:140px;
	height:223px;
	padding:0px 30px;
	float:left;
}
#service .service .sort .En{
	width:140px;
	height:50px;
	line-height:25px;
	margin-top:60px;
	font-size:22px;
	color:#ffffff;
}
#service .service .sort .xian{
	width:40px;
	height:1px;
	background-color:#ffffff;
	margin:15px 0px;
}
#service .service .sort .Ch{
	width:140px;
	height:25px;
	line-height:25px;
	font-size:16px;
	color:#ffffff;
}
#service .service ul{
	width:940px;
	height:163px;
	padding-top:60px;
	padding-left:60px;
	float:right;
	overflow:hidden;
}
#service .service ul li{
	width:170px;
	height:163px;
	margin-left:15px;
	float:left;
}
#service .service ul li .icon{
	width:170px;
	height:50px;
	background-position:center top;
	background-repeat:no-repeat;
}
#service .service ul li .title{
	width:170px;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:19px;
	color:#ffffff;
	overflow:hidden;
}
#service .service ul li .brief{
	width:170px;
	height:60px;
	line-height:20px;
	text-align:center;
	font-size:12px;
	color:#cccccc;
	overflow:hidden;
	margin-top:5px;
}

#contact{
	width:100%;
	height:305px;
	overflow:hidden;
}
#contact .contact{
	width:1200px;
	height:305px;
	overflow:hidden;
	margin:0px auto;
}
#contact .contact .sort{
	width:1200px;
	height:60px;
	padding-top:30px;
}
#contact .contact .sort .En{
	width:1200px;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:20px;
	color:#e93036;
}
#contact .contact .sort .Ch{
	width:1200px;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:16px;
	color:#666666;
}
#contact .contact .infoBox{
	width:400px;
	height:125px;
	float:left;
}
#contact .contact .infoBox .icon{
	width:98px;
	height:98px;
	border:1px solid #e1e1e1;
	background-position:center;
	background-repeat:no-repeat;
	border-radius:98px;
	float:left;
}
#contact .contact .infoBox .str{
	width:240px;
	height:125px;
	padding:0px 30px;
	float:right;
}
#contact .contact .infoBox .str .name{
	height:30px;
	width:240px;
	font-size:16px;
	color:#333333;
}
#contact .contact .infoBox .str .content{
	width:240px;
	max-height:75px;
	line-height:25px;
	overflow:hidden;
	color:#666666;
}
#contact .contact .infoBox .str .xian{
	width:80px;
	height:19px;
	border-bottom:1px solid #009ea8;
}

/*公共底部*/
#footer{
	width:100%;
	height:233px;
	background-color:#dddddd;
}
#footer .footer{
	width:1200px;
	height:233px;
	margin:0px auto;
	position:relative;
}
#footer .footer .liuyan{
	width:260px;
	height:280px;
	position:absolute;
	bottom:0px;
	left:0px;
	background-color:#ffffff;
}
#footer .footer .liuyan .name{
	width:260px;
	height:47px;
	line-height:47px;
	text-align:center;
	background-color:#009ea8;
	font-size:12px;
	color:#ffffff;
}
#footer .footer .liuyan .name span{
	font-size:14px;
	margin-right:10px;
}
#footer .footer .liuyan form{
	display:block;
	width:220px;
	height:193px;
	padding:20px;
}
#footer .footer .liuyan form .input{
	width:190px;
	height:28px;
	padding:0px 11px;
	line-height:28px;
	border:1px solid #cccccc;
	margin-bottom:10px;
	border-radius:5px;
	font-size:12px;
	color:#666666;
}
#footer .footer .liuyan form textarea{
	width:190px;
	height:67px;
	line-height:20px;
	padding:0px 11px;
	font-size:12px;
	border-radius:5px;
	border:1px solid #cccccc;
	resize:none;
	outline: none;
	margin-bottom:20px;
	color:#666666;
}
#footer .footer .liuyan form button{
	width:80px;
	height:30px;
	background-color:#009ea8;
	color:#ffffff;
	border:0px;
	border-radius:5px;
	margin-left:70px;
}
#footer .footer .right{
	width:910px;
	height:233px;
	position:absolute;
	right:0px;
	top:0px;
	overflow:hidden;
}
#footer .footer .right .nav{
	width:910px;
	height:55px;
	line-height:55px;
	color:#c4c4c4;
}
#footer .footer .right .nav a{
	color:#666666;
}
#footer .footer .right .nav span{
	margin:0px 35px;
}
#footer .footer .right .str{
	width:910px;
	height:24px;
	line-height:24px;
	font-size:12px;
	color:#009ea8;
}
#footer .footer .right .xian{
	width:35px;
	height:1px;
	background-color:#bbbbbb;
}
#footer .footer .right .brand{
	width:690px;
	height:40px;
	margin-top:8px;
	margin-bottom:10px;
	overflow:hidden;
}
#footer .footer .right .brand .name{
	width:105px;
	height:20px;
	overflow:hidden;
	float:left;
	margin-right:10px;
	line-height:20px;
	font-size:12px;
	color:#666666;
}
#footer .footer .right .brand .name a{
	color:#666666;
}
#footer .footer .right .links{
	width:910px;
	height:44px;
	margin-top:8px;
}
#footer .footer .right .links .icon{
	width:124px;
	height:44px;
	background-color:#ffffff;
	margin-right:7px;
	background-position:center;
	background-repeat:no-repeat;
	float:left;
}
#footer .footer .right .ewm{
	width:120px;
	height:150px;
	position:absolute;
	top:20px;
	right:0px;
}
#footer .footer .right .ewm .word{
	width:120px;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:12px;
	color:#666666;
	overflow:hidden;
}

#copyRight{
	width:100%;
	height:auto;
	padding:7px 0px;
	background-color:#009ea8;
}
#copyRight .copyRight{
	width:1200px;
	height:auto;
	margin:0px auto;
	line-height:30px;
	font-size:12px;
	text-align:center;
	color:#ffffff;
}
#copyRight .copyRight a{
	color:#ffffff;
}

/*二级页公共*/
#EjMain{
	width:100%;
	height:auto;
	overflow:hidden;
}

#RightTop{
	width:1200px;
	height:60px;
	margin:0px auto;
}
#RightTop .sort{
	width:1200px;
	height:42px;
	padding-top:18px;
}
#RightTop .sort .name{
	width:246px;
	height:40px;
	border-bottom:2px solid #f4979a;
	float:left;
}
#RightTop .sort .name .Ch{
	display:inline-block;
	height:40px;
	line-height:40px;
	font-size:18px;
	color:#e72520;
}
#RightTop .sort .name .En{
	display:inline-block;
	height:40px;
	line-height:40px;
	font-size:14px;
	color:#666666;
}
#RightTop .sort .weizhi{
	float:right;
	display:inline-block;
	height:20px;
	line-height:20px;
	font-size:12px;
	color:#009ea8;
	margin-top:20px;
}
#RightTop .sort .weizhi a{
	color:#666666;
}
#RightTop .sort .weizhi span{
	color:#666666;
	margin:0px 3px;
}

#Left{
	width:100%;
	height:30px;
	padding-top:30px;
	padding-bottom:25px;
}
#Left .nav{
	width:1200px;
	height:30px;
	margin:0px auto;
	text-align:center;
	line-height:30px;
}
#Left .nav .navList{
	display:inline-block;
	height:30px;
	padding:0px 20px;
	line-height:30px;
	color:#333333;
}
#Left .nav .onfocus{
	background-color:#009ea8;
	color:#ffffff;
}

#OnePage{
	width:1160px;
	height:auto;
	margin:0px auto;
	padding:20px;
	padding-top:0px;
	line-height:30px;
	color:#666666;
}

/*在线留言*/
#WebGuestBook{
	width:1200px;
	height:auto;
	padding:20px 0px;
	margin:0px auto;
}
#WebGuestBook form{
	display:block;
	width:320px;
	height:auto;
	margin:0px auto;
}
#WebGuestBook form .input{
	width:290px;
	height:38px;
	padding:0px 11px;
	line-height:38px;
	border:1px solid #cccccc;
	margin-bottom:10px;
	border-radius:5px;
	font-size:14px;
	color:#666666;
}
#WebGuestBook form textarea{
	width:290px;
	height:157px;
	line-height:30px;
	padding:0px 11px;
	font-size:14px;
	border-radius:5px;
	border:1px solid #cccccc;
	resize:none;
	outline: none;
	margin-bottom:20px;
	color:#666666;
}
#WebGuestBook form button{
	width:80px;
	height:30px;
	background-color:#009ea8;
	color:#ffffff;
	border:0px;
	border-radius:5px;
	margin-left:120px;
}

/*新闻资讯列表*/
#WebNewsList{
	width:1200px;
	height:auto;
	margin:0px auto;
}
#WebNewsList ul{
	width:1200px;
	height:auto;
}
#WebNewsList ul li{
	width:1170px;
	height:210px;
	padding:15px;
}
#WebNewsList ul li .picture{
	width:340px;
	height:210px;
	float:left;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
#WebNewsList ul li .details{
	width:800px;
	height:210px;
	float:right;
}
#WebNewsList ul li .details .title{
	width:800px;
	height:45px;
	line-height:45px;
	font-size:20px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:#333333;
}
#WebNewsList ul li .details .title a{
	color:#333333;
}
#WebNewsList ul li .details .time{
	width:800px;
	height:25px;
	line-height:25px;
	font-size:12px;
	color:#bbbbbb;
}
#WebNewsList ul li .details .xian{
	width:40px;
	height:15px;
	border-top:2px solid #e72520;
}
#WebNewsList ul li .details .content{
	width:800px;
	height:75px;
	overflow:hidden;
	line-height:25px;
	font-size:14px;
	color:#666666;
}
#WebNewsList ul li .details .images2{
	display:none;
}
#WebNewsList ul li:hover{
	background-image:url(../Images/bgn14.png);
}
#WebNewsList ul li:hover .details .images1{
	display:none;
}
#WebNewsList ul li:hover .details .images2{
	display:block;
}

/*分页*/
#PageInfo{
	width:1200px;
	height:auto;
	margin:0px auto;
	padding:40px 0px;
}
.paging{
	height:30px;
	width:1200px;
	text-align:center;
	font-size:12px;
}
.paging em{
	height:30px;
	border:1px #d1d1d1 solid;
	padding:3px 8px;
	text-align:center;
	line-height:30px;
	font-style:normal;
	background-color:#ffffff;
	color:#565656;
}
.paging em a{
	color:#565656;
}
.paging span{
	display:none;
}
.paging em.onfocus{
	border:1px #009ea8 solid;
}
.paging em.onfocus a{
	color:#009ea8;
}

/*产品中心*/
#brand{
	width:1200px;
	height:auto;
	margin:0px auto;
}
#brand .name{
	width:1200px;
	height:auto;
	line-height:30px;
	font-size:14px;
	color:#333333;
}
#brand .name .brand{
	display:inline-block;
	height:30px;
	padding-right:20px;
	line-height:30px;
	font-size:12px;
	color:#666666;
}
#brand .name .onfocus{
	color:#009ea8;
}
#brand .name .brand a{
	color:#666666;
}
#brand .name .onfocus a{
	color:#009ea8;
}
#WebPicList{
	width:1200px;
	height:auto;
	margin:0px auto;
	overflow:hidden;
}
#WebPicList ul{
	width:1220px;
	height:auto;
}
#WebPicList ul li{
	width:285px;
	height:260px;
	float:left;
	margin-right:20px;
	margin-top:20px;
}
#WebPicList ul li .picture{
	width:285px;
	height:215px;
	background-color:#f0f0f0;
	background-position:center;
	background-repeat:no-repeat;
}
#WebPicList ul li .title{
	width:285px;
	height:45px;
	line-height:45px;
	text-align:center;
	background-color:#bbbbbb;
	font-size:14px;
	color:#ffffff;
}
#WebPicList ul li:hover .picture{
	width:281px;
	height:211px;
	border:2px solid #009ea8;
}
#WebPicList ul li:hover .title{
	background-color:#009ea8;
}

/*详情页*/
#NewsShow{
	width:1160px;
	height:auto;
	padding:20px;
	margin:0px auto;
}
#NewsShow .title{
	width:100%;
	height:auto;
	text-align:center;
	color:#333333;
}
#NewsShow .miaoshu{
	width:100%;
	height:20px;
	line-height:20px;
	text-align:center;
	padding:10px 0px;
	color:#666666;
}
#NewsShow .theContent{
	width:100%;
	height:auto;
	line-height:30px;
	color:#666666;
}
#NewsShow .thePageInfo{
	width:100%;
	height:auto;
	line-height:40px;
	color:#333333;
}
#NewsShow .thePageInfo a{
	color:#333333;
}