html {font-family: "Microsoft Yahei";margin: 0px auto;}
body {background:#fff;color: #333;font-family: "Microsoft Yahei";margin: 0px auto; padding: 0px; line-height:30px; font-size:14px;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,section
{margin: 0px auto; padding: 0px;}
a {color: #333;text-decoration: none;cursor: pointer;text-decoration: none;}
a:hover {color: #0772be;text-decoration: none;cursor: pointer;text-decoration: none;}
.clear::after {height: 0px; clear: both; font-size: 0px; display: block; visibility: hidden; content: " ";}
.clear {-ms-zoom: 1; clear:both}
ol,li,ul,dd,dt{list-style: none;}
img{max-width:100%}
.left {float: left;display: inline;}
.right {float: right;display: inline;}
.logo-nav {width: 1200px;margin: 0px auto; height:110px; overflow:hidden;}
.logo-nav .logo {float: left;width: 271px; padding-top:10px;}
.logo-nav .nav {width:625px;overflow: hidden; float:right}
.logo-nav .nav ul {width:625px; margin:0 auto}
.logo-nav .nav ul li {text-align: center;float: left;width:115px; padding-left:10px;}
.logo-nav .nav ul li a {color:#333; width:115px;font-size: 16px;text-decoration: none;line-height:110px; height:110px; display:block; text-align:center;}
.logo-nav .nav ul li a:hover { color:#fff;text-decoration: none;width:115px;font-size: 16px;text-decoration: none;line-height:110px; height:110px;display:block; text-align:center; background-color:#0772be}
.xian{ background: url(../img/zhongwei_07-09.jpg) repeat-x left top; width:100%; height:10px; overflow:hidden}
#solid{width:100%;height:626px;clear:both;margin-top:0px;position:relative;}
#solid .solid0,#solid .solid1,#solid .solid2{position:absolute;left:0px;top:0px;width:100%;height:626px;display:none;}
#solid .solid0{background:#78c4db;}
#solid .solid1{background:#c5c9db;}
#solid .solid2{background:#e7dfd1;}
#solid ul{margin:0px;padding:0px;list-style:none;	}
#solid ul li{position:absolute;left:0;top:0px;width:100%;height:626px;display:none;cursor:pointer; margin:0 auto;min-width:1200px;}
#solid #btt{width:905px;height:55px;top:575px;left:50%;position:relative;margin-left:-452px;}
#solid #btt span{
	position:absolute;top:15px;left:45%;display:block;width:30px;height:8px;margin:0 15px;	text-align:center;
	background:#3d3d3d;z-index:1000;cursor:pointer;filter:alpha(opacity=70); /*IE滤镜，透明度50%*/-moz-opacity:0.7; /*Firefox私有，透明度50%*/opacity:0.7;}

.jx1 {background-color: #eaeaea;width: 100%;padding-bottom: 40px;margin: 0px auto;}
.work-intro{width: 230px;margin: 0 auto;padding-top: 40px;}
.title-text span {display: block;      /*设置为块级元素会独占一行形成上下居中的效果*/ position: relative;  /*定位横线（当横线的父元素）*/color: #000;      /*居中文字的颜色*/text-align: center; } 
.title-text span h3 {font-size:24px;color: #000;text-transform: uppercase;text-align:center;line-height:30px; font-weight:normal}
.title-text span h4 {font-size: 16px;color: #9f9b9b;font-weight: normal; font-family: Arial;text-transform: uppercase;text-align:center;line-height:30px;}
.title-text span:before, .title-text span:after { 
    content: ''; position: absolute;   /*定位背景横线的位置*/top: 52%; background: #c5c4c4;   /*背景横线颜色*/ width: 20%;            /*单侧横线的长度*/height: 2px; } 
.title-text span:before { left: 2%;              /*调整背景横线的左右距离*/} 
.title-text span:after { right: 2%; }
.jx1 .yw {margin: 0px auto;padding-top: 20px;}
.jx1 .yw ul {width: 100%;margin: 0px auto;}
.jx1 .yw ul li {float: left;width: calc((100% - 80px)/5);padding:0 20px 20px 0;position: relative;     transition: all .5s;}
.jx1 .yw ul li img{ width: 100%; }
.jx1 .yw ul li:nth-child( 5n ){ padding:0 0px 20px 0; }
.jx1 .yw ul li:hover{ margin-top:-10px; }
.jx1 .yw ul li a .an {
	font-size: 18px;font-weight: bold;color: #000;background: url(../img/hs_12.png) no-repeat center center;text-align: center;
	display: block;height: 118px;width: 138px;line-height: 118px;position: absolute;    top: calc(50% - 90px);
    left: calc(50% - 74px);
 padding-bottom:20px;}
.jx1 .yw ul li a:hover .an{color:#0772be
	/*font-size: 18px;font-weight: bold;color: #fff;background: url(../img/hs_16.png) no-repeat center center;
	text-align: center;display: block;height: 118px;width: 138px;line-height: 118px;position: absolute; top:97px; left:37px; padding-bottom:20px;*/}

.wrap{margin:0 auto; width:100%; padding-top:20px;}
.tab{ width:100%; margin:0 auto 0px;}
.tab-hd {overflow:hidden; zoom:1; width:100%; margin:0 auto; display: flex;     justify-content: center; }
.tab-hd li{background:#0665a9; float:left; min-width:130px; color:#fff;padding: 0 20px; text-align:center; cursor:pointer; height:37px; line-height:37px; font-size:16px; margin:0 5px;}
.tab-hd li.active{ background:#000;font-size:16px}
.tab-bd li.nr{display:none; padding:0px;border-top:0 none;}
.tab-bd li.thisclass{ display:list-item;}
.tab-bd li ul {width: 100%;margin: 18px auto 0px;}
.tab-bd li ul li {float: left;width:calc((100% - 36px) /4);padding-right: 12px; padding-top:12px;}
.tab-bd li ul li:nth-child(4n){padding-right: 0;}
.tab-bd li ul li .box {width: 100%;}
.tab-bd > li{display:none; padding:0px;border-top:0 none;}
.he_slideCaptionDown{width:100%;padding:0;margin:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideCaptionDown .he_slideCaptionDown_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;overflow:hidden}
.he_slideCaptionDown .he_slideCaptionDown_caption{color:#fff;background:rgba(0,0,0,0);-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-o-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption{background:rgba(0,0,0,.5);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.he_slideCaptionDown .he_slideCaptionDown_caption,.he_slideCaptionDown .he_slideCaptionDown_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideCaptionDown .he_slideCaptionDown_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:-50%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:0}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption_h{color:#fff;top:25%;opacity:1}
.he_slideCaptionDown .he_slideCaptionDown_caption_p{font-size:1em;text-align:center;width:80%;position:absolute;top:-50%;left:10%;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption_p{color:#fff;top:45%;opacity:1}
.about {background: url(../img/bg1.jpg) no-repeat center top;width: 100%;margin: 40px auto 0px;overflow: hidden;     padding: 0 0 60px;}
.about .gywm {width: 100%;margin: 20px auto 0px;}
.about .lo {float: left;width: 155px;}
.about .gywm #fsD1 .jj {background: url(../img/hs_21-29.png) no-repeat left top;
	height: 89px; padding:28px 20px;width: calc(100% - 40px);position: absolute;left: 0px;top: 0px; color:#000; font-size:16px; line-height:28px; z-index:99; overflow:hidden}
.about .gywm #fsD1 .fl { width:146px; float:right;position: absolute;right: 0px;top: 0px;z-index:999;}
.about .gywm #fsD1 .fl a{width:146px; height:40px; line-height:40px; text-align:center; color:#FFF; display:block; font-size:20px;
 background:rgb(255 255 255 / 40%); margin-top:10px;}
.about .gywm #fsD1 .fl a:hover{width:146px; height:40px; line-height:40px; text-align:center; color:#FFF; display:block; font-size:20px;
 background:rgb(46 123 209 / 40%); margin-top:10px;}

/*焦点图*/
.focus{ position:relative; width: calc(100% - 195px);     float: left;    }  
.focus img{ width:100%;  } 
.focus .shadow .title{width: 760px; height: 35px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:relative; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:50px; line-height: 50px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:16px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:10px; right:20px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#0772BE;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../../img/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}  

.news {background: url(../img/hs_33.jpg) no-repeat center 25px;height: 560px;width: 100%;margin:50px auto 0px auto;}
.news .tab .tab-bd.ne2 ul {width: 100%;margin: 30px auto 0px auto;}
.news .tab .tab-bd.ne2 ul li {background-color: #FFF;padding: 20px; width: calc((100% - 100px) / 2);margin:20px 20px 0px 0 ;}
.news .tab .tab-bd.ne2 ul li:nth-child(2n) { margin:20px 00px 0px 0 ;  }
.news .tab .tab-bd.ne2 .tp {float: left;width: 245px;}
.news .tab .tab-bd.ne2 .wz {float: right;width: 290px;}
.news .tab .tab-bd.ne2 .wz .title {line-height: 35px;height: 35px;width: 290px;overflow: hidden;}
.news .tab .tab-bd.ne2 .wz .date {font-size: 14px;color: #666;}
.news .tab .tab-bd.ne2 .wz .introduct {font-size: 14px;line-height: 25px;color: #999;height: 50px;overflow: hidden;}
.news .tab .tab-bd.ne2 .wz .more{ text-align:right; padding-top:5px;}
.news .tab .tab-bd.ne2 .wz .more a {text-transform: uppercase;color: #F00;text-decoration: none;font-size: 12px;}
.news .tab .tab-bd.ne2 .wz .more a:hover {font-size: 12px;text-transform: uppercase;color: #0772BE;text-decoration: none;}
.news .tab .tab-bd.ne2 .xw2{display:none; padding:0px;border-top:0 none;}
.news .tab .tab-bd.ne2 .thisclass{ display:list-item;}

.ne{zoom:1;   margin:-30px auto 0; z-index:999; display: flex;    justify-content: center;}
.ne li{background:#fff; float:left; width:138px; color:#333; text-align:center; cursor:pointer; height:38px; line-height:38px; font-size:16px; margin:0 5px; border:#D1E5FC solid 1px;}
.ne li.active{ background:#0772BE;font-size:16px; color:#fff;border:#0772BE solid 1px;}
.ne li.nr{display:none; padding:0px;border-top:0 none;}
.ne2 li.thisclass{ display:list-item;}
.ne2 li ul {width: 1212px;margin: 18px auto 0px;}
.ne2 li ul li {float: left;width: 291px;padding-right: 12px; padding-top:12px;}
.ne2 li ul li .box {width: 291px;}

.foot {background-color: #003b78;width: 100%;margin: 0px auto; font-size:14px}
.foot .nr {width: 1200px;margin: 0px auto;padding-bottom: 20px;padding-top: 0px; color:#eaeaea; text-align:center}
.foot .nr a {font-size: 14px;color: #eaeaea;text-decoration: none;}
.foot .nr a:hover {font-size: 14px;color: #ff0;text-decoration: none;}
/*page*/
.page_box {clear: both;padding-top:0px;padding: 40px 0;}
.page-status{ display: none!important; }
@media only screen and (max-width: 640px) {
	.page_box {padding-left: 20px;padding-right: 20px;padding-top: 20px;padding:30px 0;}}
.page {text-align: center;}
.page span {font-size: 12px;color: #fff;display: inline-block;padding: 0px 5px;margin-left: -1px;}
.page a {font-size: 12px;color: #333;background: #fff;display: inline-block;padding:0px 10px; border:#CCC solid 1px;}
.page a:hover,
.page .page-num-current {background: #0772BE; color:#FFF}
.page .absolutepage {}
.page .page_index,
.page .page_end {padding: 5px 24px;}
@media only screen and (max-width: 640px) {.page a,.page .page_index,.page .page_end {padding: 5px 10px;margin-bottom: 10px;}}

.tab-hd2 {    display: flex;     justify-content: center;   flex-wrap: wrap;overflow:hidden; zoom:1; width:100%; margin:0 auto; text-align:center; line-height:35px; border-bottom:#eee solid 1px; padding-bottom:30px;}
.tab-hd2 a{background:#0665a9;color:#fff; text-align:center; cursor:pointer;font-size:16px; margin:0 10px 10px 0; padding:8px 15px; width: calc((100% - 190px)/5);}
.tab-hd2 a:nth-child(5n){ margin:0 0px 10px 0; }
.tab-hd2 a:hover{ background:#000;}
.tab-hd2 a.active{ background:#000; padding:8px 15px;}

.xwlb3 {width: 100%;margin: 15px auto 0px auto; padding-bottom:40px;}
.xwlb3 li {background-color: #eee;padding: 20px;float: left;width: calc((100% - 100px)/2);margin-right: 20px;margin-top: 20px;}
.xwlb3 li:nth-child(2n){ margin-right: 0;  }
.xwlb3 .tp {float: left;width: 245px;}
.xwlb3 .wz {float: right;width: 290px;}
.xwlb3 .wz .title {line-height: 35px;height: 35px;width: 290px;overflow: hidden;}
.xwlb3 .wz .date {font-size: 14px;color: #666;}
.xwlb3 .wz .introduct {font-size: 14px;line-height: 25px;color: #999;height: 50px;overflow: hidden;}
.xwlb3 .wz .more{ text-align:right; padding-top:5px;}
.xwlb3 .wz .more a {text-transform: uppercase;color: #F00;text-decoration: none;font-size: 12px;}
.xwlb3 .wz .more a:hover {font-size: 12px;text-transform: uppercase;color: #0772BE;text-decoration: none;}
.dpxq{ padding:30px 0px 40px 0px; width:100%;}

#tabbox{ width: 40%; height: 100%; position: relative;}
.imgbg{width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: #000;  opacity:0;filter(alpha=0)}
.imgbg:hover{ opacity:0.4;filter(alpha=40)}

.dpxq .xwxq {width:100%; margin:0 auto}
.dpxq .xwxq .bt2 {font-size: 24px;font-weight: normal;color: #333;border-bottom: 1px dashed #eee;padding: 0px 0px 10px 0px;line-height: 35px;width:100%; text-align:center}
.dpxq .xwxq .rq {color: #999;width: 1200px;padding-top: 8px; text-align:left; line-height:20px;text-align:center}
.dpxq .xwxq .nrxq {line-height: 30px;color: #333;width:100%;padding-top: 20px; padding-bottom:5px;}
.dpxq .xwxq .nrxq img{ max-width:100%}
.dpxq .xwxq .nrxq p{ padding-bottom:15px;}
.dpxq .sxp {width: 100%;margin: 0px auto;padding-top: 15px;border-top: 1px dashed #eee;}
.dpxq .xwxq .tp{ width:100%; text-align:center; padding:30px 0px 0px 0px;}


/***************************************************************/
.w1200 { max-width:1200px; margin: 0 auto; width:95%;}
.header{ position: fixed; top: 0; z-index: 999; width: 100%;     box-shadow: 0 .125rem .25rem rgba(0,0,0,.3)!important;}

.header .p_item11{flex: 1;    max-width: 100%;    max-height: 100%;}
.header .p_item11 p{ color: #fff; font-size: 15px; }
.header .p_item11 .p0{background-image: url(../img/t5.png);
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 38px;}

.header .p_item1{    display: flex;
    flex-wrap: wrap;
    flex-direction: row;    justify-content: flex-end;
    width: 100%;
    display-radio: flex;
    max-width: 100%;
    margin-right: 0;
    margin-left: auto;}
.header .p_item1 p{    max-width: 455px;     flex: 0 0 30%;}
.header .p_item11 .p1{background-image: url(../img/t6.png);  
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 38px;}
.header .p_item11 .p2{background-image: url(../img/t7.png);    
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 38px;}


.head{ background: #fff;    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%; }

.head .w{
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    display-radio: flex;
    margin-left: auto;
    margin-right: auto;
    height: 100px;
}





.head .logo{    flex:1;    align-self: center;     display: flex;    align-items: center;}

.head .logo a{ position: relative;  transition: all .5s;    -webkit-transition: all .5s;}


.p_navContent {    align-self: center;    flex: 0 0 70%;    max-width: 100%;    max-height: 100%;     }

.p_navContent .p_level1Box{display: flex;    justify-content: flex-end;     align-self: center; width: 100%;}
.p_navContent li{ position: relative;  }
.p_navContent li > a{color: #333;    font-weight: 400;     padding: 0 25px;    font-size: 17px !important;    line-height: 100px;    display: block;    text-align: center;}
.p_navContent li > a.cur { color:#fff;text-decoration: none;font-size: 16px;text-decoration: none;line-height:100px; height:100px;display:block; text-align:center; background-color:#0772be}


.m_head{ display: none; }
.m_nav_list{ display: none; }
@media screen and (max-width:1500px){

    .header .p_item1 p {     max-width: auto; flex: 0 0 calc(50% - 40px);}
    .head .logo a:nth-child(2){ display: none; }
    .head .logo {    flex: 0 0 15%;}
    .head .logo a.a1::before{ display: none; }
    .p_navContent li > a{  font-size: 15px; }

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

    .header{ display: none; }

    .m_head{ width: 100%; position: fixed;  top: 0; left: 0; right: 0; z-index: 8; background: #fff; display: block;}
    .m_head .w{display: flex;    flex-wrap: wrap;    flex-direction: row;    margin-left: auto;    margin-right: auto;    height: 65px;     justify-content: space-between;}
    .m_head .logo{    flex: inherit;  width: 30%;  align-self: center;     display: flex;    justify-content: space-around;     align-items: center; margin: 0;}

.m_head .logo a{ position: relative;  transition: all .5s;    -webkit-transition: all .5s;}
.m_head .logo a img{ width: 100%; }
.m_head .logo a:nth-child(1){ align-self: center; flex: 42% }
.m_head .logo a:nth-child(2){  max-width: 100%;    max-height: 100%; margin-left: auto;      flex: 34%;    display: flex;  }
.m_head .logo a:nth-child(2) img{    display: block;  }
.m_head .ss {
      flex: 0 0 20%;
      padding: 15px;
      cursor: pointer;
      -webkit-transition: 0.3s;
      transition: 0.3s;
    }
    .menu-button {
      position: absolute;
      top: 0px;
      right: 0px;
      padding:20px 15px;
      cursor: pointer;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      background-color: #0665a9;
    }

    .menu-button .bar:nth-of-type(1) {
      margin-top: 0px;
    }

    .menu-button .bar:nth-of-type(3) {
      margin-bottom: 0px;
    }

    .bar {
      position: relative;
      display: block;

      width: 30px;
      height: 5px;

      margin: 5px auto;
      background-color: #fff;

      border-radius: 10px;

      -webkit-transition: 0.3s;
      transition: 0.3s;
    }

    .cross .bar:nth-of-type(1) {
      -webkit-transform: translateY(15px) rotate(-45deg);
      -ms-transform: translateY(15px) rotate(-45deg);
      transform: translateY(15px) rotate(-45deg);
      top: -5px;
    }

    .cross .bar:nth-of-type(2) {
      opacity: 0;
    }

    .cross .bar:nth-of-type(3) {
      -webkit-transform: translateY(-15px) rotate(45deg);
      -ms-transform: translateY(-15px) rotate(45deg);
      transform: translateY(-15px) rotate(45deg);
      top: 5px;
    }
    .m_nav_list{ display: block; transition: all .5s;position: fixed; left: 100%; top: 0; width: 100%; height: 100%; z-index: 99; background: #fff; padding: 65px 0 0;  }
    .m_nav_list a{ display: block; width: 90%; line-height: 3; margin: 0 auto; text-align: center; font-size: 16px; border-bottom: 1px dashed #ccc;  }
    .m_nav_list.on{ left: 0;  }
}


 .banner{ margin: 100px 0 0;     display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;}

.banner_t{ position: absolute;  }
.banner_t h1{    color: #fff;    font-size: 44px;    font-weight: 700;    line-height: 1.5;    text-align: center;}
.banner_t p{    font-size: 18px;    text-align: center;    color: #fff;    line-height: 2;}
.banner_t hr{   background: #dc2226;    width: 40px;    height: 4px;}
 .banner .swiper {
      width: 100%;
      height: 100%;
    }

 .banner .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%!important;
    }

 .banner .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

 .banner .swiper-pagination-bullet{  background: #fff!important; width: 30px; height: 8px; opacity: 1;  border-radius:inherit!important;}
 .banner .swiper-pagination-bullet-active{ background: #0772be!important; }

 .swiper-button-next, .swiper-button-prev{ color: #fff!important; background: #0665a9; border-radius: 50px; width: 50px; height: 50px;  }
 .swiper-button-next:after, .swiper-button-prev:after {font-size: 24px; }

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

     .banner{ margin: 65px 0 0; width: 100%;}
     .swiper-button-next, .swiper-button-prev {
    color: #fff !important;
    background: #0665a9;
    border-radius: 50px;
    width: 20px;
    height: 20px;
    display: none;
}
.banner .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    opacity: 1;
}
.banner_t h1{ font-size: 16px;  }
.banner_t p{ font-size: 12px;  }
}



.sideBar {
      position: fixed;
      right: 0;
      top: 40%;
      transform: translateY(-50%);
      z-index: 998;
  }

  .side1 {
      width: 50px;
      height: 150px;
      background: #d61819;
      text-align: center;
      transition: all 0.5s;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .side1 a,
  .side1 img,
  .side1 i,
  .side1 span {
      display: block;
  }

  .side1 img {      margin: 0 auto;  }

  .side1 i {      margin: 10px auto;      width: 1px;      height: 20px;      background: #fff;      transition: all 0.5s ease;  }

  .side1 span {
      color: #fff;
      font-size: 14px;
      writing-mode: vertical-lr;
      margin: 0 auto;
      letter-spacing: 2px;
  }

  .side1:hover {      background:#0665a9;  }

  .side1:hover a img {      animation: jitter 0.5s;  }

  .side {      height: 50px;      position: absolute;      transition: all 0.5s;  }

  .side a {
      display: block;
      height: 50px;
      font-size: 0;
  }

  .side i,
  .side span {
      display: inline-block;
      vertical-align: middle;
      height: 100%;
      line-height: 50px;
  }

  .side i {
      width: 50px;
      text-align: center;
      background: #d61819;
      transition: all 0.3s;
  }

  .side i img {      vertical-align: middle;  }

  .side span {
      text-align: center;
      line-height: 50px;
      background: #232323;
      font-size: 13px;
      color: #fff;
      transition: all 1s;
  }

  .side2 {      top: 151px;      right: -140px;      width: 190px;  }
  .side2 span {      width: 140px;  }
  .side3 {      right: -190px;      width: 240px;      top: 202px;  }
  .side3 span {      width: 190px;  }
  .side4 {      right: -140px;      width: 190px;      top: 253px;  }

  .side4 span {      width: 140px;  }


  .side5 {
      right: -90px;
      width: 140px;
      top: 253px;
      cursor: pointer;
  }

  .side5 span {
      width: 90px;
      font-size: 14px;
  }

  .qcodePic {
      width: 100%;
      position: absolute;
      top: 50px;
      left: 0;
      display: none;
      z-index: 99;
      text-align: center;
      background: #fff;
      border: 1px solid #e5e5e5;
  }

  .side5:hover .qcodePic {
      display: block;
  }

  .side6 {
      right: -90px;
      width: 140px;
      top: 305px;
      cursor: pointer;
  }

  .side6 span {
      width: 90px;
      font-size: 14px;
  }

  .side:hover {
      right: 0;
  }

  .side:hover i {
      background: #0665a9;
  }

  @media only screen and (max-width: 1200px) {
      .sideBar {
          display: block;
      }

      .m-foot {
          display: block;
      }

      .wyz {
          display: block;
      }

  }

.dpxq li{ float: left; margin: 0 10px 10px 0; width: calc((100% - 30px) / 4); }
.dpxq li:nth-child(4n){ margin: 0 0 10px 0; }


.contact{ position: relative; padding: 0!important;  margin: 30px 0; display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;}
.contact_t{      position: absolute;
    top: 15%;
    left: 0;
    width: 50%;
    background: rgb(0 59 120 / 58%);
    text-indent: 80px;
    font-size: 18px;
    color: #fff;
    line-height: 32px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: center;    height: 70%;
   }
.contact::before{ content: ""; position: absolute; top: 25%; left: 4%; width: 18px; height: 18px; background:#d61819;  z-index: 9}
.contact_t p{ width: 100%; display: block; }



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

.title-text span h3{font-size: 18px;}
.jx1 .yw ul li a .an{ font-size: 14px; background-size: 80%;  }

.title-text span h4{ font-size: 12px; }
.lo{ display: none; }
.about .gywm #fsD1 .fl{ display: none; }

.about .gywm #fsD1 .jj{ height: 100%; background:rgb(255 255 255 / 40%) ; font-size: 14px; overflow: inherit; }
.focus .fPic{ position: relative; }
.focus .fcon{float: none;}
.focus{ width: 100%; }
.news .tab .tab-bd.ne2 ul li:nth-child(n+3){ display: none; }
.news .tab .tab-bd.ne2 ul li{margin: 0 0 20px; width: calc(100% - 40px); }
#tabbox{ display: none; }
.news .tab .tab-bd.ne2 .wz{ float: none; width: 100%  }
.news .tab .tab-bd.ne2 .wz .title{width: 100%}
.foot .nr{ width: 100%; }
.xwlb3 li{width: calc(100% - 40px);}
.xwlb3 .wz{ width: 100%; }
.xwlb3 .wz .title{ width: 100%; }

.tab-hd2{line-height:24px;}
.tab-hd2 a{width: calc((100% - 110px)/3); font-size: 12px;}
.dpxq li {    float: left;    margin: 0 10px 10px 0;    width: calc((100% - 10px) / 2);}
.dpxq li:nth-child(2n){ margin: 0 0px 10px 0;  }
.tab-hd2 a.active{ margin: 0 10px 10px 0;  }
.tab-hd2 a:nth-child(3n){ margin:0 0px 10px 0; }
.contact_t{ position: relative;  width: calc(100% - 20px);     text-indent: 0px; padding: 40px 20px; font-size: 14px;}

  }

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

    	.jx1 .yw ul li {width: calc((100% - 20px)/2);padding:0 20px 20px 0;position: relative;     transition: all .5s;}
		.jx1 .yw ul li:nth-child( 2n ){ padding:0 0px 20px 0; }
		.jx1 .yw ul li:nth-child( 5 ){ display: none; }
		.jx1 .yw ul li a .an{ font-size: 14px; background-size: 80%;  }
        .tab-hd {flex-wrap: wrap;}
		.tab-hd li{width: calc((100% - 100px)/2);margin:0 10px 10px 0;}
		.tab-hd li:nth-child( 2n ){ margin:0 0px 10px 0;}


		.tab-bd li ul li {width: calc((100% - 20px)/2);padding:0 20px 20px 0;position: relative;     transition: all .5s;}
		.tab-bd li ul li:nth-child( 2n ){ padding:0 0px 20px 0; }
    }