.clearfix:before,
.clearfix:after{content: " "; display: table;}
.clearfix:after{clear: both;}

.top_wrap{height:50px; background:#2685e1; width:100%;}
.top{height:50px; margin:0 auto;}
.top_notice{height:50px;float:left; width:50%;}
.top_notice i{float:left; line-height:50px; padding:0 13px 0 5px; color:#e5da2e;}
.top_notice p{float:left; line-height:50px; font-size:13px; color:#fff;}
.top_right{height:50px; float:right;}
.top_right li{float:left; height:50px; position:relative;}
.top_right li a{display:block; height:50px; color:#fff; font-size:13px; line-height:50px;padding:0 20px; border-left:1px solid #519de7;}
.top_right li:last-child{border-right:1px solid #519de7;}
.top_right li a:hover{background:rgba(255,255,255,0.1);}
.weixin img{width:100px;height:100px; position:absolute;top:50px; left:0px;z-index:9; display:none;}
@media (min-width: 1439px){.top{width:1400px;}}
@media ( min-width: 980px ) and (max-width: 1438px){.top{width:96%; margin:0 2%;}}
@media (min-width: 768px)and (max-width: 979px){.nav_wrap{display:none;}}
@media (max-width: 767px){.top_wrap{display:none;}}
@media (max-width: 480px){}
/*顶部条*/
.head_wrap{height:100px;width:100%; background:rgba(255,255,255,0);}
.nav_wrap{height:100px; margin:0 auto;}
.head_logo{float:left;}
.head_nav_wrap{float: left;}
.head_nav_wrap>ul>li{float: left; padding: 0 20px; height:100px; position:relative;}
.head_nav_wrap>ul>li>a{line-height:50px; display:block; height:50px; margin-top:25px; color:#555;font-size:16px;}
.head_nav_wrap > ul > li.nav_li_selected a.alink{border-bottom:2px solid #2685e1;color:#2685e1; box-sizing:border-box;}
.head_nav_wrap > ul > li > a:hover{border-bottom:2px solid #2685e1;color:#2685e1; box-sizing:border-box;}
.subnav_wrap{transition:all 400ms ease-in-out; position:absolute; width:120px; left:50%; top:120px; z-index:-99; transform:translateX(-60px ); overflow:hidden; opacity:0; box-shadow:6px 6px 8px rgba(0,0,0,0.12); padding:0px 0px 5px; border-radius:5px; border-top-left-radius:0px; border-top-right-radius:0px; background:#fff;}
.subnav_wrap li:first-child{background:url(../../images/22/subnavbg.jpg) no-repeat top center;}
.subnav_wrap li{width:100%; height:40px; padding:0 8px; box-sizing:border-box;}
.subnav_wrap li a{width:100%; height:40px;display:block;text-align:center; line-height:40px; font-size:15px; color:#696969; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.subnav_wrap li:hover{background:#2685e1; box-shadow:0px 0 8px rgba(0,0,0,0.12) inset;}
.subnav_wrap li:hover a{color:#fff;}
.head_nav_wrap > ul > li:hover .subnav_wrap{top:100px; opacity:1; z-index:9;}
.sousuo_wrap{height:36px; width:190px; float:right; margin:32px 15px 0 0; position:relative;}
.sousuo_wrap input{outline:none; height:36px; width:190px; border:none; border:1px solid #eee; border-radius:50px; box-sizing:border-box;padding:0 10px;color:#555;}
.but{width:40px; height:26px; position:absolute; right:5px;top:5px; background:#2685e1; border-radius:13px; text-align:center; cursor:pointer;}
.but i{color:#fff; line-height:26px;}
.but:hover{background:#0a72d7;}
@media (min-width: 1439px){.head_wrap{width:1400px;} .head_logo{float:left;}}
@media ( min-width: 980px ) and (max-width: 1438px){.head_wrap{width:96%; margin:0 2%;}}
@media (min-width: 980px)and (max-width: 1200px){
    .sousuo_wrap { display:none;}   }




/*菜单导航*/
.move_nav_icon{width: 40px;height: 40px;position: absolute; top: 50%;transform: translateY(-50%) scale(0.8);z-index: 6;left:14px;}
.move_nav_icon ul{height: 40px;}
.move_icon{margin-top: 7px;height: 4px;}
.move_icon span{background:#ddd;}
.move_icon .move_icon_max{display:block; width:30px; height:3px; margin-left:5px; float:left; border-radius:10px; transition:1s;}
.move_nav_icon:hover{cursor:pointer;}
.mob_nav_wrap{overflow:hidden; position:relative; height:60px;}
.mob_head_logo{padding:0 60px; box-sizing:border-box;width:100%;overflow:hidden; height:60px;}
.mob_head_logo a{overflow:hidden; display:block;height:60px;width:100%; text-align:center;}
.mob_head_logo img{max-height:100%;}
.mob_sousuo{width: 40px;height: 40px; position: absolute; top: 50%;transform: translateY(-50%); right:13px; line-height:40px;text-align:center;}
.mob_sousuo i{font-size:22px; color:#ddd;}
.selectnav{position: fixed;z-index:2000;width:100%;overflow: hidden;left:0; top:0;bottom:0px; background:rgba(0,0,0,0.4);display:none;}
.selectnav2{overflow: hidden; background: #fff;width: 30%; position: relative; height:100%; padding-top:30px;}
.selectnav ul li{width: 100%; background: #fff; height:42px; font-size: 16px;line-height: 42px;}
.selectnav ul li a{display: block; padding-left: 10%; color:#555;}
@media (min-width:979px){.mob_nav_wrap{display:none;}}
@media (max-width: 767px){.nav_wrap{display:none;} .head_wrap{height:60px;}}
@media (max-width: 480px){} @media ( min-width: 768px)and ( max-width: 979px ){.mob_nav_wrap{display:block;} .head_wrap{height:80px;} .mob_head_logo{height:80px;} .mob_head_logo a{height: 80px;} .mob_nav_wrap{height:80px;}}
/*手机头部*/
.index_hopro_con{overflow:hidden;}
.hopro_img{width:25%; height:320px;}
.hopro_img img{width:100%;}
.hopro_pro{width:100%;}
.hopro_pro li{width:25%;height:320px;box-sizing:border-box; border:1px solid #eee; border-top:none; margin-left:-1px;overflow:hidden;  }
.hopro_pro li p{padding:0 15px; font-size:18px; color:#333; box-sizing:border-box; margin-top:30px; height:30px; line-height:30px; text-align:center; width:100%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hopro_pro_img{height:260px;display: table-cell;vertical-align: middle; text-align: center;}
.hopro_pro_img img{vertical-align: middle; max-height:100%; max-width:100%;}
.hopro_pro li a{ display:block;width:100%; background:rgba(0,0,0,0.6); color:#fff; height:100%; transition:all 300ms; padding:30px 15px; box-sizing:border-box;line-height:36px;   }
.hopro_pro li:hover a{ transform:translateY(-100%); }

@media (min-width: 1439px){.index_hopro_wrap{width:1400px;}}
@media ( min-width: 980px ) and (max-width: 1438px){.index_hopro_wrap{width:96%; margin:0 2%;}}
@media (min-width: 767px){.hopro_img{float:left;} .hopro_pro{float:left;} .hopro_pro li{float:left;}}
@media (max-width: 767px){.index_hopro_con{padding:20px;}
.hopro_img{width:100%; height:auto;}
.hopro_img img{width:100%;}
.hopro_pro{width:100%;}
.hopro_pro li{width:100%;border: 1px solid #eee;margin-left:0px; margin-top:-1px;}} @media ( min-width: 768px)and ( max-width: 979px ){.hopro_img{width:34%; height:260px;} .hopro_pro{width:66%;height:260px;} .hopro_pro li{width:50%; height:260px;} .hopro_pro li:nth-child(3){display:none;} .hopro_pro_img{height:199px;}}
/*推荐产品*/
.about_wrap{margin-top:25px; overflow:hidden;}
.about_con{display:inline-block;width:55%; background:#f9f9f9; padding-bottom:35px; overflow:hidden; box-sizing:border-box; height:342px;}
.about_con h2{height:70px; border-bottom:1px solid #eee; box-sizing:border-box;padding-left:40px; font-size:20px;color:#555;}
.about_con h2 span{display:inline-block; line-height:40px;margin-top:19px;font-weight:normal; border-bottom:#2685e1;}



.about_video{display:inline-block;width:45%; height:342px; position:relative;}
.about_con_bianjiqi{padding:15px 20px 15px 40px; box-sizing:border-box; height:170px; overflow:hidden;margin-bottom:25px;}
.liaojie{margin-left:40px; display:block; height:42px; cursor:pointer; width:150px; text-align:center;line-height:42px; background:#2685e1; color:#fff; border-radius:42px;}
.liaojie:hover{background: #0a72d7;}
.about_video>img{width:100%;height:100%;}
.about_video a{position:absolute; left:0;top:0px; width:100%; bottom:0px; z-index:2; background:rgba(0,0,0,0.4); opacity:0.8;}
.about_video a:after{content:""; position:absolute; left:50%;top:50%; transform:translate(-50%,-50%); width:65px; height:65px;background:url(../../images/22/play_icon.png) no-repeat center; box-sizing:border-box; border:3px solid rgba(255,255,255,0.6); border-radius:50px;}
.about_video a:hover{opacity:1;}
@media (min-width: 1439px){.index_about_wrap{width:1400px;}}
@media ( min-width: 980px ) and (max-width: 1438px){.index_about_wrap{width:96%; margin:0 2%;}}
@media (min-width: 767px){.about_con{float:left;} .LaMess{ float:left;}  .about_video{float:left;}}
@media (max-width: 767px){.about_con{width:100%;} .LaMess{width:100%;} .about_video{width:100%; height:250px;} .about_con h2{padding-left: 0px; text-align:center;} .LaMess h2{padding-left: 0px; text-align:center;} .about_con_bianjiqi{padding: 15px 20px;} .liaojie{margin-left: 0px; text-align:center; margin:auto;}}
/*关于我们*/
.photo_wrap{margin-top:25px; overflow:hidden;}
.photo_wrap{height:460px; background:#eee;width:100%;}
.swiper-photo{width: 100%; height: 100%; background:rgba(0,0,0,0.8);}
.swiper-photo .swiper-slide{/*width:50%!important;*/}
.swiper-photo .swiper-slide a{display:none;}
.photo_href{position:absolute; left:20px; bottom:15px; max-width:500px; box-sizing:border-box; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; border-radius:30px; padding:0 15px; z-index:9; color:#fff; background:#2685e1; line-height:36px;}
.photo_href:hover{background: #0a72d7;}
@media (min-width: 1439px){.index_photo_wrap{width:1400px;}}
@media ( min-width: 980px ) and (max-width: 1438px){.index_photo_wrap{width:96%; margin:0 2%;}}
@media (min-width: 767px){.swiper-photo .swiper-slide-prev{transform:translateX(100%);}
.swiper-photo .swiper-slide.swiper-slide-active{width:50%; transform:translateX(25%); z-index:99; opacity:1;}
.swiper-photo .swiper-slide.swiper-slide-active a{display:block;}
.swiper-photo .swiper-slide-next{transform:translateX(-50%);}
.swiper-photo .swiper-slide{opacity:0.4;}}
@media (max-width: 767px){.photo_wrap{height:250px;} .photo_wrap img{height:250px;width:100%;} .swiper-photo .swiper-slide.swiper-slide-active a{display:block;} .photo_href{bottom: 29px;}} @media ( min-width: 768px)and ( max-width: 979px ){.about_video{height: 238px; margin-top:50px;} .about_wrap{background:#f9f9f9;}}
@media ( min-width: 768px)and ( max-width: 979px ){.swiper-photo .swiper-slide.swiper-slide-active{transform: translateX(0%);} .swiper-slide img{width:100%;} .photo_href{bottom: 29px;}}
/*风采照片*/
.news_wrap{margin-top:25px; overflow:hidden;}
.index_news_con{float:left;position:relative; width:45%;height:408px;}
.index_news_con img{width:100%; height:100%;}
.index_newslist_con{width:55%; background:#f9f9f9; overflow:hidden; line-height:42px; padding:15px 20px; box-sizing:border-box;}
.index_newslist_con ul li{width:100%;}
.index_newslist_con ul li a{color:#555; overflow:hidden;width:100%;}
.index_newslist_con ul li a p{width:78%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:42px;float:left; font-size:15px;color:#555;}
.index_newslist_con ul li a span{width:20%; line-height:42px; float:right; text-align:right;font-size:15px;color:#999;}
.hotnews_con_tit{position:absolute;left:0px; bottom:0px;width:100%;padding:0 100px 0 15px; box-sizing:border-box;}
.hotnews_con_tit p{color:#fff; line-height:62px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hotnews_con_tit a{margin-left: 40px;display: block; height:36px; width:86px; text-align: center;line-height: 36px; background: #2685e1; color: #fff; border-radius: 42px; position:absolute;right:15px; top:13px;}
.hotnews_con_tit a:hover{background: #0a72d7;}
@media (min-width: 1439px){.index_news_wrap{width:1400px;}}
@media ( min-width: 980px ) and (max-width: 1438px){.index_news_wrap{width:96%; margin:0 2%;}}
@media (min-width: 767px){.index_newslist_con{float:left;}}
@media (max-width: 767px){.index_news_con{display:none;} .index_newslist_con{width:100%;} .index_newslist_con ul li a p{width: 64%;} .index_newslist_con ul li a span{width: 35%;}}
@media ( min-width: 768px)and ( max-width: 979px ){.index_news_con{height: 237px;} .index_newslist_con ul li a p{width: 60%;} .index_newslist_con ul li a span{width: 40%;} .index_newslist_con ul li:nth-child(n+6){display:none;}}
/*新闻资讯*/
/*底部*/
.bottom{width:100%; overflow: hidden; padding-bottom:60px;background:#fff; margin-top:25px; border-top:1px solid #eee;}
.bottom .bottom_c{width: 90%; margin: 0 auto; overflow: hidden;}
.bottom .bottom_c .iconbox{width: 100%; height:160px; border-bottom:1px solid #eee;}
.bottom .bottom_c .iconbox ul li{float:left; width:25%; height:160px;}
.bottom .bottom_c .iconbox ul li img{float:left; margin-top: 44px;}
.bottom .bottom_c .iconbox ul li .p1{color:#545454; font-size:17px; margin-top: 40px; line-height: 40px; margin-left:20px; float:left;}
.bottom .bottom_c .iconbox ul li .p2{color:#999; font-size:14px; line-height: 40px; margin-left:20px; float:left;}
@media only screen and (max-width:64em){.bottom .bottom_c .iconbox ul li{width:25%;} .bottom .bottom_c .iconbox{height:auto; overflow: hidden;} .bottom .bottom_c .iconbox ul li .p2{font-size: 12px;}}
@media only screen and (max-width:48em){.bottom .bottom_c .iconbox ul li{width:50%;}}
.bottom .bottom_c .fdh{width:100%; overflow: hidden;}
.bottom .bottom_c .fdh li{float:left; width:140px;}
.bottom .bottom_c .fdh li+li{}
.bottom .bottom_c .fdh .f1{float:left; width:120px; padding-top:15px; background: url(../../images/22/line_bg.jpg) bottom repeat-x; margin-bottom: 10px;}
.bottom .bottom_c .fdh .fdh_left{float:left;}
.bottom .bottom_c .fdh .f1 a{line-height: 50px; display: block; float:left; border-bottom:1px solid #2685e1; font-size:16px; color:#555;}
.bottom .bottom_c .fdh .a1{display: block; width:123px; font-size:14px; color:#999; float:left; line-height:32px; transition: 0.5s; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.bottom .bottom_c .fdh .a1:hover{color:#6F9BA6; transition: 0.5s;}
.bottom .bottom_c .fdh .fdh_right{float:right;}
.bottom .bottom_c .fdh .fdh_right .ewm{margin-top: 26px; width:100px;}
.bottom .bottom_c .fdh .fdh_right .ewm img{width:100px;}
@media only screen and (max-width:48em){.bottom .bottom_c .fdh .fdh_right{display: none;} .bottom .bottom_c .fdh .fdh_left{display: none;} .bottom{padding:0;} .bottom .bottom_c .fdh{display: none} .bottom .bottom_c .iconbox{border:none;}}
@media only screen and (max-width:30em){.bottom{display:none}}
.bottom .bottom_c .fdh .fdh_right .pp1,.bottom .bottom_c .fdh .fdh_right2 .pp1{color:#999; font-size:14px;}
.bottom .bottom_c .fdh .fdh_right2 .pp2{color:#555; font-size:25px;}
.bottom .bottom_c .fdh .fdh_right2{margin-right:15px; float:right; margin-top:29px;}
@media only screen and (max-width:48em){.bottom .bottom_c .fdh .fdh_right2{display: none;}}
.bottom2{width:100%; overflow:hidden; background: #F2F2F2;}
@media only screen and (max-width:30em){.bottom2{width: 100%;background: #ffffff;}}
@media only screen and (max-width:64em){.bottom .bottom_c .fdh .fdh_right2{display:none;}}
.bottom2 .bottom2_c{width:92%;margin:0 auto;}
.bottom2 .bottom2_c .bottom_con_xinxi{color:#818181; font-size:12px; line-height: 70px; float:left;}
.bottom2 .bottom2_c .bottom_con_links{color:#818181; font-size:12px; line-height: 70px; }
.bottom2 .bottom2_c .bottom_con_xinxi a,.bottom2 .bottom2_c .bottom_con_links a{color:#818181;}
.bottom2 .bottom2_c .bottom_con_xinxi a:hover,.bottom2 .bottom2_c .bottom_con_links a:hover{text-decoration: underline;}
.jq22-container+.jq22-container{display: none;}
@media only screen and (max-width:30em)
{
.bottom2 .bottom2_c .bottom_con_xinxi{width:100%;text-align:center;} 
.jq22-container{display: none} 
.jq22-container+.jq22-container{display: block;} 
.jq22-container+.jq22-container{height:400px !important;} 
.jq22-container+.jq22-container .mySlideshow{height:400px !important;} 
.bottom2 .bottom2_c .bottom_con_xinxi{line-height:32px;}
    .bottom2 .bottom2_c {text-align:center; }

}
@media only screen and (min-width:30em) {.bottom2 .bottom2_c .bottom_con_links{ float:right;}
}
@media ( min-width: 768px)and ( max-width: 979px ){.bottom2 .bottom2_c .bottom_con_links{line-height: 70px;}}
/*底部*/




/*首页留言模块*/


.LaMess{display:inline-block;width:55%; background:#f9f9f9; overflow:hidden; box-sizing:border-box; height:420px;}
.LaMess h2{height:60px; border-bottom:1px solid #eee; box-sizing:border-box;padding-left:40px; font-size:20px;color:#555;}
.LaMess h2 span{display:inline-block; line-height:60px;font-weight:normal; border-bottom:#2685e1;}
.lyImg{display: inline-block;width: 45%;height: 420px;}
.lyImg > img {width: 100%;height: 100%;}
@media (min-width: 767px){.LaMess{ float:left;} .about_video{float:left;}}
@media (max-width: 767px){.LaMess{width:100%;} .LaMess h2{padding-left: 0px; text-align:center;} .lyImg{width:100%; height:250px;}}


.shop_LaMess{margin:0 auto; width: 100%; overflow: hidden; padding-left:20px; box-sizing:border-box;   }
.shop_LaMess .p1{font-size:1rem; font-size:14px; color:#555; float:left; height:2rem; line-height: 2rem; margin:0 1rem;width: 7rem;text-align: right;}
.shop_LaMess .input1_box{float:left; height:2rem; line-height: 2rem; width:65%; border:1px solid #eee; border-radius: 0.2rem; font-size: 1.4rem;}
.shop_LaMess .input1_box input{width:99.6%; height:1.8rem;text-indent: 5px; line-height: 1.8rem; border:none; border-radius: 0.2rem; font-size:0.8rem; color:#696969; font-size:1.2rem\9;}
.shop_LaMess .subs{transition:all 300ms;    float:left; height:2rem; line-height: 2rem; color:#fff; background: #2685e1; border-radius: 0.2rem; border:none; font-size:1rem; font-size:14px; margin-top: 0.5rem; width:18%; cursor:pointer;}
.shop_LaMess .subs:hover {  background:#0a72d7; }
.imibao{width: 65%;float: left;border: 1px solid #eee;border-radius: 0.2rem;}
.imibao textarea{width:99.5%;height:3rem;font-size:0.8rem;border-radius: 0.2rem;border: 0; line-height: 1rem;color: #696969;text-indent: 5px;font-family: "Microsoft Yahei";}
.shop_LaMess .input1_box input::-webkit-input-placeholder  { color:#bbb;    }
.imibao textarea::-webkit-input-placeholder  { color:#bbb;    }
@media (max-width: 450px){.shop_LaMess{ padding-left:18%;}.shop_LaMess .p1{ display:none;}}



.hotline{ float:right;}
@media (min-width: 980px)and (max-width: 1200px){.hotline{ display:none;}}

.proSearch{height:36px; width:190px; float:left; margin:7px 15px 0 0; position:relative;}
.proSearch input{outline:none; height:36px; width:190px; border:none; border:1px solid #eee; border-radius:50px; box-sizing:border-box;padding:0 10px;color:#555;}
.Language{ float:left; height:50px; line-height:50px;color: #fff;}
.Language a{color: #fff;font-size: 13px; margin:0 5px;}
.last_a
{
	display: none;
}
@media (max-width: 980px) and (min-width: 100px)
{
	.last_a
	{
		display: block;
	}
}