html,body,div,ul,li,a,dl,dd,dt,input,p,h1,h2,h3,h4,h5,h6,form,img{

    margin: 0; padding: 0; box-sizing:border-box;

    -moz-box-sizing:border-box; /* Firefox */

    -webkit-box-sizing:border-box; /* Safari */

}
.jszcbox{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.jszcbox .jszctext{
	width: 75px;
}
.jszcbox .jszcimg{
	width: 50px;
}


html,body{

    font-family:Microsoft Yahei, Arial, Helvetica, sans-serif;color:#666; font-size: 12px;

    -webkit-text-size-adjust: none;  -moz-text-size-adjust: none;  -ms-text-size-adjust: none;

    -o-text-size-adjust: none;  text-size-adjust: none;

}

h1,h2,h3,h4,h5,h6{ font-weight:normal;}

input,textarea,select,button,area {

    appearance:button;

    -moz-appearance:button;

    -webkit-appearance:button;

    outline:none;

    font-family:'Microsoft YaHei';

}

ul,li,dl,dd,dt{list-style: none;}

a{  text-decoration:none;  color:#666;

    -webkit-transition: all ease-in .2s;

    -ms-transition: all ease-in .2s;

    -moz-transition: all ease-in .2s;

    -o-transition: all ease-in .2s;

    transition: all ease-in .2s;

}

img{line-height: 0;border: 0; vertical-align: middle;}

.clearfix { *zoom:1;}

.clearfix:before, .clearfix:after {content: "";display: table;}

.clearfix:after {clear: both;}

.l{ float:left;}

.r{ float:right;}

.section{ width:94%; max-width:1200px; margin:auto;overflow:hidden; }



.header{width: 100%;height: 85px; position: fixed; z-index: 9999; top: 0; background: #fff;}

.header .logo{float: left;height: 60px;margin: 13px 0 12px 0;}

.header .menu{float: right;height: 74px;margin: 11px 0 0 0;overflow: hidden;}

.header .menu ul{width: 100%;height: 100%;}

.header .menu ul li{float: left;height: 74px;}

.header .menu ul li a{ display:block;float: left;height: 74px;padding: 0 19px 7px 19px;line-height: 60px;font-size: 14px;color:#323232; text-align: center; background: url("../top_img1.png") no-repeat center bottom;}

.header .menu ul li a:hover{color: #00a0bc; background: url("../top_img2.png") no-repeat center bottom;}

.header .menu ul li a.menunow{ background: url("../top_img2.png") no-repeat center bottom;}







.banner{width:100%; position:relative; overflow:hidden; margin-top: 85px;}

.banner_bar{ width:100%; margin:0 auto;}

.n_banner{ width:100%; overflow:hidden; position:relative;}

.banner ul{ width:100%; position:relative;  }

.banner ul li{ width:100%; position:absolute; max-height: 450px;  left:0; top:0; }

.banner ul li img{max-width: 100%;}

.banner ul li.on{z-index:2;}

.banner .num{ position:absolute; width:100%; height:12px; bottom:5%; left:0; text-align:center; z-index:3;}

.banner .num a{ width:12px; height:12px; display:inline-block; background:#585858; border-radius:10px; margin:0 5px;}

.banner .num a.on{ background:#1f79cd}

.banner li img {    display: block;}





.introduce{overflow:hidden;padding: 34px 0 46px 0;}

.introduce .title{width: 100%;height: 45px;line-height: 45px;color: #333333;font-size: 24px;text-align: center;}

.introduce .title-text{width: 100%;padding: 5px 0;color: #787878;line-height: 21px;text-align: center;font-size: 13.5px;}

.introduce .introduce-nav{width: 100%;margin: 23px 0 0 0;}

.introduce .introduce-nav li{float: left;width: 25%;border-right: 1px solid #cccccc;}

.introduce .introduce-nav li .n-l{float: left;width: 41px;height: 47px;margin: 7px 0 8px 15%;}

.introduce .introduce-nav li .n-l a{float: left;width: 41px;height: 47px;background: url(../main_img1.png) no-repeat;}

.introduce .introduce-nav li:nth-of-type(2) .n-l a{background: url(../main_img4.png) no-repeat;}

.introduce .introduce-nav li:nth-of-type(3) .n-l a{background: url(../main_img5.png) no-repeat;}

.introduce .introduce-nav li:nth-of-type(4) .n-l a{background: url(../main_img6.png) no-repeat;}

.introduce .introduce-nav li:last-child{border-right:none;}

.introduce .introduce-nav li .n-m{float: left;width: 46%;}

.introduce .introduce-nav li .n-m .n-m-l{float: left;width: 100%;margin: 12px 0 0 0;}

.introduce .introduce-nav li .n-m .n-m-l a{float: left;width: 100%;color: #333333;font-size: 14px;line-height: 20px;text-align: center;font-weight: bold;}

.introduce .introduce-nav li .n-m .n-m-r{float: left;width: 100%;}

.introduce .introduce-nav li .n-m .n-m-r a{float: left;width: 100%;color: #969696;font-size: 12px;line-height: 13px;text-align: center;font-family: Arial, Helvetica}

.introduce .introduce-nav li .n-r{float: left;width: 17px;height: 17px;margin: 22px 0 0 0;background: url(../main_img2.png) no-repeat;}



.warp{width: 100%;overflow: hidden;}

.duty-box{width: 100%; height: 658px; background:url("../main_img7.jpg") no-repeat center ;}



.duty-box .duty-title {width: 100%; padding: 30px 0  120px 0;color: #fff; text-align: center;  line-height: 45px;}

.duty-box .duty-title h3{font-size: 24px;   }

.duty-box .duty-title em{ display: block; width: 50px; height: 1px;  margin:auto; background: #bfb4b6;}

.duty-box .duty-txt-left{width: 420px; float: left;  color: #ffffff;  line-height: 24px;  margin: 15px 0 0 0;}

.duty-box .duty-txt-right{width: 420px; float: right; color: #ffffff;  line-height: 24px;  margin: 15px 0 0 0;}



.i-solution{width: 100%; margin:30px 0; background: #fff; overflow: hidden; }

.i-solution h3{    width: 100%;  height: 45px;  line-height: 45px;  color: #333333;  font-size: 24px;  text-align: center;}

.i-solution h5{ width: 100%;  padding: 5px 0;  color: #787878;  line-height: 21px;  text-align: center;}

.i-solution ul{width: 94%; margin:30px auto; font-size: 0;}

.i-solution ul li{display: inline-block; vertical-align: top;width: 32.666%; margin: 0 1% 30px 0;   background-color: #006CB7;}

.i-solution ul li:nth-child(3){ margin: 0 0 30px 0;   }

.i-solution ul li a{ display: block; width: 100%;}

.i-solution ul li img{width: 100%; height: 189px;}

.i-solution .solution-txt{width: 100%;color: #fff; overflow: hidden; padding:10px 20px;}

.i-solution .solution-txt p{  font-size: 18px;  width: 100%;  height: 30px;  overflow: hidden; line-height: 30px; }

.i-solution .solution-txt span{ float: left; font-size: 14px;   width: 97px;  height: 28px;  line-height: 26px;  border: #ace0ed solid 1px;  color: #ace0ed;  padding-left: 18px; background: url(../main_img12.png) 57px center no-repeat;  }







.i-news-list{width: 100%; margin:30px 0; background: #fff; overflow: hidden; }

.i-news-list h3{    width: 100%;  height: 45px;  line-height: 45px;  color: #333333;  font-size: 24px;  text-align: center;}

.i-news-list h5{ width: 100%;  padding: 5px 0;  color: #787878;  line-height: 21px;  text-align: center;}

.i-news-list ul{width: 48%; margin: 30px 1% ;  float: left; background-color: #f1f1f1; padding-bottom: 10px;}

.i-news-list ul h2{ background-color: #006CB7; font-size: 18px; color: #fff; line-height: 50px; text-indent: 1em;}

.i-news-list ul li{ width:92%; margin: auto; color: #808080;  overflow: hidden; border-bottom:1px solid #999;}

.i-news-list ul li a{ display: block; font-size: 14px;  width:80%;  float: left;

    overflow: hidden;  color: #333333;height: 40px; line-height: 40px; float: left;}

.i-news-list ul li span{ float: left; display: block; font-size: 12px; float: left;  width: 20%; line-height: 40px; }

.i-news-list ul li:hover{ color: #222;}







.n-ban{width: 100%;height:504px; position: relative; }

.a-ban{background: url("../a-ban.jpg") no-repeat center center;}

.s-ban{background: url("../s-ban.jpg") no-repeat center center;}

.all-ban{background: url("../all-ban.jpg") no-repeat center center;}



.n-ban .s-menu{width:100%;position: absolute; bottom: 90px;text-align: center ; }

.n-ban .s-menu a{border: 1px solid #fff;color: #fff; padding: 5px 40px; margin: 0 15px; font-size: 14px;}

.n-ban .s-menu a:hover{ background: #00a0bc; }



.n-main{background: #f6f6f6; padding: 45px 0 85px 0; overflow: hidden;}

.n-main h1{ display: block;  margin:0 auto; color: #333333;  font-size: 24px;  text-align: center;  line-height: 45px;  }

.n-main .main-content{ line-height: 25px;  color: rgb(51, 51, 51);  font-size: 15px; margin: 50px 0;}



.n-main .n-main-content{background: #fff; margin: 30px 0; padding: 50px 0;}

.n-main .n-main-content dl{width:94%;display: inline-block; margin:0 3% 15px 3%;border-bottom: 1px solid #eee; padding: 8px 10px;

    box-sizing: border-box; -webkit-box-sizing: border-box;-mos-box-sizing: border-box; vertical-align: top; overflow: hidden; color: #808080;}

.n-main .n-main-content dl dt{width: 73%;float: left;   font-size: 12px; line-height: 25px; padding: 18px 5px;}

.n-main .n-main-content dl dt span{ font-size: 14px;  }

.n-main .n-main-content dl dt a{display: block;font-size: 14px; line-height: 22px; height: 22px; overflow: hidden; color: #333;}

.n-main .n-main-content dl dt p{ font-size: 12px; }

.n-main .n-main-content dl dd{width: 25%;float: left; margin-left: 2%;}

.n-main .n-main-content dl dd img{max-width: 100%;}

.n-main .n-main-content-con{background: #fff; margin: 30px 0;padding: 50px 30px; line-height: 25px;}



.n-main .news-list{width: 100%; margin-top:30px; background: #fff; overflow: hidden; padding: 60px 0; }

.n-main .news-list h3{    float: left;  width: 100%;  padding: 0 42px;  color: #00a0bc;  font-size: 24px;  line-height: 40px;}

.n-main .news-list ul{width: 94%; margin: auto; font-size: 0;}

.n-main .news-list ul li{display: inline-block; vertical-align: top;width: 31%; margin-right: 2%;}

.n-main .news-list ul li a{ display: block; font-size: 14px;  width: 100%;  height: 59px;  padding: 0 0 10px 0;  border-bottom: #00a0bc solid 1px;float: left;   overflow: hidden;  color: #333333; line-height: 24px;}

.n-main .news-list ul li p{  font-size: 12px; float: left;  width: 100%;  height: 48px;  overflow: hidden;  margin: 13px 0 0 0;  color: #808080;  line-height: 24px; }

.n-main .news-list ul li span{font-size: 12px; float: left;  width: 100%;  color: #808080;  line-height: 24px; }



.qt-pagination{ width:94%; margin:auto; overflow:hidden; padding:30px 0px; text-align:center;}

.qt-pagination a{background-color: #fff;border: 1px solid #e3e3e3;padding: 0 10px;margin-right: 3px; min-width: 30px;  height: 30px;   line-height: 30px;   display: inline-block;   text-align: center;}

.qt-pagination  .pages{ background:#00a0bc; color:#fff;}





.footer{width: 100%; background: url("../down_img1.jpg") no-repeat center;height: 380px;color:#fff; padding: 50px 0; background-size: cover;}

.footer .f-top{width: 100%; border-bottom: 1px solid #666; padding: 20px 0 50px 0;}

.footer .f-top .f-t-left{width: 100%; float: left;}

.footer .f-top .f-t-left a{ display:inline-block; margin-right: 35px; font-size: 14px;}

.footer .f-top .f-t-right{float: right;  width: 215px;}

.pz_select_2 {  float: left;  width: 215px;  height: 35px; cursor: pointer;  position: relative;  line-height: 35px;  z-index: 1; background:#00abc0 url(../down_img2.jpg) right no-repeat; }

.pz_select_2 span {  float: left;  width: 215px;  height: 35px;  padding: 0 35px 0 17px;  line-height: 35px;  color: #fff;  font-size: 12px;  background: url(../down_img2.jpg) right no-repeat;}

.pz_select_2:hover span {  background: url(../down_img2.jpg) right no-repeat;  color: #fff;}

.pz_select_2 ul {  width: 215px;  background: #e0f1f7;  position: absolute;  display: none;  left: 0px;  top: 35px;  z-index: 200;  overflow-y: hidden;  box-sizing: border-box;}

.pz_select_2 li {    float: left;    width: 215px;    padding: 0 17px 0 17px;}

.pz_select_2 li a {    width: 100%;    display: block;    line-height: 32px;    font-size: 13px;    color: #424242;    border-bottom: #f5f5f5 solid 1px;}

.pz_select_2 .option {    background: #fff}

.pz_select_2 .option a {    color: #424242;    font-size: 13px;}

.pz_select_2 .option a:hover {    color: #0091a5;}

.pz_select_2:hover {    background-color: #00abc0;}

.footer .f-bot{width: 100%; padding-top: 50px;}

.footer .f-bot .f-b-left{ line-height: 25px;}

.footer a{ color:#fff;}

.f-t-left ul li{ float:left; }



@media (max-width:999px){

    /*banner*/

    .banner{ margin:0;}

    .banner_bar{ width:100%;}

    .n_banner{ width:100%; margin:0; height:auto;}

    .banner ul{height:450px;}

    .banner ul li{height:450px;}



}





/*鎵嬫満*/

@media (max-width:767px) {

    .banner ul{height:320px;}

    .banner ul li{height:320px;}

}



/*鎵嬫満480*/

@media (max-width: 479px) {

}



<!--灏忕攧鍚庢湡淇敼-->
#swfgs{margin-bottom:30px;}
#swfgs li{width: 30%;display: inline-block;padding: 1.55%;background: #ccc;}