﻿*{box-sizing:border-box;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{color:#0087ff;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; }
input,textarea{outline:none;}
.row{ margin: 0px}

/*导航*/
.header_top_xtitle{width: 100%; height: 40px; border-bottom: 1px solid #eee  }
.header_top_xtitle .container{ height: 100%;}
.header_top_xtitle p{ height:100%; line-height:40px; color:#ff8a00; font-size: 13px; float: left}
.header_top_xtitle ul{width:auto; height:100%; float: right; }
.header_top_xtitle ul li{float:left; width: auto; height: 100%; font-size: 13px; /*! font-weight: bold; */ line-height: 40px; color: #ff8a00;position: relative}
.header_top_xtitle ul li i{ font-size:24px; text-align: center}
.header_top_xtitle ul li i:hover{ color:#5aae3a}
.header_top_xtitle ul li a{color:#999; margin-left: 15px}
.header_top_xtitle ul li .shouji{position: absolute; top: 30px; right: -24px;z-index: 999; display: none}
.header_top_xtitle ul li .gw{position: absolute; top: 30px; left: -9px;z-index: 999; display: none}

.mian_header{width:100%; height: 600px;position: relative}
.mian_header .swiper-pagination{ bottom: 15px; left:50%; margin-left: -40px;}
.mian_header .swiper-pagination-bullet{width:15px; height:15px; margin-right:10px; border: 1px solid #005bac; background: #005bac }
.swiper-pagination-bullet-active{background:#005bac }
.header_dao{width:100%; height: 90px; background: #fff;position: relative}
.navbar-inverse{background: #fff; height: 100%;border-color: #fff; border: 0px;padding: 0px}
.navbar-collapse{padding: 0}
.navbar-brand{padding:15px 18px; height:90px;}
.nav>li>a{ height: 100%; line-height:95px; margin: 0px 24px;padding: 0px 10px}
.navbar-collapse{border-color: none;}
.navbar-toggle{background-color: rgb(79,75,75);}
.header-engt-img{width:411px;}
.header-engt-imgs{ width:229px; height:67px; display:none!important}
.fullscreen-bg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100vw;overflow: hidden;z-index: -100;}
.sign-en{ border-right:1px solid #cccccc;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus{border-bottom:3px solid #66b72e; background: none;color: #005bac!important; }

/*shoujibanner*/
.shouji_banner{width:100%; height:384px; display:none;position:relative;}
.shouji_banner .swiper-pagination{ bottom: 15px; left:50%; margin-left: -40px;}
.shouji_banner .swiper-pagination-bullet{width:15px; height:15px; margin-right:10px; border: 1px solid #005bac; background: #005bac }





/*pc导航*/
.header_dao_info{ float: right;}
.nav{height:100%; height:90px }
.nav a{ color:#333;  }
.nav .nLi{ float:left;  position:relative; display:inline;height:100%; border-right: 1px solid #ddd}
.nav .nLi h3{ float:left;text-align: center; height: 100%; line-height: 90px;}
.nav .nLi h3 a{ display:block; padding:0 32px; font-size:14px;font-weight:normal;color:#666666; height:100%; line-height: 90px;}
.nav .sub{ display:none;left:0; top:90px;  position:absolute;  line-height:26px; padding:0; width:100%;     z-index: 99999; }
.nav .sub li{ zoom:1; border-bottom: 1px solid #e5e5e5;  height:40px; line-height: 40px;  background:#fff;text-align: center }
.nav .sub li p{ width:100%; float: left; margin: 0px;}
.nav .sub li span{ float: right;}
.nav .sub a{ display:block; padding:0 10px; color: #333; font-size: 12px; height: 100%; }
.nav .sub a:hover{ background:#eee;}
.nav .active h3 a{color: #fff;background-color: #6bb90f;}
.nav .sub li:hover a{color: #6bb90f}
.sub li:hover a{color:#7e0701}
.nav .sub li.active{color: #005bac!important; background:none!important;border-bottom:2px solid #66b72e!important;}



/*手机导航*/

.header{
    height: 80px;
    width: 100%;
    background:#fff;
    font-size: .14rem;
    position: fixed;
    top:0;left: 0;
    z-index: 999;
    text-align: center;
	display:none;
}
.menu{width:32px;height:28px;position: absolute;left: 10px; top:25px;}
#back{
    width: 32px;
    height: 28px;
    display: block;
    position: absolute;
    right: 10px;
    top:4px
}
#back img{width:100%; height:100%}
#logo{width:200px;height:59px;display: inline-block}
#logo img{width:100%; height:100%}
.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span{ background:#064d8c!important}
.mm-menu .mm-list > li > a.mm-subclose{background:#064d8c!important}
.mm-page{ width:100%; height:auto; display:block}
.menu a{

    width:32px;
    height: 28px;
   
}
.menu a img{width: 100%;height: 100%}

#mm-m0-p2,#mm-m0-p1{
    margin-top: 20px;
}
#mm-m0-p0 a{color: #fff}


.openmenu{overflow-y:scroll; position:fixed;}
#pgcontainer{margin:0px; padding:45px 0px;}
.overlay{left:0px; right:0px; bottom:0px; position: fixed; z-index:99; background-color:rgba(0, 0, 0, 0.5);}
.openmenu .overlay{top:0px;}
#hamburgermenu{background:#FFFFFF; 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%;height: 68px; padding-top:10px; text-align:center; clear:both;}
.nav_logo img{height:36px; margin:5px 0px;}
.menu_head{text-indent: 1em; width:100%; min-width:150px; border-bottom:rgba(255, 255, 255, 0.32) 1px solid; line-height:25px;  color:#333; 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:#333;}
.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:#333; text-indent:2em; border-bottom:rgba(255, 255, 255, 0.32) 1px solid;}


/*首页关于我们*/
.index_main_about{width:100%; height:auto; display: block; overflow: hidden; background: #f5f5f5;padding: 52px 0px}
.about_left{width:66%;height: 500px; background: url(../images/zj.jpg) no-repeat center;position: relative; background-size: 100% 100%; float: left}
.about_left .about_left_info{width:497px;height:335px; background: #fff; position: absolute;top:43px; left:43px; padding: 30px; display:block;}
.about_left .about_left_info a:hover p{ color:#6bb90f;}
.about_left .about_left_info h3,.about_right_info h4{ color: #333333; font-size: 24px; font-weight: bold; height:35px; line-height: 35px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px}
.about_left .about_left_info p,.about_right_info p{font-size: 13px; color: #666; line-height: 24px;word-break:break-all;display:-webkit-box; -webkit-line-clamp:4;
  -webkit-box-orient:vertical; overflow:hidden;}
.about_left_li{width:100%; height: auto; display: block; overflow: hidden;margin-top: 30px;}
.about_left_li li{float:left; width:25%; text-align: center;}
.about_left_li li a{ display:block;}
.about_left_li li p{ color:#333; font-size: 14px;}
.about_right{ width:32%; height: 500px; float: right; background: #fff; border-bottom: 4px solid #005bac}
.about_right .about_right_img{width:100%;height:250px;overflow: hidden; display: block;}
.about_right .about_right_img img{width:100%;height:100%;transform: scale(1.05);transition: all 1s ease 0s; -webkit-transform: scale(1);-webkit-transform: all 1s ease 0s;}
.about_right_info{width:100%; height: 200px;padding: 25px;}
.about_right .about_right_img:hover img{transform: scale(1.1);transition: all 1s ease 0s;-webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;}
.about_right_info:hover h4,.about_right_info:hover p,.about_left_info:hover h3{ color:#6bb90f }
.about_left .about_left_info span i{font-size:40px; color: #7a828b}
.about_left_li li:hover i,.about_left_li li:hover p{color:#6bb90f;}



/*搜索*/
.main_sousuo{width:100%; height: auto;padding:28px 0px; background:#f5f5f5 }
.main_sousuo_input{width:241px; height:32px; border: 1px solid #4a68a7; float: left;margin-top: 6px}
.main_sousuo_input input.input_sou{float:left; height:100%; line-height:32px; border: 0px; width:169px;padding-left: 5px }
.main_sousuo_input .sou_suo{ border: 0px; color: #fff; background:#4a68a7; padding: 5px 21px }
.main_sousuo_ci{ width:50%; float: left; height:43px; line-height: 43px; margin-left: 40px; overflow: hidden; text-overflow: ellipsis}
.main_sousuo_ci p{ font-size: 12px;color: #666; float: left; margin-right: 12px }
.main_sousuo_ci a{ margin-right: 10px;color: #666; float: left;font-size: 12px;}
.main_sousuo_rexian{ float:right;}
.main_sousuo_rexian img{width:70px; height:42px; float: left; margin-right: 10px}
.main_sousuo_rexian .main_rexian_info{ float: left;}
.main_rexian_info p{font-size: 14px; color: #000}
.main_sousuo_rexian .main_rexian_info h4{ font-size:24px; color: #64c401; font-weight: bold}


/*产品介绍 案列*/
.index_main_product,.index_main_case{margin:43px 0;position: relative}
.index_main_case .index_products{width:100%; height:250px; margin-top: 30px}
.products_images{width: 100%;height: 100%;display: block; overflow: hidden;color: #666;}
.index_main_case .products_images p{width:100%; height: 45px; line-height:45px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.products_images img{width: 100%; height: 100%;transform: scale(1.05);transition: all 1s ease 0s; -webkit-transform: scale(1);-webkit-transform: all 1s ease 0s;}
.products_images:hover img{transform: scale(1.1);transition: all 1s ease 0s;-webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;}
.products_images:hover{color:#6bb90f}
.swiper-button-next{right:16%!important; margin-top: 22px!important;}
.swiper-button-prev{left:16%!important; margin-top:22px!important;}
.index_main_product .news_xiaot,.index_main_case .news_xiaot{text-align:center; font-size: 12px; color: #666666; margin-top:10px}
.title_en{text-align: center; font-size: 12px; color: #cccccc;}
.index_main_case .products_pic{width:100%; height:186px; display: block; overflow: hidden}
.index_main_product .products_pic{width:100%; height:241px; display: block; overflow: hidden}
.index_main_product .index_products{width:100%; height:auto; margin-top: 30px}
.products_pic_xx{ width:100%; background:#4a68a7;padding:15px 21px; height:auto;  }
.products_pic_xx h4{ font-size:18px; font-weight: bold; color:#fff; text-align: left;margin-bottom: 5px;height: 24px;overflow: hidden;line-height: 24px;}
.products_pic_xx p{ font-size: 12px; color: #fff;word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; text-align:left; line-height: 22px;height: 44px;}
.products_pic_xx:hover h4,.products_pic_xx:hover p{color: #fff;}
.products_pic_xx:hover{ background-color: #6bb90f;}



/*首页 新闻*/
.index_main,.index_news_info ul,.index_main_product{width:100%; height:auto; display: block; overflow: hidden}
.index_main_news{width:100%; height: auto; background:url(../images/xwbj.jpg) no-repeat;padding-top:50px;padding-bottom: 56px;background-size: 100% 100%;}
.index_main_news h3 span,.index_main_product h3 span,.index_main_case h3 span{color: #6bb90f}
.index_main_news h3,.index_main_product h3,.index_main_case h3{ font-size:24px; color: #000000; font-weight: bold; width: 100%; text-align: center; height: 35px; line-height: 35px;}
.index_news_title{width:350px; height:30px;line-height:30px; margin:20px auto;}
.index_news_title a{ float: left; font-size: 16px; color: #666666;padding: 0px 25px;}
.index_news_title a:nth-child(2){ border-left:1px solid #dddddd;border-right:1px solid #dddddd}
.index_news_title a.active{ color: #6bb90f}
.index_news_title a:hover{color: #6bb90f}
.main_news_info{ width:100%; height: auto; display: block; overflow: hidden;background: #fff;}
.main_news_info time{width:100%; height: auto; color: #b1b1b1; font-size: 16px;font-family:Arial, Helvetica, sans-serif}
.main_news_info time span{font-size: 54px; font-weight: bold; color: #b1b1b1;margin-right: 2px;font-family:Arial, Helvetica, sans-serif}
.main_news_info li{padding: 30px 30px 40px;height:100%}
.main_news_info li a{ display:block;}
.main_news_info li h4{font-size: 18px; color: #333333; font-weight: bold; line-height: 24px;height: 52px;word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;  -webkit-box-orient:vertical; overflow:hidden; margin:0 0 10px}
.main_news_info li:hover{ background:#4a68a7;}
.main_news_info li:hover p,.main_news_info li:hover h4,.main_news_info li:hover time,.main_news_info li:hover span{color:#fff}
.main_news_info li p{font-size: 13px; color: #666666; line-height: 26px;word-break:break-all; display:-webkit-box; -webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden;}



/*内页 关于我们*/
.mian_about_header{width:100%; height:400px; background: url(../images/aboutbj.jpg) no-repeat center; background-size: auto 100%}
.mian_about .mian_about_info{width:55%; float: left}
.mian_about h2{ font-size:60px; color: #ff8a00;}
.mian_about h4{ font-size:24px; color:#6bb90f; margin:8px 0px 30px 0; font-weight:bold;}
.mian_about { font-size:14px; color: #666666; line-height: 30px;}


.mian_case_header{width:100%; height:400px; background: url(../images/casebj.jpg) no-repeat center; background-size: auto 100%}
.mian_con_header{width:100%; height:400px; background: url(../images/conbj.jpg) no-repeat center; background-size: auto 100%}


/*内页 新闻*/
.zong_title{width: 100%; height: 240px; }
.zong_title ul li a{
	float:left;
	height:100%;
	line-height: 49px;
	margin-right:10px;
	text-align: center;
	background: #4a68a7;
	/* width: 137px; */
	color: #fff;
	font-size:14px;
	padding: 0 3%;
	}
.zong_title ul li a.active{ background: #fff; color: #4a68a7;}
.zong_title ul li a:hover{background: #fff; color: #4a68a7;}
.mian_news,.mian_about,.mian_product,.mian_honor{width:100%; height:auto;display: block; overflow: hidden; margin-bottom: 50px; margin-top: 40px;}
.mian_news_header{width:100%; height:240px; background: url(../images/newsbj.jpg) no-repeat center; background-size: auto 100%}
.service_time{width:13%; float: left; text-align: right; margin-right: 18px;}
.mian_service_info{width:83%; float: left}
.service_time time{color: #555555; font-size: 42px; margin-top: 10px; display:block; overflow: hidden; width: 100%}
.service_time p{ font-size:18px; color: #555;height: 35px; line-height: 35px;}
.mian_news ul li:hover{background:#f4f4f4}
.mian_service_header{width:100%; height:400px; background: url(../images/servicebj.jpg) no-repeat center;}
.mian_header_top .container{position: absolute;top: 0px;left: 50%;z-index: 999; margin-left: -600px;height: 400px;}
.mian_news ul li{width: 100%; height: auto; padding:24px 30px 24px 40px; display:block; overflow: hidden}
.mian_service ul li .mian_service_info{ width:76%; float:left}
.mian_service_info h3{ font-size:24px; color: #555555; font-weight: bold; width:100%; height:35px; line-height: 35px;}
.mian_service_info p{width:100%; line-height: 24px; color: #555; font-size: 14px; word-break:break-all;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top: 15px;}
.mian_service_info a.link{ color: #555; font-size: 14px; margin-top: 15px; overflow: hidden;display: block}
.mian_service ul li img{width:20%; height:145px; float: right}
.mian_service ul li:hover{background:#f4f4f4}
.service_name{width:100%; height: auto; margin-bottom: 50px; margin-top: 66px}
.service_name h3{ font-size: 36px; font-weight: bold; color: #FFFFFF; height: 35px; line-height: 35px; margin-bottom: 10px;}
.service_name p{ color: #fff; font-size: 12px; width:100%; height: 30px; line-height: 30px;}
.service_name p a{color: #fff;}

/*联系我们*/
.mian_ditu{width:100%; height:auto; display: block; overflow: hidden;}
.ditu_neirong{width:100%; height:423px; margin:30px 0}
.ditu_info{width:100%; height:auto; display: block;margin-bottom: 45px; overflow:hidden}
.ditu_info .ditu_info_left{width:60%; float: left}
.ditu_info .ditu_info_left li{width:100%; height:auto; line-height:30px; color: #666; font-size: 14px;}
.ditu_info .index_bottom_right{margin-top:0px;}
.ditu_info_left h3{margin-bottom: 20px;}

/*内页产品*/
.mian_product_header{width:100%; height:240px; background: url(../images/productbj.jpg) no-repeat center; background-size: auto 100%}
.mian_product li{margin-bottom:25px}
.mian_product li a{ width: 100%; /*! height:auto; */ display:block; overflow: hidden; position: relative;border: 1px solid #eee;}
.mian_product li a .product_info{width:100%; height: auto; position: absolute; bottom: 0; left: 0; background:rgba(15, 66, 135, 0.70); padding: 5px 8px}
.mian_product li img{width: 100%; height: 100%;transform: scale(1.05);transition: all 1s ease 0s;
    -webkit-transform: scale(1);
    -webkit-transform: all 1s ease 0s;}
.mian_product li:hover img{transform: scale(1.1);transition: all 1s ease 0s;-webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;}
.mian_product .products_pic{/*! height:241px; */ display: block;overflow: hidden;width:100%}


/*资质证书 专利证书*/
.mian_honor li{margin-bottom:25px;}
.mian_honor li .products_pic{width:100%; height:auto;display:block; overflow:hidden;border: 1px solid #ddd;}
.mian_honor li .products_pic img{width:100%;  height:100%;transform: scale(1.05);transition: all 1s ease 0s;
    -webkit-transform: scale(1);-webkit-transform: all 1s ease 0s;}
.mian_honor li:hover img{transform: scale(1.1);transition: all 1s ease 0s;-webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;}
.mian_honor li p{ height:35px; line-height: 35px; text-align: center;  font-size: 16px; color: #666}


/*工程案列*/
/*
.case_showinfo p:nth-child(1){width:49%; float:left;}
.case_showinfo p:nth-child(2){width:49%; float:right;}
.case_showinfo p:nth-child(1) img{width:100%; height:100%;}
.case_showinfo p:nth-child(2) img{width:100%; height:100%;}
*/

.case_img{ margin:0 -1%;overflow: hidden;}
.case_img img{margin:0 1% 1%; width:48%; float:left}




/*内页网站地图*/
.mian_map{width:100%; height:auto; display:block; overflow: hidden}
.ny_t{width:100%;height:80px;border-bottom:#eee 1px solid;clear:both}
.bt{width:100%; margin-top: 15px;}
.bt h2{font-size:24px;line-height:36px;color:#333;font-weight:400;clear:both}
.bt h3{font-size:24px;line-height:25px;font-weight:400;font-family:Arial,Helvetica,sans-serif;color:#999;clear:both}
.pos{float:right;color:#bbb;line-height:60px;font-size:12px}
.main{ width: 100%; margin:30px auto;}
.main li{ margin-bottom: 40px;list-style: none}
.main li h2{ font: 18px/32px "microsoft yahei"; background:url(../images/yuan.png) left center no-repeat; margin-bottom: 10px;}
.main li p{ font: 14px/22px "microsoft yahei";}
.main li p span{ color: #666;}
.main li p a{ color: #666; margin-right: 40px;}
.main li h2,.main li p{ padding-left: 40px;}


/*底部导航*/
.lajt-bottom{height:200px;width:100%;background-color: #333333; color: #fff; padding-top:30px;}
.dibu_top{height:auto; display: block; overflow: hidden; padding-bottom:17px}
.footer_first{width:100%; height:157px; display: block; overflow: hidden;}
.index_bottom{width: 228px;float: left;margin-top: 18px;margin-right:20px;}
.index_bottom img{width:100%;/* height: 104px */}
.index_bottom_right{ float: right;margin-top: 14px}
.index_bottom_right li{width: 100px; height: auto; float: left; margin-right: 20px;}
.index_bottom_right li img{width: 100px; height:100px;}
.index_bottom_right li p{font-size: 13px; color: #5d5d5d; height: 25px; line-height: 25px;text-align:center; margin-top: 2px}
.footer_lian{width:46%; height: 100%; float: left; margin-left:33px;padding-top: 20px;}
.footer_lian p{ float:left}
.footer_first .footer_lian a{ /*! width: auto; */ /*! height:35px; */ color: #5d5d5d; font-size:14px; text-align: center; float: left;margin-left: 5px}
.footer_lian ul{width:100%; height:auto; display: block;overflow: hidden }
.footer_lian ul li{width:100%; height:auto;color: #5d5d5d; font-size: 14px; line-height: 28px;}
.foot_link{width:100%; height:auto; padding:0px 15px; display: block; overflow: hidden;}
.foot_link p{float:left; color: #5d5d5d;font-weight: bold}
.foot_link ul{ float:left;width:90%; margin-bottom: 0px}
.foot_link ul li{width:auto; height: 100%; float: left;  }
.foot_link ul li a{color: #5d5d5d; font-size:12px;border-right:1px solid #5d5d5d; padding:0px 5px}
.foot_dibu{ width: 100%; height:46px; background: #262626; font-size: 12px; color: #fff; line-height:46px;}
.beianhao{width:50%; float: left;}
.leo_bottom_right{width:50%; height:46px; line-height:46px; float: right;}
.leo_bottom_right li{ width:38%; float: left;height: 100%;}
.leo_bottom_right p{ float: left; color: #5d5d5d; margin: 0px;}
.leo_bottom_right img{/*! width: 121px; */ /*! height: 18px; */ float: left; margin:3px 0px 0 5px}
.vh,.wh{display: none;}
.leo_bottom_right li.vv:hover .vh{display: block;}
.leo_bottom_right li.vv:hover .vs{display: none;}
.leo_bottom_right li.ww:hover .wh{display: block;}
.leo_bottom_right li.ww:hover .ws{display: none;}
.leo_bottom_right li.vv{margin-right:8px;width:206px}
.leo_bottom_right li.ww{float:left;width:206px}
.main_xian{ width:3px; height:126px;float: left; margin:14px 10px 0; }


/*轮播图通用代码*/
 .swiper-container {width: 100%;height: 100%;}
 .swiper-slide { text-align: center;font-size: 18px;background: #fff;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;
}


/*页码*/
.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; }
.yema{margin-top:20px;}

/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:200px;
    width: 77px;
    z-index: 11;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}
.lxfx li p {
    line-height: 12px;

    text-align: center;
	font-size:12px;
}
.lxfx li {
    background:#4a68a7;
    height: 56px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;


    width: 77px; float:left;
}


/*底部*/
.shou_footer{position: fixed;left: 0; bottom: 0; height:60px; background: #0f7ac8; font-size:18px; z-index: 888;width: 100%; display:none}
.shou_footer a{float: left;width:20%;color: #fff;text-align: center;height: 100px;position: relative;}
.shou_footer a span{display: block;line-height: 30px;position: absolute;top: 30px;left: 50%;margin-left: -15px;font-size:0.8em}
.footer_zc{width:100%; height:auto; display: none; overflow: hidden;margin-bottom: 60px;background: #fff;padding: 15px 0;}
.footer_zc > a > img{ width:62px; text-align: center;margin-top: 19px;}
.footer_zc p{width:100%; height:35px; line-height: 35px; font-size:16px; color: #777777; text-align: center;}
.shou_footer .active{background:#0565ab;height: 120px;color: #fff;}
.shou_footer .none{display: none}
.shou_footer .active .none{display: block}
.shou_footer a img{margin-top:5px;height:25px; }
.shouji_dibu{width:100%; height:auto;padding: 20px 0; display: none; margin-bottom:60px;}
.shouji_dibu p{width:100%; height:25px; line-height: 25px; text-align: center; font-size: 15px; color: #666}
.shouji_dibu a{width:100%; height:25px; line-height: 25px ;text-align: center; display: block;overflow: hidden; font-size: 14px; color: #999}

/*ditu*/
.pop .bottom,.pop .center{box-sizing: unset}


@media (max-width:1366px){

	.swiper-button-prev{left:30px!important}
	.swiper-button-next{right:30px!important;}

}

@media (max-width:1024px){
	.nav>li>a{padding:0px 3px}
	.index_news_info ul li time{width:23% }
	.index_news_info ul li p{width:75%}
	.footer_lian{margin-left: 16px;width:44%}
	 .container-fluid>.navbar-header{ margin: 0px;}
	.mian_header_top .container{margin-left: -486px}
	.fixedtop{width:100%; margin-left: -50%}
	.main_sousuo_ci{width:34%;}
	.index_bottom{width:227px; margin-right: 10px;}
	.nav .nLi h3 a{padding:0px 28px;}
	.header-engt-imgs{display:block!important}
	.header-engt-img{ display:none!important}
}

@media (max-width:768px){
	.mian_news ul li{padding:24px 0px}
	.service_time time{font-size:24px;}
	.mian_service_info{width:63%}
	.navbar-toggle{margin-top:26px; background: #4a68a7;}
	.service_title{padding:0px 10px}
	.container{padding:0px 15px}
	.index_bottom_right,.foot_dibu{display: none}
	.footer_lian{width:58%}
	.leo_bottom_right li{width:46%}
	.leo_bottom_right img{width:110px}
	.container-fluid>.navbar-header{height:100%}
	.navbar-collapse,.navbar-inverse .navbar-collapse{border:0px!important;}
	.container-fluid>.navbar-collapse{ background: #fff; position: absolute;width: 100%;left: 14px;z-index: 999}
	.navbar-nav{margin:0px;}
	.dropdown-menu{top:0px;width: 100%}
	.index_news_info ul li time{width:32%;}
	.index_news_info ul li p{width:67%}
	.mian_service ul li{padding:24px 10px}
	.mian_service ul li img, .mian_news ul li img{width:24%; height:110px;margin-top: 10px;}
	.service_time{width:10%}
	.navbar-nav .open .dropdown-menu{ background: #fff;position:relative;width: 100%}
	.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus{background:#0f7ac8!important}
	.nav>li>a{padding:7px 13px}
	.ditu_info .ditu_info_left{width:63%; }
	.ditu_info .index_bottom_right{ display: block;  width:36%}
	.index_bottom_right li{margin-right: 0px; margin-left: 5px}
	.mian_header{height:240px;}
	.mian_header_top .container{width:100%; margin-left: -50%}
	.service_name{padding:0px 27px}
	.main_sousuo_ci{margin-top: 10px; margin-left: 0px;width: 100%}
	.index_main_product .products_pic{height:148px;}
	.index_main_product .products_pic img{height:100%}
	.about_left .about_left_info{width:83%}
	.main_news_info li{border-bottom: 1px solid #eee;padding: 11px 30px 29px;width: 100%;}
	.mian_honor li .products_pic{height:213px;}
	.mian_about_header ul li a{width:113px;}
	.navbar-inverse .navbar-toggle{ border-color: #4a68a7}
	.mian_service_info h3{font-size: 1.3em; overflow: hidden;}
	.lxfx{ display:none}
	.main_dao .container{padding:0px 8px;}
	.header-engt-img{width:154px;}
	.navbar-brand{padding:15px 0}
	.nav .nLi h3 a{padding: 0px 18px;}
	.nav .sub a{padding:0px;}
	.header_top_xtitle ul li .gw{left:-24px;}
	.header-engt-imgs{width:158px; height:46px;margin-top:5px;}
	.shouji_banner{display:block;margin-top:80px;}
	.mian_header{ display:none;}
	.keyword_light > div > img,.keyword_light > p > img{width:100%;height:auto;}
	
}

@media (max-width:425px){
	.lajt-bottom{padding-top:30px; height: auto}
	.index_bottom{float:none; margin: 0px auto}
	.footer_first{height:auto;display: block; overflow: hidden}
	.footer_lian{width:100%; margin-left: 0px;margin-top: 12px; }
	.footer_first .footer_lian a{width:33%;margin-left: 0px}
	.beianhao{width:100%; line-height: 24px}
	.leo_bottom_right{width:100%; float: none}
	.leo_bottom_right li{float:left}
	.foot_link{margin-bottom:10px}
	.service_title ul li a,.news_title ul li a,.about_title ul li a{width:22%}
	.jishu_title ul li a{width:30%}
	.service_time{width:18%}
	.news_img{display: none}
	.mian_service_info{width:77%}
	.mian_service ul li .mian_service_info{width:68%}
	.mian_service ul li img{width:32%}
	.about_shipin{height:173px}
	.products_images img{height:187px;}
	.index_news_li{ margin-bottom:22PX}	
	.index_main_news{padding-top: 24px;}
	.index_main_product .news_xiaot{ line-height: 20px; height:45px; margin-top: 10px}
	.index_news_info ul li time{width:23%;}
	.index_news_info ul li p{width:75%}
	.index_products{margin-top: 0px}
	.mian_about img,.about_left{width:100%}
	.mian_header{background-size: auto 100%;height:280px}
	.mian_service_header,.mian_news_header,.mian_about_header,.mian_product_header{height:284px; background-size: auto 100%}
	.service_name{margin-bottom:25px;padding: 0px 8px;margin-top: 50px;}
	.mian_news{margin-top:0px}
	
	.ditu_info .ditu_info_left{width:100%; float: none }
	.ditu_info .index_bottom_right{ display: none; }
	.ditu_info .ditu_info_left li{line-height: 22px}
	.mian_product li{width:100%}
	.mian_product li img{height:229px}
	.mian_header_top .container{height:340px;}
	.header_top_xtitle ul,.main_xian,.main_sousuo{display: none}
	.mian_about_header ul li a{margin-top: 10px;width:124px}
	.zong_title {position: relative;margin-top:80px;}
	.zong_title ul{position: absolute;left:0px; bottom: 0px; width: 100%;padding-left: 11px;z-index: 111}
	.mian_product_header ul li a,.mian_news_header ul li a{width:122px;}
	.mian_honor li{padding:0px 10px;}
	.mian_honor li .products_pic{height:108px;}
	.main_sousuo_rexian{ float:left; width: 100%;margin-top:12px;}
	.main_sousuo_ci{margin-top: 0px;}
	.about_left{height:420px;}
	.about_left .about_left_info{width:88%;left: 23px;}
	.about_right{width:100%; margin-top: 10px;}
	.mian_product_header ul li a, .mian_news_header ul li a{margin-top: 10px;}
	.index_main_case .products_pic{height:120px;}
	..index_main_case .products_pic img{height:100%}
	.index_main_case .index_products{height:auto;}
	.header{display:block}
	.shouji_dibu,.shou_footer{display:block;}
	.main_dao{ display:none}
	.mm-page{ margin-top:80px;}
	
	.zong_title ul li a{ font-size:12px;}
	
	.header-engt-imgs,.lajt-bottom{display:none}
	.header-engt-img{ display:block}
	.shouji_banner{height:207px;}
	#logo{width:326px; height:42px;margin-top: 15px; float:right; margin-right:10px;}
}


@media (max-width:375px){
	.leo_bottom_right li{width:100%}
	.leo_bottom_right img{width:121px;margin:6px 0px 0 5px}
	.leo_bottom_right li{height:33px; line-height: 33px;}
	.mian_service, .mian_news{margin-top:6px}
	.service_time{width:20%}
	.mian_service_info{width:74%}
	.index_main_product{ margin: 30px 0 10px}
	.mian_about_header ul li a, .mian_news_header ul li a{width:110px;}
	.index_main_product .products_pic{height:102px;}
	.mian_product_header ul li a, .mian_case_header ul li a, .mian_con_header ul li a{width:170px;}
	.mian_product .products_pic{height:205px;}
	#logo{ width:280px; height:36px; margin-top:20px;}
}

@media (max-width:360px){
	.container{padding:0px 8px}
	.mian_about_header ul li a, .mian_news_header ul li a{width:105px;}
	.mian_product_header ul li a, .mian_case_header ul li a, .mian_con_header ul li a{width:163px;} 
	#logo{margin-top:20px;}
		.index_news_title{width:100%}
		.about_left .about_left_info{padding:20px 10px}
}

@media (max-width:320px){
	.header-engt-img{width:202px}
	.index_news_litop{padding:0px 8px}
	.index_news_info ul li time{width:24%}
	.products_images img,.index_products{height:312px}
	.index_main_product{margin-bottom: 20px}
	.mian_service ul li{padding:24px 0px}
	.mian_service_info h3{font-size:20px;}
	.mian_service_info p{margin-top:5px; font-size:12px; line-height: 20px}
	.mian_service ul li img{height:74px}
	.mian_service ul li .mian_service_info{width:60%}
	.mian_service ul li img{width:38%; margin-top: 24px}
	.jsfw{width:40px!important; height:34px!important;}
	.service_title ul li a, .news_title ul li a, .about_title ul li a{width:24%; margin-right: 3px}
	.service_time time{font-size:21px}
	.mian_news ul li{padding:13px 0}
	.mian_product li img{height:281px}
	.mian_about_header ul li a, .mian_news_header ul li a, .mian_case_header ul li a{width:92px;}
	.ditu_neirong{height:334px;}
	.mian_product_header ul li a{width:137px;}
	#logo{ width:236px; height:30px;}
	.index_news_title a{padding:0px 18px;}
	.index_main_product .products_pic{ height:247px;}
	.index_main_case .products_pic{height:200px;}
	.main_news_info time span{ font-size:28px;}
	.main_news_info li h4{ font-size:14px;}
	.mian_con_header ul li a{width:149px;}
	
}

.icon-changfang{font-size:50px;}


