@charset "utf-8";
/* CSS Document */
*,body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,form,th,td{margin:0;padding:0;box-sizing: border-box;}
body,button,input,select,textarea{font:12px/1.5 "Microsoft YaHei",Tahoma,Arial,sans-serif; min-width:990px;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}

ul,li{list-style: none;}
.fl{float: left;}
.fr{float: right;}
.pos{position: relative;}
.over-flow {overflow:hidden;}
img {vertical-align: middle;border:0}
a{text-decoration: none}
.clearfix:after,.clearfix:before,.container:after{ content: " ";clear: both; display: block;}
.f12{font-size: 12px}.f14{font-size: 14px}.f16{font-size: 16px}.f18{font-size: 18px}.f20{font-size: 20px}.f22{font-size: 22px}.f24{font-size: 24px}.f26{font-size: 26px}.f28{font-size: 28px}.f30{font-size: 30px}
.ml10{margin-left: 10px}
.ml20{margin-left: 20px}
.mt10{margin-top: 10px}
.mt20{margin-top: 20px}
.mt30{margin-top: 30px}
.mb10{margin-bottom: 10px}
.mb20{margin-bottom: 20px}
.mb30{margin-bottom: 30px}
.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}
.line{ border-bottom: 1px solid #f3f3f3}
.wapper{width: 100%;}
.d-bj{ background: #fff;}
.container {width: 1200px;margin: 0 auto;}

.header{background: #fff;}
.logo-header{float: left;}
.navbar-brand{float: left; height: 90px; font-size: 18px; line-height: 20px;}
.navbar-brand span{font-size:32px;line-height:90px;float:left;color:#000}
.navbar-brand img{width:130px;height:90px;float:left;display:block;margin-right:10px}

/*navbar-nav*/
.navbar{background: #000f2d;}
.navbar-nav{ width: 100%;}
.navbar-nav li{ display: inline-block; width:14.2%; float:left;}
.navbar-nav li a{display: block; text-align:center;color: #fff;font-size: 16px; height:48px; line-height:48px;}
.navbar-nav li a.on,.navbar-nav li a:hover{ background: #ff6637}

/*banner*/
.szbanner{ height: 720px;}
.slogantxt{position: relative; width:1200px; text-align: center;font-weight: bold;margin: 0 auto; margin-top: 200px}
.swiper-slide h1{font-size: 48px;color: #fff; text-align: center;font-weight: bold;}
.swiper-slide h2,.swiper-slide p{font-size: 48px;color: #fff; text-align: center;font-weight: bold;}
.swiper-slide p,.swiper-slide h3{font-size: 32px; color: #fff;font-weight: normal;}
.swiper-slide p span.cent{ display: inline-block; margin:0 50px;}
.swiper-slide h1:before{content:'';display: inline-block; width: 1px; height: 60px; background: #fff;position: absolute;left: 0;top: 0}
.swiper-slide h1:after{content:'';display: inline-block; width:60px; height: 1px; background: #fff;position: absolute;left: 0;top: 0}
.swiper-slide h2:before,.swiper-slide h3:before{content:'';display: inline-block; width: 1px; height: 60px; background: #fff;position: absolute;right: 0;bottom:-10px}
.swiper-slide h2:after,.swiper-slide h3::after{content:'';display: inline-block; width:60px; height: 1px; background: #fff;position: absolute;bottom: -10px;right: 0}

.sz-part{ width: 100%}
.sz-intro{ padding: 120px 0 120px 0;}
.s-left{float: left; width: 30%; text-align: center}
.s-right{float: left; width: 70%;}
.s-left img{width:100%;}
.intro-tit{position: relative; font-size:36px;font-weight: bold;color: #ff6000}
.intro-tit:after{content: '';display: inline-block;width: 40px; height: 3px; background: #02c2c5;position: absolute; top:60px; left: 0}
.intro-txt{padding: 40px 0 0;}
.s-right p{ display:inline-block;font-size: 16px;line-height: 30px; padding-right:15px;}

.bigimg{ width: 100%;}
.bigimg img{ width: 100%;}

/*sz-last*/
.sz-last{padding: 100px 0 120px 0;}
.sz-last h1{ text-align: center;font-size:36px;font-weight: bold;color: #ff6000; margin-bottom: 70px}
.dd-img{ width: 550px; position: relative; text-align: center; margin: 0 auto}
.point1,.point2,.point3{width: 235px; position: absolute; text-align: left;}
.point1{position: absolute;top:10px;right: -120px;}
.point1 h2{font-size: 24px; color: #fc6624;font-weight: bold}
.point1 p,.point2 p,.point3 p{color: #666;font-size: 18px; line-height: 30px;}
.point2{position: absolute;top:210px;left: -200px;}
.point2 h2{font-size: 24px; color: #17b9ce;font-weight: bold}
.point3{position: absolute;top:210px;right: -200px;}
.point3 h2{font-size: 24px; color: #24bc96;font-weight: bold}

/*footer*/
.foot{background: #000f2d;padding: 60px 0 20px 0 }
.foot .copy{color:#999; text-align:center; display:block; padding-top:50px; clear:both; font-size:14px;}
.footer li{float: left; position: relative; display: inline-block;width: 31.3%; margin:0 1%;}
.sl{position: absolute;left: 0; width: 60px; height: 60px;float: left;}
.sl img{width: 60px; height: 60px;}
.sr{float: left;font-size: 14px;color: #ccc;line-height: 22px; margin-left: 70px;}

.ff-f{ padding: 100px 0 36px; }
.ff-tit1{ display: inline-block;text-align: center;font-size: 36px; color: #fc6624; margin-bottom:20px; position:relative; font-weight:bold;}
.ff-tit1:after{content: '';display: inline-block;width: 40px; height: 3px; background: #02c2c5;position: absolute; top:60px; left: 0}
.ff-tit2{display: inline-block; text-align: center;font-size: 18px; color: #fc6624; margin-bottom:14px}
.ff-tit3{display: inline-block; text-align: center;font-size: 22px; color: #fff; margin-bottom:14px; background: #fc6624; padding: 4px 20px}

.ff-list{ margin-top: 40px}
.ff-list li{ background: #f9f9f9; width: 31.3%;float: left; margin:0 1%}
.ff-list li:last-child{margin-right: 0}
.ff-list li img{width:100%;height: 234px;  margin-bottom: 40px;}
.ff-name{ padding: 0 30px; margin-bottom:40px}
.ff-name>span{background: #fc6624;color: #fff;font-size: 18px; padding: 1px 10px; margin-right: 20px;}
.ff-name>em{font-style: normal; color: #333;font-size: 18px;}
.ff-name>p{font-style: normal; color: #666;font-size: 15px; margin-top: 20px; line-height: 26px}

.navbar-fix{position: fixed;width: 100%;top:0 ; box-shadow: 0px 2px 15px 0px rgba(161,161,161,0.2);transition: all 0.5s;z-index: 1000;}

@media screen and (max-width:980px){
.container{width:990px;}
.swiper-slide h1,.swiper-slide h2{ font-size:32px;}
.swiper-slide p,.swiper-slide h3{font-size:24px;}
}