﻿@charset "utf-8";
@font-face {font-family:'Conv_DIN-Light';src:url('../fonts/DIN-Light.eot');src:local('☺'),url('../fonts/DIN-Light.woff') format('woff'),url('../fonts/DIN-Light.ttf') format('truetype'),url('../fonts/DIN-Light.svg') format('svg');font-weight:normal;font-style:normal}
body,div,section,figure,strong,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p {margin:0;padding:0}
body {color:#666;font-size:.1rem;font-family:"微软雅黑"}
ul,ol {list-style:none}
img,fieldset {vertical-align:top;border:0}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal}
address,cite,code,em,th {font-weight:normal;font-style:normal}
input,button,textarea,select {font:100% Arial,'';vertical-align:middle}
table,td,tr,th {font-size:.08rem}
.nodispaly {display:none}
.line {line-height:50px}
.lineer {line-height:40px}
.figure {display:block;height:0;overflow:hidden;position:relative}
.figure img {width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;transition:all .5s}
.fk {color:#333}
.fs {font-size:.24rem;font-weight:bold}
.iconfont {font-size:.16rem}
.clearfix {zoom:1}
.clearfix:after {display:block;overflow:hidden;clear:both;height:0px;visibility:hidden;content:"."}
a {color:#333;text-decoration:none}
a:hover {color:#2a94c1;text-decoration:underline}
.layout {padding:5% 10%}
header {position:fixed;z-index:1000;left:0;top:0;right:0;transition:all 0.3s;height:.6rem;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#FFF}
header .logo {display:flex;align-items:center}
header h1 {width:.6rem}
header h1 img {width:100%;transition:all .3s}
header .logo .txt {margin-left:.1rem}
header .logo .txt strong {font-size:.14rem}
header .logo .txt p {font-size:.07rem}
header .right {display:flex;align-items:center;justify-content:space-between}
.nav {font-size:0px;margin-right:.2rem}
.nav li {display:inline-block;position:relative;margin:0 .1rem}
.nav li p {line-height:.6rem;font-size:.1rem;transition:all 0.3s}
.nav li p a {display:block;transition:all 0.3s;color:#333}
.nav li:hover p a {text-decoration:none;color:#2a94c1}
.nav li i {font-size:.06rem;margin-left:.05rem;display:none}
.nav li dl {position:absolute;left:50%;top:.6rem;background:#FFF;font-size:.08rem;width:1rem;display:none;box-shadow:0 0 .03rem rgba(0,0,0,.2);margin-left:-.5rem;z-index:1000;padding:0.05rem 0}
.nav li dd {position:relative;text-align:center}
.nav li dd a {display:block;transition:all 0.3s;padding:.05rem .1rem;border-bottom:1px solid rgba(0,0,0,0.07)}
.nav li dd:last-child a {border:none}
.nav li dd:hover a {display:block;text-decoration:none;background:#2a94c1;color:#FFF}
.nav li dd:last-child {border-bottom:none}
.nav li dd .san {position:absolute;left:100%;top:0px;visibility:hidden;opacity:0;transition:all .3s;width:1.4rem}
.nav li dd:hover .san {visibility:visible;opacity:1}
.nav li dd:hover .san .list a {padding:.05rem .1rem;background:rgba(0,0,0,0.5);color:#FFF}
.nav li dd:hover .san .list a:hover {padding:.05rem .1rem;background:#2a94c1;color:#FFF}
.nav li:last-child:before {display:none}
header .yuyan {position:relative}
header .yuyan p {display:flex;align-items:center;color:#2a94c1;line-height:.6rem;font-size:.1rem}
header .yuyan i {font-size:.12rem;transition:all .3s;color:#2a94c1;margin-right:.05rem}
header .yuyan ul {position:absolute;left:50%;top:.6rem;width:.6rem;background:#FFF;text-align:center;margin-left:-.3rem;visibility:hidden;opacity:0;transition:all .3s;box-shadow:0 0 .03rem rgba(0,0,0,.2);font-size:.08rem}
header .yuyan:hover ul {visibility:visible;opacity:1}
header .yuyan li a {color:#333;padding:.05rem 0;display:block}
header .yuyan li a:hover {text-decoration:none}
header .yuyan li a.current {color:#2a94c1}
header .dianhua {display:flex;align-items:center;margin-left:.1rem}
header .dianhua i {width:.24rem;height:.24rem;background:#2a94c1;display:flex;align-items:center;justify-content:center;color:#FFF;font-size:.12rem;border-radius:1rem}
header .dianhua .txt {margin-left:.1rem;font-size:.12rem;color:#2a94c1;font-weight:bold}
header .dianhua .txt p:nth-of-type(1) {color:#666;font-weight:normal;font-size:.1rem}
.navm {display:none;width:1.2rem;height:1.2rem;line-height:1.2rem;text-align:center;color:#333;cursor:pointer}
.navm i {font-size:.6rem;display:block}
header .search {cursor:pointer;position:relative;z-index:101}
header .search i {font-size:.12rem;width:.2rem;line-height:.2rem;height:.2rem;display:flex;align-items:center;justify-content:center;border-radius:100%;border:2px solid #CCC;border-radius:100%}
header .search i.icon-guanbi {color:#2a94c1}
.search_box {position:fixed;left:0px;right:0px;top:.6rem;background:#FFF;display:none;z-index:1000;padding:.3rem 10%}
.search_box .search_t {display:flex;align-items:center;justify-content:center}
.search_box .search_t i {width:10%;display:flex;align-items:center;justify-content:center;background:#F5F5F5;height:.5rem;color:#999}
.search_box .input_txt {width:70%;height:.5rem;border:none;outline:magenta;box-sizing:border-box;background:none;box-sizing:border-box;background:#F5F5F5}
.search_box .input_btn {width:20%;height:.5rem;border:none;outline:magenta;cursor:pointer;font-size:.14rem;background:#2a94c1;color:#FFF}
.search_box .search_c {display:flex;font-size:.08rem;align-items:center;padding:.2rem 0;color:#999;flex-wrap:wrap}
.search_box .search_c li {float:left;margin-left:.1rem}
.search_box .search_c a {color:#999}
.search_box .search_c a:hover {text-decoration:none}
footer {background:#272a2f url(../images/pic33.png) no-repeat center;background-size:100%;padding:.3rem 10%;color:#FFF}
footer .foot_c {display:flex;justify-content:space-between;flex-wrap:wrap}
footer .foot_c .left {width:40%;display:flex;justify-content:space-between;flex-wrap:wrap}
footer .foot_c .left dt {font-size:.1rem;margin-bottom:.08rem;font-weight:bold;color:#FFF}
footer .foot_c .left dd {line-height:2;font-size:.08rem}
footer .foot_c .left dd a {transition:all 0.3s;color:#FFF}
footer .foot_c .left dd a:hover {text-decoration:none;margin-top:.2rem;color:#FFF;opacity:.8}
footer .foot_c .left:after {display:none}
footer .foot_c .center {width:25%}
footer .foot_c .center h2 {font-weight:bold}
footer .foot_c .center ul {margin-top:.1rem;line-height:1.6}
footer .foot_c .center ul li i {font-size:.12rem;margin-right:.05rem}
footer .foot_c .right {width:10%}
footer .foot_c .right h2 {font-weight:bold}
footer .foot_c .right .pic {margin-top:.12rem}
footer .foot_c .right img {width:100%}
footer .foot_c:after {display:none}
footer .foot_b {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:.1rem;padding-top:.1rem;border-top:1px solid rgba(255,255,255,.2);font-size:14px}
footer .foot_b a {color:#666;font-size:14px}
footer .foot_b a:hover {color:#014693;text-decoration:none}
footer .foot_b:after {display:none}
.kefu {position:fixed;right:0;top:50%;z-index:100;transform:translateY(-50%)}
.kefu li {margin-bottom:.01rem;position:relative;cursor:pointer}
.kefu li p {width:.26rem;height:.3rem;display:flex;align-items:center;justify-content:center;background:#2a94c1;color:#FFF;flex-flow:column;font-size:.08rem}
.kefu li p i {font-size:.1rem}
.kefu li p strong {display:block}
.kefu li a {display:flex;align-items:center;justify-content:center;flex-flow:column;color:#FFF}
.kefu li a:hover {text-decoration:none}
.kefu li dl {position:absolute;right:100%;top:50%;background:#FFF;box-shadow:0 0 .05rem rgba(0,0,0,.2);padding:.08rem;visibility:hidden;opacity:0;transition:all .3s;transform:translateY(-50%);min-width:.6rem}
.kefu li:hover dl {visibility:visible;opacity:1}
.kefu li:nth-of-type(1) dl {width:.8rem}
.kefu li dt {padding-bottom:.1rem}
.kefu li dd {line-height:1.6;font-size:.08rem;text-align:center}
.kefu li dd img {width:120px}
@-webkit-keyframes rotate360 {0% {-webkit-transform:rotate(0deg)}
100% {-webkit-transform:rotate(360deg)}}
@-moz-keyframes rotate360 {0% {-moz-transform:rotate(0deg)}
100% {-moz-transform:rotate(360deg)}}
@-ms-keyframes rotate360 {0% {-ms-transform:rotate(0deg)}
100% {-ms-transform:rotate(360deg)}}
@keyframes rotate360 {0% {transform:rotate(0deg)}
100% {transform:rotate(360deg)}}