﻿body{background:#f1f1f1}

/*swiper*/
.swiper-container {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
.swiper-container .swiper-slide {
	text-align: center;
	font-size: 18px;
	/*background: #fff;*/

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container .swiper-slide img{width:100%; height:100%;}
.swiper-container .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	display: inline-block;
	/* border-radius: 100%; */
	background: none;
	border:2px solid #fff;
	opacity: .9;
}
.swiper-container .swiper-pagination-bullet-active {
	opacity: 1;
	/* background: #c84331; */
	background: #fff;
}

/*main*/
.main{ width:100%; float:left; overflow:hidden}
.main .main_left{ width:250px; float:left; min-height:300px; border-radius:4px;}
.main .main_right{ width:913px; float:right; min-height:500px;}
.main .main_content{width:863px;float:right; min-height:500px;padding:25px;background:#fff;border-radius:4px;}
.main .main_content .page_title{font-size:22px;color:#444;margin:10px 0 20px 0;}

/*sub_banner*/
.sub_banner{ margin-top:0px;}
.sub_banner img{width:100%;}

/*side_cat*/
.side_cat{ width:250px; float:left; margin-top:20px;}

.side_cat .tit{ width:100%; height:99px; line-height:99px; float:left;text-align:center; position:relative;}
.side_cat .tit h2{ font-size:26px;letter-spacing:1px; color:#333; font-weight:normal;}

/*side_nav*/
.side_nav{ width:100%; float:left; background:#fff;margin-bottom:35px;}
.side_nav .c{padding:0 0 15px 0;}
.side_nav ul{width:100%;float:left;}
.side_nav ul li{ width:100%; float:left;white-space:nowrap; overflow:hidden;}
.side_nav ul li a{ width:100%;float:left; height:65px; line-height:65px; text-indent:15px;
transition:0.2s; -webkit-transition:0.2s; -moz-transition:0.2s; -o-transition:0.2s;}
.side_nav ul li a em.iconfont{float:left;margin-right:0px;font-size:24px;}
.side_nav ul li a:link{color:#333;}
.side_nav ul li a:visited{color:#333;}
.side_nav ul li a:hover{background:#20acea;color:#ffd;}
.side_nav ul li a.curr{background:#20acea;color:#fff; }

.side_nav ul li dl{width:100%; float:left; background:#fff; display:none; margin:7px 0 0 15px;}
.side_nav ul li dl dd{ width:100%;}
.side_nav ul li dl dd a{height:28px; line-height:28px; background:none;}
.side_nav ul li dl dd a:link{ color:#999;}
.side_nav ul li dl dd a:visited{ color:#999;}
.side_nav ul li dl dd a:hover{ color:#f93c0a;}
.side_nav ul li dl dd a.curr{color:#f93c0a;}

/*side_contact*/
.side_contact{ width:100%;float:left; margin:0 0 0 0; padding-bottom:20px;background:#fff;}
.side_contact .tit{width:100%; float:left; text-align:center; height:38px; line-height:38px; color:#fff; font-size:16px;background:#20acea}
.side_contact .c{width:100%; float:left; min-height:60px; padding-bottom:5px; margin-top:10px;}
.side_contact .c .item{ width:100%; padding:10px 10px 10px 10px;line-height:33px; font-size:15px; color:#636363; border-bottom:1px dashed #ff6419;box-sizing:border-box;}
.side_contact .c .item i{width:200px;display:block;margin:0 0 0 50px;}
.side_contact .c .item2{background:url(../images/laba.jpg) no-repeat right bottom;}
.side_contact .c .item_last{ border:0;}

/*access_path*/
.access_path{width:100%;float:left; margin-top:20px;margin-bottom:20px; font-size:14px;}
.access_path span{ color:#000;}
.access_path a.more:link{ color:#0e5aa5}
.access_path a.more:visited{ color:#0e5aa5}
.access_path a.more:hover{ color:#ba110d}


/*product_list*/
.product_list { width: 100%; overflow: hidden;}
.product_list .brief{padding:15px 0;line-height:28px;}
.product_list ul li { width:271px;height:238px;float:left;position:relative; margin:15px 24px 0 0;}
.product_list ul li.li_r{float:right; margin-right:0;}
.product_list ul li .thumb{width:100%; height:203px; display:block; overflow:hidden; text-align:center}
.product_list ul li img{width:100%;}
.product_list ul li img:hover { opacity:0.8;filter:alpha(opacity=80);}
.product_list ul li .title{display:block;height:35px;line-height:35px; padding:0 10px;margin-top:3px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
/* 
.product_list ul li p {padding:0 10px; color:#999; margin-top:7px;}
.product_list ul li p span{float:right;color:#999}
.product_list ul li p i {height:24px;display:inline-block;background:url(../images/icon_eye.png)no-repeat;padding-left:30px;}
 */
.product_list ul li:hover a{color:#fb7804}

/*article_pic_list*/
.article_pic_list{margin-top:0px;}
.article_pic_list h2 em{display:inline-block;float:left;width:5px;height:25px;background:#FF7800;margin:1px 13px 0 0;}
.article_pic_list .left{width:850px;float:left}
.article_pic_list .right{width:300px;float:right;}

.article_pic_list {margin-top:0px;}
.article_pic_list ul li{width:400px;height:100px;float:left;margin-right:25px; overflow:hidden;margin:0px 0 20px 0;border-top:0px solid #e5e5e5;padding-top:20px;background:#fff; padding:15px;}
.article_pic_list ul li.li_r{float:right;margin-right:0;}
.article_pic_list ul li .l{width:150px;float:left;text-align:center}
.article_pic_list ul li .l img{max-width:150px;height:100px;}
.article_pic_list ul li .r{width:235px;float:left;margin-left:15px;overflow:hidden}
.article_pic_list ul li .r .tit{height:42px;}
.article_pic_list ul li .r p{width:100%;float:left;height:38px;overflow:hidden;font-size:12px;line-height:18px;color:#666}

.article_pic_list ul li .r .b{color:#aaa;font-size:12px;}
.article_pic_list ul li .r .b i{float:right;}
.article_pic_list ul li:hover a{color:#ff7900}


.article_pic_list .right .list{border-top:2px solid #e5e5e5;margin-top:20px;padding-top:20px;}
.article_pic_list .right .list ul li{width:100%;float:left; line-height:30px;}
.article_pic_list .right .list ul li span{color:#999;float:right;font-size:13px;}
.article_pic_list .right .list ul li a{width:206px;float:left;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; background:url(../images/point.jpg) no-repeat left center;padding-left:12px;}

/*article_list*/
.article_list{ width:100%; float:left; padding:0 0px 20px 0px; display:inline;}
.article_list ul{ width:100%; margin-top:15px; float:left; display:inline}
.article_list ul li{ width:100%; float:left; height:45px; line-height:45px; background:url(../images/dian.jpg) repeat-x bottom;}
.article_list ul li .date{ float:right;  font-family: Verdana,Arial, Helvetica, sans-serif; color:#727171;}
.article_list ul li a{ background:url(../images/d.jpg) no-repeat 15px center; padding-left:30px;}
.article_list ul li a:link{ color:#666}
.article_list ul li a:visited{ color:#666}
.article_list ul li a:hover{ color:#ef7102}

.article_list ul li.li_bg{ background-color:#edecec}
.article_list ul li .down{ float:right; font-family: Verdana,Arial, Helvetica, sans-serif; color:#727171;}
.article_list ul li .down a{ background:none;}
.article_list ul li i{ color:#999; font-style:normal; margin-left:7px;}


/*before_after*/
.before_after{ width:100%; float:left; clear:both; margin-top:50px; color:#666;}

/*relation_info*/
.relation_info{ width:100%; float:left; margin-top:20px;}
.relation_info .tit{ width:100%; float:left; border-bottom:1px solid #ddd;}
.relation_info .tit h2{ width:110px; height:35px; line-height:35px; float:left; background:url(../images/tab2.jpg) no-repeat; margin-right:10px; display:inline; text-align:center; font-size:15px; color:#666; font-family:microsoft yahei; cursor:pointer}

.relation_info .c{ width:100%; float:left; margin-top:10px;}
.relation_info .c ul li{ width:400px; height:35px; line-height:35px; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.relation_info .c ul li a{background:url(../images/icon_1.png) no-repeat left center; padding-left:12px;}
.relation_info .c ul li a:hover{background:url(../images/icon_1_hover.png) no-repeat left center;}

/*article*/
.article{ width:100%; float:left; line-height:28px; font-size:14px; overflow:hidden; padding:20px;background:#fff;box-sizing:border-box;}
.article_title{ text-align:center;margin:35px 0 25px 0;}
.article_title h1{ text-align:center; font-size:18px; color:#666;}
.article_title p{ margin-top:15px;}

.article .article_pic{ text-align:center; margin-bottom:10px;}
.article img{max-width:100%;}

.article br{line-height:18px;text-indent: 2em;}

/*pic_list*/
.pic_list { width: 100%; overflow: hidden;}
.pic_list .brief{padding:15px 0;line-height:28px;}
.pic_list ul li { width:271px;height:238px;float:left;position:relative; margin:15px 24px 0 0;}
.pic_list ul li.li_r{float:right; margin-right:0;}
.pic_list ul li .thumb{width:100%; height:203px; display:block; overflow:hidden; text-align:center}
.pic_list ul li .thumb img{width:100%;}
.pic_list ul li .title{height:35px;line-height:35px; display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.pic_list ul li .title a{display:block;}
.pic_list ul li:hover a{color:#fb7804}
.pic_list ul li:hover{}

.pic_list ul li:hover .thumb img {
filter: brightness(0.9);
-webkit-filter: brightness(0.9);
-moz-filter: brightness(0.9);
-o-filter: brightness(0.9);
-ms-filter: brightness(0.9);
}


/*article_pic_list*/
.article_pic_list{ width:782px; float:left; padding:0px 0px 10px 0px; display:inline; min-height:330px; overflow:hidden}
.article_pic_list ul{ width:100%; margin-bottom:15px; float:left; display:inline}
.article_pic_list ul li{ width:100%; height:180px; float:left; }
.article_pic_list ul li .left{ width:222px; height:148px; border:1px solid #dcdcdc; float:left; overflow:hidden; padding:1px;}
.article_pic_list ul li .left img{width:229px; height:152px; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s;}
.article_pic_list ul li .left img:hover{ transform:scale(1.1); -webkit-transform: scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);}
.article_pic_list ul li .left:hover{ border:1px solid #ffa125; }
.article_pic_list ul li span{ float:right; font-family: Verdana,Arial, Helvetica, sans-serif; color:#999; font-weight:normal}
.article_pic_list ul li .right{ width:460px; float:right;}
.article_pic_list ul li .right h2{ font-size:16px; margin-top:2px; font-family:"微软雅黑"}
.article_pic_list ul li .right p{ line-height:25px; margin-top:12px;}
.article_pic_list ul li .right .detail{margin-top:10px; clear:both;}
.article_pic_list ul li .right  .detail a:link{color:#777;}
.article_pic_list ul li .right .detail a:visited{color:#777;}
.article_pic_list ul li .right .detail a:hover{color:#e67418;}

/*team_list*/
.team_list{ width:100%; float:left; padding:20px 0px 0 0px; display:inline; min-height:330px; overflow:hidden}
.team_list ul{ width:100%; float:left;}
.team_list ul li{ width:260px; height:300px; float:left; margin:0 31px 20px 0; display:inline; position:relative; white-space: nowrap; overflow:hidden;}
.team_list ul li.li_r{float:right; margin-right:0;}
.team_list ul li .thumb{ width:100%; height:260px; float:left; border:1px solid #fff; overflow:hidden; text-align:center;}
.team_list ul li .thumb img{max-width:260px; height:260px; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s;}

.team_list ul li .tit{width:100%;float:left;height:40px;line-height:35px;text-align:center;background:#f1f1f1;}
.team_list ul li .tit a{display:block;}
.team_list ul li:hover .thumb img {
filter: brightness(0.8);
-webkit-filter: brightness(0.8);
-moz-filter: brightness(0.8);
-o-filter: brightness(0.8);
-ms-filter: brightness(0.8);
}
.team_list ul li:hover .tit{background:#fb7804}
.team_list ul li:hover .tit a{color:#fff}

/*alibaba_url*/
a.alibaba_url{display:inline-block;padding:7px 45px; background:#f93c0a;margin-top:15px;color:#fff;font-size:18px}





