body{ font:12px/1.5 "PFRegular",arial,simsun,sans-serif; margin:0 auto; padding:0; background:url(../images/tbg.jpg) #fff center top no-repeat; overflow-x:hidden; color:#000;}

/*链接整体设置*/
a{ text-decoration:none; color:#000; transition:all .15s;}
a:hover{ color:#df0808;}
a:active{ color:#000;}
a{ blr:expression(this.onFocus=this.close());}
a{ blr:expression(this.onFocus=this.blur());} 
div:focus,*:focus,a:focus,input:focus,button:focus,textarea:focus,select:focus{ outline:none; hide-focus:expression(this.hideFocus=true);}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;}
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;}
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;}
input[type=button],input[type=submit],input[type=file],button{ -webkit-appearance:none;} 

/*公用样式*/
div,table,tr,td,img,ul,li,ol,h1,h2,h3,h4,h5,h6,p,em,i,font,span,b,dl,dt,dd,form,textarea,input,select{ margin:0; padding:0; font-style:normal; font-family:"PFRegular"; box-sizing:border-box;}
ul,ol{ list-style-type:none;}
h1,h2,h3,h4{font-weight:500;}
img{ border:none; -ms-interpolation-mode:bicubic;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.clear0{ clear:both; font-size:0px; height:0px; overflow:hidden;}
.hidden{display:none;}
.w{ max-width:1080px; width:88%; margin:0 auto; max-height:999999px; overflow:hidden;}
.comflex{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.comflex1{ display:flex; flex-wrap:wrap;}
.comflex2{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.comflex3{ display:flex; flex-wrap:wrap; align-items:center;}
.pic{ position:relative; width:100%; overflow:hidden; transition:all .6s;}
.dfimg{ display:block; width:100%;}
.pic_w{ position:absolute; left:0; right:0; top:0; bottom:0; background:#fff;}
@font-face{ font-family:PFBold;src:url('../images/PingFang Bold.ttf'); /* IE9+ */}
@font-face{ font-family:PFRegular;src:url('../images/PingFang Regular.ttf'); /* IE9+ */}

.h_pic{ padding:508px 0 15px 0; overflow:hidden;}
.h_pic ul li{ border:5px solid #7fbece; width:22.222%; margin:0 3.888%; overflow:hidden; border-radius:50%;}
.h_pic ul li img{ display:block; width:100%; height:100%;}

.con1{ padding:55px 0 110px 0; position:relative; overflow:hidden;}
.tit1{ text-align:center;}
.tit1 em{ display:inline-block; position:relative; font-size:48px; font-family:"PFBold"; padding:0 108px; line-height:65px;}
.tit1 em:before,.tit1 em:after{ content:""; display:block; position:absolute; top:50%; width:80px; height:1px; font-size:0; overflow:hidden; background:#004c66;}
.tit1 em:before{ left:0;}
.tit1 em:after{ right:0;}
.pos{ position:absolute; left:0; right:0; top:0; font-size:0; overflow:hidden;}
.con1_txt{ text-align:left; font-size:18px; line-height:48px; padding:35px 0; text-indent:2em;}

.con2{ padding:60px 0; background:url(../images/bg2.jpg) #b4d7fd center top no-repeat; background-size:100% 100%; position:relative; overflow:hidden;}
.com_tit{ text-align:center; font-size:48px; font-family:"PFBold"; line-height:56px;}
.com_tit *{ font-family:"PFBold";}
.com_tit em{ display:block;}
.com_tit font{ color:#08728c;}
.com_txt{ padding:15px 0; font-size:18px; line-height:35px; text-align:left; text-indent:2em;}
.con2_pic{ background:#fff; border-radius:10px; padding:40px 0;}
.con2_pic img{ display:block; margin:0 auto;}
.pic_list0{ background:#fff; border-radius:10px; padding:40px 0; position:relative;}
.pic_list0 .dfimg{ width:818px; margin:0 auto;}
.pic_list0 ul{ width:818px; position:absolute; left:50%; margin-left:-409px; top:40px; bottom:40px;}
.pic_list0 ul li{ position:absolute; overflow:hidden; width:148px;}
.pic_list0 ul li.li1{ left:662px; top:155px;}
.pic_list0 ul li.li2{ left:540px; top:300px;}
.pic_list0 ul li.li3{ left:335px; top:300px;}
.pic_list0 ul li.li4{ left:135px; top:300px;}
.pic_list0 ul li.li5{ left:9px; top:155px;}
.pic_list0 ul li.li6{ left:135px; top:9px;}
.pic_list0 ul li.li7{ left:335px; top:9px;}
.pic_list0 ul li.li8{ left:540px; top:9px;}
.pic_list0 ul li a{ display:block;}
.pic_list0 ul li img{ display:block; width:100%; height:93px;}
.pic_list0 h3{ text-align:center; width:400px; position:absolute; left:50%; margin-left:-200px; top:50%; line-height:50px; margin-top:-25px; font-family:"PFBold"; font-size:26px;}
.pic_list0 em{ text-align:center; font-size:13px; font-family:"PFBold"; text-transform:uppercase; line-height:24px; display:block;}
.pic_list0 em.txt1{ position:absolute; bottom:115px; left:620px; width:50px; text-decoration:underline;}
.pic_list0 em.txt2{ position:absolute; bottom:115px; left:416px; width:50px; text-decoration:underline;}

.pic_list1{ overflow:hidden; width:100%;}
.pic_list1 ul{ width:102.22%;}
.pic_list1 ul li{ position:relative; overflow:hidden; width:14.44666666666667%; border-radius:10px;/* height:107px; height:100px;*/ margin:24px 2.22% 0 0;}
.pic_list1 ul li a{ display:block;}
.pic_list1 ul li img{ display:block; width:100%; height:100%;}
.pic_list1 ul li em{ position:absolute; left:0; right:0; bottom:12px; text-align:center; color:#fff; font-size:18px; font-family:"PFBold"; text-transform:uppercase; line-height:22px; text-shadow:1px 1px 0px #000,-1px -1px 0px #000,1px 1px 0px #000;}

.con3{ padding:60px 0 70px 0; position:relative; overflow:hidden;}
.con3 .com_tit{ margin-bottom:5px;}
.pic_list2{ overflow:hidden; width:100%;}
.pic_list2 ul{ width:100.7%;}
.pic_list2 ul li{ width:24.3%; padding:15px 0 0 0; margin-right:.7%;}
.pic_list3 ul li{ width:19.3%;}
.pic_list2 ul li a{ display:block;}
.pic_list2 ul li .pic{ width:100%; overflow:hidden;}
.pic_list2 ul li .pic img{ display:block; width:100%; height:auto;}
.pic_list2 ul li .txt{ text-align:center; padding:15px 0 0 0; font-size:14px; line-height:22px;}
.pic_list2 ul li .txt h3{ font-family:"PFBold";}
.pic_list2 ul li .txt h3 em{ display:block; font-family:"PFBold";}
.pic_list2 ul li .txt p{ padding:0 5px;}

.con4{ background:url(../images/bg2.jpg) #b4d7fd center top no-repeat; padding:60px 0 80px 0; background-size:100% 100%; position:relative; overflow:hidden;}
.con4 .com_tit{ margin-bottom:40px;}
.tit2{ font-size:36px; font-family:"PFBold"; text-align:center; line-height:54px; margin-top:40px;}
.b_pic{ width:100%; padding:60px 0;}
.b_pic img{ display:block; margin:0 auto; max-width:100%;}

.con5{ background:url(../images/bg5.jpg) center top repeat; padding:90px 0 60px 0; position:relative; overflow:hidden;}

.con6{ padding:90px 0 80px 0; position:relative; overflow:hidden;}

.footer{ text-align:center; background:#08728c; line-height:40px; padding:25px 0; overflow:hidden;}
.footer em{ padding:0 16px; font-size:18px; color:#fff;}

.pic_list1 ul li img,.pic_list2 ul li .pic img{ display:block; transition:all 0.6s; margin:0 auto; max-width:100%; max-height:100%;}
.pic_list1 ul li:hover img,.pic_list2 ul li:hover .pic img{ transform:scale(1.05);}

/*右侧浮窗 style*********************************************************************/
.right-menu{ position:fixed; right:1.05%; top:100px; z-index:999; width:77px; text-align:center;}
.right-menu .btn-top{ width:77px; height:77px; margin-top:12px; cursor:pointer; background:#fff; position:relative; font-size:14px; line-height:16px; padding:44px 0 0 0; color:#575757; transition:all linear 0.6s; display:block; border:1px solid #ccc; border-radius:10px;}
.right-menu .btn-top:before{ content:""; display:block; position:absolute; left:50%; margin-left:-15.5px; top:14px; font-size:0; overflow:hidden; width:29px; height:15px; background:url(../images/back.png) no-repeat;}

.sanh{ width:77px; padding:1.5px 0; background:#fff; border:1px solid #ccc; border-radius:10px;}
.sanh>div{ height:4px; margin:15px auto; width:38px; transition:transform 0.5s,opacity 0.5s; border-radius:1000px;}  
.sanh>div{ background-color:#575757;}
.tesd{ background:#08728c; border-color:#08728c;}
.tesd>div{ background-color:#fff;}
.tesd>div:nth-child(1){ transform:translate3d(0px,19px,0px) rotate(45deg);}
.tesd>div:nth-child(2){ opacity:0;}
.tesd>div:nth-child(3){ transform:translate3d(0px,-19px,0px) rotate(-45deg);}
.menu_c{ display:none; box-shadow:0 0 8px rgba(0,0,0,.3); padding:10px 15px; background:#fff; border-radius:10px; margin-top:12px; text-align:left; width:297px; margin-left:-200px;}
.menu_c li{ border-bottom:1px solid #f4f4f4; line-height:38px;}
.menu_c li:last-child{ border-bottom:none;}
.menu_c li a{ font-family:"PFBold";}
.menu_on{ display:block;}

#zoom{ z-index:99990; position:fixed; top:0; left:0; display:none; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}
#zoom .content{ z-index:99991; position:absolute; top:50%; left:50%; width:200px; height:200px; background:#fff no-repeat 50% 50%; padding:0; margin:-100px 0 0 -100px; box-shadow:-10px 10px 10px rgba(0, 0, 0, 0.3); border-radius:4px;}
#zoom .content.loading{ background-image:url('../images/loading.gif');}
#zoom img{ display:block; max-width:none; background:#ececec; box-shadow:0 1px 3px rgba(0,0,0,0.25); border-radius:4px;}
#zoom .close{ z-index:99993; position:absolute; top:0; right:0; width:62px; height:62px; cursor:pointer; background:transparent url('../images/close.png') no-repeat 50% 50%; opacity:1; filter:alpha(opacity=100);}
#zoom .previous,
#zoom .next{ z-index:99992; position:absolute; top:50%; overflow:hidden; display:block; width:81px; height:81px; margin-top:-50px;}
#zoom .previous{ left:0; background:url('../images/prev.png') no-repeat 0 0;}
#zoom .next{ right:0; background:url('../images/next.png') no-repeat 0 0;}
#zoom .txt{ position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,.5); z-index:99992; text-align:center; padding:25px;}
#zoom .txt h3{ font-size:36px; line-height:1.277777777777778; color:#fff;}
#zoom .txt p{ font-size:24px; color:#fff; margin-top:10px; line-height:1.458333333333333;}

@media screen and (max-width:1023px){
.w{ width:95%;}

.h_pic ul li{ width:26%; margin:0 2.5%;}

.con1_txt{ font-size:24px; line-height:2.5;}


.com_txt{ font-size:24px; line-height:2;}
.pic_list0{ background:#fff; border-radius:10px; padding:40px 0; position:relative;}
.pic_list0 .dfimg{ width:818px; margin:0 auto;}
.pic_list0 ul{ width:818px; position:absolute; left:50%; margin-left:-409px; top:40px; bottom:40px;}
.pic_list0 ul li{ position:absolute; overflow:hidden; width:148px;}
.pic_list0 ul li.li1{ left:662px; top:155px;}
.pic_list0 ul li.li2{ left:540px; top:300px;}
.pic_list0 ul li.li3{ left:335px; top:300px;}
.pic_list0 ul li.li4{ left:135px; top:300px;}
.pic_list0 ul li.li5{ left:9px; top:155px;}
.pic_list0 ul li.li6{ left:135px; top:9px;}
.pic_list0 ul li.li7{ left:335px; top:9px;}
.pic_list0 ul li.li8{ left:540px; top:9px;}
.pic_list0 ul li a{ display:block;}
.pic_list0 ul li img{ display:block; width:100%; height:93px;}
.pic_list0 h3{ text-align:center; width:400px; position:absolute; left:50%; margin-left:-200px; top:50%; line-height:50px; margin-top:-25px; font-family:"PFBold"; font-size:26px;}
.pic_list0 em{ text-align:center; font-size:13px; font-family:"PFBold"; text-transform:uppercase; line-height:24px; display:block;}
.pic_list0 em.txt1{ position:absolute; bottom:115px; left:620px; width:50px; text-decoration:underline;}
.pic_list0 em.txt2{ position:absolute; bottom:115px; left:416px; width:50px; text-decoration:underline;}

.pic_list1 ul li{ width:47.78%;}
.pic_list1 ul li em{ bottom:18px; font-size:28px; line-height:36px;}

.pic_list2 ul{ width:102.22%;}
.pic_list2 ul li{ width:47.78%; margin-right:2.22%;}
.pic_list2 ul li .txt{ font-size:24px; line-height:36px;}

.footer em{ font-size:24px;}

.menu_c{ padding:20px 25px; width:587px; margin-left:-510px;}
.menu_c li{ padding:10px 0; font-size:24px;}
}
/*弹窗*/
.tc{
    box-shadow:0px 0px 10px 0px #cccccc;
    /*background: #41a6b7;*/
    background: url(../images/bg2.jpg) #b4d7fd center top no-repeat;
    position: fixed;
    width: 450px;
    /*min-height: 300px;*/
    border-radius: 15px;
    padding: 15px;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    top: 50%;
    left: 50%;
    z-index: 999;
    display: none;
}

.tc li{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tc li .title{
    display: flex;
    align-items: center;
    
}
.tc li .title p{
    margin-left: 10px;font-size: 16px;
}








.tc2{
    box-shadow:0px 0px 10px 0px #cccccc;
    /*background: #41a6b7;*/
    background: url(../images/bg2.jpg) #b4d7fd center top no-repeat;
    position: fixed;
    width: 450px;
    /*min-height: 300px;*/
    border-radius: 15px;
    padding: 15px;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    top: 50%;
    left: 50%;
    z-index: 999;
    display: none;
}

.tc2 li{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tc2 li .title{
    display: flex;
    align-items: center;
    
}
.tc2 li .title p{
    margin-left: 10px;font-size: 16px;
}








.buttons{
    text-align: center;
    margin-top: 35px;
}
.buttons a{
    display: inline-block;
    border:  1px solid #000;
    border-radius: 10px;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    font-size: 16px;
    font-weight: bolder;
}
.buttons a:nth-child(2){
    margin-left: 15px;
}

#zoom .next,#zoom .previous{ display:none!important;}