﻿@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; box-sizing:border-box; font-family: 'Noto Sans SC';}
body{overflow-x: hidden}
img{ border:0; }
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;  }
input,textarea,button{outline:none;}
em{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
hr{ border:none;}
table{border-collapse: collapse;}
.l{ float:left}
.r{ float:right}
.tow{ overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.container{ width:1200px; margin: 0 auto;}
.clearfix{zoom:1; clear: none}
.clearfix:before,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}



/*头部*/
.header{ background:#434343; height: 35px; line-height:34px; width: 100%; color: #333333; font-size: 14px; border-top:1px solid #666666}
.xuJin{float: left; height:34px; font-size: 14px; color: #fff; }
.header_lj{float: right; line-height: 34px;}
.header_lj ul{float: right;}
.header_lj li{ float: left; margin-left:15px; position: relative;}
.header_lj li i{ font-size:22px;  color: #fff;float:  left}
.header_lj li p{font-size:14px; color: #fff; float: left; margin-left:10px;}
.header_lj li:hover{color:#0e3710; cursor: pointer}
.header_lj li:hover i{color:#ff9105}
.h_wx .wx{ width:120px; height: 120px; position: absolute; top: 34px; left: 0px; display: none; z-index: 999}
.h_sj .sj{ width:120px; height: 120px; position: absolute; top: 34px; left: 0px; display: none;  z-index: 999}
.h_sj .sj img,.h_wx .wx img{width:100%; height:auto;}

.h_wx:hover .wx{ display: block;}
.h_sj:hover .sj{ display: block;}
.header_cxx{width:100%; height:80px;}
.index_logo{width:auto; height:56px; float: left; margin-top: 14px;}
.index_logo img{width:196px; height: 50px; float: left}
.index_logo_p{width:318px; font-size:14px; color: #333333; background: url(../images/hx.png) no-repeat left center; padding-left: 20px; float: left; margin-left: 15px; margin-top: 20px;}
.header_rdhs{background: url(../images/xdhs.png) no-repeat left 18px; padding-left:30px;  float: right; margin-top:16px; line-height: 44px; }
.header_rdhs p{font-size: 14px; color: #333333;}
.header_rdhs p span{font-size:36px; color:#cf1c31; font-weight: bold; font-family: "Impact"}


/* 导航栏 */
.header_center{width:100%; height:50px;  background: #1183d9}
#menu{width:100%; height: 50px;}
#menu .nav{ position:relative; z-index:1;  margin: 0 auto; width: 100%; height:50px; }
#menu .nav .nLi{ float:left;  position:relative; display:inline; height:100%; width:109px; }
#menu .nav .nLi:last-child{margin-right: 0}
#menu .nav .nLi h3{ float:left; font-weight: normal; width:100%; text-align:center; font-size:14px; z-index: 2; position: relative; height:100%; }
#menu .nav .nLi h3 a{color:#fff; line-height:50px;  display: block; overflow: hidden}
#menu .nav .sub{ display:none; width:120px; left:50%;  margin-left: -60px; top:50px;  position:absolute; background:#ddd;  line-height:36px; }
#menu .nav .sub li{ zoom:1; }
#menu .nav .sub a{ display:block; text-align: center; height: 36px;font-size: 14px;  color:#222e48;}
#menu .nav .sub a:hover{ color:#cf1c31;  }
.nLi > h3 > span{display: block; width: 120px; text-align: center; position: absolute; top: 21px;font-size: 12px;font-weight: normal; color: #fff; }
#menu .nav .active{background: #cf1c31; border-bottom: 1px solid #ffffff}
#menu .nav .nLi:hover{background: #cf1c31; border-bottom: 1px solid #ffffff}



/*手机导航*/
.sj_header{width:100%; clear:both; height:70px;  padding: 0px 10px; background: #fff; display: none}
.sj_logo{float:left; width:19%; margin-top:16px;}
.sj_logo img{width:100%; height: 100%;}
.menu{float:right; height:auto; width:30px; margin-top: 19px; }
.menu img{height:100%; width:100%;}
.openmenu{overflow-y:scroll; }
#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:#00006a; 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:0.9em; 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; font-size:0.9rem}
.sj_banner{width:100%;height:auto; display: none;}
.sj_banner img{width:100%; height: auto;}
.swiper-container {width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.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;
}
.swiper-pagination-bullet{background: #fff; opacity: 1}
.swiper-pagination-bullet-active{background: #00006a}



/* 首页:banner */
.banner{ width:100%;  position:relative;  height:600px;clear: left; }
.banner .slideBox{position:relative;overflow:hidden;width:100%;height:100%}
.banner .slideBox .hd{position:absolute;right:50%; margin-right: -33px; bottom:30px;z-index:1;overflow:hidden;height:22px}
.banner .slideBox .hd ul{float:left;overflow:hidden;zoom:1}
.banner .slideBox .hd ul li{float:left;margin-right:15px;width:12px;height:12px; background: #fff; cursor:pointer; border-radius: 50%;}
.banner .slideBox .hd ul li:last-child{margin-right: 0px;}
.banner .slideBox .hd ul li.on{background:#cf1c31}
.banner .slideBox .bd{position:relative;z-index:0;width:100%;height:100%}
.banner .slideBox .bd ul{width:100%;height:100%}
.banner .slideBox .bd li{width:100%;height:100%;vertical-align:middle;zoom:1}
.banner .slideBox .bd li a{display:block;overflow:hidden;width:100%;height:100%}
.banner .slideBox .bd img{display:block;width:100%;height:100%}






/*产品中心*/
.index_product{width:100%; height: auto; overflow: hidden; margin-top: 60px;}
.index_title{width:100%; height: auto; text-align: center}
.in_pro_t{width:100%; height:76px; overflow: hidden; background: url(../images/pro_t.png) no-repeat center bottom; font-size: 36px; color: #333333; font-weight: bold;}
.index_title p{width:100%; height: auto; overflow: hidden; font-size: 14px; color:#666666; line-height: 28px; margin-top: 20px;}
.index_product_left{width:17.5%;  float: left; margin-top: 40px;overflow: hidden; background:#1183d9;text-align:center;}
.in_pro_title{width:100%; height:93px; line-height: 93px; background: url(../images/pro_ts.png) no-repeat center}
.index_product_left img{ height:75px; text-align:center;}
.in_pro_title p{width:100%; height: 100%;  color:#fff; font-size: 20px; color: #fff; font-weight: bold; text-align: center}
.index_product_left ul{width:100%; height: auto; overflow: hidden; background: #d2d2d2; }
.index_product_left ul li{width:100%; height: 77px; line-height:77px; padding:0 20px; }
.index_product_left ul li:nth-child(odd){background: #dcdcdc}
.index_product_left ul li a{font-size: 16px; color: #333;  background: url(../images/p_jt.png) no-repeat right center; width: 100%; height: 100%; 
	display: block}
.index_product_left ul li:hover{background: #cf1c31;}
.index_product_left ul li:hover a{color:#fff; background: url(../images/h_jt.png) no-repeat right center; }
.index_product_right{width:80%; height: auto; overflow: hidden; float: right; margin-top: 40px;}
.index_product_right ul{width:100%;}
.index_product_right ul li{width:32%; height: auto; float: left; margin-right: 2%; margin-bottom: 15px;}
.in_pro_pic{width:100%; height:auto; overflow: hidden; border: 1px solid #f5f5f5; border-bottom: 0px; position: relative;}
.in_pro_pic img.p_pic{width:100%; height:200px; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);
	-webkit-transform: all 1s ease 0s; }
.in_pro_h{width:100%; height: 100%; position: absolute; top:100%; left:0; background: rgba(0,0,0,0.5); padding: 15%}
.in_pro_h span{font-size: 16px; color: #fff; background: #ffad43; border-radius: 25px; padding: 2px 8px;}
.in_pro_h p{width:100%; height:72px; font-size: 14px; color: #fff; line-height: 24px;   word-break:break-all;display:-webkit-box; -webkit-line-clamp:3;
  -webkit-box-orient:vertical; overflow:hidden; margin: 10px 0; }

.index_product_right ul li span{width:100%; height: 40px; display: block; background: #666666; text-align: center; line-height:40px; font-size: 16px; color: #fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; border-bottom: 1px solid #cccccc;}
.index_product_right ul li:nth-child(3n){margin-right: 0}
.index_product_right ul li:hover .in_pro_pic img{}
.index_product_right ul li:hover span{background: #1183d9; }
.index_product_right ul li:hover .in_pro_h{ transition: .6s; top:0}



/*工程案列*/
.index_case{width:100%; height:725px; overflow: hidden; margin-top: 54px; background: url(../images/case_bj.jpg) no-repeat center; padding-top: 66px;}
.in_case_t{width:100%; height:76px; overflow: hidden; background: url(../images/case_t.png) no-repeat center bottom; font-size: 36px; color: #333333; font-weight: bold;}
.index_case ul.index_case_nav{width:auto; height: auto; margin:25px auto 40px; display: table}
.index_case_nav li{width:109px; height: 32px; border: 1px solid #232323; background: #fff; text-align: center; line-height: 30px; float: left; margin-right: 11px;}
.index_case_nav li a{font-size: 14px; color: #333333}
.index_case_nav li:last-child{margin-right: 0}
.index_case_nav li.active{background: #1183d9; }
.index_case_nav li.active a{color:#fff}
.picMarquee-left{ width:100%;  overflow:hidden; position:relative; }
.picMarquee-left .bd{width:100%; height: auto; overflow: hidden}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{width:25%; height: auto; overflow: hidden; position: relative}
.picMarquee-left .bd ul li img{width:100%; height: auto; display: block;}
.in_case_h{width:238px; height: 238px; background:#1183d9; border-radius: 50%; position: absolute; bottom:-119px; right:-119px;  transition: .6s;}
.in_case_h p{font-size: 14px; color: #FFFFFF; width: 119px; height: 119px; padding-top: 70px; text-align: center}
.picMarquee-left .bd ul li:hover .in_case_h{width:100%; height: 100%; border-radius: 0; background: rgba(0,0,106,0.4); bottom:0; right:0; }
.in_case_h:after{content:""; top:15px; left:15px; right:15px; bottom: 15px; border: 1px solid #fff; position: absolute; opacity: 0}
.picMarquee-left .bd ul li:hover .in_case_h:after{opacity: 1}
.case_more{width:109px; height: 32px; background:#1183d9; color:#fff; text-align: center; line-height: 32px; display: block; margin: 45px auto}
.in_case_h i{width:37px; height: 37px; background: url(../images/search.png) no-repeat center; display: block; margin: 30% auto 0; display: none;}
.picMarquee-left .bd ul li:hover .in_case_h p{font-size: 24px; font-weight: bold; width: 100%; padding-top: 20px}
.picMarquee-left .bd ul li:hover .in_case_h i{display: block;}


/*关于我们*/
.index_about{width:100%; height:957px; overflow: hidden; background: url(../images/about_bjs.jpg) no-repeat center; padding-top: 53px;}
.in_about_t{width:100%; height:76px; overflow: hidden; background: url(../images/about_t.png) no-repeat center bottom; font-size: 36px; color: #fff; font-weight: bold;}
.index_abou_xx{width:1120px; height: auto; overflow: hidden; text-align: center; margin-top: 20px; font-size: 14px; color:#fff; line-height: 28px;}
.index_abou_xx a{color:#fff}
.index_video{width:1200px; height: 300px; margin: 26px auto 0;}
.index_video_l{width:38%;float: left;}
.index_video_r{width:55%;height: 100%; float: right;}
.index_honor{width:583px; height: auto; overflow: hidden; float: left; margin-top: 35px; background: #fff; clear: both;}
.in_htitle{width:100%; height:65px; background:#1183d9; padding: 0px 15px; }
.index_honor dt{width:70%; height: 100%; line-height: 65px; padding-left: 30px; font-size: 16px; color: #fff; background: url(../images/icon_1.png) no-repeat left center; float: left}
.in_htitle dd{float: right; line-height: 65px;}
.in_htitle dd a{font-size: 14px;  color: #fff;}
.in_honor_list{width:100%; height: 227px; padding:35px 16px 0; }
.Box{width:100%; height: auto;  position: relative;}
.Box .Box_con .conbox {position: relative;overflow: hidden; width:100%; margin: 0px auto; height:150px;}
.Box .Box_con .conbox ul {position: relative;list-style: none; }
.Box .Box_con .conbox ul li {float: left;width:242px;height:150px; overflow: hidden; position: relative; margin-left: 7px; 
	background: #fff; box-shadow: 1px 2px 8px rgba(0,0,0,0.2) }
.Box .Box_con .conbox ul li a{width:100%; height: 100%; display: block; overflow: hidden; }
.Box .Box_con .conbox ul li  img{width:100%; height: 100%; display: block; transform: scale(1);  transition: all 1s ease 0s;
	-webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li:hover img{transform: scale(1.1);}
.conbox_button{width:40px; height: auto; overflow: hidden; margin: 20px auto 0;}
.Box .Box_con .btn {display: block;width:8px;height:14px;cursor: pointer;  text-align: center; float: left  }
.Box .Box_con .btnl{background: url(../images/h_left.png) no-repeat; margin-right: 21px; }
.Box .Box_con .btnr{background: url(../images/h_right.png) no-repeat; }
.index_shebei{width:583px; height: auto; overflow: hidden; float: left; margin-top: 35px; background: #fff; float: right;}
.index_shebei dt{width:70%; height: 100%; line-height: 65px; padding-left: 30px; font-size: 16px; color: #fff; background: url(../images/icon_2.png) no-repeat left center; float: left}

.sj_honor{width:100%; height: auto; overflow: hidden; display: none;  padding:25px 16px 5px;}
.sj_honor .swiper-slide a,.sj_honor .swiper-slide a img{width:100%; height: 100%; display: block}

.sj_honor .swiper-container{padding-bottom: 35px;}
.swiper-button-next, .swiper-button-prev{width:8px; height: 14px; top:auto; margin-top: 0; bottom:10px}
.swiper-button-next{background: url(../images/h_right.png) no-repeat; right:45%;}
.swiper-button-prev{background: url(../images/h_left.png) no-repeat; left:45%}




/*新闻*/
.index_news{ width: 100%;overflow: hidden;  margin-top: 56px;}
.in_news_t{width:100%; height:76px; overflow: hidden; background: url(../images/news_t.png) no-repeat center bottom; font-size: 36px; color: #333; font-weight: bold;}
.inews_nav{width:auto; height: auto; overflow: hidden; display: table; margin: 30px auto 0;}
.inews_nav a{width:82px; height: 32px; background: #dcdcdc; text-align: center; line-height: 32px; font-size: 14px; color: #333333; margin: 0px 5px; display: block; float: left}
.inews_nav a:hover{background:#1183d9; color: #fff;}
.index_news_top{width:100%; height: auto; overflow: hidden; margin-top: 36px; padding-top: 20px}
.index_news_top ul{width:100%; height: auto; }
.index_news_top ul li{width:31.3%; height: auto; float: left; margin-right:3%; transition: .6s; border-bottom:1px solid #dadada; padding-bottom: 25px;}
.index_news_top ul li:last-child{margin-right: 0}
.index_news_top ul li .in_newstpic{width:100%; height: auto; overflow: hidden; position: relative}
.in_newstpic img{width:363px; height: 225px; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.in_news_txx{width:100%; height: auto; overflow: hidden}
.in_news_txx h3{width:100%; height:40px; line-height: 40px; font-size: 16px; color: #333333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.in_news_tinfo{width:363px; height: 38px; line-height: 38px; overflow: hidden; background: rgba(0,0,0,0.5); position: absolute; bottom:0; left:0; padding: 0px 8px;}
.in_news_tinfo p{width:246px; height: 38px; line-height: 38px; color:#fff; float: left; text-overflow: ellipsis; overflow: hidden; white-space:nowrap}
.in_news_tinfo span{font-size: 16px; color: #fff; float: right}
.in_news_txx{width:100%; height: 78px; margin-top: 8px; overflow: hidden; font-size: 14px; color: #333333; line-height: 26px;   word-break:break-all;display:-webkit-box; -webkit-line-clamp:3;
  -webkit-box-orient:vertical; overflow:hidden;}
.index_news_right{width:100%; height: auto; overflow: hidden;}
.index_news_right ul{width:100%; height: auto; overflow: hidden}
.index_news_right ul li{width:31.3%; height: 52px; line-height:52px; border-bottom:1px solid #dadada; float: left; margin-right:3%;}
.index_news_right ul li p{width:70%; height:100%; float: left; font-size: 14px; color: #333333;   text-overflow: ellipsis; overflow: hidden; white-space:nowrap}
.index_news_right ul li span{font-size: 14px; color:#333; float: right}
.index_news_right ul li:nth-child(3n){margin-right: 0}
.index_news_top ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.index_news_top ul li:hover{margin-top: -20px}
.index_news_right ul li:hover p,.index_news_right ul li:hover span{color:#1183d9}


/*合作伙伴*/
.in_hezuo_t{width: 100%; height: 840px; overflow: hidden;  margin-top:40px;}
.in_hezuo_t{width:100%; height:76px; overflow: hidden; background: url(../images/hezuo_t.png) no-repeat center bottom; font-size: 36px; color: #333; font-weight: bold;}
.index_hezuo ul{width:100%; height: auto; overflow: hidden; margin-top: 40px;}
.index_hezuo ul li{width:19.5%; height:auto; border: 1px solid #e9e9e9; float: left; margin-right: 0.6%; margin-bottom: 10px; overflow: hidden}
.index_hezuo ul li img{width:100%; height: 100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  
	-webkit-transform: all 1s ease 0s;}
.index_hezuo ul li:nth-child(5n){margin-right: 0}
.index_hezuo ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}


/*联系我们*/
.index_contact{width:100%; height: 366px;}
.index_contact_left{width:50%; height: 100%; float: left}
.index_contact_right{width:50%; height: 100%; float: left; background:#1183d9; padding-left: 35px; padding-top: 35px;}
.in_cont_xx{width:525px; height: auto;  overflow: hidden; border-bottom: 1px solid #fff; padding-bottom: 20px;}
.in_cont_xx h4{font-size: 20px; color: #fff; font-weight: bold; margin-bottom: 10px;}
.in_cont_xx p{font-size: 14px; color: #fff; line-height: 28px;}
.in_cinput{width:525px; height: auto;  margin-top: 15px;}
.in_cinput h4{font-size: 20px; color: #fff; font-weight: bold; margin-bottom: 10px;}
.in_cinput_form{width:456px; height: auto; float: left}
.in_cinput_form input[type="text"]{width:218px; height: 34px; border: 1px solid #fff; float: left; padding: 0px 10px; background: none; font-size: 14px; color: #fff}
.input_ch{margin-right: 20px;}
.in_cinput_form textarea{width:456px; height: 34px; border: 1px solid #fff; float: left; padding: 0px 10px; background: none; font-size: 14px; color: #fff; resize: none; margin-top: 9px;}

.in_cinput_form input::-webkit-input-placeholder { /* WebKit browsers */  
    color:    #fff;  
}  
.in_cinput_form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
   color:    #fff;  
   opacity:  1;  
}  
.in_cinput_form input::-moz-placeholder { /* Mozilla Firefox 19+ */  
   color:    #fff;  
   opacity:  1;  
}  
.in_cinput_form input:-ms-input-placeholder { /* Internet Explorer 10+ */  
   color:    #fff;  
}  

.in_cinput_form textarea::-webkit-input-placeholder { /* WebKit browsers */  
    color:    #fff;  
}  
.in_cinput_form textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
   color:    #fff;  
   opacity:  1;  
}  
.in_cinput_form textarea::-moz-placeholder { /* Mozilla Firefox 19+ */  
   color:    #fff;  
   opacity:  1;  
}  
.in_cinput_form textarea:-ms-input-placeholder { /* Internet Explorer 10+ */  
   color:    #fff;  
}  
.in_ctijiao{width:60px; height: 76px; background: #ffad43; text-align: center; font-size: 14px; color: #fff; border: 0px; float: right}





/*底部*/
.footer{width: 100%; height:auto; background:#1b1b1b;  padding-top: 10px}
.container_line{width: 1200px; height: 1px; clear: both; border: 0.5px solid #cccccc; margin: 0 auto;}
.f_center{width:100%; height: auto; overflow: hidden; }
.f_center dl{width:100px; height: auto; float: left;}
.f_center dl dt{width:100%; height: 40px; line-height: 40px; font-size: 16px; color: #fff;  text-align: center}
.f_center dl dd{width:100%; height: auto; overflow: hidden;}
.f_center dl dd span{font-size: 14px; color: #999999; line-height: 35px; display: block; text-align: center}
.f_center dl dd a:hover{color:#ffad43}
.footer_imgl{width: 1000px; float: left; margin: 10px 0 0 13px;}
.footer_imgl ul li{color: #ffffff; font-size: 15px; line-height: 30px;}
.footer_img{width:118px; height: auto; overflow: hidden; float: right; margin-right: 28px; padding: 5px; border-radius: 5px; margin-top: 35px;}
.footer_img div{width:113px; height:113px; background: url(../images/qd_bj.png) no-repeat; padding: 10px;}
.footer_img div img{width:100%; height:100%;}
.footer_img p{width:100%; height:35px; line-height:35px; font-size:12px;  color: #fff; padding-left: 40px; }
.ft_2{background: url(../images/f_wx.png) no-repeat 20px center;}
.ft_1{background: url(../images/f_sj.png) no-repeat 20px center;}
.footer_ban{width:100%; height:45px; line-height:45px;  background: #1b1b1b;}
.footer_zhichi{width:auto; height:45px;  float: right}
.footer_zhichi p{ width: auto; float: left; margin-left: 20px;  font-size: 14px; color:#fff;}
.footer_zhichi .pt{width:121px;height: 18px; background: url(../images/vl.png) no-repeat; margin-top:10px; margin-right: 10px}
.footer_zhichi .js{width:121px;height: 18px; background: url(../images/wl.png) no-repeat; margin-top:10px;}
.footer_zhichi .pt:hover{background: url(../images/vl_hover.png) no-repeat}
.footer_zhichi .js:hover{background: url(../images/ws_hover.png) no-repeat} 
.footer_zhichi span{float: left; font-size: 12px; color: #fff;}
.footer_zhichi i{ float: left;}
.f_brq{width:auto;height:100%; line-height:45px; font-size: 14px; color:#fff; float: left; margin-left: 13px;}
.f_brq a{margin-left: 15px; color: #fff;}
.f_brq a:hover{color:#1d50b6!important}
.index_kuaijie{width:100%; height:200px; line-height:40px; background:#1b1b1b;}
.index_kuaijie a{float: left; width:auto; text-align: center; font-size: 14px; color: #ffffff; margin: 0px 10px;}
.index_kuaijie p{font-size: 14px; color: #ffffff; float: left; padding-right: 10px;}
.index_kuaijie a:hover{color:#cccccc}


/*底部*/
footer{ position: fixed;  bottom: 0;left: 0;z-index: 888; height:70px;width: 100%; font-size: .14rem;background:#1183d9; padding: 0px 10px; display: none;}
footer li{width:20%; height: 70px; float: left; position: relative}
footer li a{display: block;width: 100%;height: 100%;text-align: center;box-sizing: border-box;color: #fff}
footer span{line-height:30px; font-size: 12px; width: 100%; display: block}
footer li.active{background: #313131}
footer .n1{background: url(../images/f_1.png) no-repeat center; background-size:  100% 100%; width: 28px; }
footer .n2{background: url(../images/f_2.png) no-repeat center; background-size:  100% 100%; width: 28px; }
footer .n3{background: url(../images/f_3.png) no-repeat center; background-size:  100% 100%; width: 33px; }
footer .n4{background: url(../images/f_4.png) no-repeat center; background-size:  100% 100%; width:20px;}
footer .n5{background: url(../images/f_5.png) no-repeat center; background-size:  100% 100%; width: 25px;}
footer i{height:25px; display: block; margin: 12px auto 0; }
.copy {width: 100%; padding-bottom:20px; padding-top:20px; text-align: center; line-height: 20px; clear: both; font-size: 1rem; display: none;}
.copy a{color: #999999; height: 30px; line-height: 28px;}
.copy p{width:100%; color: #999999; line-height: 28px;}


#sl_PicShow{height:auto; position: relative; float:left;}
#sl_ImgBox{width:363px;height:225px;overflow: hidden;border: 1px solid #ccc; background:#fff;}
#sl_ImgBox img{width:363px;height:225px; display:block;}
.sl_SmallImgList{width:100%; margin: 10px auto;}
.sl_wrapper{float: left;display: inline;margin:0px 8px;}
#sl_ImgList div{border: 1px solid #ccc;background-color: white;width:60px;height:60px;overflow: hidden;margin: 0 3px;display: inline;float: left;cursor: pointer;}
.wslp #sl_ImgList div{height:60px;width: 60px}
#sl_ImgList .active{border: 1px solid #ccc;}
#sl_ImgList img{border: 0;}
#imgList_prev, #imgList_next{width: 10px;height: 45px;display: block;float: left;  display: inline;cursor: pointer;}
#imgList_prev{background: url(../images/left.gif) no-repeat;}
#imgList_next{background: url(../images/right.gif) no-repeat;}
#imgList_prev span, #imgList_next span{display: none;}
.clearfix{float: none;clear: both;}
.sl_zoom{float: left;position: relative;display:inline;cursor: pointer; width:100%; height:100%}
.sl_zoom img{width:100%!important; height:100%!important;}
div.zoomdiv{z-index: 100;position: absolute;top: 0px !important;left:531px !important;width: 200px;height: 200px;background: #ffffff;border: 1px solid #CCCCCC;display: none;text-align: center;overflow: hidden;}
div.jqZoomPup{z-index: 10;visibility: hidden;position: absolute;top: 0px;left: 0px;width: 50px;height: 50px;border: 1px solid #aaa;background: #ffffff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
div.jqMagnifier{position: absolute;z-index:9;width: 23px;height: 23px;background: url(images/magnifier.png) no-repeat;top:228px;right:1px;}
#sl_ImgList div img{width:100%; height:100%!important;}



/*产品*/
.ny_product_show{margin-bottom:50px;}
.ny_proshow_top{width:100%; height:auto; overflow:hidden; margin-bottom:30px;}
.ny_proshow_xx{margin-left:10%; height:100%; overflow:hidden;}
.ny_proshow_xx ul li{float: left; width: 45%; margin-left: 15px; margin-top: 5px; border: 1px solid #999999; padding-left: 5px;}
.ny_proshow_bottom{width:100%; height:auto; overflow:hidden}
.proshow_xxk{color: #fff; font-size: 20px;font-weight: bold; border-left: 3px solid #1183d9;width:100%; display:block; background: #323136;padding-left:20px; height:40px; line-height:40px;}
.proshow_xx{font-size:16px; color:#666; line-height:30px; margin-top:10px; clear: both;}
.proshow_xx img{max-width:100%;}
.go_black{width: 90px;height: 30px;background:#1183d9; color: #fff; text-align: center; line-height: 30px; border-radius: 5px; position: relative; float:right}
.proshow_xx table{border-collapse: collapse;}
.ny_proshow_xx h1{font-size: 26px; padding-bottom: 10px; margin-left: 10px;}
.ny_proshow_xx p{font-size: 14px;}



@media screen and (max-width: 425px){
    #proshow{ display:none;}
    #sl_PicShow{width:100%; height:auto; float:none; margin-bottom:10px;}
    .ny_proshow_xx{width:100%; margin-left:0}
    .ny_proshow_xx h1{font-size:1.4rem; text-align:center; line-height:30px; }
    .ny_proshow_xx p{font-size:0.9rem;  text-align:center}
}




/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:200px;
    width: 77px;
    z-index: 999;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
	 font-size: 14px;
}
.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-top {
    background-position: -30px -50px;
}
.lxfx li p {
    line-height: 12px;
    text-align: center;
}
.lxfx li {
    background:#1183d9;
    height: 56px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}




/*内页导航*/
.ny_hearder{position:fixed; top:0; right:0; width:160px; height:100%; background:#1183d9; z-index:999}
.ny_hearder .header_nav{height:100%}
.pageMain{ margin-right:160px;}



/*左边*/
.abu_con{overflow: hidden;padding-top: 35px;padding-bottom: 60px;}
.abu_l{float: left;width: 22%;}
.zx_tit{width: 100%;height: 60px;line-height: 60px;background:#1183d9;  background-size:100% auto; padding-left: 13px;}
.zx_tit h6{font-size: 22px;color: #FFFFFF;font-weight: bold;}
.xwzx>ul>li{width: 100%;font-size: 15px;color: #666666;position: relative;
    height: 48px;
    line-height: 48px;
    text-indent: 1.5em;
    border-bottom: #e8e8e8 1px solid;
 }
.xwzx ul li:hover ul.ul_san{display: block;}
ul.ul_sann{background: #FFFFFF;position: absolute;left: 260px;top: -1px;z-index: 999;border: #e8e8e8 1px solid;border-bottom: none;display: none;}
ul.ul_sann li{width: 100%;line-height: 47px; border-bottom: #e8e8e8 1px solid; text-indent: 1.5em;}
ul.ul_sann li:hover{background: #f4f5f6;}
.xwzx>ul>li:hover ul.ul_sann{ display: block;}
.xwzx>ul>li>a, ul.ul_sann li a{display: block;background-position-x: 235px;}
.xwzx>ul>li:hover,.xwzx ul li.on{background:#cf1c31;}
.xwzx>ul>li:hover a,.xwzx ul li.on a{background-position-x: 235px;color: #ffffff;}

.tzgg{margin-top:20px;}
.tzgg ul{background: #f5f5f5;padding:20px 2%;}
.tzgg ul li{overflow: hidden;margin-bottom: 15px;}
i.ico_yuan{display: inline-block;float: left;width: 8px;height: 8px;border-radius: 100%;background: #DDDDDD;margin-top: 8px;}
.tzgg ul li p{float: left;width:80%;font-size: 14px;color: #333333; margin-left:1%;
 overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
}
.tzgg ul li:hover p{color: #1183d9;}
.tzgg ul li:hover i.ico_yuan{background: #1183d9;}







/*内页banner*/
.ny_banner{ width: 100%;height: 270px; clear: both; position: relative; }



/*内页 导航*/
.page_nav{padding:30px 0;overflow:hidden}
.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:400}
.page_nav p a{color:#999}
.page_nav ul li{float:left;width:14%;text-align:center;line-height:46px;font-size:15px;position:relative;margin-bottom:10px}
.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:0;left:1px;background:#ff9105;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:#1183d9;color:#333;color:#fff}
.page_nav ul li a:hover:after,.page_nav ul li.active a:after{width:calc(100% - 2px)}
.page_nav ul{width:100%;height:auto;overflow:hidden}
.about_page_con { color: #666; font-size: 14px; width:100%; height:auto; overflow:hidden; line-height:30px; margin-bottom:40px;}
.ny_news_info,.ny_container {height:auto; overflow:hidden; margin-bottom:30px;}
.about_page_con img{max-width:100%; height:auto!important;}


/*联系*/
.iw_poi_title{color:#C52;font-size:14px;font-weight:700;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}
.keyword_light{margin-bottom:30px;line-height:30px}
.lxwm{width:100%;padding:20px 0;line-height:24px;float:left}
.lxwm_z{float:left; font-size:16px; color:#666; line-height:26px;}
.lxwm_z h3{color:#666;line-height:35px;font-weight:700}
.lxwm_r{float:right}
.lxwm_r li{width:120px;float:left;padding-left:10px;box-sizing:content-box}
.lxwm_r li img{width:120px;height:120px; display:block;border:#ddd 1px solid}
.lxwm_r li p{line-height:30px;text-align:center; font-size:14px; color:#666;}
.lxwm_z p{line-height:26px;color:#666;font-size:14px; height:auto;}
.go_black{width: 90px;height: 30px;background: #1183d9; color: #fff; text-align: center; line-height: 30px; border-radius: 5px; position: relative;}
#map{width: 100%; height: 350px; border: #ccc solid 1px; float: left}



/*新闻*/
.news_page{overflow:hidden;font-size:14px;color:#666; margin-bottom:20px;}
.news_page_lf{width:100%;margin-bottom:20px}
.news_page_lf dl{height:64px;padding:40px 20px;/*! margin-bottom: 20px; */background:#fff;box-sizing:content-box}
.news_page_lf dl a{display:block; width:100%; height:100%;}
.news_page_lf dl dt{float:left;text-align:center;}
.news_page_lf dl dt span{font-size:40px;display:block;line-height:40px}
.news_page_lf dl dt p{font-size:14px;line-height:26px;color:#999}
.news_page_lf dl dd{overflow:hidden;width:91%;float:right}
.news_page_lf dl dd b{font-size:22px;display:block;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:18px;line-height:24px}
.news_page_lf dl dd p{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666}
.news_page_lf dl:nth-of-type(odd){background:#f8f8f8}
.news_page_lf dl:nth-of-type(even){background:#fff}
.news_page_lf dl:hover{background:#eee}
.news_page_rt{width:280px;float:right;padding:30px 22px;background:#f8f8f8;color:#666;box-sizing:content-box}
.news_page_rt img{width:280px;height:195px}
.news_page_rt h4{font-size:16px;font-weight:400;margin:20px 0;width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news_page_rt p{font-size:12px;line-height:22px}
.ny_news_page{color: #666; float: right;  font-size: 14px; width: 72%; height: auto; overflow: hidden; line-height: 30px; margin-bottom: 40px;}
.ny_news_page img{max-width:100%;}




/*荣誉资质*/
.honor_pic ul{overflow:hidden; width:100%; height:auto;}
.honor_pic ul li{width:24%;padding:8px 8px 0 8px; height:auto; border:1px solid #ddd;float:left;margin-right:1.3%;margin-bottom:30px}
.honor_pic ul li:nth-child(4n){margin-right:0}
.hon_jpg{width:100%;height:auto;overflow:hidden; cursor:pointer}
.hon_jpg img,.pro_jpg img,.case_jpg img{width:100%;height:100%;display:block;transition:all .8s ease-in-out}
.hon_jpg:hover img{}
.hon_txt{overflow:hidden;line-height:54px}
.hon_txt h6{font-size:14px;color:#999; width:100%; height:54px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:center}
.honor_pic ul li:hover .hon_txt h6,.product_pic ul li:hover .hon_txt h6{color:#1183d9}
.honor_pic ul li:hover,.product_pic ul li:hover{border-color:#1183d9}
.honor_pic ul li:hover img,.product_pic ul li:hover img{}

/*产品*/
.product_pic{width:75%; height:auto; float:right}
.content_des{width:100%;border:1px solid #e5e5e5;padding:5px;margin-bottom:10px;text-indent:24px; line-height: 30px; color: #999999;}
.product_pic ul{overflow:hidden; width:100%; height:auto; margin-bottom:30px;}
.product_pic ul li{width:32%;padding:8px 8px 0 8px;border:1px solid #ddd;float:left;margin-right:2%;margin-bottom:30px}
.pro_jpg{width:100%;height:auto;overflow:hidden}
.goods_info{font-size:14px; color:#666; line-height:26px;}
.product_pic ul li:nth-child(3n){margin-right:0}



/*详情页*/
.nyinfo_title{width:100%;font-size:20px; color:#555; padding:10px 0px; text-align:center; clear:both}
.info_time{width:100%; line-height:30px; color:#999; height:30px; margin-bottom:20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; clear:both}
.info_xq{width:100%; font-size:20px; color:#666; padding:10px 0px; clear:both}
.pro_page_con{color: #666; float:right; font-size: 14px;   width: 72%; height: auto; overflow: hidden; line-height: 30px; margin-bottom: 40px;}

.ny_hot_product ul{width:100%; height: auto; overflow: hidden; margin-top: 20px; margin-bottom: 30px;}
.ny_hot_product ul li{width:23.5%; margin-right: 2%; margin-bottom: 20px; float: left}
.ny_hot_product ul li:nth-child(4n){margin-right: 0}
.ny_hot_product ul li:hover .in_proxx{border-bottom:2px solid #1183d9;}
.ny_hot_product ul li:hover p,.ny_hot_product ul li:hover span{color:#1183d9}
.ny_hot_product ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.ny_product_pic{width:70%; height: auto; border: 1px solid #f4f4f4; padding: 5px; margin: 10px auto;}
.ny_product_pic img{width:100%; height: auto; display: block}
.ny_product_showxx{width:100%; height: auto; overflow: hidden; font-size: 16px; color: #555555; line-height: 30px;}
.ny_hot_product{width:100%; height: auto; overflow: hidden; margin-top: 30px;}
.ny_hpt_title{width:100%; height: 55px; line-height: 55px; border-bottom: 1px solid #f4f4f4; font-size: 28px; color: #333333; font-weight: bold;}
.contact_info{width:100%; height: auto; overflow: hidden; font-size: 16px; color: #666; line-height:30px;}
.in_propic{width:100%; height:auto; overflow:hidden; border:1px solid #ddd}
.in_propic img{width:100%; height:auto; overflow:hidden}
.in_proxx{width:100%; height:auto; overflow:hidden}
.in_proxx p{width:100%; height:35px; line-height:35px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:center; font-size:16px; color:#333}
.in_proxx span{font-size:16px; color:#1183d9; display:block; text-align:center; line-height:35px;}





.page-list{display:none;}












@media screen and (max-width:1366px){
	.index_case{height:auto; overflow: hidden}
}

@media screen and (max-width:1024px){
	.container{width: 100%; padding: 0px 10px;}
	.lxfx,.banner,.in_honor_list,.footer_img{display: none;}
	.sj_banner,.sj_honor{display: block;}
	#menu .nav .nLi{width:100px;}
	.header_lj li p{font-size: 14px;}
	.index_honor,.index_shebei{width:49%;}
	.index_contact_right{padding-left: 15px;}
	.in_cont_xx,.in_cinput{width:98%}
	.in_cinput_form textarea{width:100%;}
	.in_cinput_form{width:80%}
	.in_cinput_form input[type="text"]{width:47%;}
	.in_ctijiao{width:18%}
	.f_center dl{width:116px;}
	.in_case_h i{margin: 23% auto 0}
	.index_abou_xx{width:100%}
}


@media screen and (max-width:768px){
	body{padding-bottom: 70px;}
	.header,.header_cxx,.header_center,.footer,.footer_ban{display: none;}
	.sj_header,.copy,footer{display: block;}
	.index_product_left{width:24%; height: 462px;}
	.index_product_right{width:73%;}
	.index_product_left ul li{height:60px; line-height: 60px;}
	.picMarquee-left .bd ul li{width:33.33%}
	.index_video{width:100%; height: auto}
	.index_video img{width:100%;}
	.index_contact_left,.index_contact_right{width:100%; float: none; height: 366px}
	.index_contact{height:auto;}
	.in_cinput_form input[type="text"]{width:48%;}
	.input_ch{margin-right: 4%}
	.news_page_lf dl dd{width:85%}
}



@media screen and (max-width:425px){
	.sj_logo{width:35%}
	.index_hezuo ul li,.honor_pic ul li{width:49%; margin-right: 0}
	.index_hezuo ul li:nth-child(2n),.honor_pic ul li:nth-child(2n){float: right}
	.index_news_top ul li{width:100%; height: auto; float: none; margin-right: 0}
	.index_news_right ul li,.index_honor, .index_shebei{width:100%; float: none;}
	.index_news{height:auto;}
	.in_news_t{background-size: 100% auto}
	.picMarquee-left .bd ul li{width:50%}
	.index_case ul.index_case_nav{width:100%; height: auto; padding: 0px 10px;}
	.index_case_nav li{width:32%; margin-right: 2%; margin-bottom: 10px}
	.index_case_nav li:nth-child(3n){margin-right: 0}
	.index_product_left{width:100%; float: none;}
	.index_product_right{width:100%; float: none;}
	.index_product_right ul li{width:49%; margin-right: 0}
	.index_product_right ul li:nth-child(2n){float: right}
	.in_pro_title{height:70px; line-height: 70px;}
	.index_product_left{height:auto; padding-bottom: 40px;}
	.index_product{margin-top: 40px;}
	.in_pro_t{background-size: 100% auto;}
	.index_about{height:auto; padding-bottom: 40px; background-size: auto 100%}
	.lxwm_r,.digg{display:none;}
	.page_nav ul li{width:33.33%}
	.page-list{display:block;}
	.news_page_lf dl dd{width:80%;}
	.abu_l,.product_pic,.pro_page_con,.ny_news_page{width:100%; height: auto; float: none; margin-bottom:20px;}
	.product_pic ul li,.ny_hot_product ul li{width:49%; margin-right: 0; }
	.product_pic ul li:nth-child(2n),.ny_hot_product ul li:nth-child(2n){float: right}
	.index_product_right ul li:hover .in_pro_h{display:none;}
	.in_cinput_form input[type="text"],.in_cinput_form{width:100%; float:none; margin-right:0; margin-bottom:10px; overflow:hidden}

	.index_contact_right{padding:0px 10px; overflow:hidden; height:auto;}
	.in_ctijiao{width:100%; float:none; margin-bottom:10px; height:40px; line-height:40px;}
}

@media screen and (max-width:320px){
	.news_page_lf dl dd{width:73%}
	
}


.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}
.slide_container {
    position: relative;
    width: 85%;
    margin: 20px auto;
}

.slide {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.slide li {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

.slide img {
    display: block;
    position: relative;
    z-index: 1;
    height: auto;
    width: 100%;
    border: 0;
}

.slide .caption {
    display: block;
    position: absolute;
    z-index: 2;
    font-size: 20px;
    text-shadow: none;
    color: #fff;
    background: #000;
    background: rgba(0,0,0, .8);
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 20px;
    margin: 0;
    max-width: none;
}

.slide_nav {
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 52%;
    left: 0;
    opacity: 0.7;
    z-index: 3;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 61px;
    width: 38px;
    background: transparent url("../images/themes.gif") no-repeat left top;
    margin-top: -45px;
}

.slide_nav:active {
    opacity: 1.0;
}

.slide_nav.next {
    left: auto;
    background-position: right top;
    right: 0;
}
