@charset "utf-8";
.dede_pages{text-align: center;display: block;width: 100%;max-width: 800px;margin: 0px auto 20px;overflow: hidden;}
.dede_pages ul{padding: 9px 0px 9px 16px;text-align: center;}
.dede_pages ul li{float: left;font-family: Tahoma;line-height: 28px;margin-right: 6px;padding: 0px 8px;list-style: none;border: 1px solid #ccc;}
.dede_pages ul li select{height: 28px;width: 50px;line-height: 28px;text-align: center;}
.dede_pages ul li a{float: left;color: #555;display: block;padding: 0px 8px;line-height: 28px;}
.dede_pages ul li a:hover{color: #690;text-decoration: none;line-height: 28px;padding: 0px 8px;}
.dede_pages ul li.thisclass, .dede_pages ul li.thisclass a, .pagebox ul li.thisclass a:hover{background-color: #F8F8F8;padding: 0px 8px 0px;font-weight: bold;}
.dede_pages .pageinfo{line-height: 28px;padding: 12px 10px 12px 16px;color: #999;}
.dede_pages .pageinfo strong{color: #555;font-weight: normal;margin: 0px 2px;}
/* 中英文切换 */
.language{position: absolute;right: 10%;top: 25px;font-size: 12px;z-index: 100;}
.language a{margin-left: 15px;}
.language .language-ico{padding: 0 0 0 20px;background-repeat: no-repeat;background-position: left center;}

.fl{ float: left;}
.fr{ float: right;}

.text-ellipsis-1{display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;}

.pg_common{margin: 0;padding: 0; background-color: rgba(0, 0, 0, 0);background-image: url(../images/body_bg.jpg);background-repeat: repeat;background-position: left top;}


/*header*/
.header_nei{width: 100%;position: absolute;left: 0;top: 0;z-index: 999; background-color: rgba(31, 122, 234, 1); height: 60px;}
.header_n{width: 1200px;margin: 0 auto;}
.activeo{color: #b79554 !important;}

.header_nei .menu{height: 60px;display: block;padding: 0px;margin-right: auto;margin-left: 200px;}
.header_nei .menu ul{list-style: none;padding: 0;margin: 0;}
.header_nei .menu ul li{float: left;overflow: hidden;position: relative;line-height: 60px;text-align: center;}
.header_nei .menu ul li a{position: relative;display: block;width: 110px;height: 60px;font-size: 14px;text-decoration: none;cursor: pointer;}
.header_nei .menu ul li a span{position: absolute;left: 0;width: 110px;}
.header_nei .menu ul li a span.out{top: 0px;}
.header_nei .menu ul li a span.over, .menu ul li a span.bg{top: -60px;}
.header_nei .menu ul li.active a span{color: #fff;background-color: #86c457;}
#menu2{background: none;}
#menu2 ul li a{color: #fff;}
#menu2 ul li a span.over{color: #fff;background-color: #86c457;}


.header_n .logo{width: 167px; height: 165px;padding: 0; background-color: #fff;}
.header_n .logo_img{padding: 10px;}
.header_n .logo img{width: 100%;}

.wrap {width: 100%;margin: auto;}
.w1200{width: 1200px; margin: 0 auto;}

.about_content{font-size:14px; color: #000;line-height: 2; margin-top: 30px; margin-bottom: 20px;}

.col_banner {width: 100%;height: 500px;background-position: center top; background-repeat: no-repeat;z-index: 1;}
.bgSize{background-size: cover;-webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;
-ms-behavior: url(../images/backgroundsize.min.htc);behavior: url(backgroundsize.min.htc);}
.about_banner .inner_index { padding-top: 254px; color: #fff;}
.about_banner .inner_index h4 { font-size: 30px; text-align: center;}
.about_banner .inner_index p{ text-align: center; font-size: 16px; line-height: 30px;}
.about_banner .en { font-size: 60px; text-transform: uppercase;}

.about_banner .inner_index.position_left {position: absolute; top: 30px; left: 342px; z-index: 1; width: 497px; height: 126px;}
.about_banner .inner_index.position_left h4 { font-size: 30px; text-align: left;}
.about_banner .inner_index.position_left  p{ text-align: left; margin-top: 20px;}

/* 底部 */
.footer_n {position: relative;left: 0; bottom: 0; width: 100%; background-color: rgba(28, 100, 202, 1); margin-top: 60px;}
.footer_t { color: #fff;font-size: 12px; width: 100%; line-height: 30px;text-align: center; height: 100px; padding: 40px 0 20px 0;}
.footer_w{position: relative;}
.footer_icon{ position: absolute; right: 0; top: -20px;}
.footer_t a{color: #fff;}

.next-prev-single{ padding:10px 0; color:#444; font-size:14px; overflow:hidden; }
	.next-prev-single p{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
	.next-prev-single p a{ color:#333; text-decoration:none; }
	.next-prev-single .prev{ float:left; }
	.next-prev-single .next{ float:right; }

/*分页*/
div.digg{margin-top:30px;margin-left:0; text-align:right;}
div.digg p{text-align:center;}
.page-box div.digg a{ display:inline-block; float: none; padding:5px 12px; margin:0 0 0 8px; border:1px solid #e1e2e3; line-height:20px; height:20px; color:#666; background:#fff; text-decoration:none;border-radius:3px; }
.page-box div.digg a:hover { border:1px solid #01489a; background: #01489a; color:#fff;}
.page-box div.digg span{border-radius:3px; display:inline-block; float: none;}
.page-box div.digg span.current { padding:5px 12px; margin:0 0 0 8px; color:#555;  border:1px solid #01489a; background: #01489a; color:#fff;border-radius:3px;}



/* 位置信息 */
.fa-crumbs {margin: 30px 0 24px 0;color:#808080;font-size: 14px; line-height: 18px;height: 18px; overflow: hidden;}

.filters {text-align: center;margin-top: 20px;display: flex;	align-items: center; height: 70px;}
.filters li{font-size: 14px;font-weight: 400;cursor: pointer;-webkit-transition: all .2s;transition: all .2s;text-align: center;padding: 14px 30px;border-right: 1px solid #fff; text-decoration: none;
            background: #01489a;color: #fff !important;}
.filters li a{font-size: 14px;font-weight: 400;cursor: pointer;-webkit-transition: all .2s;transition: all .2s;text-align: center;text-decoration: none;
            background: #01489a;color: #fff !important;} 
.filters li:last-child a{border-right: none;}
.filters li.active{color: #fff !important;background: #83bd23;}
.filters li.active a{color: #fff !important;background: #83bd23;}
.filters li:hover{background: #83bd23; text-decoration: none;}
.filters li:hover a{background: #83bd23; text-decoration: none;}


.product_filters {text-align: center;margin-top: 20px;display: flex;	align-items: center; height: 70px;}
.product_filters li a{font-size: 14px;font-weight: 400;cursor: pointer;-webkit-transition: all .2s;transition: all .2s;text-align: center;padding: 14px 30px;border-right: 1px solid #fff; text-decoration: none;
            background: #01489a;color: #fff !important;}
.product_filters li:last-child a{border-right: none;}
.product_filters li.active{color: #fff !important;background: #83bd23;}
.product_filters li.active a{color: #fff !important;background: #83bd23;}
.product_filters li:hover{background: #83bd23; text-decoration: none;}
.product_filters li:hover a{background: #83bd23; text-decoration: none;}


.page-title{display: inline-block;margin: 20px 0px 0px;padding: 0;color: rgb(1, 72, 154);font-size: 40px;font-weight: 900;text-align: left; margin-bottom: 30px;}

.text-content{font-size: 14px;}
.text-content p{font-size: 14px; letter-spacing: 0.6pt; line-height: 30px;}
.text-content span{font-size: 14px;}


.pro_list{position:relative;}
.pro_list .list{font-size:0;}
.pro_list .item{width:280px;display: inline-block;margin: 0 20px 20px 0;}
.pro_list .item .item-img{width: 280px; overflow: hidden;}
.pro_list .item img{width:100%;transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s; }
.pro_list .item.s a{opacity:0.6;}
.pro_list .item:hover img{opacity:1;transform:scale(1.1);-webkit-transform:scale(1.1);}
.item-title{ color: #666; font-size: 14px; line-height: 30px; height: 30px; overflow: hidden; margin-top: 10px;}

.pro_list.fengmao .item .item-img{width: 280px;height: 157px;}
.pro_list.zizhi .item .item-img{width: 280px; height:400px; display: table-cell; vertical-align: middle; }


/* 产品列表 */
.product_box{
	position: relative;
	width: auto;
    height: auto;
	white-space: normal;
	padding: 0;
	margin: 0;
    overflow: visible;
}
.product_box .product_item{
	/* width: 277px; */
	width: calc((100% - 180px)/4);
	margin: 20px;
	overflow: hidden;
	clear: both;
	height: inherit;
	margin: 20px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	display: inline-block;
	vertical-align: top;
	border: 1px solid rgba(243,243,243,1);
	transition: box-shadow 0.6s, transform 0.6s, -webkit-box-shadow 0.6s, -webkit-transform 0.6s;
	-webkit-transition: -webkit-box-shadow 0.6s, -webkit-transform 0.6s;
}
.product_box .product_itemimg{
	position: relative;
    width: 100%;
    height: 188px;
    text-align: center;
    font-size: 0;
	overflow: hidden!important;
	margin: 0;
	padding: 0;
}
.product_box .product_itemimg img{
	/* width: 100%; height: 100%; */
	width: auto!important;
    height: 100%!important;
    left: 50%!important;
    top: 50%!important;
    -webkit-transform: translate(-50%,-50%)!important;
    -ms-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important;
    position: absolute!important;
}
.d_title{
	font-size: 14px;
	padding-top:20px;
	color: #333;
	height: 60px;
    width: auto;
    border-top: 0px solid #e2e2e2;
    padding-left: 20px;
    background: #f6f6f6;
    padding-right: 20px;}

.product_box .product_item a:hover{text-decoration: none;}

.product_box .product_item:hover{
	width: calc((100% - 180px)/4);
	height: inherit;
	margin: 20px;
	display: inline-block;
	vertical-align: top;
 -webkit-transition: -webkit-box-shadow 0.6s, -webkit-transform 0.6s;
 transition: box-shadow 0.6s, transform 0.6s, -webkit-box-shadow 0.6s, -webkit-transform 0.6s;
 border: 1px solid rgba(243,243,243,1);
 -webkit-box-shadow: 5px 5px 0 #056eb8, 10px 10px 0 rgba(1, 123, 196, 0.6), 15px 15px 0 rgba(1, 141, 213, 0.3), 20px 20px 0 rgba(1, 159, 223, 0.1);
 box-shadow: 5px 5px 0 #056eb8, 10px 10px 0 rgba(1, 123, 196, 0.6), 15px 15px 0 rgba(1, 141, 213, 0.3), 20px 20px 0 rgba(1, 159, 223, 0.1);
 -webkit-transform: translate3d(-10px, -10px, 0);
 transform: translate3d(-10px, -10px, 0);
}

/* 产品详情 */
.pro_detail_box{height: auto;
    width: 100%;
    display: flex;
    margin-bottom: 60px;
    -webkit-flex-flow: row wrap;
    -webkit-align-items: flex-start;
    -moz-flex-flow: row wrap;
    -moz-align-items: flex-start;
    -ms-flex-flow: row wrap;
    -ms-align-items: flex-start;
    flex-flow: row wrap;
	align-items: flex-start;}
.pro_detail_info{
	float: left;
    margin-left: 55px;
    height: auto;
    border: none;
    min-width: 200px;
    width: initial;
    -webkit-flex: 1px;
    -moz-flex: 1px;
    -ms-flex: 1px;
    display: block;
    -moz-box-flex: 1px;
    -webkit-box-flex: 1px;
    box-flex: 1px;
    flex: 1px;
}
.pro_detail_content{
	width: auto;
	height: auto;
	margin: 0;
    /* width: 236px;
    height: 317px; */
    padding: 0;
    border-width: 1px;
    border-style: none;
    border-color: rgba(228,228,228,0);
    background-color: transparent;
}
.pro_detail_content .pro_name{width: auto;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;margin: 0;
    padding: 0;
    border-width: 1px;
    border-style: none;
    border-color: rgba(228,228,228,0);
    background-color: transparent;
    overflow: hidden;}

.pro_detail_content .pro_natitle{
	display: inline-block;
    margin: 0;
    padding: 0;
    color: rgba(51, 51, 51,1);
    font-size: 24px;
    font-weight: 400;
    text-align: center;
}
.pro_detail_content .d_summary{
	line-height: 25px;
    display: inline-block;
    vertical-align: middle;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
    flex: 1;
	white-space: normal;
	color: rgba(102,102,102,1);
    /* font-family: "Heiti SC"; */
    font-size: 14px;
    line-height: 26px;
    text-align: left;
    vertical-align: top;
    word-break: break-all;
}
.pro_info_btn{ margin-top: 20px;}

.pro_des_box{clear: both;width: 100%;height: auto;overflow: visible;margin-top: 20px;}
.pro_des_content{ margin-top: 30px;}
.pro_des_content p{font-size: 16px; color:#666; line-height: 30px;}


/* 相册 */
/* play */
.slide-album-box{width: 600px; height: 500px;}
#play{text-align:center;position:relative;overflow:hidden;margin:5px auto; background:#fff;}
#play .change_a{width:50%;height:100%;position:absolute;top:0;z-index:1;cursor:pointer;display:block;overflow:hidden;}
#play .prev_a{left:0;}
#play .next_a{right:0}
#play .change_a span{width:24px;height:43px;display:block;position:absolute;top:50%;margin-top:-21px;display:none}
#play .prev_a span{background:url(../images/s_gallery.png) no-repeat 0px -50px;left:0;}
#play .next_a span{background:url(../images/s_gallery.png) no-repeat -30px -50px;right:0;}
#play .img_ul{position:relative;z-index:1;}
#play .img_ul li{width: 100%; height: 404px; overflow: hidden;}
.img_hd {/*border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#eee;*/
         overflow:hidden;height:86px;padding:2px 0;margin-top:15px;margin:5px auto;position:relative; height: 90px; background:#fff;}
.img_hd ul{position:absolute;z-index:1}
.img_hd ul li{float:left;width:100px;height:80px;border:3px solid #eee;cursor:pointer;margin:0 3px 0 1px;overflow:hidden;*display:inline;padding:1px;text-align:center}
.img_hd ul li img{height:80px;}
.img_hd ul li.on{border-color:rgb(0, 166, 81);}
.img_hd .bottom_a{background:url(../images/s_gallery.png) no-repeat;width:22px;height:22px;position:absolute;display:block;top:50%;margin-top:-11px;cursor:pointer;z-index:10}
.img_hd .prev_a{background-position:0 -24px;left:5px;}
.img_hd .next_a{background-position:-30px -24px;right:5px;}


/* 新闻列表 */
.news_item{padding: 20px 0px;border-bottom: 1px solid #efefef;clear:both;height: 140px;}
.news_con_list:hover .news_con_img img{ transform: scale(1.1);}
.news_con_list:hover .news_con_word .news_time,
.news_con_list:hover .news_con_word .news_con_nav h4{ color: #01489a;}
.news_con_img{width: 226px;height: 138px;overflow: hidden; float: left;}
.news_con_img img{ width: 100%;transition: all 0.6s;}
.news_con_title{width: 100%; height: 34px;}
.news_con_title h4{ font-size: 16px;line-height: 24px; font-weight: normal;width: 70%; float: left;}
.news_con_title .news_time{ font-size: 14px; color: #c9c9c9; width: 30%; float: right; text-align: right;}
.news_con_nav p{ font-size: 14px; line-height: 28px; color: #999;}
.news_con_word{margin-left: 260px;}
.news_zhaiyao{font-size: 14px; line-height: 28px; color: #999; display: inline-block;}

.news_detail_btn{
	float: right;
    position: relative;
	background: rgb(1, 72, 154);
    border-color: rgb(1, 72, 154);
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    margin: 20px 0 0;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 86px;
    color: rgb(255, 255, 255);
    font-size: 12px;
    text-align: center;
    transition: all 0.5s;
    border-radius: 50px;
    line-height: 28px;}

.news_detail{margin: 40px 0px;}
.detail_left{ padding: 0;}
.detail_right{width: 30%;float: right;padding:0px 10px;}
.detail_img{width: 100px; float: left;}
.detail_img img{width: 100%;}
.detail_tit{border-bottom: 1px solid #eee;text-align: center;}
.detail_tit h4{font-size: 30px; color: #333; font-weight: normal;}
.detail_tit h5{color: #999;padding: 10px 0px 5px;font-family: inherit; font-size: 12px; font-weight: normal;}
.detail_info{margin: 30px 0px 60px;}
.detail_info p{font-size: 14px;color: #666; line-height: 28px;}
.detail_info_img{ text-align: center; margin: 20px 0px;}
.detail_right h4{ margin-bottom: 0px;}
.detail_right ul li{ clear: both; padding: 15px 0px; border-bottom: 1px solid #eee;}
.detail_right ul{ margin-top: 10px;}
.detail_con{ float: right; width: 222px;  padding-left: 10px;}
.detail_con h4{ margin: 0px; font-size: 14px; line-height: 24px; max-height: 48px;}
.detail_con h5{ color: #999;}
.detail_zhaiyao{font-size: 14px; line-height: 26px;margin: 20px 0;width: 100%;height: auto; padding: 15px 25px;border-width: 1px;border-style: dashed;
border-color: rgba(228,228,228,1); background-color: rgba(252,251,253,1); word-wrap: break-word; word-break: break-all; font-size: 14px;font-color: rgba(153,153,153,1);text-align: left;}


/* 社会责任 */
.social_box {overflow: hidden!important;width: 100%;}
.social_box .clearfix {clear: both;}
.social_box .tile {
    width: calc(100% / 2 - 40px);
    height: 275px;
    margin: 20px;
    background-color: #000000;
    display: inline-block;
    background-size: cover;
    position: relative;
    cursor: pointer;
    transition: all 0.4s ease-out;
    color: white;
    float: left;
    overflow: hidden;
}
.social_box .tile .text { z-index: 99; position: absolute;padding: 30px; height: calc(100% - 60px); width: calc(100% - 60px); height: 100%!important;}
.social_box .tile .text a{color: #f0f0f0;}
.social_box .tile .text a:hover{text-decoration: none;}
.social_box .tile h1 {font-weight: 300;text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3); font-size: 30px;}
.social_box .tile img { height: 100%; width: 100%; position: absolute;top: 0; left: 0; z-index: 0; transition: all 0.4s ease-out;}
.social_box .tile h2 {font-weight: 100;margin-top: 20px; transform: translateX(200px); display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow: hidden; font-size: 18px;}
.social_box .animate-text {opacity: 0;transition: all 0.6s ease-in-out;}
.social_box .tile p {font-weight: 300; margin-top: 20px; line-height: 25px; transform: translateX(-200px);
 transition-delay: 0.2s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; font-size: 14px;}
.social_box .tile:hover {transform: scale(1.05);}
.social_box .tile:hover img {opacity: 0.2;}
.social_box .tile:hover p {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.social_box .tile:hover .animate-text {transform: translateX(0);opacity: 1;}
.social_box .tile:hover span {opacity: 1;transform: translateY(0px);} 


/* 地图 */
.my-map { margin: 0 auto; width: 100%; height: 400px; }
.my-map .icon { background: url(../images/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}
/* 地图end */
/********************分页************************/
.pagess-box{
    width: 100%;text-align: center;margin: 40px 0;
}
.pagess-box #pages{
    display: inline-block;
    margin:0 10px 0 0;
    vertical-align: middle;
}


.pagess-box #pages a{
    display: inline-block;
    width: 35px;
    height:35px;
    line-height: 35px;
    color: #838383;
    font-size: 14px;
    border: 1px solid #ccc;
    /*background: #d03745;*/
}

.pagess-box #pages li {width: 35px;height: 35px;line-height: 35px;display: inline-block;border: 1px solid #cccccc;margin-right:5px;}
.pagess-box #pages li.active{background: #183883;color:#fff;}
.pagess-box #pages .thisclass {width:40px;height: 40px;line-height: 40px;background-color: #7bb4eb;color: #FFF;font-weight: bold;}
/*dizhilan*/
.BMap_Marker img{
    max-width: initial;
}
.ul-contact li {
    background: url(../images/i_icon2.png) no-repeat;
    padding-left:50px;
    font-size: 14px;
    margin-bottom: 14px;
    line-height: 35px;
    text-align: left;
}
.ul-contact li.li1 {
    background-position: 0 0;
}
.ul-contact li.li2 {
    background-position: 0 -74px;
}
.ul-contact li.li3 {
    background-position: 0 -135px;
}
.ul-contact li.li4 {
    background-position: 0 -185px;
}

#allmap {
    float: left;
    height: 500px;
    width: 60%;
}
#allmap_div {
    float: right;
    width: 35%;
}