body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
a,a:hover{ text-decoration:none;}
.clearbox{ width:0; height:0; clear:both; overflow:hidden;}
body{ background-color: #f7f7f7;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.midd{ width: 1200px; margin: 0 auto;}
.wrapper .bar{background-color: rgb(236, 236, 236); background-color: #f3f3f3;}
.wrapper .bar .midd{   display: flex; align-items: center; justify-content: space-between;
color: rgb(102, 102, 102);font-size: 14px; line-height: 35px;}
.wrapper .top{ background-color: #fff;}
.wrapper .top .midd{ display: flex; align-items: center; justify-content: space-between;}
.wrapper .top .midd .tell{ display: flex; align-items: center;}
.wrapper .top .midd .tell .iconfont { color: #b4b4b4; font-size:50px;}
.wrapper .top .midd .tell .txt{ font-size: 14px; color: #666666; padding-left:5px;}
.wrapper .top .midd .tell .txt p{ color: rgb(13, 149, 162); font-weight: bold; font-size: 24px;}
.navbox {background:rgb(13, 149, 162); position: relative; z-index: 10; }
.navbox  .nav{ padding:0 20px;   position:relative; z-index:1; display: flex; align-items: center; justify-content: space-between;  }
.navbox  .nav a{ color:#fff;  }
.navbox  .nav .nLi{ flex: 1;  position:relative; }
.navbox  .nav .nLi h3 a{ display:block;  font-size:15px; font-weight: normal; height: 52px; line-height: 52px; text-align: center; }
.navbox  .nav .sub{ display:none; width:100%; left:0; top:52px;  position:absolute; background:rgb(14, 174, 188);text-align: center;}
.navbox  .nav .sub li{ zoom:1; }
.navbox  .nav .sub a{ display:block; padding:10px 0; }
.navbox  .nav .sub a:hover{ background:rgb(13, 164, 175); color:#fff;  }
.navbox  .nav .on h3 a{ background:rgb(13, 166, 177); color:#fff;   }
.fous{ width:100%; overflow: hidden;max-width: 1920px; min-width: 1200px;}
.fous .slideBox{ width:100%; height:600px; overflow:hidden; position:relative;  }
.fous .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; width: 100%; }
.fous .slideBox .hd ul{ overflow:hidden; zoom:1; width: 100%; display: flex; align-items: center; justify-content: center; }
.fous .slideBox .hd ul li{ width:15px; height:15px; margin: 0 5px;   background:#fff; cursor:pointer; text-indent: -9999px; border-radius: 100%; }
.fous .slideBox .hd ul li.on{ background:#f00; color:#fff; }
.fous .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.fous .slideBox .bd li{ zoom:1; vertical-align:middle; text-align: center; }
.fous .slideBox .bd img{ width:100%; max-width: 1920px; height:600px; display:block; margin: 0 auto;  }
.wrapper .box1{ display: flex; padding-top: 30px; }
.wrapper .box1 .left{ width: 236px;}
.wrapper .box1 .left .title{overflow-wrap: break-word; padding: 0px; border-color: transparent; border-width: 0px; height: 89px; 
background-color: rgb(13, 149, 162); width: 236px; border-style: solid; text-align: center; display: flex; flex-direction: column; align-items: center; 
justify-content: center; border-bottom: #fff 3px solid;}
.wrapper .box1 .left .title .h1{ font-weight: bold; font-size: 24px; color: #fff;}
.wrapper .box1 .left .title .h2{ font-size:15px;  color: #fff;}
.wrapper .box1 .left .nav li a{display: block; height: 50px; line-height: 50px;background-color:#44b5c2; border-bottom: #fff 2px solid;
text-align: center; color: #fff; transition: all 0.5s;}
.wrapper .box1 .left .nav li.on a,.wrapper .box1 .left .nav li a:hover{ background: #0d95a2;}
.wrapper .box1 .left .code{ background-color: #fff; padding: 15px; margin-top: 5px; display: flex; align-items: center;}
.wrapper .box1 .left .code .img{ width: 86px; height: 86px;}
.wrapper .box1 .left .code .txt{ flex: 1;font-family: "Microsoft YaHei"; line-height: 156%; font-size: 14px; color: rgb(102, 102, 102); letter-spacing: 1px;
padding-left: 0.5rem;}
.wrapper .box1 .left .tell{ display: flex; align-items: center; background-color: #fff; margin-top: 10px; padding:10px;}
.wrapper .box1 .left .tell .iconfont{ font-size: 38px; color: #0d95a2;}
.wrapper .box1 .left .tell .txt{ flex: 1; color: rgb(102, 102, 102); box-sizing: border-box; padding-left: 10px;font-size: 14px;}
.wrapper .box1 .left .tell .txt .nums{color: rgb(255, 153, 0); font-weight: bold; font-size: 20px;}
.wrapper .box1 .left .link{ padding-top: 5px;}
.wrapper .box1 .left .link img{ width: 100%; margin-top:5px; border-radius: 5px;}
.wrapper .box1 .right{ box-sizing: border-box; padding-left: 20px; flex: 1; display: flex; flex-wrap: wrap; justify-content: space-between;}
.wrapper .box1 .right li{ width: 308px; height: 308px; background-color: #fff; margin-bottom: 10px;  }
.wrapper .box1 .right li .img{ height: 270px; display: block; overflow: hidden; text-align: center;}
.wrapper .box1 .right li .img img{display: block; width: 100%; transition: all 0.3s;}
.wrapper .box1 .right li .img:hover img{  width: 105%;  }
.wrapper .box1 .right li .txt{ color: #444444; text-align: center;display: block;}
.wrapper .box1 .right li .txt:hover{ color: #0d95a2;}
.wrapper .box2{ background-color: #fff; padding: 50px 0; margin-top: 10px;}
.wrapper .box2 .title,.wrapper .box5 .title,.wrapper .box6 .title{ text-align: center;}
.wrapper .box2 .title .h1,.wrapper .box5 .title .h1,.wrapper .box6 .title .h1{font-size: 36px; text-transform: uppercase; color: rgb(230, 244, 245); font-weight: bold;}
.wrapper .box2 .title .h2,.wrapper .box5 .title .h2,.wrapper .box6 .title .h2{font-size: 25px; color: rgb(9, 104, 113); font-weight: bold;}
.wrapper .box2 .item{ display: flex; align-items: stretch; justify-content: space-between;}
.wrapper .box2 .item .leftbox{padding: 0 25px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.wrapper .box2 .item .left{ display: flex;}
.wrapper .box2 .item .left .leftline{display: flex; flex-direction: column; align-items: center; justify-content: stretch;}
.wrapper .box2 .item .left .leftline .dot{ width:10px; height: 10px; border-radius: 100%; background-color: #ccc;}
.wrapper .box2 .item .left .leftline .line{ width: 2px; height: 50px;background-color: #ccc;}
.wrapper .box2 .item .left .leftline .hexagon{ width: 18px; height: 30px; line-height: 30px; text-align: center; color: #fff; background-color: #0d95a2; 
position: relative; font-size: 14px; }
.wrapper .box2 .item .left .leftline .hexagon::before{width: 0; height: 0; content: ''; position: absolute; top: 0;
 left:-10px; border-right: 10px solid #0d95a2; border-top:15px solid transparent; border-bottom:15px solid transparent;}
.wrapper .box2 .item .left .leftline .hexagon::after{width: 0; height: 0; content: ''; position: absolute; top: 0; 
right:-10px; border-left:10px solid #0d95a2; border-top:15px solid transparent; border-bottom:15px solid transparent;}
.wrapper .box2 .item .righttxt{ flex: 1; box-sizing: border-box; padding:0 25px;}
.wrapper .box2 .item .righttxt .p1 .h1{ font-weight: bold;font-size: 23px; color: rgb(11, 134, 145);}
.wrapper .box2 .item .righttxt .p1 .h2{color: rgb(203, 209, 210); font-size: 14px;}
.wrapper .box2 .item .righttxt .txt{font-family: "Microsoft YaHei"; font-size: 15px; color: rgb(67, 67, 67); line-height: 170%;}
.wrapper .box3{ background:url('../images/img2.jpg') no-repeat center top; background-size: 100% 179px;}
.wrapper .box3 .midd{ display: flex; align-items: center; height: 179px; justify-content: space-between; }
.wrapper .box3 .midd .left{ padding-left: 390px; color: #fff;}
.wrapper .box3 .midd .left .h1{ font-size: 25px; font-weight: bold;}
.wrapper .box3 .midd .left .h2{font-size: 19px; color: rgb(19, 214, 233); font-family: "Microsoft YaHei";}
.wrapper .box3 .midd .btn{ width: 138px; height: 40px; background-color: #dcdcdc; display: flex; align-items: center; justify-content: center; color: #333;}
.wrapper .box3 .midd .btn .iconfont{ font-size: 20px; margin-left: 5px;}
.wrapper .box4{ padding:50px 0; background: url('../images/bg1.jpg') no-repeat center top;}
.wrapper .box4 .midd{ display: flex; background-color: #fff; padding:  5px;}
.wrapper .box4 .midd .left{}
.wrapper .box4 .midd .left .slideBox2{ overflow:hidden; position:relative;  }
.wrapper .box4 .midd .left .slideBox2 .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; width: 100%; }
.wrapper .box4 .midd .left .slideBox2 .hd ul{ overflow:hidden; zoom:1; width: 100%; display: flex; align-items: center; justify-content: center; }
.wrapper .box4 .midd .left .slideBox2 .hd ul li{ width:15px; height:15px; margin: 0 5px;   background:#fff; cursor:pointer; text-indent: -9999px; border-radius: 100%; }
.wrapper .box4 .midd .left .slideBox2 .hd ul li.on{ background:#f00; color:#fff; }
.wrapper .box4 .midd .left .slideBox2 .bd{ position:relative; height:100%; z-index:0;   }
.wrapper .box4 .midd .left .slideBox2 .bd li{ zoom:1; vertical-align:middle; text-align: center; }
.wrapper .box4 .midd .left .slideBox2 .bd img{ width: 526px; height: 366px; display:block; margin: 0 auto; border-radius: 5px;  }
.wrapper .box4 .midd .right{ box-sizing: border-box; padding:0 20px; display: flex; flex-direction: column; justify-content: space-between;}
.wrapper .box4 .midd .right .h1{ font-weight: bold; font-size: 21px; color: rgb(10, 119, 129);}
.wrapper .box4 .midd .right .info{font-size: 15px; line-height: 200%; font-family: "Microsoft YaHei"; color: rgb(136, 136, 136);  }
.wrapper .box4 .midd .right .btns{ display: flex; align-items: center; justify-content: space-between;}
.wrapper .box4 .midd .right .btns .btn{ background-color: rgba(13,149,162,1); color: #fff; padding: 10px 30px; border-radius: 2px;}
.wrapper .box5{ background-color: #fff; padding:50px 0;} 
.wrapper .box5 .info{ display: flex; padding-top: 30px;}
.wrapper .box5 .info .left{ width: 473px; padding-top: 10px;}
.wrapper .box5 .info .left img{ width: 470px; height: 280px;}
.wrapper .box5 .info .left h3{display: inline-block; font-family: Microsoft YaHei; font-size: 18px; padding-top: 2px; color: #333333; 
font-weight: normal; text-decoration: none; line-height: 140%;}
.wrapper .box5 .info .left h3 a{color: #333333; }
.wrapper .box5 .info .left span{display: block; font-family: Microsoft YaHei; font-size: 14px; padding-top: 2px; color: #929292; font-weight: normal; 
text-decoration: none; line-height: 140%;}
.wrapper .box5 .info .left p{display: inline-block; font-family: Microsoft YaHei; font-size: 13px; line-height: 19px !important; 
padding-top: 3px; color: #999999; font-weight: normal; text-decoration: none;}
.wrapper .box5 .info .right{ box-sizing: border-box; padding-left: 20px;}
.wrapper .box5 .info .right li{ display: flex; align-items: center; padding: 16px 0; border-bottom: #e6e6e6 1px solid;}
.wrapper .box5 .info .right li .times{background: #e6f4f5; width: 66px; height: 66px; text-align: center;}
.wrapper .box5 .info .right li .times .nums{color: #075961; font-size: 24px;}
.wrapper .box5 .info .right li .times .year{color: #075961; font-size: 13px; display: block;}
.wrapper .box5 .info .right li .txts{ flex: 1; box-sizing: border-box; padding-left: 10px;}
.wrapper .box5 .info .right li .txts h3{display: inline-block; font-family: Microsoft YaHei; font-size: 18px;
 font-weight: normal; text-decoration: none; line-height: 140%;}
.wrapper .box5 .info .right li .txts h3 a{ color: #333333;}
.wrapper .box5 .info .right li .txts p{width: 99%; overflow: hidden; word-wrap: break-word;display: inline-block; font-family: Microsoft YaHei; font-size: 13px; 
line-height: 18px !important; padding-top: 5px; color: #999999; font-weight: normal; text-decoration: none;}
.wrapper .box6{ padding:50px 0;}
.wrapper .box6 .picMarquee-left{ overflow:hidden; position:relative;   }
.wrapper .box6 .picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.wrapper .box6 .picMarquee-left .hd .prev,.wrapper .box6 .picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.wrapper .box6 .picMarquee-left .hd .next{ background-position:0 -50px;  }
.wrapper .box6 .picMarquee-left .hd .prevStop{ background-position:-60px 0; }
.wrapper .box6 .picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
.wrapper .box6 .picMarquee-left .bd{ padding:10px;   }
.wrapper .box6 .picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.wrapper .box6 .picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.wrapper .box6 .picMarquee-left .bd ul li .pic{ text-align:center; }
.wrapper .box6 .picMarquee-left .bd ul li .pic img{ width:200px; height:80px; display:block; padding:2px; border:1px solid #efefef; }
.wrapper .box6 .picMarquee-left .bd ul li .pic a:hover img{ border-color:#c3c3c3;  }
.wrapper .box6 .picMarquee-left .bd ul li .title{ line-height:24px;  }
.wrapper .box6 .picMarquee-left .bd ul li .title a{color: #6f6f6f;  }
.wrapper .foot{background-color: rgb(9, 104, 113);}
.wrapper .foot .midd{ display: flex;}
.wrapper .foot .midd .left{    background-color: rgb(7, 89, 97); width: 236px; text-align: center; padding-top: 20px;}
.wrapper .foot .midd .left .footlogo{ width: 120px;}
.wrapper .foot .midd .left .footname{letter-spacing: 0px; font-size: 19px; color: #fff; font-weight: bold; padding-bottom: 30px;}
.wrapper .foot .midd .left .code img{ width: 150px;}
.wrapper .foot .midd .left .code p{font-family: "Microsoft YaHei"; color: rgb(217, 217, 217); font-size: 14px;}
.wrapper .foot .midd .right{ flex: 1; box-sizing: border-box; padding:30px 0 0 50px;}
.wrapper .foot .midd .right .footnavbox{ padding-right: 100px;     border-bottom: 1px solid #0a7781; padding-bottom: 20px;}
.wrapper .foot .midd .right .footnavbox .nav{ display: flex; align-items: center; width: 100%; justify-content: space-between;}
.wrapper .foot .midd .right .footnavbox .nav .nLi h3 a{ color: rgb(255, 255, 255); font-weight: normal;}
.wrapper .foot .midd .right .adr{ display: flex; align-items: center; justify-content: space-between;}
.wrapper .foot .midd .right .adr .adrleft p{color: rgb(255, 255, 255); font-family: "Microsoft YaHei"; font-size: 14px; line-height: 200%;}
.wrapper .foot .midd .right .adr .adrright{ display: flex;}
.wrapper .foot .midd .right .adr .adrright .imgitem{ width: 122px; padding: 0 15px; text-align: center;}
.wrapper .foot .midd .right .adr .adrright .imgitem img{ width: 122px;}
.wrapper .foot .midd .right .adr .adrright .imgitem p{color: rgb(255, 255, 255); font-size: 14px;}
.wrapper .foot .midd .copy{font-size: 12px; text-transform: uppercase; color: rgb(158, 212, 217); padding: 10px;}
/*class*/
.wrapper .box1 .page{ flex: 1; box-sizing: border-box; padding-left:20px; padding-bottom: 80px;}
.wrapper .box1 .page .loca{ height: 32px; border-width: 0px 0px 2px; border-style: solid; padding:10px 0px; border-bottom-color: rgb(217, 217, 217);
display: flex; align-items: center; justify-content: space-between; }
.wrapper .box1 .page .loca .name{font-family: "Microsoft YaHei"; font-size: 19px; color: rgb(13, 149, 162); letter-spacing: 1px; line-height:200%; 
text-transform: uppercase; font-weight: bold;}
.wrapper .box1 .page .loca .txts{ font-size: 14px; color: #666;}
.wrapper .box1 .page .content{font-size: 15px; color: #5A5A5A; line-height: 180%; padding: 30px 10px; min-height: 500px;}
.wrapper .box1 .page .list{ box-sizing: border-box; padding-left: 20px;}
.wrapper .box1 .page .list li{ display: flex; align-items: center; padding: 16px 0; border-bottom: #e6e6e6 1px solid;}
.wrapper .box1 .page .list li .times{background: #e6f4f5; width: 66px; height: 66px; text-align: center;}
.wrapper .box1 .page .list li .times .nums{color: #075961; font-size: 24px;}
.wrapper .box1 .page .list li .times .year{color: #075961; font-size: 13px; display: block;}
.wrapper .box1 .page .list li .txts{ flex: 1; box-sizing: border-box; padding-left: 10px;}
.wrapper .box1 .page .list li .txts h3{display: inline-block; font-family: Microsoft YaHei; font-size: 18px;
 font-weight: normal; text-decoration: none; line-height: 140%;}
.wrapper .box1 .page .list li .txts h3 a{ color: #333333;}
.wrapper .box1 .page .list li .txts p{width: 99%; overflow: hidden; word-wrap: break-word;display: inline-block; font-family: Microsoft YaHei; font-size: 13px; 
line-height: 18px !important; padding-top: 5px; color: #999999; font-weight: normal; text-decoration: none;}
.wrapper .box1 .page  .right{ padding:20px 0;}
.fous .slideBoxpage .bd img,.fous .slideBoxpage{ height:300px;}
.wrapper .foot .midd .right .footnavbox .sub{ display:none;}
.content .h2{text-align: center; font-size: 32px; font-weight: bold; color: rgb(13, 149, 162); padding: 30px 0; border-bottom: #e7e7e7 1px solid; margin-bottom: 35px;    line-height: 45px;}
.content img{ max-width:800px;}
.copy a{color: rgb(158, 212, 217);}