@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{margin:0;padding:0;}
img{border:0;vertical-align:bottom;max-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;}
/*左浮*/
.l{float: left;}
/*右浮*/
.r{float: right;}
/*清除浮动*/
.clear{clear:both;}
/*header*/
.logo{position:fixed; top:0; left:0; width:100%;z-index:999;}
.search{width:30px;position:absolute;right: 18%;top:24px;z-index:8;}
.ss{width:100%;height:35px;position:absolute;left:0;top:7px;overflow:hidden;z-index:7;}
.ss_bd{width:68%;height:35px;border:none;background:#fff;float:left;color:#333333;padding:0 0 0 12%;font-family:"微软雅黑";border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:16px;}
.ss_btn{width:20%;float:left;line-height:35px;background: #013184;border:none;color:#fff;font-family:"微软雅黑";border-radius:3px;
-moz-border-radius:3px;-webkit-border-radius:3px;font-size:18px;}
.display{display: inline-block;}

.middle{vertical-align: middle;}



/*下拉菜单*/
.nav{position: absolute;width: 8%;top: 25%;right: 3%;cursor: pointer;}
.hidenav {position: absolute;width: 30%;right: 0%;top: 100%;background-color: rgba(102,102,102,0.8);padding: 2% 3%;}
.hidenav li {width: 100%;line-height: 37px;text-align: center;}
.hidenav li a {color: #fff;}
.top{width:40px;position:absolute;left:2%;top:8px;}

/*index*/
.product{background-color:#f8f8f8;overflow:hidden;}
.company{padding:3%;font-size:15px;line-height:1.5;opacity:0;}
.com_pic{width:40%;float:left;padding:0 2% 0 0;}
.com_title{color:#191919;font-size:20px;text-align:center;padding:3% 3% 0 3%;}
.zhsz{width: 40%; margin: 0 2% -1% 0}
.xing{width: 8%;}
.com_title a span{padding: 0 3%; margin-top: -5px; color: #666; font-size: 20px; font-weight: 600;}
.s-neirong p{padding-top: 3%;padding-bottom: 5%; color: #939393; font-size:14px;}
.s-zhs-button1{padding-bottom: 5%;}
.s-zhs-button{padding: 3% 10%;display: inline-block;background-color: #f45316; color: #fff;}
.com_tm{opacity:1;
transition:opacity 1s linear;
-webkit-transition:opacity 1s linear;
-moz-transition:opacity 1s linear;
-ms-transition:opacity 1s linear;
-0-transition:opacity 1s linear;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-ms-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;}

.content{padding:0 0.2rem;}


/*高级*/
.top_list{clear:both;padding:3% 0 3% 0;overflow:hidden;}
.top_list li{width:30%;float:left;padding:2% 0 0 2.7%;position:relative;}
.s-gj-b{width: 100%;padding:10% 0;background-size: 100% 100%;}
.s-gj-t{width: 70%;margin: 0 auto;}
.s-gj-t img{border-radius: 100%;}
.s-gj-w{padding-top: 15%;}
.s-gj-w-p{font-size: 16px;color: #002c81;text-align:center;}
.s-gj-w-p1{padding-top: 10%;font-size: 14px;color: #666666;text-align:center;}
.s-lx-dh{border-radius: }
.s-gj ul li:hover .s-gj-w-p{color: #ed702e;}

.sjewm{width: 100%; text-align: center;margin:3% 0 3% 0;}
.sjewm img{width: 50%;}

/*.top_list li a{color:#fff;}
.top_list_t{width:95%;position:absolute;top:20%;right:5%;color:#fff;font-size:16px;text-align:right;}*/

.news{background:url(../images/bg1.jpg) no-repeat center top;background-size:100% 100%;padding:0 2% 2% 2%;overflow:hidden;}
.news_title{color:#fff;font-size:20px;text-align:center;padding:3% 0;}
.news li{background:#de172e;width:96%;padding:3% 2%;color:#fff;font-size:15px;text-align:right;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin:0 0 3% 0;}
.news li a{color:#fff;float:left;}
.news_title a{color:#fff;}
/*.news li{background:#de172e;width:96%;padding:3% 2%;color:#fff;font-size:15px;text-align:right;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin:0 0 3% -100%; -webkit-animation:mymar 1s linear; opacity:0;-webkit-animation-fill-mode: forwards }
@-webkit-keyframes mymar{
	0%{margin:0 0 3% -100%; opacity:0;}
	20%{margin:0 0 3% -80%; opacity:0.2;}
	40%{margin:0 0 3% -60%; opacity:0.4;}
	60%{margin:0 0 3% -40%; opacity:0.6;}
	80%{margin:0 0 3% -20%; opacity:0.8;}
	100%{margin:0 0 3% 0; opacity:1;}}*/
.news_more a{width:40px;height:40px;display:block;margin:0 auto;background:#fff;font-size:15px;line-height:40px;text-align:center;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#000;}
.news_more a:hover{background:#de172e;color:#fff;transform:rotate(360deg);
transition:background 1s linear,color 1s linear,transform 1s linear;
-webkit-transition:background 1s linear,color 1s linear,transform 1s linear;
-moz-transition:background 1s linear,color 1s linear,transform 1s linear;
-ms-transition:background 1s linear,color 1s linear,transform 1s linear;
-0-transition:background 1s linear,color 1s linear,transform 1s linear;}
.news_more1{transform:rotate(360deg);transition:transform 1s linear;-webkit-transition:transform 1s linear;-moz-transition:transform 1s linear;}
.news_more2{width:40px;height:40px;display:block;margin:0 auto;background:#fff;font-size:15px;line-height:40px;text-align:center;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#000;}
.pro_title{color:#191919;font-size:20px;text-align:center;padding:4% 0;}
.pro_text{color:#fff;height:30px;line-height:30px;font-size:16px;background:#1f2229;}
.pro_nr li{width:44%;float:left;text-align:center;margin:0 3% 4% 3%;background:#fff;
/*transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
animation:fz 1s linear;
-webkit-animation:fz 1s linear;
-moz-animation:fz 1s linear;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;*/
opacity:1;}
.pro_nr_pic{background:url(../images/Preloader_1.gif) no-repeat 50% 50%;border:none;}
.pro_nr_pic img{width:100%;height:150px;}
.pro_zz{opacity:0;
transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-0-transform: rotateY(360deg);
transition:transform 1s linear,opacity 1s linear;
-webkit-transition:transform 1s linear,opacity 1s linear;
-moz-transition:transform 1s linear,opacity 1s linear;
-ms-transition:transform 1s linear,opacity 1s linear;
-0-transition:transform 1s linear,opacity 1s linear;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-ms-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;}


@keyframes fz{
	0%{transform: rotateY(0deg); opacity:1;}
	20%{transform: rotateY(60deg);opacity:0.8;}
	40%{transform: rotateY(120deg); opacity:0.6;}
	60%{transform: rotateY(180deg); opacity:0.6;}
	80%{transform: rotateY(120deg); opacity:0.8;}
	90%{transform: rotateY(60deg); opacity:0.8;}
	100%{transform: rotateY(0deg); opacity:1;}
	}

@-webkit-keyframes fz{
	0%{transform: rotateY(0deg); opacity:1;}
	20%{transform: rotateY(60deg);opacity:0.8;}
	40%{transform: rotateY(120deg); opacity:0.6;}
	60%{transform: rotateY(180deg); opacity:0.6;}
	80%{transform: rotateY(120deg); opacity:0.8;}
	90%{transform: rotateY(60deg); opacity:0.8;}
	100%{transform: rotateY(0deg); opacity:1;}
	}
@-moz-keyframes fz{
	0%{transform: rotateY(0deg); opacity:1;}
	20%{transform: rotateY(60deg);opacity:0.8;}
	40%{transform: rotateY(120deg); opacity:0.6;}
	60%{transform: rotateY(180deg); opacity:0.6;}
	80%{transform: rotateY(120deg); opacity:0.8;}
	90%{transform: rotateY(60deg); opacity:0.8;} 
	100%{transform: rotateY(0deg); opacity:1;}
	}	

/*footer*/
.cg{width: 100%;height: 73px;}
.foot{padding-bottom: 0.7rem;margin-bottom: 18%;text-align: center;font-size: 0.24rem;color: #666;}
.copyright{color:#222222;font-size:16px;text-align:center;line-height:30px;}
.footer{    z-index: 999;
background-color: #000000;background-size:cover;width:100%;position:fixed;left:0;bottom:0;padding-top: 0.1rem;}
.footer li{width:20%;float:left;text-align:center;color:#fff;font-size:20px;line-height:30px;}
.footer li a{color:#fff;}
.footer li img{width:30px;}
.footer_text a{width:100%;display:block;font-size:16px;color:#fff;line-height:34px;}
/*.footer_text a:hover{background:#de172e;font-size:20px;color:#ffc600; transition:background 0.5s linear,color 0.5s linear,font-size 0.5s linear;}*/
.footer_text1 a{width:100%;display:block;font-size:16px;color:#fff;line-height:34px;}



/*banner*/

#ban{ margin-top:1px;}

#ban img{ width:100%;}

#banner { width: 100%;}

.swipe{}

.swipe ul{}

#slider{ position:relative; overflow:hidden;}

#slider li{ float:left;}
#slider li img{width: 100%;}
#pagenavi{ position:absolute; bottom:0; width:100%; z-index:1; text-align:center; padding:10px 0;}

#pagenavi a{ width:12px; height:12px;border-radius: 12px; line-height:99em; background:#ffffff; margin:0px 2px 0px 2px; overflow:hidden; cursor:pointer; display:inline-block;}

#pagenavi a.active{width:11px; height:11px;border-radius: 11px;background-color:rgba(255,255,255,0);border: 1px solid #fff;}


/*s1*/
.s1{margin-bottom: 0.59rem;}
.s1_bt{text-align: center;padding:0.4rem 0 0.3rem 0;}
.s1_bty{text-transform : uppercase;font-size: 0.6rem;color: #f0f0f0;font-weight: 800;}
.s1_btz{font-size: 0.46rem;color: #333;font-weight: 800;margin-top: -6%;margin-bottom: 0.1rem;}
.s1_btz span{color: #009943;}
.s1_fl{margin-bottom:0.4rem;}
.s1_fl_list{width: 24%;text-align: center;font-size: 0.28rem;color: #555555;background-color: #f5f5f5;margin-right: 1.33%;border-radius:50px;cursor:pointer;padding: 0.15rem 0;}
.s1_fl_list:nth-child(4n){margin-right: 0%;}
.s1_fl .s1_fl_list_act{background-color: #fe8f00;color: #fff;}
.s1_con{display: none;}
.s1_conl{background: url(../images/1.jpg);background-size: 100% 100%;padding: 0 0.18rem;}
/*.s1_conr{width: 850px;}*/
.s1_conl_bt{color: rgba(255,255,255,0.5);font-size: 0.3rem;font-weight: 800;text-transform : uppercase;padding: 0.45rem 0 0.3rem 0;}
.s1_conl_title{color: #ffffff;font-size: 0.34rem;font-weight: 800;}
.s1_conl_jianjie{font-size: 0.26rem;color: #ffffff;line-height: 30px;margin: 0.25rem 0 0.4rem 0;}
.s1_conl_alhd{line-height: 0.4rem;text-align: center;border: 1px solid #fff;border-radius: 50px;color: #fff;margin-top: 0.4rem;padding: 0.15rem 0;width: 2rem;margin-bottom: 0.3rem;}
.s1_conrs{width: 49%;margin-top: 0.2rem;margin-right: 2%;}
.s1_conrs:nth-child(2n){margin-right: 0%;}
.s1_conr_list{background-color: #f5f5f5;}
.s1_conr_title{text-align: center;padding: 0.2rem 0;font-size: 0.24rem;color: #333;}
/*.s1_conr_list:hover{background-color: #ff9000;}*/
/*.s1_conr_list:hover .s1_conr_title{color: #fff;}*/
.s1_conr_list img{width: 100%;}

/*s2*/
.s2{background: url(../images/2.jpg);background-size: 100% 100%;padding: 0 0 0.4rem 0;}
.s2_fl_list{width: 24%;text-align: center;font-size: 0.28rem;color: #555555;background-color: #f5f5f5;margin-right: 1.33%;border-radius:50px;cursor:pointer;padding: 0.15rem 0;}
.s2_fl_list:nth-child(4n){margin-right: 0%;}
.s2 .s2_fl_list_act{background-color: #fe8f00;color: #fff;}
.s2_con{display: none;}
.s2_con_list{background-color: rgba(0,0,0,0.5);padding: 0.2rem;margin-bottom: 0.2rem}
.s2_con_list_img{width: 2.7rem;margin-right: 0.2rem;}
.s2_con_list_img img{width: 100%;}
/*.s2_con_list a{color: #ffffff;}*/
.s2_con_list_wz{width: 3.72rem;}
.s2_con_listt{font-size: 0.3rem;font-weight: 800;color: #fff;margin: 0 0 0.25rem 0;}
.s2_con_list_k{width: 0.9rem;height: 0.1rem;background-color: #fe8f00;}
/*.s2_con_list:hover .s2_con_list_k{background-color: #fff;}*/
.s2_con_listj{color: #ffffff;font-size: 0.26rem;margin-top: 0.25rem;}

/*s3*/
.s3_con{margin-bottom: 0.65rem;}

/*s4*/
.s4{background-color:#f5f5f5;padding: 0 0 0.4rem 0;}
/*.s4s_l{width: 640px;}*/
/*.s4s_r{width: 530px;}*/
.s4s_lt{font-size: 0.3rem;color: #333;font-weight: 800;}
.s4s_lj{font-size: 0.26rem;color: #7b7b7b;margin: 0.35rem 0 0.25rem 0;}
.s4s_l_gd{width: 2rem;height: 0.5rem;border-radius: 50px;line-height: 0.5rem;background-color: #fe8f00;color: #fff;font-size: 0.28rem;text-align: center;display: inline-block;}
.s4x .swiper-pagination-bullet {
    width: 1.2rem;
    height: 0.1rem;
    display: inline-block;
    border-radius: 100%;
    background: #f5f5f5;
    opacity: 1;
    border-radius:10px; 
}
.s4x .swiper-pagination-bullet-active {
    background: #ff9000;
}
.s4x_list{background-color: #fff;}
.s4x_list img{width: 100%;}
/*.s4x_list:hover{background-color: #009943;}*/
/*.s4x_list:hover .s1_conr_title{color: #fff;}*/
.s4s_r{margin: 0.3rem 0 0.5rem 0;}

/*s5*/
.s5_con_list{padding-bottom: 0.25rem;margin-bottom: 0.25rem;border-bottom: 1px dashed #aaaaaa;}
.s5_con_l{width: 3rem;margin-right: 0.2rem;}
.s5_con_r{width: 3.8rem;}
.s5_con_l img{width: 100%;}
.s5_con_rs{margin-bottom: 0.1rem;}
.s5_con_rl{color: #000033;font-size: 0.28rem;font-weight: 900;}
.s5_con_rr{font-size: 0.22rem;color: #666;}
.s5_con_rx{font-size: 0.24rem;color: #666666;margin-bottom: 0.1rem}
.s5_con_list1{font-size: 0.26rem;}
.s5_con_list1l{color: #333333;}
.s5_con_list1r{color: #666666;}
/*.s5_con_list1l_dian{width: 10px;height: 10px;display: inline-block;border-radius: 10px;background-color: #333333;margin: 0 13px;}*/
/*.s5_con_list1:hover .s5_con_list1l{color: #009943;}*/
/*.s5_con_list1:hover .s5_con_list1r{color: #009943;}*/
.s5_gd{text-align: center;margin-bottom: 0.6rem}
.s5_gds{display: inline-block;width: 2rem;height: 0.5rem;line-height: 0.5rem;color: #aaaaaa;font-size: 0.28rem;border: 1px solid #aaaaaa;border-radius: 50px;}

/*s6*/
.s6{background: url(../images/3.jpg);background-size: 100% 100%;padding: 0 0 0.6rem 0;}
.s6_con{padding: 0.3rem 0;background-color: rgba(0,0,0,0.3);border-radius: 10px;}
.s6_cons{width: 98%;margin: 0 auto;}
.s6_cons_list{margin-bottom: 0.2rem;}
.s6_cons_list_input{width: 100%;}
.s6_cons_list_input input{width: 96%;height: 0.6rem;padding: 0 2%;border-radius: 40px;border: none;margin-bottom: 0.2rem}
.s6_cons_list textarea{width: 96%;padding: 20px 2%;height: 1.2rem;resize: none;border-radius: 10px;border: none;}
.g_title_an{background-color: #fe8f00;color: #fff;width:2rem;height: 0.5rem;line-height: 0.5rem;font-size: 0.28rem;border-radius: 50px;border: none;}
.botsz{font-size: 0.28rem;color: #fff;text-align: left;margin-right: 0.2rem}
.botsz img{width: 3.45rem;margin-bottom: 0.2rem;}
.botsr img{width: 1.6rem;}

/*单页*/
.about_con{color: #333;font-size: 0.28rem;line-height: 30px;margin-bottom: 0.3rem;}
.about_con img{display: inline-block;}

/*新闻*/
.n_page{text-align: center;padding-bottom:3%;}
.n_page a{font-size: 14px;color: #333;border: 1px solid #dddddd;display:inline-block;padding: 10px 6px;}
.n_page .select{background-color: #fe8f00;border: 1px solid #fe8f00;color: #fff;}

/*新闻详情*/
.n_show_topt{font-size: 0.32rem;color: #333333;text-align: center;}
.n_show_toptime{text-align: right;margin-right: 0.33rem;color: #666;font-size: 0.26rem;padding: 0.3rem 0 0.4rem 0;}
.p_shoe_fy{margin-bottom: 0.8rem;}
.p_shoe_fy_lisy{width: 48%;text-align: center;padding: 0.15rem 0;border: 1px solid #aaaaaa;border-radius: 5px;}
.p_shoe_fy_lisy a{font-size: 0.28rem;color: #aaaaaa;}
.p_shoe_fy_lisy:hover{background-color: #fe8f00;border: 1px solid #fe8f00;}
.p_shoe_fy_lisy:hover.p_shoe_fy_lisy a{color: #fff;}

/*产品案例*/
.p1_topl{margin-bottom: 0.3rem;text-align: center;}
.p1_topl img{width: 100%;}
/*.p1_topr{width: 780px;}*/
.p1_toprt{font-size: 0.3rem;color: #333333;}
.p1_toprfg{margin: 0.26rem 0;padding: 0.2rem 0.25rem;background-color: #f5f5f5;font-size: 0.24rem;color: #333333;}
.p1_toprj{font-size: 0.28rem;color: #333;line-height: 30px;}
.p1_toprgd{padding: 0.15rem 0.44rem;background-color: #fe8f00;font-size: 0.28rem;color: #ffffff;border-radius: 50px;display: inline-block;margin-top: 0.3rem;}
.p1_topr_con{font-size: 0.28rem;color: #333333;margin-bottom: 50px;}
.p1_topr_con img{display: inline-block;}
/*产品案例-列表*/
.s1_conr_lists{width: 49%;margin-right: 2%;margin-bottom: 0.3rem;}
.s1_conr_lists:nth-child(2n){margin-right: 0px;}

/*产品详情*/
.p_show_top{text-align: center;font-size: 0.3rem;color: #333;}
.p_show_top img{width: 80%;display: inline-block;margin-top: 0.5rem;}