@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:14px;font-family:"微软雅黑";-webkit-text-size-adjust:none;color:#000;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p,em,samp{margin:0;padding:0;font-weight: normal;
	font-style: normal;
	font-size: 13px;
	font-family: "微软雅黑", Arial, Helvetica, sans-serif;}
img{border:0;vertical-align:bottom;width:100%;}
input{-webkit-appearance: none;}
ul,li{list-style-type:none;}
a{color:#000;text-decoration:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
.w94{ width:96%; margin:0 auto}
.height6{ height:6px;background:-moz-linear-gradient(top,#99e3f8,#9fe4f9);/*Mozilla*/
background:-webkit-gradient(linear,0 50%,100% 50%,from(#99e3f8),to(#9fe4f9));/*Old gradient for webkit*/
background:-webkit-linear-gradient(top,#99e3f8,#9fe4f9);/*new gradient for Webkit*/
background:-o-linear-gradient(top,#99e3f8,#9fe4f9); /*Opera11*/ }
.dh20{ height:20px; line-height:20px; clear:both}
body{ width:100%; overflow-x:hidden}

.swiper {
        width: 100%;
        height: 100%;
      }
      .swiper-slide {
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

/*header*/
#logo{ width:55%;}
.logo{position:relative; width:100%; padding:15px 0px 0px;}
.top_nav{ position:absolute;  top:0;z-index:999; width:100%;}
.search{width:25px;position:absolute;right:16%;top:17px;z-index:8;}

.back{ width:15px;position:absolute;left:0;top:17px;z-index:8;}
.top{width:40px;position:absolute;left:2%;top:8px;}
/*查询*/
.ss{height:32px;z-index:7;background:#4272a8; padding-top:8px; padding-bottom:7px; display:none;}
.ss_bd{width:75%;height:30px;border:none;background:#fff;float:left;color:#333333;padding:0 0 0 5%;font-family:"微软雅黑";border-top-left-radius:15px; border-bottom-left-radius:15px;font-size:14px;}
.ss_btn{width:36px;float:left;line-height:30px;background: url(../images/index_search.jpg) no-repeat 50% center #fff; background-size:40% auto;border:none;color:#fff;font-family:"微软雅黑";border-top-right-radius:15px; border-bottom-right-radius:15px;font-size:0px;}

/**/
/*首页banner下导航*/
.index_nav ul li{  }
.index_nav ul li:nth-child(1){width:32%; padding-right:7px;float:left;}
.index_nav ul li:nth-child(2){width:32%; float:left;}
.index_nav ul li:nth-child(3){width:32%; float:right;}
.index_nav ul li:nth-child(4){width:49%; float:left; padding-top:7px;}
.index_nav ul li:nth-child(5){width:49%; float:right; padding-top:7px;}
.index_navpic img{ width:100%;}
.index_nav ul li a{ display:block; position:relative}
.index_nav ul li a .index_navtitle{ position:absolute; left:0; top:65%; width:100%; transition: all 0.6s ease 0s;}
.index_nav ul li a .index_navtitle span img{ display:block; margin:0 auto; padding-top:60px;}
.index_nav ul li a .index_navtitle samp{ text-align:center; display:block; color:#ffffff; font-size:15px}
/*.index_nav ul li a:hover .index_navtitle{ background-color:rgba(16,125,186,0.5);transition: all 0.6s ease 0s;}*/
.more{ display:block; color:#333333; font-size:16px; border-radius:30px; text-align:center; line-height:30px; margin:0 auto; margin-top:10px; width:30%; height:30px; border:1px solid #eeeeee}
/*首页产品中心*/
.title{ border-bottom:1px solid #fff; position:relative; height:47px;}
.title span{ font-size:20px; color:#fff; font-weight:bold; text-align:center; display:block; line-height:47px; position:relative; z-index:5}
.title em{ font-size:28px; color:#eeeeee; opacity:0.2;text-align:center; font-weight:bold; display:block; position:absolute; width:100%; top:-8px; z-index:4}
.title samp{ height:3px; width:30px; background:#fff; position:absolute; left:50%; margin-left:-15px; bottom:-2px; z-index:5}
.title1{  float:left; height:39px; line-height:39px; text-indent:12px; color:#021f35;}
.index_pro{background: url(../images/bg1.jpg) no-repeat center top; background-size:100% auto;}
.indexpro_nav{ text-align:center; padding-top:12%;}
.indexpro_nav a{ display:inline-block; border:1px solid #eeeeee; border-radius:30px;  color:#333333; font-size:14px; width:43%; height:40px; line-height:40px;transition: all 0.6s ease 0s; margin:0px 5px;margin-bottom:10px;}
/*.indexpro_nav a:hover{ border:1px solid #107dba; background:#107dba; color:#fff;transition: all 0.6s ease 0s;}*/
.indexpro_nav a.type_hover{ border:1px solid #107dba; background:#107dba; color:#fff;transition: all 0.6s ease 0s;}
.indexpro_list{}
.indexpro_list ul li{ margin-bottom:29px; width:48%; border:1px solid #eeeeee; border-bottom:none}
.indexpro_list ul li:nth-child(odd){ float:left}
.indexpro_list ul li:nth-child(even){ float:right}
.indexpro_list ul li img{ width:100%; height:100%; display:block;}
.indexpro_list ul li a{ position:relative; display:block; color:#fff;transition: all 0.6s ease 0s;}
/*.indexpro_list ul li a:hover span{ background:#107dba; color:#fff; transition: all 0.6s ease 0s;}*/
.indexpro_list ul li  div{ font-size:14px; display:block; color:#333333; text-align:center; padding:5px 0px; background:#ccc;border:1px solid #eeeeee; font-weight:500;}
/*首页案例展示*/
.index_case{background: url(../images/bg2.jpg) no-repeat center top; background-size:100% 100%; position:relative}
.index_casemian  a .indextem_pic{ position:relative}
.index_casemian  a .case_h{ position:absolute; background-color:rgba(16,125,186,0.9); width:100%; height:100%; left:0; top:0; display:none;transition: all 0.6s ease 0s;}
/*.index_casemian  a:hover .case_h{ display:block;transition: all 0.6s ease 0s;}*/
.index_casemian a .case_h img{ width:30px; height:30px; display:block; margin:0 auto; padding-top:55px;}
.index_casemian .indextemcon{ width:90%;  background-color:rgba(255,255,255,0.3);; padding:5px 5%; position:relative; z-index:2}
.index_casemian .indextemcon span{ display:block; font-size:15px; font-weight:bold; color:#fff;  line-height:26px; text-align:left}
.index_casemian .indextemcon samp{ font-size:12px; display:block; line-height:24px; color:#fff; height:24px; overflow:hidden;}
.index_casemian .indextemcon em{ height:1px; width:40px; background:#fff; display:block; margin-bottom:5px;}
.index_casemian .indextemcon p{ color:#ffffff; font-size:12px; line-height:20px;}
.case_jiao{ position:relative; width:80px; margin:20px auto 0px; height:30px;}
.index_casemianr,.index_casemianl{}
.index_casemiana{ left:37%; top:-7px;}
.case_jiao .swiper-pagination-bullet-active{ background:#cccccc !important; }
.swiper-pagination-bullet{ background:#fff !important; opacity:0; margin-right:3px; }
.case_jiao .swiper-button-next::after ,.case_jiao .swiper-button-prev::after { font-size:0px !important;}
.index_casemianl{ left:0px !important; background:url(../images/index_navleft.png) no-repeat center top; background-size:100% 100%; width:20px !important; height:20px !important; font-size:0px;}
.index_casemianr{ right:0px !important; background:url(../images/index_navright.png) no-repeat center top; background-size:100% 100%;width:20px !important; height:20px !important;font-size:0px;}
/*4大实力保障*/
.shjili{background: url(../images/bg3.jpg) no-repeat center top; background-size:100% auto; height:800px;}
.title2 span{ font-size:40px; font-style:italic; color:#107dba;}
.title2{ color:#333333; font-size:24px; font-weight:bold; text-align:center; border-bottom:1px solid #aaaaaa ; padding-bottom:25px;}
.title2b{border-bottom:1px solid #aaaaaa; height:3px;}
.title2cb{ width:60%; margin:0 auto; background:#fff; height:35px; position:relative; top:-25px;}
.title2c{ background:#107dba; color:#fff; font-size:15px; width:80%; height:35px; line-height:35px; text-align:center; font-weight:bold; border-radius:30px; display:block; margin:0 auto}
.index_shilimian{}
.index_shilititle{ font-size:18px; font-weight:bold; color:#333; padding-bottom:10px;}

.index_shiliw{}
.index_shilimore{ position:relative; height:100%}

.index_shilicon{ font-size:12px; line-height:20px;}
.index_shilimore1{ position:absolute;  top:5%; left:14%; width:85%;}
.index_shilimore1 .index_shilipic{ width:16%; float:left}
.index_shilimore1 .index_shilidet{ float:right; width:84%;}
.index_shilipic img{ width:94%;}
.index_shilimore2{ position:absolute;top:170px;left:0; width:70%;}
.index_shilimore2 .index_shilipic{ width:23%; float:left}
.index_shilimore2 .index_shilidet{ float:right; width:77%;}
.index_shilimore3{position:absolute;  top:300px;left:0px; width:75%;}
.index_shilimore3 .index_shilipic{ width:23%; float:left}
.index_shilimore3 .index_shilidet{ float:right; width:72%;}
.index_shilimore4{ position:absolute; top:540px;left:30%; width:69%;}
.index_shilimore4 .index_shilipic{ width:26%; float:left}
.index_shilimore4 .index_shilidet{ float:right; width:74%;}
/*index_about*/
.index_about{ background:url(../images/bg4.jpg) no-repeat center;}
.title3{ border-bottom:1px solid #c6c6c6; position:relative; height:57px;}
.title3 span{ font-size:20px; color:#333333; font-weight:bold;  display:block; line-height:47px; text-align:center}
.title3 em{ font-size:28px; color:#333333; opacity:0.1;font-weight:bold; display:block; position:absolute; width:100%; top:-8px;text-align:center}
.title3 samp{ height:3px; width:30px; background:#107dba; position:absolute; left:50%;bottom:-2px; margin-left:-15px; z-index:5}

.indexabout_main{ }
.indexabout_con{ color:#333333; line-height:30px; font-size:13px; text-indent:32px; margin-top:25px;}
.indexabout_pic{}
/*热点新闻*/
.index_new_tj{ border-bottom:1px solid #cccccc; padding-bottom:10px;}
.index_new_tj ul li .index_newtitle{ color:#1d191a; font-size:15px; font-weight:bold; padding:8px 0px 6px;}
.index_new_tj ul li .index_newcon{position:relative; color:#555555; font-size:13px; line-height:30px;}
.index_new_tj ul li em{display:block;font-size:12px; color:#999999; position:absolute; right:0; bottom:0px; font-family:"微软雅黑";}



.index_new_list{}
.index_new_list ul li{ border-bottom:1px solid #cccccc; padding-bottom:10px;}
.index_new_list ul li a{  display:block;transition: all 0.6s ease 0s; }
.index_new_list ul li a .index_newtitle{ color:#1d191a; font-size:15px; font-weight:bold; padding:8px 0px 6px;}
.index_new_list ul li a .index_newcon{color:#555555; font-size:13px; line-height:30px; position:relative}
/*.index_new_list ul li a:hover .index_newtitle{ color:#107dba;transition: all 0.6s ease 0s;}*/
.index_new_list ul li em{display:block;font-size:12px; color:#999999; position:absolute; right:0; bottom:0px; font-family:"微软雅黑";}


.index_conleft{line-height:30px; font-size:12px;}
.index_conright{}
/*合作伙伴*/
.index_friend{background:url(../images/bg5.jpg) no-repeat center; background-size:100% auto;}
.index_friendmian ul li{ float:left; padding:4px 1%;width:23%;  }
.index_friendmian ul li a{ display:block;border:1px solid #999999}
.index_friendmian ul li a img{ display:block; width:100%;}
/*联系我们*/



/*footer*/

.to-top{ width:62px; height:62px;position:absolute !important; bottom:9px !important; left:50%; margin-left:-31px; top:5px; background:#107dba; text-align:center; color:#fff; line-height:25px; border-radius:50%;}
.to-top .index{ width:40%; display:block; margin: 7px auto 0px} 
.footer{width:100%;position:fixed;left:0;bottom:0; z-index:9999}
.footer ul{ background:#272727;padding: 2% 0 2%;}
.footer li{width:19%;float:left;text-align:center;color:#fff;font-size:20px;line-height:30px;}
.footer .bot_right{width:19%;float:right;text-align:center;color:#fff;font-size:20px;line-height:30px;}

.footer li a{color:#fff;}
.footer li img{width:30%;}
.footer_text a{width:100%;display:block;font-size:14px;color:#fff;}
/*首页完*/
.top2{ background:url(../images/erhome.jpg) no-repeat left center; background-size:auto 70%; text-indent:20px; color:#999999; font-size:12px;}
.top2 a{ color:#999999; font-size:12px;}
.top2 samp{ color:#8a6d4d; font-size:12px;}
.erback{background:url(../images/back.jpg) no-repeat left center; background-size:auto 70%; text-indent:20px; color:#999999; font-size:12px; }
.about_con{ color:#999999; line-height:35px; font-size:12px;}
.about_title{ font-size:16px; text-align:center; padding:25px 0px;color: #575757;}
.pro_show_con{ padding:35px 0px 25px;}


/*图文列表*/
.er_banner{ position:relative}
.er_title{  position:absolute; height:77px; top:10px; width:100%; left:0px;}
.er_title span{ font-size:28px; color:#fff; font-weight:bold; text-align:center; display:block;position:relative; z-index:5}
.er_title em{ font-size:28px; color:#eeeeee; opacity:0.2;text-align:center; font-weight:bold; display:block; width:100%; z-index:4}
.er_title samp{ height:5px; width:40px; background:#fff; position:absolute; left:50%; margin-left:-20px; bottom:-3px;}
.about_con{ padding:25px 0px 30px; color:#333333; line-height:36px; font-size:14px;}
.prolist_pro ul li{  float:left;}
.prolist_pro ul li img{ display:block; padding:6px; border:1px solid #f1f1f1}
.prolist_pro ul li samp{ line-height:47px; text-align:center; color:#333333; font-size:12px; display:block}
.pagenum{ line-height:40px; padding-bottom:30px;color:#666;}
.pagenum a{ color:#666;}
.pagenum a:hover{ color:#d9b976;}

.pagepagen{color:#000 !important; background:none !important}
.pagenow{color:#fff !important; background:#107dba !important}
.prolist_team ul li{ width:48%; float:left;  margin-bottom:20px;}
.prolist_team ul li:nth-child(odd){ float:left}
.prolist_team ul li:nth-child(even){ float:right}
.prolist_team ul li  a .indextem_pic{ position:relative}
.prolist_team ul li  a .case_h{ position:absolute; background-color:rgba(16,125,186,0.9); width:100%; height:100%; left:0; top:0; display:none;transition: all 0.6s ease 0s;}
/*.prolist_team ul li a:hover .indextemcon span{ color:#107dba;}*/
.prolist_team ul li a .case_h img{ width:50px; height:50px; display:block; margin:0 auto; padding-top:100px;}
.prolist_team ul li .indextemcon{  background-color:rgba(255,255,255,0.3);; padding:5px 9px; position:relative; z-index:2; border:1px solid #eeeeee;}
.prolist_team ul li .indextemcon span{ display:block; font-size:15px; font-weight:bold; color:#333333;  line-height:26px; text-align:left}
.prolist_team ul li .indextemcon samp{ font-size:12px; display:block; line-height:24px; color:#333333; height:24px; overflow:hidden;}
.prolist_team ul li .indextemcon em{ height:1px; width:40px; background:#333333; display:block; margin-bottom:5px;}
.prolist_team ul li .indextemcon p{ color:#333333; font-size:12px; line-height:25px;}
/*图文详情*/
.pro_det,.pro_det p{ color:#333; font-size:18px; line-height:36px;}
.det_title{ height:40px; line-height:40px; background:#f5f5f5; color:#333; font-size:14px; text-indent:20px;}
.pagenum{ padding:40px 0px;}
.pagenum a{ display:inline-block; width:45%; text-align:center; color:#999999; font-size:18px; border:1px solid #f7f7f7; border-radius:5px;transition: all 0.6s ease 0s;}
.pagenum a:hover{ color:#fff; background:#107dba; border:1px solid #107dba;transition: all 0.6s ease 0s;}
.botbg{ background:#f5f5f5;}

#page a:nth-child(odd){  float:left; background:#107dba; color:#fff; width:43%; border-radius:15px; line-height:33px; text-align:center}
#page a:nth-child(even){ float:right; background:#107dba; color:#fff; width:43%; border-radius:15px; line-height:33px; text-align:center}
.page_11{ float:left; background:#107dba; color:#fff; width:43%; border-radius:15px; line-height:33px; text-align:center}
.page_22{ float:right; background:#107dba; color:#fff; width:43%; border-radius:15px; line-height:33px; text-align:center}
.page1 a{ color:#fff;}
.page1{ margin:25px 0px;}
/*新闻列表*/
.new_list ul li{font-size:14px; border-bottom:1px solid #eeeeee; padding-bottom:12px; padding-top:14px;}
.new_list ul li a{ color:#423434; display:block;}
.new_list ul li a .news_listitle{ color:#1d191a; font-size:15px; font-weight:bold;}
.new_list ul li .index_newcon{position:relative; color:#555555; font-size:13px; line-height:24px;}
.new_list ul li em{display:block;font-size:13px; color:#999999; float:right}
/*.new_list ul li a:hover .news_listitle{ color:#107dba}*/
.new_list ul li a .news_go{background:url(../images/newsgo.jpg) no-repeat center top; background-size:100% 100%; width:70px; height:28px; float:left}
/*.new_list ul li a:hover .news_go{background:url(../images/newsgo_h.jpg) no-repeat center top;background-size:100% 100%; width:70px; height:28px; float:left}*/
.new_intro{ text-align:right; color:#999999;}

.prod_type{padding-top:40px}
.prod_type li .info{font-size: 14px;line-height: 1.8;color: #222;margin-top:5px;}
.prod_type li{margin-bottom:15px;}
.prod_pic .tit{margin: 8px 0}
.prod_pic .tit p{color:#333;line-height: 1.3;font-size: 18px;text-align: center;font-weight: bold;}
/*.prod_type li:hover .prod_pic .tit p{color:#107dba;}*/

.prod_type li .prod_pic .tit p{color:#107dba;}
.prod_type li:hover .prod_pic .tit p{color:#305405;}