*{padding:0;margin:0;box-sizing:border-box;transition: all 0.4s;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,textarea{font:12px Helvetica, Arial, "\5FAE\8F6F\96C5\9ED1",sans-serif,'Microsoft YaHei';border:none; overflow-x:hidden;}
h1{font-size: 18px; }
h2{font-size: 16px;}
h3{font-size: 14px;}
h4,h5,h6{font-size: 100%;}
small{font-size: 12px;}
img,input{vertical-align: middle; border:none;}
ul,ol,li{list-style: none;}
a{text-decoration:none;outline:none}
a:hover{text-decoration: underline;}
table{border-collapse: collapse;border-spacing: 0;}
body { background:#fafafa; color:#555; font-size:12px;overflow-x:hidden}
.clear{height:1px;clear:both;margin-bottom:-1px;overflow:hidden;visibility:hidden;display:block;}
i,em{font-style: normal;}
a{color:#333;cursor:pointer;}
a:hover{text-decoration:none;}
input,button,select{font-family:'Microsoft Yahei';outline: none;font-size:14px; }
button,input[type=button]{cursor: pointer;}
/*a:hover{text-decoration:underline;}*/

/* @media screen and (max-width:auto)  */

/* 过渡效果 */
.transYT{ transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.dly_1 { transition-delay: 100ms; -webkit-transition-delay: 100ms; }
img{max-width:100%;}
.w100{width:100%;}
.w1200{width:1200px;margin:auto;}
.head{background:#fefefe;display:table;padding:15px;}
.header{display:table;}
#i-logo{float:left;width:300px}
.nav{width:800px;display:table;float:right;padding-top: 10px;}
.nav li{width:12.5%;float:left;text-align:center;position:relative;}
.nav li .a1{display:block;text-align:center;font-size:16px;line-height:45px;border-bottom:2px solid #fefefe;}
.nav li:hover .a1{border-bottom:2px solid #c00;color:#c00}
.sub-nav{display:none;width:380px;background:#fff;position:absolute;bottom:-191px;z-index:999;border-top:1px solid #c00;padding:10px;}
.sub-nav ul{width:145px;float:left;display:table;min-height:170px;border-right:1px solid #ccc;}
.sub-nav ul a{display:block;float:left;padding:5px 0;color:#666;width:100%;text-align:center;font-size:14px;border-bottom:1px solid #ccc;transition: all 0.1s;}
.sub-nav ul a:hover{color:#fff;background:#c00;}
.sub-nav ul a img{float:left;margin:7px;}
/*.sub-nav ul a span{float:left;}*/
.sub-nav ul img{float:right;}
.nav li:hover .sub-nav{display:block;}
.i-ban{height:280px;background-position:center;background-size:cover;}
.news-show{display:table;margin:30px auto;}
.public-left{width:240px;float:left;}
.public-right{width:940px;float:right;background:#fff;}
.public-nav li .ac,.public-nav ul .ac{color:#006fbd}

.public-left li a span {
    display: block;
    width: 0;
    height: 0;
    border-width: 7px 0 7px 7px;
    border-style: solid;
    border-color: transparent transparent transparent #ccc;
    float: right;
    margin-top: 5px;
}
.public-left li .ac span {
    border-color: transparent transparent transparent #006fbd;
}
.public-nav ul{width:100%;padding:0 20px;display:none;}
.public-nav ul a{width:100%;display:block;font-size:14px;padding:10px;}
.news-show-l p{width:100%;text-align:center;color:#fff;font-size:22px;padding:30px 0;background:#258ecd;}
.public-nav{display:table;min-height:240px;background:#fff;}
.public-nav li{width:100%;display:table;padding:15px 30px;border-bottom:1px solid #ececec;}
.public-nav li a{font-size:16px;}
.public-nav  .ac a{color:#007ec5;}
.public-mark{border-bottom:1px solid #cccc;display:table;padding-top:10px;}
.public-mark span{float:left;font-size:18px;padding:10px;border-bottom:2px solid #258ecd;position:relative;top:1px;margin-left:15px;}
.public-mark p{float:right;color:#666;font-size:14px;padding-right:15px;}
.public-mark p a{color:#666;font-size:14px;line-height:45px;}
.news-show-cont{display:table;padding:30px;}
.news-show-cont .p1{width:100%;display:table;padding-bottom:30px;border-bottom:1px solid #ccc;font-size:24px;color:#333;text-align:center;}

.news-show-cont1{display:table;padding-top:30px;font-size:15px;color:#666;line-height:1.7;}

.foot{background:#666;display:table;}
.footer{display:table;padding:30px 0;}
.footer-l{width:310px;float:left;display:table;color:#fff;}
.footer-l span{display:block;font-size:18px;padding-bottom:20px;}
.footer-l li{width:100%s;display:table;line-height:2;font-size:14px;}
.case-list ul .a1 img{height:100%}
.footer-c{width:600px;float:left;display:table;text-align:center;margin-left:60px;}
.footer-c li{width:25%;float:left;}
.footer-c span{display:block;font-size:18px;padding-bottom:10px;color:#fff;}
.footer-c a{width:100%;display:table;line-height:2;font-size:15px;color:#fff;}
.footer p{float:right;}
.footer p span{display:block;font-size:14px;padding:10px 0;color:#fff;text-align:center;}
.foot .p1{background:#5c5c5c;text-align:center;padding:10px;display:table;width:100%;color:#fff;}
.video-show{display:table;text-align:center;}
.news-show-cont .p2{text-align:center;width:100%;display:table;padding:10px;color:#fff;background:#258ecd;margin-top:20px;font-size:18px;}
.news-box{display:table;padding:30px;}
.news-box li{width:100%;display:table;padding:10px 0;border-bottom:1px solid #ececec;line-height:20px;}
.news-box li .a1{float:left;font-size:15px;}
.news-box li span{float:right;font-size:15px;margin-right:20px;}
.news-box li a{float:right;font-size:15px;}
.case-list,.pro-list,.video-list,.fc-list{display:table;padding:15px;}
.case-list ul{width:100%;display:table;padding-bottom:20px;border-bottom:1px solid #ececec;margin-bottom:20px;}
.case-list ul .a1{width:195px;height:165px;float:left;overflow:hidden;border:1px solid #ececec;}
.case-list ul li{width:670px;float:right;display:table;}
.case-list ul li a{font-size:18px;display:block;padding-top:15px;}
.case-list ul li span{font-size:14px;display:block;padding-top:10px;line-height:1.7;color:#888;}
.pro-list ul{width:210px;height:250px;border:1px solid #ececec;float:left;margin-left:22px;margin-bottom:20px;}
.pro-list ul .a1{width:100%;height:210px;display:block;overflow:hidden;}
.pro-list ul:hover img{transform: scale(1.1);}
.pro-list ul .a2{display:block;text-align:center;font-size:14px;padding:10px 0;}
.pro-list ul:nth-child(1){margin-left:0;}
.pro-list ul:nth-child(5){margin-left:0;}
.pro-list ul:nth-child(9){margin-left:0;}
.pro-list ul:nth-child(13){margin-left:0;}


.video-list ul{width:285px;height:285px;margin-left:25px;float:left;margin-bottom:20px;}
.video-list ul .a1{width:100%;height:240px;display:block;overflow:hidden;}
.video-list ul:hover img{transform: scale(1.1);}
.video-list ul .a2{display:block;text-align:center;font-size:14px;padding:10px 0;}

.video-list ul:nth-child(1){margin-left:0;}
.video-list ul:nth-child(4){margin-left:0;}
.video-list ul:nth-child(7){margin-left:0;}
.video-list ul:nth-child(10){margin-left:0;}

.fc-list ul{width:210px;height:240px;border:1px solid #ccc;float:left;overflow:hidden;position:relative;margin-left:22px;margin-bottom:20px;}
.fc-list ul .a1{width:100%;height:100%;display:block;}
.fc-list ul .a2{width:100%;display:block;text-align:center;background:rgba(0,0,0,.6);color:#fff;font-size:14px;padding:10px 0;position:absolute;bottom:0}
.fc-list ul:nth-child(1){margin-left:0;}
.fc-list ul:nth-child(5){margin-left:0;}
.fc-list ul:nth-child(9){margin-left:0;}
.fc-list ul:nth-child(13){margin-left:0;}
.fc-list ul:hover img{transform: scale(1.1);}



#slideBox{ width:100%;  overflow:hidden; position:relative;z-index: -1; }
#slideBox .hd{  overflow:hidden; position:absolute; right:46%; bottom:15px; z-index:1; }
#slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
#slideBox .hd ul li{ float:left; margin-right:2px; border-radius:20px; width:40px; height:10px; line-height:14px; text-align:center; background:#fff; cursor:pointer;margin-right:15px; }
#slideBox .hd ul li.on{ background:#165ACB; color:#fff; }
#slideBox .bd{ position:relative;  z-index:0;   }
#slideBox .bd li{ zoom:1; vertical-align:middle; }
#slideBox .bd img{ width:100%;  display:block;  }

.index-pro{display:table;margin:30px auto;}
.title-img{margin:30px 0;}
.index-pro ul{width:100%;display:table;margin:20px 0;}
.index-pro ul li{width:285px;height:335px;border:1px solid #ececec;float:left;text-align:center;background:#fff;margin-left:20px;}
.index-pro ul li .a1{width:100%;height:285px;overflow:hidden;display:block;}
.index-pro li:hover img{transform: scale(1.1);}
.index-pro li .a2{display:block;font-size:14px;padding:10px 0;}
.index-pro li:nth-child(1){margin-left:0;}
.index-about{display:table;height:650px;background-image:url(../img/i15.jpg);background-position:center;background-size:cover;}
.about-box1{display:table;margin:30px auto;}

.about-box1 li{width:100%;display:table;font-size:14px;color:#666;line-height:3;text-align:center;}
.about-box1 p{width:100%;display:table;margin-top:30px;}
.about-box1 p img{width:50%;padding:20px;}

.index-case{display:table;margin:30px auto;}


#slideBox1{ width:100%;  overflow:hidden; position:relative; }
#slideBox1 .hd{  overflow:hidden; position:absolute; right:46%; bottom:15px; z-index:1; }
#slideBox1 .hd ul{ overflow:hidden; zoom:1; float:left;  }
#slideBox1 .hd ul li{ float:left; margin-right:2px; border-radius:20px; width:40px; height:10px; line-height:14px; text-align:center; background:#fff; cursor:pointer;margin-right:15px; }
#slideBox1 .hd ul li.on{ background:#165ACB; color:#fff; }
#slideBox1 .bd{ position:relative;  z-index:0;   }
#slideBox1 .bd li{ zoom:1; vertical-align:middle; }
#slideBox1 .bd img{ width:100%;  display:block;  }
#slideBox1 .bd img{width:40%;float:left;height:300px;}
.case-text{width:60%;height:300px;float:right;background:#1890d3;padding:40px;color:#fff;}
.case-text .p1{font-size:24px;display:block;padding:20px 0;}
.case-text .p2{font-size:15px;display:block;padding:20px 0;line-height:2;}
.case-text a{float:left;color:#fff;padding:7px 20px;border:1px solid #fff;font-size:15px;margin-top:20px;}



#slideBox1 .prev,
#slideBox1 .next{ position:absolute; left:1%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
#slideBox1 .next{ left:auto; right:1%; background-position:8px 5px; }
#slideBox1 .prev:hover,
#slideBox1 .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.index-news{display:inline-block;height:640px;background-image:url(../img/i18.jpg);background-position:center;background-size:cover;padding:50px 0;margin:30px 0;}
.index-news-list{display:table;margin:20px auto;}
.index-news-list ul{width:46%;height:155px;float:left;margin:20px 2%;}
.index-news-list ul p{width:114px;height:100px;float:left;background-image:url(../img/i20.png);background-position:center;background-size:cover;text-align:center;line-height:100px;font-size:40px;color:#fff;}
.index-news-list ul li{width:425px;float:right;color:#fff;}
.index-news-list ul li a{font-size:16px;color:#fff;width:100%;display:block;padding-bottom:10px;border-bottom:1px solid #fff;}
.index-news-list ul span{display:block;font-size:12px;line-height:1.5;padding-top:15px;}
.index-news-list ul .s2{float:right;}
.xz-box{display:table;margin:30px auto;}
.xz-box ul{width:100%;display:table;margin:20px 0;}
.xz-box ul li{width:280px;border:1px solid #ececec;display:table;float:left;padding:20px;margin-left:25px;transition: all 0.4s;}
.xz-box ul i{width:140px;height:140px;display:block;margin:20px auto;background-position:140px;}
.xz-box ul span{display:block;text-align:center;}
.xz-box ul .s1{font-size:18px;padding:10px 0;}
.xz-box ul .s2{font-size:14px;margin-bottom:20px;}
.xz-box ul li:nth-child(1){margin-left:0;}
.xz-box ul li:hover{background:#3ab1f4;color:#fff;}
.xz-box ul li:hover i{background-position:0;}

.fc-box{display:table;height:600px;background-image:url(../img/i27.jpg);background-position:center;background-size:cover;padding:50px 0;}
.fc-box ul{display:table;margin:20px auto;}
.fc-box ul li{width:285px;height:330px;border:1px solid #ececec;overflow:hidden;float:left;text-align:center;margin-left:20px;position:relative;}
.fc-box ul li .a1{width:100%;height:100%;overflow:hidden;display:block;}
.fc-box li:hover img{transform: scale(1.1);}
.fc-box li .a2{display:block;font-size:14px;padding:10px 0;position:absolute;bottom:0;color:#fff;background:rgba(0,0,0,.7);width:100%;}
.fc-box li:nth-child(1){margin-left:0;}
.index-pro ul li img,.fc-box ul li img{width:100%;height:100%}

.menu-handler{position:absolute;top:-15px;z-index:102;width:60px;height:60px;cursor:pointer}
.menu-handler .burger{position:absolute;top:.32rem;left:50%;display:block;overflow:hidden;margin:0 0 0 -.21rem;width:.42rem;height:.03rem;border-radius:.02rem;background:#fff;-webkit-transition:all .4s;transition:all .4s}
.menu-handler .burger-2{top:.44rem;}
.menu-handler .burger-3{top:.55rem}
.m-header.active .menu-handler .burger-1{-webkit-animation:burger-t .4s forwards;animation:burger-t .4s forwards}
.m-header.active .menu-handler .burger-2{opacity:0}
.m-header.active .menu-handler .burger-3{-webkit-animation:burger-b .4s forwards;animation:burger-b .4s forwards}
.m-header.active{background:#283651}
.m-nav{position:fixed;top:60px;right:0;bottom:0;left:0;z-index:-1;padding:5%;background:#28588f;opacity:0;-webkit-transition:all .4s;transition:all .4s}
.m-nav a{display:block;padding:3%;border-bottom:1px solid hsla(0,0%,100%,.6);color:#fff;font-size:18px}
.m-nav.cur{z-index:200;opacity:1}
.m-nav.cur a{opacity:0;-webkit-animation:sub-enter .8s forwards;animation:sub-enter .8s forwards;filter:alpha(opacity=0)}
.m-nav.cur a:nth-child(1){-webkit-animation-delay:.1s;animation-delay:.1s}
.m-nav.cur a:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}
.m-nav.cur a:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}
.m-nav.cur a:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s}
.m-nav.cur a:nth-child(5){-webkit-animation-delay:.5s;animation-delay:.5s}
.m-nav.cur a:nth-child(6){-webkit-animation-delay:.6s;animation-delay:.6s}
.m-nav.cur a:nth-child(7){-webkit-animation-delay:.7s;animation-delay:.7s}
.m-nav.cur a:nth-child(8){-webkit-animation-delay:.8s;animation-delay:.8s}
.m-nav.cur a:nth-child(9){-webkit-animation-delay:.9s;animation-delay:.9s}
.m-nav.cur a:nth-child(10){-webkit-animation-delay:1s;animation-delay:1s}
@-webkit-keyframes burger-t{50%{-webkit-transform:translate(0,.12rem);transform:translate(0,.12rem)}
to{-webkit-transform:translate(0,.12rem) rotate(-45deg);transform:translate(0,.12rem) rotate(-45deg)}}
@keyframes burger-b{50%{-webkit-transform:translate(0,-.12rem);transform:translate(0,-.12rem)}
to{-webkit-transform:translate(0,-.12rem) rotate(45deg);transform:translate(0,-.12rem) rotate(45deg)}}
@-webkit-keyframes sub-enter{0%{opacity:0;-webkit-transform:translate(20px);transform:translate(20px);filter:alpha(opacity=0)}
to{opacity:1;-webkit-transform:translate(0);transform:translate(0);filter:alpha(opacity=100)}}
@media screen and (max-width:750px){html{font-size:75pt!important}}
.m-header{width:100%;background:#283651;height:60px;display:none;position: fixed;top: 0;z-index: 966;}
#m-logo{float:right;    padding: 10px;}
.m-nav ul{display:none}
.m-nav ul a{font-size:14px}
#m-logo img{width:175px}




@media screen and (max-width:1200px){

	.w1200{width:95%;}
	.public-right{width:800px;}
	.case-list ul li{width:530px;}
	.xz-box ul li,.index-pro ul li,.fc-box ul li{width:23%;height:auto;margin:1% !important;}
	.pro-list ul,.fc-list ul,.video-list ul{width:31%;height:auto;margin:1% !important;}
	.fc-list ul .a1 img{width:100%;}
		.index-pro ul li .a1,.pro-list ul .a1,.fc-list ul .a1,.video-list ul .a1{height:auto;}
		.index-news{height:auto;}
		.index-news-list ul li{width:350px;}

}
@media screen and (max-width:800px){
	.footer{position:relative;}
	.public-right{width:450px;}
	.nav{width:100%;}
	.footer-c{margin:0;width:100%;}
	.footer-l{position:absolute;bottom:55px;}
	.case-list ul li,.fc-box ul li .a1 img{width:100%;}
	.case-list ul .a1{display:none;}
	.news-show-l p{padding:15px;}
	.index-pro ul li,.xz-box ul li,.fc-box ul li,.index-news-list ul{width:48%;height:auto;margin:1% !important;}
		   .index-news-list ul p{ margin: 20px auto;float:none;}
	
}

@media screen and (max-width:500px){
	.head{display:none;}
	.public-left,.public-right{width:100%;margin-bottom:20px;}
	.public-nav{min-height:auto;}
	.footer-l{position: inherit;}
	.footer p{display:table;width:100%;padding-top:30px;float:none;text-align:center;}
	.footer-c a{font-size:14px;}
	.news-show-cont{padding:20px;}
	.i-ban{margin-top:60px;height:130px;}
	.pro-list ul,.fc-list ul,.video-list ul{width:48%;height:auto;margin:1% !important;}
	.pro-list ul .a1,.fc-list ul .a1,.video-list ul .a1{height:auto;}
	.case-list ul .a1,.case-list ul li{width:100%;height:auto;}
		.case-list ul .a1{display:block;}
	.case-list ul img{width:100%;height:200px;}
	#slideBox1 .bd img{display:none;}
	.case-text{width:100%;padding:20px;}
	.index-news-list ul{width:100%;margin:20px 0 !important;}
	.index-news-list ul li{width:100%;}
	 .index-news-list ul p{display:none;}
	 .about-box1 p img{width:100%;padding:10px;}
	 #slideBox{margin-top:60px;}
	 #slideBox .hd ul li{height:3px;}
	 #slideBox .hd{right:28%}
	 iframe{height:200px !important}
	 .m-header{display:block}
	.xz-box ul li{padding:10px;height:325px;}
	.case-text{height:auto}
	.index-news{padding:10px;}
	.index-pro ul li img{width:168px;height:168px}
	.index-pro li .a2{height:60px;padding:5px}
	.pro-list ul, .fc-list ul, .video-list ul{height:210px}
.floating_ck{display:none !important}

}





@media screen and (max-width: 400px)
.footer-c a {font-size: 12px;}
}