@charset="UTF-8"*{padding: 0; margin: 0;}
img{border:none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
ul,li,ol{list-style: none;padding: 0; margin: 0;}
body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, pre, fieldset, textarea, th, td{ margin: 0;padding: 0;}
a {outline: none;}
a:active {star:expression(this.onFocus=this.blur());}
:focus { outline:0; }

header,nav,section,footer{display: block;}
a{color: #1e1e1e;}
a:hover{color: #0b5fa0;}
.clearfix:after{display: block; content: ""; clear: both;}
.clearfix{zoom:1;}
.aligncenter{width:1200px; margin:0 auto;  }
.aligncenter_head{display: flex; justify-content: space-between;    align-items: center;}
.l{float: left;}
.r{float: right;}

body{ color: #1e1e1e; font: 14px/28px 微软雅黑, 宋体, 黑体, "Helvetica Neue", Tahoma, Arial, "Hiragino Sans GB";}

header{height: 233px;}
.head_top{height: 40px; line-height: 40px;}

.time{margin-left: 75px;}
.tq{margin-left: 75px; height: 40px; overflow: hidden;}

.ss form{height: 30px; width: 250px; position: relative; }
.ss input{background-color: #f8f8f8; width: 240px; border: none; height: 30px; line-height: 30px;
 padding-left: 10px; color:#1f120f; font-size: 14px;}
.ss button{background: url(../images/ss.png) no-repeat center; position: absolute; 
right: 4px; top: 7px;width: 25px;height: 25px; border: none; cursor:pointer;}

.head_center{background:url(../images/head_bj.jpg); height: 123px;}
.logo{}
.logo img{display: block; margin: 16px 0 0 6px;}
.tel{background: url(../images/tel.png) no-repeat left center; padding-left: 35px;margin: 48px 0 0 0;}
.tel span{color: #0b5fa0; font-size: 21px; line-height: 60px; font-weight: bold;}

.head_bottom{width: 100%; z-index: 20;
 background-color: #0b5fa0; height: 70px; font-size: 24px; color: #fff;}
.head_bottom ul{height: 70px;}
.head_bottom ul li{float: left; width: 14.2%; height: 62px; line-height: 62px;
 margin-top: 4px; text-align: center;}
.head_bottom ul li:hover,.head_bottom ul li.on{background-color: #fff;}
.head_bottom ul li:hover a{color: #0b5fa0;}
.head_bottom ul li a{color: #fff; display: block; height: 70px;}

.fullSlide {width:100%;position:relative;height:430px;background:#000;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:430px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:430px;}
.fullSlide .bd li img{width:100%;height:100%;}

.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {
  cursor:pointer;
  display:inline-block;
  *display:inline;
  zoom:1;
  width:42px;
  height:11px;
  margin:1px;
  overflow:hidden;
  background:#000;
  filter:alpha(opacity=50);
  opacity:0.5;
  line-height:999px;
}
.fullSlide .hd ul .on {
  background:#0b5fa0;
}
.fullSlide .prev,.fullSlide .next {
  display:block;
  position:absolute;
  z-index:1;
  top:50%;
  margin-top:-30px;
  left:15%;
  z-index:1;
  width:40px;
  height:60px;
  background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;
  cursor:pointer;
  filter:alpha(opacity=50);
  opacity:0.5;
  display:none;
}
.fullSlide .next {
  left:auto;
  right:15%;
  background-position:-6px -137px;
}

.fullSlide .bd ul{height:430px !important;}


/*demo1*/
.demo1{margin: 65px 0 60px; }
.demo1_con{width: 98%; margin: 20px 1% 0;}
.demo1_l{float: left; width: 28.5%;}
.demo1_l img{display: block;}
.demo1_r{float: right; width: 65.5%;}
.demo1_r h6{font-size: 18px; height: 160px; font-weight: 500; line-height: 40px; text-indent: 2em;}
.demo1_r a{display: block; background-color: #f1f2f2; margin-top: 10px; transition: all .6s;
width: 121px; height: 30px; line-height: 30px; text-align: center; color: #0b5fa0;}
.demo1_r a:hover{margin-left: 10px; padding-left: 10px;}
.demo1_r h2{  font-weight: normal;  line-height: 36px;}

/*demo2*/
.demo2{background: url(../images/dftd_bj.jpg) no-repeat center; padding-top: 30px; height: 360px;}

.demo2 ul{width: 1200px;margin: 0 auto;padding-top: 50px;}
.demo2 ul li{display: inline-block;width: 190px;margin: 0 3px;text-align: center;}
.demo2 ul li .dm2quan{width: 160px;height: 160px;background-color: rgba(255,255,255,0.2);border-radius: 50%;line-height: 160px;padding-top: 30px;box-sizing: border-box;margin: 0 auto;}
.demo2 ul li .dm2quan img{width: 45%;}
.demo2 ul li p{color: #FFFFFF;font-size: 26px;margin-top: 20px;}

.znzt{ position: relative;}

#div1{ width: 90%; /* height: 288px; */ position: relative; margin:0 auto;overflow: hidden;}
#div1 ul { /* width: 100%; */ position: relative; }
#div1 ul li {float: left; padding: 10px 15px 0; margin: 1px 10px; transition: all .6s;}
#div1 ul li img {display: block; width: 167px;  height: 242px; vertical-align:middle; }
#div1 ul li:hover{box-shadow: 0 0 8px #000;}
#div1 ul li span{display: block; text-align: center; font-size: 18px; height: 34px; line-height: 34px;}

.znzt-fx a{display: block; margin:0 auto; width: 21px;height: 97px; 
cursor:pointer; position: absolute; top:25px;}
.znzt-a1{left: 10px; background: url(../images/left.png) no-repeat center;}
.znzt-a2{right: 10px; background: url(../images/right.png) no-repeat center;}

/*demo3*/
.demo3{margin-top: 25px; margin-bottom: 50px;}
.demo3_box{margin-top: 24px;}
.demo3_l{float: left; width: 47.5%;}
.demo3_r{float: right; width: 47.5%;}

.demo3_one_l{float: left; width: 222px; height: 148px; overflow: hidden;}
.demo3_one_l img{display: block; width: 100%; height: 148px;
      transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;}
.demo3_one_l img:hover{
            transform: scale(1.1);
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -o-transform: scale(1.1);
            -ms-transform: scale(1.1);} 

.demo3_one_r{float: right; width: 58%;}
.demo3_one_r h3{font-size: 18px;}
.demo3_one_r h5{font-size: 14px; color: #8d8c8c; font-weight: 500; line-height: 26px;
text-indent: 2em; text-align: justify; margin-top: 14px;}

/* .demo3 ul{margin-top: 16px; padding-top: 16px; border-top:1px dashed #abaaaa;}
.demo3 ul li{width: 98%; margin: 0 auto;
  background: url(../images/yjt.png) no-repeat left center; padding-left: 22px;}
.demo3 ul li span{float: right;} */

/*demo4*/
.demo4{background-color: #f5f5f5; padding-top: 30px; padding-bottom: 20px;}
.demo4_1,.demo4_2 {float: left; width: 166px; height: 120px; border:1px solid #efefef;
 background-color: #fff; margin: 24px 20px 0 0; transition: all .6s; cursor: pointer;}
.demo4_1 img,.demo4_2 img{width:102px; height:102px;}
.demo4_1:hover,.demo4_2:hover{box-shadow: 0 0 3px #000;}
.demo4_1 img,.demo4_2 img{display: block; float: left; margin: 10px;}
.demo4_1 p,.demo4_2 p{float: left; width: 18px; color: #0b5fa0; line-height: 15px; text-align: center;}

.demo4_3{float: left; margin-top: 25px; font-size: 18px; font-family: Microsoft JhengHei;}
.demo4_3 p{line-height: 42px;}
.demo4_4{float: right; width: 380px; height: 160px;}

.title_z{text-align: center; background: url(../images/xian.png) no-repeat center 20px;}
.title_z span{font-size: 30px; }
.title_y{text-align: center; color: #c2c4c4; font-size: 18px; 
font-family: FangSong; }

footer{margin-top: 3px; }
.friendlink{background-color: #0b5fa0; color: #fff; height: 58px; line-height: 58px;}
.friendlink p{float: left; width: 125px; text-align: center; font-size: 24px;}
.friendlink ul{float: left; margin-top: 20px; border-left:1px solid #fff; font-size: 16px;}
.friendlink ul li{float: left; margin-left: 24px; line-height: 17px;}
.friendlink a{color: #fff; display: flex; align-items: center;}
.friendlink a:hover{color: #fff;}
.friendlink a>img{    margin-right: 6px;}

.foot{text-align: center; height: 50px; line-height: 50px;}
.foot span{margin-right: 20px;}

/*lis*/
.demo_lis{margin: 50px auto;}
.lis_title{text-align: center;}
.lis_title ul{margin: 50px auto; border:2px solid #dbdbdb; display: inline-block;}
.lis_title ul li{float: left; width: 140px; height: 50px; line-height: 50px; font-size: 16px;}
.lis_title ul li a{display: block;}
.lis_title ul li:hover,.lis_title ul li .on{background-color: #0b5fa0;}
.lis_title ul li:hover a,.lis_title ul li  a.on {color: #fff;}
.about-us-box{display: none;}

.lis_lis{    flex-wrap: wrap;}
.lis_lis li{border-bottom: 1px dotted #dbdbdb; height: 46px; line-height: 46px; padding: 0 2px;width: 100%;}
.lis_lis b{margin-right: 10px; color: #0b5fa0;}
.lis_lis span{float: right;}

/*lis_dy*/
.lis_dy{margin-top:30px;}

/*lis_bd*/
.lis_bd{width:900px; margin:30px auto 0;}

/*pic_lis*/
.pic_lis{ margin: 0 auto;}
.pic_lis li{width: 14%; margin: 0 3% 10px; float: left;}
/* .pic_lis li img{display: block; width: 100%; height: 242px;} */
.pic_lis li h3{font-weight: 500; line-height: 36px; height: 30px; overflow: hidden;}
.pic_lis li h3 a{color: #9a9a9a;}
.pic_lis li h5{font-size: 16px; color: #0b5fa0; height: 36px; overflow: hidden;
font-weight: 500; line-height: 36px; padding-left: 10px;}
.pic_lis li h6{color: #9a9a9a; font-weight: 500; line-height: 22px; height: 44px; overflow: hidden;}
.pic_lis .pic_img{width: 100%;height: 242px;overflow: hidden;border: 1px solid #DDDDDD;}
.pic_lis .pic_img img{display: block; width: 100%;position: relative;top: 50%;transform: translateY(-50%);}

/*demo_cont*/
.demo_cont{margin-top: 25px !important; margin-bottom: 25px !important;}
.content-home{width: 100%; margin: 0 auto; border:1px solid #f1efef;}
.content-home>p{height: 40px; line-height: 40px; width: 96%;margin: 0 auto; border-bottom: 1px solid #f1efef;}
.content-title {border-bottom: 1px solid #f1efef; width: 96%;margin: 0 auto;} 
.content-title h2{width: 96%; margin: 30px auto; line-height: 50px; text-align: center;
 font-size:28px; color:#0b5fa0;}
.content-title p{width: 60%; padding-left: 5%; padding-bottom: 10px;}
.content-title p span{margin-right: 20px; }
.fx{width: 15%;}
.content-content{width: 96%; margin: 20px auto;}
.content-content p{text-indent: 2em;}
.content-content table tr td{border: 1px solid #ccc;    text-align: center;}
.xyy{width: 96%; margin: 10px auto;}


.page_wrap{clear:both; margin-top:20px; overflow:hidden;zoom:1;}
.paginator {float:right; height:25px; overflow:hidden; }
.paginator,
.paginator input,
.paginator button {font-family:Tahoma, "宋体"; font-size:12px; }
.paginator a,
.paginator span {float:left; height:23px; margin:0 5px 0 0; text-align:center; white-space:nowrap; vertical-align:middle; line-height:23px; background:#fff; }
.paginator a {color:#085C9B; }
.paginator b{font-family:"宋体"; margin:3px;font-weight:300;}
.paginator a:link,
.paginator a:visited,
.paginator a:hover,
.paginator a:active {text-decoration:none; }
.paginator .page-start,
.paginator a,
.paginator .page-end {padding:0 8px; border:1px solid #D3D3D3; background:#ffffff; }
.paginator .page-start {border-color:#d9d9d9; color:#d9d9d9; }
.paginator .page-end { border-color:#d9d9d9;  color:#d9d9d9; }
.paginator .page-this,
.paginator .page-break {padding:0 3px; }
.paginator .page-break {border:1px solid #fff; }
.paginator .page-this {border:1px solid #D3D3D3;background-color:#E9E9E9; color:#D4105A;padding:0px 8px; font-weight:bold; }
.paginator .page-skip {height:22px; line-height:22px; padding:0 3px; margin:0; background:none; }
.paginator .page-skip input {width:26px;  *width:23px;height:19px;line-height:19px;border:1px #D3D3D3 solid;font-size:12px; margin:-1px 6px 0px 6px;#margin-top:1px;_margin-top:0px;padding:0px 0px 0px 2px; vertical-align:middle; padding-top:0px; padding-bottom:0px; }
.paginator .page-skip button {font-size:12px; padding:0 5px 5px 5px;_padding:0 5px 0 5px; width:auto; _width:0; height:22px;  *height:23px; *line-height:20px; _height:16px; _line-height:16px; margin-left:10px;  *margin-top:-1px;overflow:visible; vertical-align:top; }
.paginator a:hover {border:1px solid #A6A6A6;color:#868688; }

@media (max-width: 768px){
.aligncenter{width: 98%; margin: 0 1%;}

/*head*/
header{height: auto;}
.head_top{height: auto; }
.head_top div{width: 100%; text-align: center;}

.time{margin-left: 0;}
.tq{display: none;}
.ss{display: none;}
.head_center{height: auto;}
.logo{width: 100%}
.logo img{width: 98%; margin: 5px auto;}
.tel{display: none;}
.head_bottom{display: none;}
.nav768{display: block;}
#menu { width:100%; margin: 10px 0 5px;}
#menu h1 { font-size:18px; border:#e9e8e8 1px solid; margin-top:1px; padding: 5px 0;
background:#0b5fa0 url(../images/sh.png) no-repeat 98% center;}
#menu h2 { font-size:16px; border:#E7E7E7 1px solid; border-top-color:#FFF; background-color:#F4F4F4;}
#menu ul { padding-left:15px; height:100px;border:#E7E7E7 1px solid; border-top:none;overflow:auto;}
#menu a { display:block; padding:5px 0 3px 10px; color: #0b5fa0; text-decoration:none; overflow:hidden;}
#menu .no {display:none;}
#menu  h1 a{color:#FFF;}

.fullSlide {height:85px;background:#fff;}
.fullSlide .bd li {height:85px; background-size: 100%;  }
.fullSlide .bd li a {height:85px;}

/*demo1*/
.demo1{margin: 25px 0 20px; }

.demo1_con{width: 98%; margin: 10px 1% 0;}
.demo1_l{width: 100%;}
.demo1_l img{width: 100%;}

.demo1_r{width: 100%;}
.demo1_r h6{text-align: justify; height: auto;}
.demo1_r a{margin: 10px auto;}

/*demo2*/
#div1{ width: 84%;}
.znzt-a1{left: 0;}
.znzt-a2{right: 0;}

/*demo3*/
.demo3{margin-top: 25px; margin-bottom: 20px;}
.demo3_box{margin-top: 20px; width: 98%; margin: 0 1%;}
.demo3_l{width: 100%; margin-top: 10px;}
.demo3_r{width: 100%; margin-top: 10px;}
.demo3_one_l{width: 100%; height: 200px;}
.demo3_one_l img{height: 200px;}
.demo3_one_r{width: 100%;}
.demo3_one_r h3{margin-top: 10px;}
.demo3 ul{}
.demo3 ul li{width: 92%; padding-left: 8%;}
.demo3 ul li span{display: none;}

/*demo4*/
.demo4{}
.demo4_1{margin: 24px 10px 0;}
.demo4_2{ margin: 24px 0 0;}
.demo4_3{width: 90%; margin: 0 5%;}
.demo4_3 p span{display: block;}
.demo4_4{width: 100%; height: 160px; overflow: hidden;}

.title_z span{font-size: 26px; }

/*foot*/
footer{margin-top: 10px; }
.friendlink{ height: auto; padding-bottom: 20px;}
.friendlink ul{margin-top: 10px; border:none;}
.friendlink ul li{width: 90%; margin-left: 10%; line-height: 35px;}
.foot{height: auto;}
.foot span{display: block; line-height: 34px;}


/*lis go*/
.demo_lis{margin-top: 30px; margin-bottom: 40px;}
.lis_title{display: none;}

.lis_lis{}
.lis_lis li{height: auto;}
.lis_lis span{margin-right: 5px; display:none;}

/*lis_dy*/
.lis_dy{margin-top:20px;}

/*lis_bd*/
.lis_bd{width:100%; margin-top:20px;}

/*pic_lis*/
.pic_lis{ margin: 20px auto 0;}
.pic_lis li{width: 46%; margin: 0 2% 10px;}

.about-us-box{display: block; width: 98%; margin:10px auto;}
.about-us-box .box-item{background: #0b5fa0;}
.about-us-box .box-item .box-name {position: relative;background: #0b5fa0;height: 36px;
font-size: 18px; font-weight: bold; line-height: 36px; padding-left: 10px;
color:#fff;cursor: pointer;}
.about-us-box .box-item .box-name i{padding-right: 10px;}
.about-us-box .box-item .box-name.action{border-bottom:1px solid #f0f0f0;}
.about-us-box .box-item .box-cnt {padding:0 10px 10px;display: none;line-height:34px;
font-size: 16px; }
.about-us-box .box-wrap .box-name i {position: absolute;right: 0}
.about-us-box .box-wrap .box-name i:after {content: '+';font-size: 22px;color: #fff;
font-style: normal;display: block}
.about-content-ul, .about-icon, .about-icon-ul, .about-us-video {display: inline-block}
.about-us-box .box-wrap .box-name.action i:after {content: '-'}
.box-cnt p{border-bottom: 1px dashed #fff;}
.box-cnt a{color: #fff;}

/*cont*/
.cont_box{ width: 98%; }
.cont_cont{width: 98%;}
.cont_cont img{max-width: 100% !important; position: relative; position: absolute;}
.content-title h2{margin: 10px auto; line-height: 40px; font-size: 22px;}
.content-title p{width: 100%; padding-left: 0; text-align: center;}
.fx{display: none;}

}