*{margin:0; padding:0; list-style:none; font-family: "微软雅黑" }
a{ text-decoration:none; color:#333; transition: all 0.3s; -o-transition: all 0.3s; -mos-transition: all 0.3s; -webkit-transition: all 0.3s;  }
a:hover{text-decoration:none}
h1,h2,h3,h4,h5,h6{font-weight:normal; margin: 0;}
hr{ border:none;}
.clear{ clear:both;}
.container{ padding: 0;}
p,ul{margin: 0;}
img{ border:0; vertical-align:middle; }
.row{margin-left:0px; margin-right:0px;}

/*导航*/
.w1200{ width:1200px; height: auto; margin: 0px auto;}
.header_top_xtitle{width: 100%; height:40px;background: #eeeeee }
.header_top_xtitle p{ color: #333;font-size: 12px;line-height: 40px; float: left}
.top_re{float:right;height:100%;}
.top_re img{float:left;  margin-right: 8px; width:19px; height: 21px; margin-top: 10px;}
.top_re span{ color:#333;font-size:13px;float:left; line-height: 40px; margin-right: 5px}
.top_re p{ float:right; font-size: 16px;color: #333}
.header_dao{width:100%; height:auto; background: #fff;}
.top_xtitle_left{ width: auto; float: left;}
.f-fl{font-size: 12px;margin-top: 10px;position: relative;float: left;cursor: pointer; margin-left: 10px;}
.f-ch{ width:auto;}
.gj_xl {
    width: 101px;
    height: 45px;
    padding: 16px 9px 9px 9px;
    position: absolute;
    left: -8px;
    z-index: 100;
	 background: #fff;
	top:20px;
}
.f-fl span.gj{margin-right: 5px;}
.f-fl span.gj img{width: 22px;height: 16px;}
.f-fl span.xl img{vertical-align: middle;cursor: pointer;}
.f-fr{width: 436px;float: right;margin-top: 8px;}
ul.f-fr_ul{display: flex;
	justify-content: space-between;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	-webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;}
ul.f-fr_ul li{font-size: 12px;color: #333333;position: relative;}
ul.f-fr_ul li.tab a,ul.f-fr_ul li a:hover{color: #4eacca;}
ul.f-fr_ul li .on{width: 100%;height:5px;background: url(../images/tab.png)no-repeat center;display: none;}
ul.f-fr_ul li:hover .on{display: block;}




/*pc导航*/
.header_logo{width:201px; height: 52px; float: left;}
.header_logo img{width:201px; height: 52px;}
.header_nav{width:100%;height:auto;border-top:1px solid #dcdcdc;background:#eee;line-height:48px; padding:22px 0 15px; }
.nav{height:37px; float: right; margin-top: 8px;}
.nav a{color:#333}
.nav .nLi{position:relative;float:left;display:inline;height:100%}
.nav .nLi h3{float:left;height:100%;text-align:center;line-height:37px}
.nav .nLi h3 p{width:100%;height:100%}
.nav .nLi h3 a{display:block;width:120px;height:100%;color:#333;font-weight:400;font-size:14px}
.nav .sub{position:absolute;top:47px;left:0;z-index:999;display:none;padding:0;width:100%;background:#ddd;line-height:26px}
.nav .sub li{height:40px;border-bottom:1px solid #eee;background:#eee;text-align:center;line-height:40px;zoom:1}
.nav .sub li p{float:left;margin:0;width:100%}
.nav .sub li span{float:right}
.nav .sub a{display:block;padding:0 10px;height:100%;color:#333;font-size:12px}
.nav li.active h3 a{background:#282c68;color:#fff; border-radius: 30px;}
.sub li:hover a{color:#1680c7}




/*手机导航*/
.menu{ width:34px; height: 25px; float: right; margin-right: 10px;}
.menu a{width:100%; height: 100%; display: block;}
.nav_shouji{ display: none}
#hamburgermenu{background:#293754; left:0px; top:0px; width:0px; height:100%; overflow-y:scroll; position:fixed; z-index:999; box-shadow:3px 0px 7px rgba(0,0,0,0.55); -webkit-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55); -moz-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55);}
.nav_logo{width:100%; padding-top:10px; text-align:center; clear:both;}
.nav_logo img{height:35px; margin:5px 0px;}
.menu_head{width:100%; min-width:150px; border-bottom:rgba(255, 255, 255, 0.32) 1px solid; line-height:25px; text-indent:1em; color:#fff; padding:8px 0px; font-size:1em; position:relative; margin:0px;}
.menu_head img{vertical-align:middle; height:25px; padding-right:5px;}
.menu_head a{color:#fff;}
.menu_body{width:100%; min-width:150px; overflow:hidden; line-height:38px; display:none;}
.menu_body a{width:100%; display:block; height:28px; line-height:28px; color:#fff; text-indent:2em; border-bottom:rgba(255, 255, 255, 0.32) 1px solid;}
.menu{display: none}
.overlay {left: 0px; right: 0px; bottom: 0px; position: fixed; z-index: 99; background-color: rgba(0, 0, 0, 0.5);}
.openmenu .overlay {top: 0px;}




/*banner*/
.index_banner{width:100%;height:650px; display: block; overflow: hidden;}
.ny_banner{width:100%; height: 250px;}
.about_banner{ background: url(../images/aboutbj.jpg) no-repeat center}
.contact_banner{ background: url(../images/contactbj.jpg) no-repeat center}
.honor_banner{ background: url(../images/aboutbj.jpg) no-repeat center}
.news_banner{ background: url(../images/newbj.jpg) no-repeat center}
.case_banner{background: url(../images/casebj.jpg) no-repeat center}
.fuwu_banner{background: url(../images/fuwubj.jpg) no-repeat center}
.join_banner{background: url(../images/joinbj.jpg) no-repeat center}
.swiper-pagination-bullet-active{ background: #282c68}


/*中间内容*/
.about_info,.contact_all,.news_all,.product{width: 100%; height: auto;display: block;overflow: hidden;}
.about_info{color:#ddd; line-height: 25px;}
.about_info p{ color: #666; font-size: 14px; line-height: 25px;  margin:10px 0 15px;}
.about_info h3{text-align: center}
.leobanner{width: 100%;height:350px;}
.leobanner_title{width: 270px; height: 131px; background:#282c68; color: #fff;padding-top: 44px;}
.left_title h3{font-size: 24px;}
.left_title p{font-size: 16px;height: 35px; line-height: 35px;}
.left_title{ margin-left: 10px; float: left;}
.aboputbj{background: url(../images/aboutbj.jpg) no-repeat center; background-size:100% 100% ;}
.leo_kuan{ height: auto; margin: 0px auto 40px;}
.maininfo{ height: auto; display: block; overflow: hidden;}
.top_title{width: 100%;height:auto; margin-bottom:15px; overflow: hidden;}
.top_title h3{ width:110px; font-size: 20px; color: #333;  height: 50px; line-height: 50px; float: left; margin: 0px;}
.top_title .top_title_dizhi{  font-size: 14px;  line-height: 50px;}
.top_title .top_title_dizhi img{float:left; margin-top:15px; margin-right:8px;}
.top_title_dizhi span{color: #282c68;}
.top_title .top_title_dizhi a{font-size: 14px; color: #999999;}
.top_title_dizhi .icon{font-size: 23px!important; float: left;}

/*推荐新闻*/
.leo_list{ width: 100%; height: auto; display: block; margin-top:30px; padding-top: 20px;}
.leo_list_info  ul li{ height: 40px; line-height: 40px; margin-top: 15px;}
.leo_list_info  ul li p{ width: 80%;  font-size: 14px; color: #666666; float: left; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; margin-bottom: 0;}
.leo_list_info  ul li .icon-dot{ float: left; font-size: 18px!important; color: #bebebe;}
.leo_list_info  ul li time{ float: right; font-size: 12px;color: #666666;}
.leo_list_info  ul li .leo_xian{border-bottom: 1px dashed #bebebe;height: 100%; width: 100%;}
.leo_list_info  ul li .leo_xian a{display: block;width: 100%; height: 100%;}
.leo_list_info  ul li .leo_xian .yuan{width:13px; height:13px; border-radius: 50px; border: 1px solid #282c68; float: left; margin-top: 12px; margin-right: 10px;}
.leo_list_info  ul li:hover  p{ color:#282c68;}
.leo_list_info  ul li:hover time{color:#282c68;}
.leo_list_info  ul li:hover i{background:#282c68 ;}
.leo_about_title{ width:100%; height:50px; text-align: center; font-size: 24px; color:#333;line-height: 50px; }


/*联系我们*/
.contact_all{margin-top: 30px;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
#dituContent{float: left;}
.contact_info{width:26%; height:412px;  float: right; border: 1px solid #282c68;padding: 10px;}
.contact_info h3{font-size: 16px; color: #333;height: 60px; line-height: 60px; font-weight: bold }
.contact_info p{font-size:14px; color: #666; line-height:30px;}
.dhxian{border: 1px solid  #bebebe; float: left; height:170px;margin: 30px 60px 0;}
.youxiang{width: 22px; height: 14px;margin-top: 20px;}
.dianhuas{width: 20px;height: 15px;margin-top: 20px;}
.dizhitb{width: 20px; height: 25px; margin-top: 14px;}
.chuan{width: 20px; height: 20px; margin-top: 19px;}
.phones{width: 16px; height: 26px;margin-top: 14px;}
.cont_wei{width: 100%; height: 162px!important; border: 0px!important; margin-top: 10px;}
.cont_wei div{ float: left;width: 111px; text-align:center;}
.cont_wei_gz{ margin-right: 76px;}
.cont_wei div img{width: 111px; height: 111px;}
.cont_wei div p{width:100%; height:30px; color: #333; font-size: 14px; line-height: 30px;}
#map{width: 70%; height: 413px; float:left;}



/*荣誉资质*/
.show_img,.jidi_img{width: 100%; height: auto;}
.show_img li.jidi_img li{height: 290px;}
.show_img li p.jidi_img li p{font-size: 14px; color: #666; height: 47px; line-height: 47px; text-align: center; text-indent: 0em;}
.show_img li img{ height: 100%;vertical-align:middle;max-width: 100%;transition: all 0.6s;}
.show_img li:hover img{transform: scale(1.1);}


/*内新闻中心*/
.mian_header_top{position: relative;width:100%;height:auto;}
.newsbanner{background: url(../images/newsbj.jpg) no-repeat center; background-size:100% 100% ; height: 360px; width: 100%;}
.news_all ul{width: 100%; height: 100%; margin-bottom:15px;}
.news_all ul li:nth-child(1){padding-top: 30px; border-bottom: 0px;}
.news_all ul li{padding:15px 0; display: block;overflow: hidden; border-bottom: 1px solid #999999}
.news_all ul li .news_all_pic{width:19%; height:187px; float: left; overflow:hidden}
.news_all ul li .news_all_pic img{width:100%; height:187px;    cursor: pointer;transition: all 0.6s;}
.news_all ul li .news_all_pic img:hover{transform: scale(1.1);}
.news_xx{ float: right; width: 79%;}
.news_all ul li .news_xx h3{ font-size: 16px; color:#333333; margin: 0;height:30px; line-height:30px;font-weight: bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.news_all ul li:hover h3,.news_all ul li:hover p{color:#282c68;}
.news_all ul li:hover{border-bottom:1px solid #282c68}
.news_all ul li .news_xx time{font-size:12px; color: #999;}
.news_all ul li .news_xx p{font-size: 14px; color: #999;height:88px; line-height: 24px;width: 100%; word-break:break-all; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; padding-top: 10px;}
.news_all ul li .news_xx a.news_more{ color: #fff;width: 90px; height:25px; text-align: center; line-height:25px; display: block; overflow: hidden;border-radius: 50px; font-size: 12px; margin-top:10px; padding-top: 0px;}
.news_all ul li .news_xx:hover .news_more{color: #fff;}
.news_all ul li .news_xx:hover p{color: #282c68;}
.news_all ul li .news_xx:hover time{color: #282c68;}
.news_xuxian{width: 100%;height: auto;padding-bottom: 10px;}
.yema{ width: 100%; height: 40px; margin: 10px 0; float: right; text-align: right}
.news_time{width: 101px; height:92px; float: left; background: #282c68; color: #fff; text-align: center;margin-right: 10px;}
.news_time a{color:#fff}
.news_time span{font-size:42px; display: block; overflow: hidden}
.news_time time{font-size:12px; margin-top: 10px}
.news_twoinfo{width:auto;}
.news_twoinfo h3{font-size: 16px; color: #333;height: 30px; line-height: 30px; overflow: hidden;}
.news_twoinfo p{font-size: 14px; color: #666; line-height: 25px;word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;overflow:hidden;}




/*产品中心*/
.product ul{width:100%; height:auto; display: block; overflow: hidden}
.case .honnos_img{width: 100%; height: 179px;text-align: center;}
.product_img li{margin-bottom: 14px;padding: 0px 7px}
.product_img li a{width: 100%; height: 100%; display: block; border: 1px solid #282c68;position: relative; overflow: hidden}
.product_img img{width:100%; height: 100%;}
.honnos_img img{width: 100%; height: 100%; cursor: pointer;  }
.honnos_img{position: relative;}
.product_img li:hover .xuanting{display: block;}
.case .product_img{height: 248px;width: 100%;}
.product .honnos_img{width: 100%; height:368px;text-align: center;}
.product .honnos_img img{width:100%;height:320px;}
.product .honnos_img p{width:100%; height:48px; line-height:48px; text-align: center; color: #fff; background:#282c68;margin-top: 0px; }
.honnos_div p{width: 100%; float: left;}
.honnos_div i{color: #fff; font-size:40px; text-align: center; }
.honnos_div{width: 100%; text-align: center;height:100%;position: absolute;top:-368px;left: 0;background:#282c68;transition: 0.3s linear;padding-top:28%;}
.honnos_div p{ color:#fff!important; font-size:14px; }
.product_img li:hover .honnos_div{top: 0px;}



/*内页案列展示*/
.case_info,.case_info_img{width:100%; height:auto; display: block; overflow: hidden}
.case_info_img .honnos_img{width:100%; height:308px;}
.case_info_img .honnos_img p{ width:100%; height:48px; line-height: 48px; text-align: center; background:rgba(0, 0, 0, 0.64); position: absolute; bottom: 0px; left:0px; color:#fff; font-size: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.case_div{width:100%; height:100%; position: absolute; top: 0px; left:0px;z-index: 0; color: #fff; background:rgba(0, 0, 0, 0.57); text-align: center; font-size: 16px;padding: 10px; display: none}
.case_div .case_div_bian{ border:1px solid #fff; width:100%; height:100%;    padding-top: 25%;}
.case_info_img li{margin-bottom: 25px;}
.case_info_img li a{position:relative; width:100%; height:100%; display: block; overflow: hidden}
.case_info_img li:hover .case_div{ display: block;}
.case_info_img li:hover .honnos_img p{ display: none;}
.case_div_bian .iconfont{ font-size: 40px;}



/*首页关于我们 1*/
.index_about{width:100%; height:auto; display: block;overflow: hidden; margin-top: 55px;}
.index_nav_title{width:100%;height:60px; display: block; overflow: hidden; text-align: center; background:url(../images/san.png) no-repeat bottom center;}
.index_nav_title h3{ font-size:30px; height:30px; color:#333; font-weight:bold;  }
.index_nav_title span{font-weight:bold; font-family:Arial; border-left:2px solid #333; padding-left:10px;margin-left:10px;}
.index_about_top{ margin-top: 30px;width:100%; height:auto; display: block;overflow: hidden;}
.index_about .about_top_right{width:53.5%; float: right; height:292px; }
.index_about .about_top_left{ width:45%; float: left; height:292px;}
.index_about .about_top_left img{width:100%; height:100%}
.top_left_title{width:100%;height:27px; margin-top:10px;}
.top_left_title p{ font-size:16px; color: #333;}
.top_left_title span{  width:25px; height:2px; background:#282c68; display: block;}
.about_infos{ width:100%;height:244px; margin: 10px 0px 0px; background:#eee; padding:22px 15px 15px;}
.about_infos p{ font-size: 16px; color: #333; line-height: 26px; height:108px;
  word-break:break-all;display:-webkit-box; -webkit-line-clamp:4;
  -webkit-box-orient:vertical; overflow:hidden;}
.about_more{font-size: 14px; color:#fff; background:#282c68;  border-radius: 50px; width:96px; height:34px; line-height:34px;  display:block; margin-top:60px; text-align:center}


/*领域 1*/
.index_lingyu{width:100%; height:auto; display: block; overflow: hidden;  margin-top: 88px;}
.youshi_info{width:100%; height:auto; display:block; overflow:hidden; margin-top:46px;}
.youshi_info li{ width:14.2%; float:left; padding:0 15px;}
.youshi_info li a{width:100%; height: 100%; display: block; overflow: hidden;}
.youshi_info li div{ border:1px solid #d2d2d2; border-radius:10px; text-align:center; display: table; width:100%; height:100%;}
.youshi_info li div img{ vertical-align: middle;  max-width: 88px; max-height: 88px; margin: 30px auto 0;}
.js{ margin-top: 40px;}
.youshi_info li h4{ font-size:12px; color:#333; height:35px; line-height:35px; text-align:center; margin-top:10px;}
.youshi_info li:hover div{ border:1px solid #282c68}
.lin_hidden{ display: none}
.youshi_info li:hover .lin_hidden{ display: block}
.youshi_info li:hover .lin_show{ display: none}
.lin_pic{overflow: hidden;}


/*首页客户*/
.index_kehu{width:100%; height: auto; display: block; overflow: hidden; margin:99px 0 0px;}
.index_kehu_show .row{ margin: 0px; border-top:1px solid #ddd; border-right:1px solid #ddd; }
.index_kehu .index_kehu_show{width:100%; height:auto; display: block; overflow: hidden; margin-top: 50px;}
.index_kehu ul li{width:25%; position: relative; float: left; height: 300px; border: 1px solid #ddd; border-right: 0px; border-top: 0px}
.index_kehu ul li .kefu_pic{width:100%; height: 100%;}
.index_kehu ul li .kefu_pic img{width:100%; height: 100%;}
.kefu_yin{ width:100%;  height: 100%; position: absolute; top: 0px; left:0; background: rgba(0, 0, 0, 0.4); display: none; text-align: center; color:#fff; padding-top: 40%;}
.index_kehu ul li:hover .kefu_yin{ display: block;}
.kefu_yin p{ font-size: 16px;width:100%; height:40px; line-height: 24px;}
.kefu_yin .iconfont{font-size:28px;}
.more_khu{width:100px; height: 30px; line-height: 30px; color:#fff; text-align: center; background: #282c68; border-radius: 30px;  display: block; overflow: hidden; text-align: center; margin: 49px auto 40px;}
.more_khu:hover,.pamore:hover{color:#fff}




/*首页产品 手机案列*/
.index_product{ width:100%; height:auto; background:#eeeeee; padding-top:75px; padding-bottom: 40px}
.pro_pic{width:378px; height: 315px;}
.pro_pic a{width:100%; height:100%;}
.pro_pic img{ width:100%; height:100%;}
.pamore{ font-size: 14px; color: #fff;text-align: center; width: 135px; height:35px; line-height:35px; margin: 0px auto; display: block; overflow: hidden;
	border-radius:50px; margin-top:45px; background: #282c68; }
.index_product_list{width:100%;height:auto;margin-top: 50px; display:none}
.index_product_list .swiper-slide a{width:100%; height:100%; border-bottom: 1px solid #333; padding-bottom: 20px;}
.pro_info{width:100%; height:125px; border-bottom:1px solid #333}
.index_product_list .swiper-button-prev{ background: url(../images/left.png) no-repeat;width:49px;height:66px;left:-67px; margin-top: -70px}
.index_product_list .swiper-button-next{background: url(../images/right.png) no-repeat;width:49px;height:66px;right:-67px; margin-top: -70px}
.index_product_list .swiper-slide p{ width: 100%;  height: 45px; line-height: 45px; font-size: 16px; color:#333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.index_product_list .swiper-slide span{ width:95px; height: 33px; text-align: center; line-height: 33px; border-radius: 30px; color:#fff; background: #282c68; font-size: 14px; 
	display: block; margin: 0px auto;}



/*pc案列*/
.index_pc_pro{width:100%; height:auto; display:block; margin-top: 50px;}
.picScroll-left{ width:100%;  position:relative;    }
.picScroll-left .hd{ overflow:hidden;  height:auto; background:#f4f4f4; padding:0 10px;  }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;   overflow:hidden;
	 cursor:pointer; width:42px; height:80px;  background:red; position:absolute }
.picScroll-left .hd .next{ right:-56px; top:134px; background: url(../images/right.png) no-repeat}
.picScroll-left .hd .prev{ left:-56px; top:134px;  background: url(../images/left.png) no-repeat}
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; 
	background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 10px; float:left; border-bottom:1px solid #333; _display:inline; overflow:hidden; text-align:center; padding-bottom: 20px; width:378px; }
.picScroll-left .bd ul li p{ width: 100%;  height: 45px; line-height: 45px; font-size: 16px; color:#333; text-overflow: ellipsis; overflow: hidden; white-space:nowrap}
.picScroll-left .bd ul li span{ width:95px; height: 33px; text-align: center; line-height: 33px; border-radius: 30px; color:#fff; background: #282c68; font-size: 14px; display: block; margin: 0px auto;}




/*首页新闻中心*/
.index_news{width:100%; height: auto; display: block; overflow: hidden; margin-top: 50px;}
.index_news_left{ width:60%; float: left; margin-top: 46px; padding-top:50px;}
.index_news_left .index_news_title{ width:90%; height: auto; display:block; overflow:hidden;}  
.index_news_left .index_news_title p{ width:100%; height: 35px; line-height: 35px; font-size: 20px; color:#333; text-overflow: ellipsis ;overflow: hidden; white-space: nowrap}
.index_news_left .index_news_title span{width:30px; height: 2px; background: #282c68; display: block; margin: 5px 0}
.news_nav{ width:70%; float: left;}
.news_more{ width:50px; height: 50px; background: #282c68; text-align: center; padding-top:8px;  font-size: 14px; color:#fff; display: block; float:right;}
.news_more a{color:#fff;}
.index_news_info{ width:90%;  height:95px; line-height:25px; font-size:14px; color:#666; word-break:break-all;display:-webkit-box; -webkit-line-clamp:4;
  -webkit-box-orient:vertical; overflow:hidden; margin:52px 0;}
.index_news_pic{width:100%; height:auto; display:block; overflow:hidden;}
.index_news_pic li{width:50%; float:left;height:300px; font-size:14px; }
.news_picgs,.news_pichy{width:100%; height:100%; background:url(../images/newsb.jpg) no-repeat; text-align:center; padding-top:25%;}
.index_news_pic li hr{width:100px; height:1px;  background:#293754; margin:8px auto;}
.index_news_pic li a{color:#293754}
.index_news_pic li .gs_pic{width:56px; height:56px; background:url(../images/newstb.png) no-repeat; display:block; margin:5px auto;}
.index_news_pic li:hover .gs_pic{background:url(../images/newstbh.png) no-repeat;}
.index_news_pic li:hover div{ background:#293754}
.index_news_pic li:hover a{color:#fff}
.index_news_pic li:hover hr{ background:#fff;}
.index_news_pic li.active div{ background:#293754}
.index_news_pic li.active .gs_pic{background:url(../images/newstbh.png) no-repeat;}
.index_news_pic li.active a{color:#fff}
.index_news_pic li.active hr{ background:#fff;}



.index_news_right{width:40%;  height: 600px; float: right; background: #293754; padding:10px; margin-top: 45px;}
.index_news_right h3{width:100%; height: 45px; line-height: 45px; color:#fff; font-size: 16px;}
.index_news_right ul{ width:100%; height: auto; display: block; overflow: hidden; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 39px 5px;}
.index_news_right ul li{width:100%; height: 42px; line-height: 42px;}
.index_news_right ul li p{ width:70%; float: left; color:#fff; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.index_news_right ul li time{ float:right; font-size: 14px; color:#fff; }
.index_news_right .news_mores{ width:100%; height: 35px; line-height: 35px; text-align: center; color:#fff; font-size: 16px; margin: 10px 0; display: block;}
.bjh{width:100%; height:126px; background:#eee}


/*首页在线留言*/
.index_message{width: 100%; height:auto; padding: 70px 0 0;}
.index_message_all{width:100%; height:auto; background:url(../images/messbj.jpg) no-repeat; margin-top: 50px;}
.message_xie{width: 42%; height: auto; margin-top: 10px; float:right; padding:0px 10px; margin-right: 4%;}
.message_xie h3,.message_left h3{ font-size:24px; height:45px; line-height:45px; color:#333; background:url(../images/hx.jpg) no-repeat left bottom;}
.message_xie ul{ width:100%; height:auto; margin-top:40px;}
.message_xie ul li{ width: 100%;height:auto; margin-top:16px; position:relative;}
.message_xie ul li input{height:50px;padding-left:10px;width:100%;border: 1px solid #bebebe;}
.message_xie ul li input[type="submit"]{ border:0px; background:#282c68} 
textarea{width:100%;resize:none;height:134px;border: 1px solid #bebebe;padding:10px}
.tijiao{ border:0px;background: #282c68; color: #fff; text-align: center;height: 50px; line-height:50px;width: 100%; margin:21px auto 0; display: block; overflow: hidden}
.message_left{ width:50%; height:auto; float:left; padding:0px 42px; margin-top:10px;}
.message_left ul{width:100%; height:auto; display:block; overflow:hidden;margin-left:74px; margin-top:40px;}
.message_left ul li{width:100%; height:40px; line-height:40px; font-size:14px; color:#666; padding-left: 25px;}
.message_left ul li.m_1{background-position: 0px 12px;}
.message_left ul li.m_2{background-position: 0px -23px;}
.message_left ul li.m_3{background-position: 0px -59px;}
.message_left ul li.m_4{background-position: 0px -96px;}
.message_left ul li.m_5{background-position: 0px -134px;}




.message_img{ width:280px; height:146px; margin:0px auto 0;}
.message_img .message_pic{width:115px; height:auto; float:left; margin-right:28px;}
.message_pics{width:115px; height:auto; float:left;}
.message_pic div,.message_pics div{width:115px; height:115px; background:#eee; border-radius:8px; padding:10px;}
.message_img img{ width:100%; height:100%;}
.message_img p{width:100%; height:30px; line-height:30px; font-size:12px; color:#666; text-align:center}
.index_message_info{width:100%; height:530px; background: url(../images/mbj.png) no-repeat; margin-top: 50px; background-size: 100% 100%}




/*底部导航*/
.lajt-bottom{height:auto;width:100%; margin-top:30px;}
.vh,.wh{display: none;}
.bottom_vl,.bottom_wl{width: 185px; float: left; height:100%}
.bottom_vl p,.bottom_wl p{ float: left;height:100%}
.lajt-bottom-di{width:100%; height:35px; line-height: 35px;  color: #666666; font-size: 12px; }
.lajt-bottom-di .container{height:100%}
.lajt-bottom-xx{ float: left;}
.lajt-bottom-xx a{color:#666}
.zhichi{float:right;height:100%}
.zhichi .bottom_vl:hover .vh{display: block;}
.zhichi .bottom_vl:hover .vs{display: none;}
.zhichi .bottom_wl:hover .wh{display: block;}
.zhichi .bottom_wl:hover .ws{display: none;}


.footer_link{width:100%; height:auto; display:block; overflow:hidden; background:#eee}
.footer_link p{height:100%;  float:left; width:85px; line-height:35px;}
.footer_link .footer_link_xx{ height:auto; margin-left:70px;}
.footer_link_xx a{ width:auto; height:auto; line-height:35px; margin:0px 10px;}


/*侧边导航*/
.slides{position:fixed;right:0;top:45%;}
.slides .slideul>li{padding-top:10px;position:relative;display:block;width:85px;height:93px;margin-bottom:2px;overflow:visible; background: #52c550; color: #fff; text-align: center;}
.slides .slideul>li a{color: #fff;}
.slides .slideul>li .kefulist{position:absolute;left:-185px;top:22px;padding-right:10px;display:none; background: url(../images/phones.png) no-repeat;
 text-align: center;width: 180px; height: 50px; line-height: 50px; color: #666!important;}
.sjwz{width: 100px; height: 100px;position:absolute;left:-103px;top:-30px; border: 1px solid #bebebe; display: none;}
.go-top{ background: #dbdbdb!important;font-size: 14px;  text-align: center; height: 50px!important;padding-top: 0px!important; }
.slides .slideul>li .icon{ font-size: 30px;}
.go-top a{color: #666!important;}
.go-top .icon{font-size: 14px!important;}


/*分页页码*/
.page-list{ position:relative; margin:20px 0; clear:both; }
.page-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.page-list a,.page-list span{ margin:0;  padding:0; display:none; float:left; width:25%; line-height:35px; border:1px solid #ddd; border-right-color:#fff; font-size:13px; text-align:center; background:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.page-list span{ color:#999; }
.page-list a{ color:#1eabf3; }
.page-list span:nth-child(1),.page-list span:nth-child(2),.page-list a:nth-child(2){ display:block; float:left;}
.page-list span:nth-last-child(1),.page-list a:nth-last-child(1){ display:block; float:left; border-right-color:#ddd; }
.page-list .current{ display:block; float:left; }

/*图片统一*/
.swiper-container { width: 100%;height: 100%;}
.swiper-slide {
        text-align: center;
        font-size: 18px;
        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;
 }




/*手机*/
.shouji_footer{background:#282c68; height: 60px; overflow: hidden;  position: fixed; bottom: 0; left: 0; right: 0; z-index: 10; bordeR: 1px solid #fff; display:none}
.footer_li {float: left; width: 25%; text-align: center; height: 100%;}
.shouji_footer .active {background: #9a0606;}
.shouji_footer li a p{color:#fff}
.footer_li > a > .icon { color: #fff; margin-top: 4px; display: block; height: 31px;font-size: 24px; line-height:31px}
.icon-duanxin{line-height:27px!important}
.footer_zc {text-align: center;line-height: 27px;color: #666;font-size: 20px;margin-top: 20px; margin-bottom: 70px; display: none}
.xiazai{float:right; display:none; height:80px; line-height:80px; margin-top: 5px;margin-right: 10px;}
.xiazai i{color:#282c68; font-size:28px; }
.shouji_news{width:100%; height:auto; display: none; overflow: hidden; margin-bottom: 30px;}
.shouji_news li{width:100%; height:auto; padding: 0px 10px; border-bottom: 1px solid #ddd}
.shouji_news li h4{font-size: 14px; color: #333;line-height: 30px; margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
.shouji_news li time{ font-size: 12px; color: #666;overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
.shouji_news li p{ font-size: 12px; color: #666;overflow: hidden; white-space: nowrap; text-overflow: ellipsis}


/*二级导航*/
.page_nav p {font-size: 14px;color: #999;margin-bottom: 22px;}
.page_nav p i{display: inline-block;margin-right: 6px;}
.page_nav p b{font-weight: normal;}
.page_nav p a{color: #999;}
.page_nav ul li{ float:left; width:16.5%; text-align:center; line-height:46px;font-size:15px; position:relative;margin-bottom: 5px;}
.page_nav ul li a{ display:block; border:1px solid #e8e8e8; border-bottom:5px solid #e8e8e8;}
.page_nav ul li a:after{ content:""; height:5px; width:0; position:absolute; bottom:0px; left:0px; background:#6d0303; transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s;}
.page_nav ul li a:hover,.page_nav ul li.active a{ background:#282c68; color:#333; *border-bottom-color:#3ba86f; color: #fff;}
.page_nav ul li a:hover:after,.page_nav ul li.active a:after { width: 100%; }



.shouji_banner{width:100%; height:207px; display:none;}





/*手机内页案列*/
.case_shouji{width:100%; height:auto; display:none; margin:15px 0;    overflow: hidden;}
.case_shouji h3{font-size:18px; line-height:24px; color:#333;}
.case_shouji img{width:100%; height:auto; margin:20px 0;}
.xxk_active{background: #282c68; color: #fff; width:100%; padding:8px 0; padding-left: 10px;
    font-size: 20px;font-weight: bold; ; display:block;}




@media (max-width: 1024px){
	.nav .nLi h3 a{width:105px;}
	.youshi_info li div img{ margin: 14px auto 0}
	.js{margin-top: 19px!important;}
	.index_pc_pro{display: none;}
	.index_product_list{display: block}
	.pro_pic{height:263px;}
	.message_xie{ margin-right:4%;}
	.product .honnos_img img{height:256px;}
	.product .honnos_img{height:304px;}
	.case_info_img .honnos_img{height:244px;}
	.lajt-bottom-xx,.zhichi,.footer_link{width:100%; padding: 0px 10px;}
	.index_message{padding: 70px 0 0}
	.pro_pic{width:100%;}
}

@media (max-width: 768px){
	#nav{ display: none;}
	.menu{ display: block;}
	.index_banner{height:260px;}
	.youshi_info li{ width:25%; margin-bottom: 20px;}
	.youshi_info li div img{ margin: 40px auto 0}
	.js{ margin-top: 46px!important;}
	.pro_pic{height:213px;}
	.index_news_left,.index_news_right{width:100%;}
	.index_news_left .index_news_title,.index_news_info{ width:100%; padding: 0px 10px;}
	.index_news_right{margin-top:0px}
	.bjh{ height: 20px}
	.message_left ul{margin-left:0px;}
	.message_left{padding:0px 15px;}
	.message_img{ margin: 0px auto }
	.nav_shouji{ display: block}
	.news_all ul li .news_all_pic{width:29.5%}

}


@media (max-width: 425px){
	.container{padding: 0px 10px;}
	.top_re{display: none}
	.index_about .about_top_left{width:100%;}
	.index_about .about_top_right{width:100%; margin-top: 20px;}
	.index_about .about_top_left{height:213px;}
	.index_nav_title h3{ font-size: 24px;}
	.index_lingyu{margin-top: 40px;}
	.youshi_info li{width:33.3%;}
	.youshi_info li div img{margin: 12px auto  0}
	.youshi_info li div img.fuwu{width:83px; height: 83px;}
	.js{margin-top: 20px!important;}
	.index_kehu{margin: 33px 0 0px;}
	.index_kehu ul li{width:50%;}
	.pro_pic{height:160px;}
	.index_product{padding-top: 40px;}
	.index_product_list{margin-top: 38px}
	.index_news_left{padding-top: 0px;}
	.index_news_pic li{height:164px;}
	.index_news_right{ margin-top: 5px;}
	.news_picgs, .news_pichy{padding-top:9%;}
	.message_left,.message_xie{width:100%;}
	.message_xie{padding: 0px 15px; margin-right: 0px; margin-top: 20px;}
	.index_message_all,.index_message_info{ background: none}
	.shouji_footer,.footer_zc{ display: block;}
	.lajt-bottom,.footer_link{ display: none}
	.footer_zc p{ font-size: 14px; color:#666}
	.index_message_all{margin-top: 0px}
	
	.news_all ul li .news_xx p{padding-top:0px; height: 78px;}
	.news_all ul li .news_all_pic{ width:52.5%; height: 173px;}
	.news_xx{width:45%;}
	#dituContent,.contact_info{width:100%!important}
	
	.contact_info{height:300px;}
	.ny_banner{height:200px;}
	.product .honnos_img img{height:151px; }
	.product .honnos_img{height:auto}
	.leo_list_info ul li p{width:70%;}
	.case_info_img li{padding: 0px 8px}
	.case_info_img .honnos_img{height:151px;}
	.case_info_img .honnos_img p{ font-size: 14px; height: 30px; line-height:30px;}
	.f-fl{ display: none}
	.page_nav ul li{width:25%;}
	
	.shouji_banner,.case_shouji{display:block;}
	.index_banner,#proshow,.message_img{display:none;}
	.about_info img{width:100%;}
	
	#map{width:100%; height:300px; overflow:hidden; float:none}
	.news_all ul li .news_all_pic img{height:auto;}
	.youshi_info li h4{
		
		 overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
	}
	.message_left ul li{line-height:20px;height:auto;margin-bottom:10px;}
}


@media (max-width: 375px){
	
	.top_left_title p{ font-size: 20px;}
	.index_about .about_top_left{height:192px;}
	.gaoduan{width:75px; height: 75px;}
	.shenbao{width:70px; height: 74px;}
	.falv{width:78px; height: 76px;}
	.banquan{width:65px; height: 75px;}
	.youshi_info li div img.fuwu{width:80px; height: 80px;}
	.shangb{width:78px; height: 72px;}
	.message_img{ margin-top: 10px;}
	.js{ margin-top: 14px;}
	.product .honnos_img img{height:135px;}
	.case_info_img .honnos_img{height:134px;}


}

@media (max-width: 360px){
	
	.product .honnos_img img{height:128px;}
	.case_info_img .honnos_img{height:126px;}
	.youshi_info li div img.fuwu,.gaoduan{width:60px; height: 60px;}
	.shangb{width:60px; height: 58px}
	.banquan{ width: 60px; height: 60px;}
	.js{ width:55px; height: 59px; margin-top: 14px!important}
	.falv{width:60px; height: 58px;}
	.shenbao{width:60px; height: 64px;}
	.youshi_info li div img{margin: 14px auto 0}
	
	
}

@media (max-width: 320px){
	.product .honnos_img img{height:190px}
	.product .honnos_img{height:238px}
	.leo_list_info  ul li p{width:71%}

	.index_nav_title h3{font-size: 20px;}
	.youshi_info li{width:33%; padding: 0px 15px}
	.youshi_info li div img.fuwu,.gaoduan{width:50px; height: 50px;}
	.shangb{width:50px; height: 48px}
	.banquan{ width: 50px; height: 60px;}
	.js{ width:50px; height: 54px; margin-top: 10px!important}
	.falv{width:50px; height: 48px;}
	.shenbao{width:50px; height: 54px;}
	.pro_pic{height: 250px;}
	.index_news_info{margin: 20px 0}
	.news_all ul li .news_xx p{height:59px; line-height: 20px;}
	.news_all ul li .news_all_pic{height:153px;}
	
}