@charset "utf-8";/* CSS Document*/* {margin:0;padding:0;}
body {font-family:Microsoft YaHei,Tahoma,SimSun,Arial,Helvetica,Geneva,sans-serif;font-size:12px;}
ul,li,ol,dl {list-style:none;}
form {margin:0px;padding:0px;font-size:12px;}
img {border:0;}
.clear {clear:both;}
a{color:#5b5b5b;}
.container{width:1300px;margin:auto;overflow: hidden;}
.fl{float:left;}
.fr{float:right;}
/*head*/
.header {position:relative;width:100%;height: 100px;min-width:1200px;transition:.7s;z-index:10;box-shadow: 0px 1px 10px 0px #c1c1c140;position: fixed;top: 0;z-index: 99;background: #fff;}
.header .logo {display:inline-block;margin-top: -27px;}
.header .container{width:1200px;margin:auto;}
.header .logo .pic img {float:left;margin-top: 10px;margin-right:0px;}
.header .width{
    overflow: hidden;
    height: 40px;
    line-height: 70px;
}
a{text-decoration: none}
.header .width .fr{float:right;}
.header .width .wenzi{
    line-height: 40px;
    height: 40px;
    margin-top: -70px;
    text-align: center;
    color: #fff;
}
.header .width .wenzi a{color: #fff;font-size: 18px;}
.header .width .fr img{}
.header .logo .line {color:#272828;margin-right:20px;}
.header .logo .text {color:#272828;font-size:18px;}
.header .logo .text img {vertical-align:middle;margin-right:8px;}
.header .dropdown {display:none;}
.header .logo img,.header .logo .text,.navbar a {transition:.3s;}

.navbar {float:right;line-height: 80px;margin-top: -15px;}
.navbar ul {position:relative;}
.navbar ul li {float:left;padding: 0px 0px 0px 40px;list-style-type:none;}
.element.style {font-size:20px;display:block;height:33px;margin-top:2px;color:#f60;line-height:33px;}
.element.style {font-size:14px;color:#c9c9c9;margin-top:-7px;display:block;}
.navbar ul li:nth-child(2) {position:relative;}
.navbar ul li:nth-child(2)::before {position: absolute;top: 7px;right: -11px;content: "";display: inline-block;width: 24px;height: 24px;background-image:url(/templets/Class2021/images/hot.gif);background-size: 24px 24px;background-repeat: no-repeat;}
.navbar ul li:nth-child(2)::after {position:absolute;top:13px;right:-13px;content:"";color:#fff;font-size:12px;letter-spacing:-1;display:inline-block;width:center;height:28px;text-align:28px;line-height:28px;transform:rotate(45deg);}
.navbar ul li a {display:inline-block;color:#272828;font-size:16px;width:inherit;height:inherit;}
.navbar ul li a:hover {color:#ff6e00;font-weight: 700; }
.navbar ul .selected {position:absolute;top: 50px;left:30px;width:32px;height:3px;margin-left:0;background-color: #f58530;transition:.3s;display: none;}
/*nav*/.navbar li:nth-child(1):hover~ .selected {margin-left:0px;}
.navbar li:nth-child(2):hover~ .selected {margin-left:65px;}
.navbar li:nth-child(3):hover~ .selected {margin-left:161px;}
.navbar li:nth-child(4):hover~ .selected {margin-left:254px;}
.navbar li:nth-child(5):hover~ .selected {margin-left:348px;}
.navbar li:nth-child(6):hover~ .selected {margin-left:442px;}
.navbar li:nth-child(7):hover~ .selected {margin-left:536px;}
.navbar li:nth-child(8):hover~ .selected {margin-left:632px;}
/*footer*/
strong {font-weight:400}
.strong {font-weight:700}
::selection {background:#1EACDF;color:#fff}
img {border:0}
::-moz-selection {background:#1EACDF;color:#fff}
::-webkit-selection {background:#1EACDF;color:#fff}
.autoWidth {margin:0 auto;min-width:1000px;max-width:1200px}
.auto {margin:0 auto;min-width:1000px;max-width: 1300px;}
@media screen and (max-width:1233px) {.auto {padding-left:10px}
}
.clearfix:after,.clearfix:before {display:table;line-height:0;content:""}
.clearfix:after {clear:both}
.clear-float {clear:both}
.footer {background-color:#666666;font-family:"Microsoft Yahei"}
.footer-floor1 {width:100%;padding:13px 0 0px}
.footer-list {width:65%;height:100%;margin-left: 25px;float:left}
.footer-list ul {float:left;margin-right:19%}
.footer-list .flist-4 {margin-right:0}
.footer-list li {line-height:32px}
.footer-list li a {color:white;font-size:14px;text-decoration:none}
.footer-list li a:hover {text-decoration:underline;color:#d65d01;}
.footer-list .flist-title {font-size:18px;color:#fff;margin-bottom:15px}
.footer-floor2 {width:100%;border-top:1px solid #ffffff29;padding:20px 0;text-align:center}
.footer-floor2 p {text-align:center;color:white;font-size:12px;line-height:30px}
.footer-floor2 p span {font-family:PingFangSC-Light,'helvetica neue','hiragino sans gb',tahoma,'microsoft yahei ui','microsoft yahei',simsun,sans-serif}
.footer-floor2 a {color:#b6e2f2}
.footer-floor2 a:hover {color:#a8d0e0;text-decoration:underline}
.foot-link {margin:0 15px;text-decoration:none;color:#b6e2f2}
.foot-link:hover {text-decoration:underline}
.footer-right {width:300px;margin-right: 100px;float:right}
.telephone {width:100%;height:32px;line-height:32px;display: none;color:#fff}
.telephone span {display:inline-block;width:32px;height:32px;float:left;background:url(../images/phone_32px.png);margin-left:16%}
.telephone .tel-number {font-size: 29px;font-weight:400;text-align:right;}
.official-plat {width:100%;height:100%;margin-top:20px;position:relative}
.official-plat ul {float:right;margin-top:7px}
.official-plat ul li span {display:inline-block;width:32px;height:32px;background:url(../images/plat_icon.png) no-repeat 0 0;line-height:32px;float:left;margin-right:12px}
.official-plat ul li .weibo-logo {background:url(../images/plat_icon.png) no-repeat -32px 0}
.official-plat ul li .qq-logo {background:url(../images/plat_icon.png) no-repeat -64px 0}
.official-plat ul li {height:45px}
.official-plat ul a {display:inline-block;height:32px;width:100%;line-height:32px;color:#fff;text-decoration:none;font-size:12px}
.official-plat>p {display:inline-block;width:132px;height:132px;border:1px solid #ddd;background-color:#fff}
.official-plat .weixin {position:absolute;top:0;left:10px;background-image:url(../images/plat_qrcode.jpg);background-repeat:no-repeat;background-position:0 0}
.official-plat .weibo {position:absolute;top:0;left:10px;background-image:url(../images/plat_qrcode.jpg);background-repeat:no-repeat;background-position:-132px 0;display:none}
#wx-corner {border:10px solid transparent;border-left:10px solid #fff;position:absolute;top:12px;right:-20px;z-index:10}
#wb-corner {border:10px solid transparent;border-left:10px solid #fff;position:absolute;top:58px;right:-20px;z-index:10}
.five-superiority {width:100%;border-bottom:1px solid #ffffff38;padding:10px 0 20px}
.five-superiority-list li {float:left;width: 19%;height:36px;text-align:center;border-left:1px solid #ffffff59;}
.five-superiority-list li:first-child {border-left:none}
.five-superiority-list li a {display:inline-block;position:relative;width:100%;height:36px;line-height:36px;background:no-repeat 2% center;text-indent:2em;color:#fff;font-size:16px}
.five-superiority-list li a:hover {font-weight:600;color:#da5e00;}
.five-superiority-list li a.superiority-text {text-indent:4em}
.superiority-icon {position:absolute;width:40px;height:40px;left:10%;background-repeat:no-repeat;background-image:url(../images/footer_youshi.png)}
.compensate_ico .superiority-icon {background-position:0 0}
.compensate_ico:hover .superiority-icon {background-position:0 -50px}
.retreat_ico .superiority-icon {background-position:0 -100px}
.retreat_ico:hover .superiority-icon {background-position:0 -150px}
.technology_ico .superiority-icon {background-position:0 -200px}
.technology_ico:hover .superiority-icon {background-position:0 -250px}
.prepare_ico .superiority-icon {background-position:0 -300px}
.prepare_ico:hover .superiority-icon {background-position:0 -350px}
.service_ico .superiority-icon {background-position:0 -400px}
.service_ico:hover .superiority-icon {background-position:0 -450px}
.marquee-box {overflow:hidden;width:100%;position:absolute;left:0;top:0}
.marquee {width:8000%;height:60px}
.wave-list-box {float:left}
.wave-list-box ul {float:left;height:60px;overflow:hidden;zoom:1}
.wave-list-box ul li {height:60px;width:100%;float:left;line-height:30px;list-style:none}
.wave-box {position:relative;height:60px;background:#fff}