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

body{background: #f9f9f9}


/*头部*/
.header{width: 100%; height:90px; position: absolute; top:0; left:0; z-index: 99; background: url(../images/b_xs.jpg) no-repeat top center; padding-top: 5px;}
.header_top{width:100%; height: 47px; line-height: 47px;}
.h_yuyan{width:200px; float: right; overflow: hidden}
.h_yuyan a{font-size: 16px; color: #fff; float: left; margin: 0px 8px; }
.h_yuyan a:hover{color:#e5401f; font-weight: bold;}
.h_dhs{float: right; font-size: 14px; color: #fff; background: url(../images/h_sh.png) no-repeat left center; padding-left: 30px; width: 190px;}
.h_logo{width:185px; height: 64px; margin-top:8px; float: left}
.nav_top{ width:100%; height:80px; border-bottom: 2px solid #0c5aad; background: #fff; padding: 0px 12px}
.nav{height:100%; width:79%; float:right;}
.nav .nLi{ float:left;  position:relative; display:inline; height:80px; width:11.1%; text-align: center; }
.nav .nLi h3{ height:100%; width:100%; text-align: center;  }
.nav .nLi h3 a{font-size:14px;  color:#000000;  display: block; width: 100%; height: 100%; padding-top: 40px}
.nav li.active h3 a{background: url(../images/nav_xs.png)  no-repeat top center; color: #0c5aad}
.nav .sub{ display:none;left:50%; top:80px;  position:absolute;  line-height:26px; width:150px;     z-index: 999; background: #ddd; margin-left: -75px; }
.nav .sub li{ zoom:1; border-bottom: 1px solid #eeeeee;  height:40px; line-height:40px;  background:#eeeeee;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: #434343; font-size: 12px; height: 100%; }
.nav .sub a:hover{color:#0c5aad; font-weight:bold;}





/*banner*/
.banner{ width:100%;  position:relative;  height:700px;clear: left; }
.banner .slideBox{ width:100%; height:700px; overflow:hidden; position:relative; }
.banner .slideBox .hd{ height:30px; overflow:hidden; position:absolute; right:47%; bottom:20px; z-index:1; margin-left: -55px; }
.banner .slideBox .hd ul{ overflow:hidden; zoom:1;  height: 30px; padding-top: 5px }
.banner .slideBox .hd ul li{ float:left;  margin: 0px 10px;  width:15px; height:15px; text-align:center; background:#fff; cursor:pointer;  border-radius: 50%;}
.banner .slideBox .hd ul li.on{ background: #0c5aad;  }
.banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.banner .slideBox .bd li{ zoom:1; vertical-align:middle; height: 700px }
.banner .slideBox .bd li a{width:100%; height: 100%; display: block;}
.banner .slideBox .prev,
.slideBox .next{ position:absolute;  top:50%; margin-top:-50px; display:block; width:99px; height:100px; opacity: 0.7 }
.slideBox .next{ right:3%; background: url(../images/b_right.png) no-repeat center}
.slideBox .prev{ left:3%;  background: url(../images/b_left.png) no-repeat center}
.slideBox .prev:hover,
.slideBox .next:hover{ opacity:1;  }



/*关于我们*/
.index_about{width:100%; height:966px; overflow: hidden;  background: url(../images/about_bj.jpg) no-repeat center; padding-top: 70px;}
.index_about_jj{width:30%; height: auto; overflow: hidden; float: left; margin-left: 5%}
.index_about_jj dl{width:100%; height: auto; overflow: hidden}
.index_about_jj dl dt{font-size: 48px; color: #000000; font-family: "Impact"; float: left}
.index_about_jj dl dt span{color:#0c5aad; font-size: 48px; font-family: "Impact"}
.index_about_jj dl dd{float: left; color:#333333;  margin-left: 30px; margin-top:30px; font-size: 16px;}
.in_ab_info{width:100%; height: 84px;; overflow: hidden; font-size: 14px; color: #3333; line-height: 28px; margin: 32px 0}
.index_about_jj a.about_more{width:113px; height: 33px; line-height: 33px; border: 1px solid #e5401f; color: #e5401f; display: block; text-align: center; border-radius: 25px;}
.index_about_lei{width:55%; height: auto; float: right; background: #0c5aad; padding: 38px 5% 10px; margin-right: 2px}
.index_about_lei a{width:30.6%; height:60px; border: 1px solid #fff; border-radius: 10px; text-align: center; line-height: 60px; font-size: 16px; color: #fff; margin-right:4%; margin-bottom:20px; float: left}
.index_about_lei a:nth-child(3n){margin-right: 0}
.index_ab_ys{width:69%; height: 319px; background: url(../images/ys_bj.png) no-repeat center; background-size: 100% 100%; text-align: center; float: left; padding-top: 105px;}
.index_ab_ys p,.index_ab_video p{font-size: 14px; color: #fff; line-height: 35px; margin-top: 8px;}
.index_ab_video{width:31%; height: 319px; float: left; text-align: center; background: url(../images/v_1.png) no-repeat center; background-size: 100% 100%; padding-top: 105px;}
.index_about_lei a:hover{background: #fff; color:#0c5aad}
.index_about ul{width:100%; height: auto; overflow: hidden; margin-top: 100px;}
.index_about ul li{width:25%; height: auto; text-align: center; float: left}
.index_about ul li p{font-size: 16px; color: #333333}
.index_about ul li p span{font-size: 48px; color: #333333; font-weight: bold;}
.index_about ul li h4{font-size: 16px; color: #333333; margin-top: 10px;}
.index_about ul li:hover span{color:#e5401f}




/*产品中心*/
.index_product{width:100%; height:auto; padding-top: 122px; background:#eee; padding: 56px 0  50px}
.picMarquee-left{ width:100%;  overflow:hidden; position:relative; margin-top: 56px;}
.picMarquee-left .bd{width:100%; height: auto; }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 5px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.in_pro_pic{width:378px; height:auto; position: relative; overflow: hidden}
.in_pro_pic img{width:100%; height: 100%; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.in_pro_info{width:100%; height: 100%;position: absolute; top:0; left:0; background:url(../images/p_hover.png) repeat; text-align: center; padding: 15% 16% 0; opacity: 0}
.in_pro_info h4{font-size: 24px; color: #ffffff; border-bottom: 1px solid #fff; height: 50px; line-height: 50px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.in_pro_info .pro_yt{width:100%; height: 35px; line-height: 35px; color:#fff; font-size: 16px; margin: 5px 0}
.in_pro_info .pro_gy{width:100%; height:auto; line-height: 24px; color:#fff; font-size: 14px;}
.in_pro_xx{width:100%; height: auto; margin: 20px 0}
.in_pro_xx p{width:100%; height: 40px; line-height: 40px; font-size: 16px; color: #333333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.in_pro_xx span{width:100px; height: 36px; border: 1px solid #0c5aad; text-align: center; line-height: 36px; border-radius: 25px; color:#0c5aad; display: block; 
	margin: 15px auto 0;}
.picMarquee-left .bd ul li:hover .in_pro_info{opacity: 1}
.picMarquee-left .bd 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_proshow_xx h1{font-size: 26px; padding-bottom: 10px; margin-left: 10px;}
.ny_proshow_xx .pro_time{font-size: 18px; margin-left: 10px;}


/*产品应用*/
.index_ppying{width:100%; height: auto; overflow: hidden; margin-top: 45px;}
.Box_pro{width:100%; height: auto; margin: 36px 0 0px }
.Box_pro .Box_con {position: relative; }
.Box_pro .Box_con .conbox {position: relative;overflow: hidden; width:100%; margin: 0px auto; }
.Box_pro .Box_con .conbox ul {position: relative;list-style: none;}
.Box_pro .Box_con .conbox ul li {float: left;width:293px;height:230px; margin-left:9px;overflow: hidden;}
.Box_pro .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box_pro .Box_con .conbox ul li img{width:100%; height: 100%; display: block}
.Box_pro .Box_con .btn {display: block;width:37px;height:37px;cursor: pointer;  text-align: center; position: absolute; top:50%;  margin-top: -18.5px;  }
.Box_pro .Box_con .btnl {float: left; background: url(../images/pro_left.png) no-repeat; left:-50px;}
.Box_pro .Box_con .btnr { float: right; background: url(../images/pro_right.png) no-repeat; right:-50px;}
.Box_pro .Box_con .btnl:hover{background: url(../images/pro_hleft.png) no-repeat;}
.Box_pro .Box_con .btnr:hover{background: url(../images/pro_hright.png) no-repeat}
.pro_more{width:123px; height: 32px; background: #e5401f; text-align: center; line-height: 32px; display: block; margin: 40px auto; font-size: 16px; color: #fff}
.index_ppying .swiper-container{display: none; margin-top: 30px;}
.index_ppying .swiper-slide a{width:100%; height: auto; overflow: hidden}
.index_ppying .swiper-slide a img{width:100%; height: auto; overflow: hidden}





/*生产*/
.index_shengchan{width:100%; height: auto; overflow: hidden; background: url(../images/sc_bj.jpg) no-repeat top center; padding-top: 66px;}
.index_sct{width:100%; height: auto; overflow: hidden; text-align: center}
.index_sct p{font-size: 48px; color: #fff; font-family: "Impact"; text-transform:uppercase}
.index_sct span{color:#e5401f; font-size: 48px; font-family: "Impact"}
.index_sct h4{font-size: 16px; color: #fff; margin: 10px auto 15px;}
.index_sct hr{width:42px; height: 4px; background: #fff;border-radius: 5px; display: block; margin: 0px auto; text-transform:uppercase}
.index_sc_all{width:1294px; height: auto; overflow: hidden; background: #fff; margin:22px auto; padding: 50px 0 60px}
.index_sc_all ul{width:1200px; height: auto; margin: 10px auto; overflow: hidden}
.index_sc_all ul li{width:13.4%; height: auto; border: 1px solid #f6f6f6; text-align: center; float: left; margin-bottom:15px; margin-right: 1%; padding-bottom:20px;}
.index_sc_all ul li p{font-size: 16px; color: #000000; height:50px;}
.index_sc_all ul li img{width:94px; height: 94px; display: block; margin: 20px auto 10px;}
.index_sc_all ul li:nth-child(7n){margin-right: 0}





/*新闻*/
.index_news{width:100%; height: auto; overflow: hidden; margin-top:20px;}
.index_news_title{width:auto; height: auto; display: table; margin: 30px auto;}
.index_news_title a{width:150px; height: 35px; background: #ffffff; text-align: center; line-height: 35px; font-size: 14px; color: #333333; float: left; margin: 0px 8px;}
.index_news_title a:hover{background: #e5401f; color:#fff}
.index_news ul{width:100%; height: auto; overflow: hidden}
.index_news ul li{width:32%; height: 169px; background: #fff; float: left; padding: 25px 20px 0 15px; margin-right:2%; margin-bottom: 33px;}
.index_news ul li .in_news_t{width:83px; height: auto; float: left; text-align: right}
.in_news_t p{font-size: 16px; color: #333333}
.in_news_t span{font-size: 24px; color: #333333; font-weight: bold;}
.in_news_xx{width:auto; height: auto; margin-left: 96px; overflow: hidden}
.in_news_xx h3{width:100%; height: 30px; line-height: 30px; font-size: 16px; color: #333333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.in_news_xx p{width:100%; height:50px; line-height: 25px; font-size:14px; color: #666666;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; margin-bottom: 10px;  }
.index_news ul li:nth-child(3n){margin-right: 0}





/*合作伙伴*/
.index_hezuo{width:100%; height: auto; overflow: hidden; margin-top:70px;}
.index_title{width:100%; height: auto; overflow: hidden; text-align: center}
.index_title p{font-size: 48px; color: #333333; font-family: "Impact"; text-transform:uppercase}
.index_title span{color:#0c5aad; font-size: 48px; font-family: "Impact"}
.index_title h4{font-size: 16px; color: #333333; margin: 10px auto 15px;}
.index_title hr{width:42px; height: 4px; background: #0c5aad;border-radius: 5px; display: block; margin: 0px auto; text-transform:uppercase}
.Box{width:100%; height: auto; margin: 36px 0 80px }
.Box .Box_con {position: relative; }
.Box .Box_con .conbox {position: relative;overflow: hidden; width:100%; margin: 0px auto; }
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width:231px;height:95px; margin-left:11px;overflow: hidden;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li img{width:100%; height: 100%; display: block}
.Box .Box_con .btn {display: block;width:37px;height:37px;cursor: pointer;  text-align: center; position: absolute; top:50%;  margin-top: -18.5px;  }
.Box .Box_con .btnl {float: left; background: url(../images/h_left.png) no-repeat; left:-50px;}
.Box .Box_con .btnr { float: right; background: url(../images/h_right.png) no-repeat; right:-50px;}
.Box .Box_con .btnl:hover{background: url(../images/h_hleft.png) no-repeat;}
.Box .Box_con .btnr:hover{background: url(../images/h_hright.png) no-repeat}
.index_hezuo .swiper-container{display: none; margin: 30px 0}
.index_hezuo .swiper-slide a{width:100%; height: auto; overflow: hidden}
.index_hezuo .swiper-slide a img{width:100%; height: auto; overflow: hidden}








/*联系我们*/
.index_contact{width:100%; height: 406px; background: url(../images/contact_bjs.jpg) no-repeat center; padding-top: 72px;}
.index_contact_left{width:40%; margin-left: 2%; float: left}
.index_contact_left .index_contact_xx{width:100%; height: auto; overflow: hidden; margin-top: 15px; margin-left: 10px;}
.index_contact_xx p{font-size: 14px; color: #fff; line-height:24px;}
.index_contact_right{width:55%; height: auto; float: right; }
.index_contact_right .index_cinput{width:100%; height: auto; padding-left: 15px; margin-top: 20px;}
.index_cinput .index_cinput_l{width:48%;  height: auto; float: left}
.index_cinput textarea{width:48%; height: 104px; float: right; background: rgba(255,255,255,0.5); border: 1px solid #fff; padding: 8px; font-size: 14px; color: #fff}
.index_cinput_l input{width:100%; height: 45px; line-height:45px;  background: rgba(255,255,255,0.5); border: 1px solid #fff; font-size: 14px; color: #fff; padding: 0px 5px; }
.in_ch{margin-bottom:14px;}
.in_tj{width:100%; height: 45px; background: #e5401f; border: 0; text-align: center; line-height: 45px; font-size: 16px; colo:#fff; font-weight: bold; color: #fff; margin-top: 22px;}


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


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



/*底部*/
.footer{width: 100%; height:232px; background:#1b1b1b; position: relative; }
.footer_nav{width:428px; float: left;  margin-top: 62px;}
.f_biaoti{width:100%; height: auto; overflow: hidden; background: url(../images/h_xs.png) no-repeat left center; padding-left: 15px; font-size: 14px; color: #eeeeee}
.f_biaoti span{font-size: 24px;  font-weight: bold; margin-right: 10px;}
.footer_nav_info{width:100%; height: auto; overflow: hidden;  margin-top: 25px; margin-left: 16px;}
.footer_nav_info a{font-size: 14px; color: #eeeeee; margin-right:28px; margin-bottom: 25px; float: left}
.footer_nav_info a:hover{color:#ee4433}
.footer_logo{width:214px; height:100%; background: #303030; position: absolute; top:0; left:50%; margin-left:-107px; text-align: center; padding-top:30px; }
.footer_top_right{width:254px; height:auto;  display: block; overflow: hidden; float: right; margin-top:45px;}
.footer_img{width:113px; height: auto; overflow: hidden; float: left}
.footer_img div{width:113px; height:113px; background: url(../images/pic_bjs.png) no-repeat center; padding: 12px;}
.footer_img div img{width:100%; height:100%;}
.footer_img p{width:100%; height:35px; line-height:35px; font-size:12px;  color: #ffffff; text-align: center; padding-left: 20px; }
.img_right{float: right!important}
.ft_1{background: url(../images/f1.png) no-repeat 25px center;}
.ft_2{background: url(../images/f2.png) no-repeat 15px center;}
.footer_ban{width:100%; height:50px; line-height:50px; background: #1b1b1b; border-top:1px solid #3d3d3d}
.footer_zhichi{width:auto; height:auto; overflow: hidden; float: right; }
.footer_zhichi p{ width: auto;  font-size: 14px; color:#fff; height:50px; float: left}
.footer_zhichi .pt{width:121px;height: 18px; background: url(../images/vl.png) no-repeat; margin-top:14px; margin-right: 10px}
.footer_zhichi .js{width:121px;height: 18px; background: url(../images/wl.png) no-repeat; margin-top:14px;}
.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: 14px; color: #fff;}
.footer_zhichi i{ float: left;}
.f_brq{width:auto;height:100%;font-size: 14px; color:#fff; float: left }
.f_brq p{float: left; font-size: 14px; color:#fff;}
.f_brq a{margin-left: 15px;  float: left; font-size: 14px; color:#fff;}
.f_brq a:hover{color:#ff3e35!important}
.index_kuaijie{width:100%; height:auto;line-height: 52px; overflow: hidden; background: #f1f1f1; }
.index_kuaijie p{font-size:14px; color: #333333; float: left; }
.index_kuaijie a{float: left; width:auto; text-align: center; font-size:14px; color: #333; margin: 0px 10px;}
.index_kuaijie a:hover{color:#09a581}








/*客服*/
.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 i.icon-top {
    background-position: -30px -49px; height:32px;
}

.lxfx li p {
    line-height: 12px;
    text-align: center;
	 font-size: 14px;
}
.lxfx li {
    background:#056fb7;
    height: 60px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}


/*手机*/
.sj_header{width:100%; clear:both; height:70px;  padding: 0px 10px;display: none; background: #fff}
.sj_header_top{width:100%; height: 100%}
.logo{float:left; width:13%; margin-top:12px;}
.logo img{width:100%; height: 100%;}
.menu{float:right; height:auto; width:30px; margin-top: 19px; }
.menu img{height:100%; width:100%;}
.app{float:right; padding-right:15px; margin-top:7px;}
.app img{height:22px;}
.sj_ban{width:100%; height:auto; overflow:hidden; display:none;}
.sj_ban img{width:100%; height:auto; display:block;}
.yuyuan{font-size:1rem; color:#333; font-weight:bold; float:right; line-height:70px; margin-right:15px;}


.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: -webkit-linear-gradient(top,#0060c0,#3597f9);
background: -o-linear-gradient(top,#0060c0,#3597f9);
background: -moz-linear-gradient(top,#0060c0,#3597f9);
background: -mos-linear-gradient(top,#0060c0,#3597f9);
background: linear-gradient(top,#0060c0,#3597f9);left:0px; top:0px; width:0px; height:100%; overflow-y:scroll; position:fixed; z-index:999; box-shadow:3px 0px 7px rgba(0,0,0,0.55); -webkit-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55); -moz-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55);}
.nav_logo{width:100%; padding-top:10px; text-align:center; clear:both;}
.nav_logo img{height:35px; margin:5px 0px;}
.menu_head{width:100%; min-width:150px; border-bottom:rgba(255, 255, 255, 0.32) 1px solid; line-height:25px; text-indent:1em; color:#fff; padding:8px 0px; font-size:1em; position:relative; margin:0px;}
.menu_head img{vertical-align:middle; height:25px; padding-right:5px;}
.menu_head a{color:#fff; width: 100%;  height: 100%; display: block}
.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:1em; border-bottom:rgba(255, 255, 255, 0.32) 1px solid;}
.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 {
  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: #0796e5}


/*底部*/
footer{ position: fixed;  bottom: 0;left: 0;z-index: 222; height: 70px;width: 100%; font-size: .14rem; padding-top: 8px; display: none;
background:#0c5aad}
footer li{width: 20%;height: 100%;float: left; }
footer li a{display: block;width: 100%;height: 100%;text-align: center;box-sizing: border-box;color: #fff; opacity: 0.8}
footer span{line-height:30px; font-size: 12px; width: 100%; display: block; color: #fff}
footer li a.active{opacity:1}
footer .n1{background: url(../images/f_h1.png) no-repeat center;background-size:  100% 100%; width:28px;}
footer .n2{background: url(../images/f_h2.png) no-repeat center;background-size:  100% 100%; width:23px;}
footer .n3{background: url(../images/f_h3.png) no-repeat center;background-size:  100% 100%; width:28px;}
footer .n4{background: url(../images/f_h4.png) no-repeat center;background-size:  100% 100%; width:25px;}
footer .n5{background: url(../images/f_h5.png) no-repeat center;background-size:  100% 100%; width:32px;}
footer i{height:25px; display: block; margin: 2px auto 0; }
.copy {width: 100%;  text-align: center; line-height: 28px; clear: both; font-size: 14px;  padding: 10px 0; background: #f7f7f7; display: none; }
.copy_dz{width:100%;  height: auto;}
.copy_dz p span{font-size:1.2rem; color: #333333;}
.copy_dz p{color:#333333;line-height:28px; font-size: 1rem}
.copy_dz a{color:#333333;line-height:28px; font-size: 1rem}





/*内页banner*/
.ny_banner{ width: 100%;height: 300px; 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:#033972;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:#0c5aad;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%}
/*联系*/
.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: #0c5aad; color: #fff; text-align: center; line-height: 30px; border-radius: 5px; position: relative;}

/*新闻*/
.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}
.news_page_lf dl dt{float:left;text-align:center;margin-right:25px}
.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:left}
.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}



/*荣誉资质*/
.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),.product_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{transform:scale(1.1);-webkit-transform:scale(1.1)}
.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}
.honor_pic ul li:hover .hon_txt h6,.product_pic ul li:hover .hon_txt h6{color:#0c5aad}
.honor_pic ul li:hover,.product_pic ul li:hover{border-color:#0c5aad}
.honor_pic ul li:hover img,.product_pic ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}

/*产品*/
.product_pic ul{overflow:hidden; width:100%; height:auto;}
.product_pic ul li{width:24%;padding:8px 8px 0 8px;border:1px solid #ddd;float:left;margin-right:1.3%;margin-bottom:30px}
.pro_jpg{width:100%;height:auto;overflow:hidden}
.goods_info{font-size:14px; color:#666; line-height:26px;}
#sl_PicShow img{width:100%; display:block}
#sl_PicShow,#sl_ImgBox{height:auto!important}






/*详情页*/
.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}
#map{width:100%; height: 350px; border: #ccc solid 1px; }
.page-list{display:none;}



@media screen and (max-width:1200px){
		.container,.index_sc_all ul{width:100%; padding: 0px 10px; }
	.index_sc_all{width:100%}
	.index_about_lei a{width:32.6%; margin-right:1%}
	.index_about_lei{padding:38px 3% 10px}
	.page_nav ul li{width:20%}
	
}


@media screen and (max-width:1204px){
	body{padding-bottom: 70px;}
	.sj_header,.sj_banner,.copy,footer,.index_hezuo .swiper-container,.index_ppying .swiper-container,.sj_ban{display: block}

	.banner,.footer,.footer_ban,.lxfx,.Box,.Box_pro,.index_kuaijie,.ny_banner{display: none;}
	.in_pro_pic{width:260px;}
	
}

@media screen and (max-width:768px){
	.logo{width:18%;}
	.index_about_jj{width:38%}
	.index_ab_ys,.index_ab_video{height:196px; padding-top: 50px;}
	.index_about ul li p span{font-size: 40px;}
	.index_about{height: auto; padding-bottom: 60px;}
	.index_about ul{margin-top: 60px;}
	.index_sc_all ul li p{font-size: 1rem; height:50px;}
	.news_page_lf dl dd{width:86%}

}

@media screen and (max-width:500px){
	.index_contact_left,.index_cinput .index_cinput_l,.index_cinput textarea{width:100%; float: none}
	.index_cinput_l{margin-bottom: 15px;}
	.index_contact_right{width:100%; float: none; margin-top: 30px;}
	.index_contact{height: auto; background-size: auto 100%; padding-bottom: 40px;}
	.index_news ul li{width:100%}
	.index_hezuo{margin-top: 20px;}
	.index_sc_all ul li{width:49%; height: auto; margin-right: 0}
	.index_sc_all ul li:nth-child(2n){float: right}
	.index_sct p,.index_sct span{font-size:2.4rem}
	.in_pro_pic{width:260px!important;}
	.index_about_jj,.index_about_lei{width:100%; float: none; overflow: hidden; margin-bottom: 20px;}
	.index_about{background-size: 100% 100%}
	.index_ab_ys, .index_ab_video{width:100%; float: none;}
	.index_about ul li{width:50%; margin-bottom: 10px;}
	.logo{width:33%}
	.index_about ul li p span{font-size: 1.8rem}
	.page_nav ul li{width:50%}
	.product_pic ul li,.honor_pic ul li{width:49%; margin-right:0 }
	.product_pic ul li:nth-child(2n),.honor_pic ul li:nth-child(2n){float:right}
	#sl_PicShow,#sl_ImgBox{width:100%!important; float:none!important;}
	.ny_proshow_xx{margin-left:0!important; margin-top:30px!important; }
	.news_page_lf dl{padding:20px 2%;}
	.news_page_lf dl dt{margin-right:0}
	.news_page_lf dl dd{width:80%; float:right;}
	.digg,.lxwm_r{display:none;}
	.page-list{display:block}
	.lxwm_z{width:100%; height:auto; float:none;}
	.info_time{height:auto;}
	.news_page_lf dl dd b{font-size:1.2rem}
	.ny_proshow_xx h1{font-size:1.5rem}
	.index_about_lei a{width:49%; margin-right:0;}
	.index_about_lei a:nth-child(2n){float:right}
	.index_news_title a{width:33.33%; margin:0px;}
	.index_news_title{width:100%;}
	.keyword_light iframe{width:100%!important;  height:auto!important;}
}


@media screen and (max-width:360px){
	.logo{width:39%}
	.in_pro_pic{width:180px;}
	.index_about_lei a{font-size:0.9rem}
}


@media screen and (max-width:320px){
	.logo{width:43%}
	.index_about ul li{width:100%; float:none; text-align:left;}
	.index_news_title a{font-size:0.8rem}
	
}