*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0; font-size:14px;}
:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{font-family:"΢ÈíÑźÚ, ËÎÌå";line-height:1.6}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
img{border:0;vertical-align:middle}
a{text-decoration:none;color:#000;}
input,textarea{outline:0}
a,button,img,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0)}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#959595}
.bd-no-scroll,.bd-no-scroll body{overflow:hidden;height:100%}
.hidden,[v-cloak]{display:none!important}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:" "}
.nowrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tap-active{cursor:pointer;-webkit-tap-highlight-color:rgba(240,240,240,.7)}
body{overflow-x:hidden;width:100%}


.c6{color:#666666;}
.c9{color:#999999;}
.c-e1{color:#E10000;}
.c-ff7300 {color: #FF7300;}


.f12{font-size:12px;}
.f11{font-size:11px;}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:15px}
.g-o {margin: 0px auto; width: 1200px;}


@-webkit-keyframes enter{0%{opacity:0;-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}
to{opacity:1}
}
@keyframes enter{0%{opacity:0;-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}
to{opacity:1}
}
.animate_5{-webkit-animation:enter .5s forwards;animation:enter .5s forwards}

@media only screen and (max-width:996px) {
.g-o {margin: 0px auto; width: 100%;}
}
@media only screen and (max-width:768px) {
	*{font-size:14px}
	.f12{font-size:14px;}
	.f11{font-size:12px;}
	h1,h2,h3,h4,h5,h6{font-size:17px}
	.g-o {margin: 0px auto; width: 100%;}
}

.top-header{
	width:100%; background:#3377ff; float:left;box-shadow:0 3px 8px 0 rgba(211,12,12,.3);
}
.top-nav{width:100%; margin-top:10px;   text-align:center; position:relative;}
.top-nav .logo{width:100%;}
.top-nav .logo>img{width:320px;}
.top-nav .logo>div{width:100%; margin-top:5px}
.top-nav .logo>div>img{ height:43px;}

.top-nav .home-buttons{width:100%; margin-top:20px; position:relative;}
.top-nav .home-buttons .home-buttons-div{width:1210px; text-align:center; display: inline-block;display£ºflex;flex-direction:row;justify-content:center;position:relative; margin-bottom:20px;}


.menulist-right{text-align:left;width:350px; position:absolute; top:10px; right:10px;}
.menulist-right>div{width:350px}
.menulist-right>div li{float:left;position:relative}
.menulist-right .menuhot{width:80px;margin-top:10px}
.menulist-right .menuhotword{width:270px}
.menulist-right .nav-hoticon{float:left;padding:0px 10px;height:22px;line-height:20px;background:#fff;border-radius:7px;width:72px;color:#fff;white-space:nowrap}
.menulist-right .nav-hoticon a{color:#333;font-size:15px;}
.menulist-right .nav-hotangle{width:0;height:0;position:absolute;top:6px;left:72px;display:inline-block;border-left:4px solid #fff;border-right:4px solid transparent;border-top:4px solid transparent;border-bottom:4px solid transparent;transition:All .6s ease-in-out}
.menulist-right .menuhotword #news{height:40px;width:270px;display:block;overflow:hidden}
.menulist-right .menuhotword .news{font-size:13.5px}
.menulist-right .menuhotword .news a{float:left;height:40px; line-height:40px; width:285px;overflow:hidden;color:#eee;}

.topmy{text-align:left;position:absolute; top:15px; left:210px;border-radius:3px;padding:0 10px;height:26px;line-height:24px;text-indent:14px;border:1px solid #fff;}
.topmy{background:url(../images/new/botmenu-bg.png) no-repeat;background-size:80px 416px;background-position:-5px -174px}
.topmy a{color:#fff;font-size:13px;}
.tologin{left:10px;}
.toreg{left:110px;}

@media only screen and (max-width:768px) {
	.top-nav .home-buttons .home-buttons-div{width:100%;}
	.top-nav{ padding-top:30px;}
	.topmy{ position:absolute; left:auto;right:10px;top:1px;width:125px;}
	.tologin{ position:absolute; left:10px;top:1px;width:90px;}
	.toreg{display:none;}
}

.home-button:hover{color:#444; background:#fff;}
.home-button{margin-left:10px;margin-right:10px}
.home-button{display:inline-block;color:#fff;padding:10px;width:100px;border:1px solid #fff;border-radius:5px;font-size:18px;margin-bottom:20px;box-shadow:0 3px 8px 0 rgba(211,12,12,.3);}

@media only screen and (max-width:768px) {
	.home-button{padding:5px 8px;width:25%;border-radius:5px;font-size:15px}
	.top-nav .home-buttons .home-buttons-div:before{display:none}
	.top-nav .home-buttons .home-buttons-div:after{display:none}
    .menulist-right{width:320px; position:static; }
}


.controlslist{width:100%;background-color: #f8f8f8; display: inline-block; padding-top:40px;}

.control-box{display:inline-block;width:100%}
.control-box>ul{width:100%;display:inline-block}
.control-box>ul>li{width:48%;display:inline-block; background:#fff; margin-bottom:20px;border:1px solid #ddd;box-shadow:0 3px 8px 0 rgba(211, 12, 12, 0.3); border-radius: 20px;}
.control-box>ul>li.controlli{margin-right:20px}
.controlli{height:auto; width:100%;display: inline-block;float:left;}
.controlli>div {width:100%;height:400px;  overflow:hidden;  float:left; padding:10px;}
.controlli>div .controltitle{font-weight:700;color:#3377ff;font-size:18px;line-height:50px;border-bottom:1px solid #ddd;width:96%;margin-left:2%;margin-right:2%}
.controlli>div .controltitle a{color:#3377ff;font-size:18px}
.controlli>div .controltitle i{width:30px;height:30px;float:left;margin-right:5px;border-radius:15px;margin-top:10px;margin-left:5px}
.controlli>div .controltitle i{background:#3377ff url(../images/new/botmenu-bg.png) no-repeat;background-size:100px 520px;background-position:-2px -5px}
.controlli>div .controltitle i.icon_2{background-position:-10px -8px}
.controlli>div .controltitle i.icon_1{background-position:-9px -61px}
.controlli>div .controltitle i.icon_4{background-position:-10px -115px}
.controlli>div .controltitle i.icon_6{background-position:-7px -334px}
.controlli>div .controltitle i.icon_7{background-position:-7px -273px}
.controlli>div .controltitle i.icon_5{background-position:-7px -398px}

.controlli>div .controltitle .hot{background-color:#ff3b3b;color:#fff;padding:3px 10px; font-size:14px; float:right;min-width:60px; height:30px; line-height:25px; text-align:center; margin-top:10px;}
.controlli>div .controltext{width:100%;padding:20px 4%;height:270px;float:left;font-size:15px;line-height:30px; overflow:hidden;}
.controlli>div .controltext h3{width:100%;height:40px;float:left;line-height:40px;font-weight:600;font-size:20px;margin-bottom:5px;color:#3377ff;margin-top:10px}
.controlli>div .controltext span{float:left;color:#3377ff;padding:5px 10px;border:1px solid #3377ff;border-radius:5px;font-size:16px;margin-bottom:10px;margin-right:5px}
.controlli>div .controloper{border-top:1px solid #ddd;width:100%;padding:10px 4%;float:left;position:relative;height:50px}
.controlli>div .controloper .p-button{text-align:center;margin:0 auto;left:50%;float:left;font-size:16px;border:1px solid #3377ff;width:190px;height:35px;line-height:35px;margin-left:30%;text-align:center;color:#fff;background-color:#3377ff;margin-top:0;border-radius:5px}
.controlli>div .controloper .p-button:hover{background-color:#3277f9}


.control-box>ul>li:hover{box-shadow:0 4px 45px 0 rgba(.1,0,0,.1)}



@media only screen and (max-width:768px){
	.control-box>ul>li{width:96%; margin-left:2%;margin-right:2%;}
	.control-box>ul>li.controlli{margin-right:0px}
	.controlli>div{height:auto;}
	.controlli>div .controltext{height:auto;}
	.controlli>div .controltext h3,.controlli>div .controltext span{ display:none;}
}

.floor-title{display:inline-block;height:90px;width:100%;text-align:center}
.floor-title>h3{font-size:28px;letter-spacing:8px;color:#148eff;height:50px;line-height:50px}
.floor-title>h3:before{margin-right:20px;content:"";height:0;display:inline-block;margin-bottom:10px;border-top:1px solid #148eff;width:90px}
.floor-title>h3:after{margin-left:12px;content:"";height:0;display:inline-block;margin-bottom:10px;border-top:1px solid #148eff;width:90px}
@media only screen and (max-width:768px){.floor-title>h3:before{width:25px}
.floor-title>h3:after{width:25px}
}

/*µ×²¿*/
.page-bottom{ background:#2b3747; float:left;width:100%;height:auto; color:#78808d; font-size:14px; padding-top:20px; padding-bottom:50px;}
.page-bottom a{color:#78808d; font-size:14px;}
.page-bottom a:hover{color:#bbb; text-decoration:none;}
.page-bottom .copy-box{float:left;width:780px;margin-right:20px}
.page-bottom .copy-box .botmenu{width:100%;min-height:50px;float:left;border-bottom:solid 1px #363b44;margin-bottom:30px;margin-top:20px;text-align:center;display:flex;justify-content:center;flex-wrap:wrap;}
.page-bottom .copy-box .botmenu a{border:solid 1px #fff;float:left;margin-right:15px;margin-bottom:20px;padding:5px 10px; border-radius: 10px; color:#fff;text-indent:32px; font-size:15px;}
.page-bottom .copy-box .botmenu a{background:#2b3747 url(../images/new/botmenu-bg.png) no-repeat;background-size:100px 520px;background-position:-2px -5px}
.page-bottom .copy-box .botmenu a:hover{background:#78808d url(../images/new/botmenu-bg.png) no-repeat;background-size:100px 520px;background-position:-2px -5px}
.page-bottom .copy-box .botmenu a.botmenu-2{background-position:-2px -5px}
.page-bottom .copy-box .botmenu a.botmenu-1{background-position:-2px -60px}
.page-bottom .copy-box .botmenu a.botmenu-4{background-position:-2px -112px}
.page-bottom .copy-box .botmenu a.botmenu-0{background-position:-2px -215px}
.page-bottom .copy-box .botmenu a.botmenu-6{background-position:-2px -331px}
.page-bottom .copy-box .botmenu a.botmenu-5{background-position:-2px -395px}
.page-bottom .copy-box .botmenu a.botmenu-7{background-position:-2px -270px}
.page-bottom .copy-box .botmenu a.botmenu-3{background-position:-1px -494px}

.page-bottom .copy-box .botmenu a.botmenu-logo{border:solid 0 #fff;width:100px;height:36px;background-position:-2px -162px}
.page-bottom .copy-box .botcopy{width:100%;margin-bottom:30px}
.page-bottom .copy-box .copy-txt{min-height:40px;}
.page-bottom .service-box{border-left:solid 1px #363b44;float:left;width:360px;padding-left:39px}
.page-bottom .service-box>ul{width:48%;float:left; margin-left:4%;}
.page-bottom .service-box>ul:first-child{margin-left:0%;}
.page-bottom .service-box li{width:100%;text-align:center}
.page-bottom .service-box li.service-title{height:30px;line-height:30px;font-size:16px;margin-bottom:10px}
.page-bottom .service-box .service-ewm img{width:90%;margin:0 auto}
.page-bottom .bot-links{width:100%;float:left;border-top:solid 1px #363b44; margin-top:20px; padding-top:10px;}
.page-bottom .bot-links strong{font-weight:bold;float:left; line-height:30px;  font-size:16px;}
.page-bottom .bot-links a{float:left; margin-right:15px;line-height:30px;}


@media only screen and (max-width:768px){	
	.page-bottom .copy-box{width:100%;margin-right:0px;}
	.page-bottom .copy-box .copy-txt span{white-space: nowrap;}
	.page-bottom .copy-box .copy-txt{width:94%;padding-left:4%;padding-right:2%;}
	.page-bottom .copy-box .botmenu{width:98%;padding-left:1%;padding-right:1%;}	
	.page-bottom .service-box{width:100%;padding-left:0px;border-top:solid 1px #363b44;border-left:solid 0px #363b44; margin-bottom:30px;}
	.page-bottom .bot-links{display:none;}
}

.gotop {display:none;z-index: 9999;position: fixed;bottom: 50px;right: 24px;width: 48px;height: 48px;border-radius: 50%;background: url(../images/new/gotop.png) no-repeat;background-size: 100%;}


/**ÓÒÔòµ¼º½**/
.g-dn{display:none}
.fiexd_nav{position:fixed; font-size:12px;  height:auto; width:70px; left: 50%; margin-left: 606px; bottom:105px;_position:absolute; _top:expression(eval((document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight)-30));overflow:hidden;}
.fiexd_nav{ background: #3377ff;}
.fd-header{height:68px;cursor:pointer;background: #3377ff;}
.fd-header h2{width:80%; margin:10%; text-align:center; color:#fff; margin-top:10px;border: 1px solid #e8e8e8;letter-spacing:3px; padding:5px;}
.fd-content{ background:#fff; padding:0px;}
.fd-content span{ height:40px; padding:0px 0; width:100%; text-align:center; display:block; overflow:hidden;border-bottom: 1px solid #3377ff;border-left: 1px solid #3377ff; border-right: 1px solid #3377ff;text-align:center;}
.fd-content span{ padding:0px; line-height:40px; color:#a0a0a0;  overflow:hidden; cursor:pointer; }
.fd-content span.cur,.fd-content span:hover{ border-color:#3377ff;background:#3377ff; }
.fd-content span.cur,.fd-content span:hover{ background:#3377ff; color:#fff;}



@media only screen and (max-width:768px){	
	.fiexd_nav{ width:65px; height:auto; left: auto; margin-left: 0px; top:auto; right:0;bottom:100px;background: none;}
	.fd-header{ display:none;}
	.fd-content{ background:none;}
	.fd-content span{background: #fff;height:30px; margin-bottom:10px;border: 1px solid #3377ff; border-top-left-radius:20px 20px;border-bottom-left-radius:20px 20px; opacity: 0.7;}
	.fd-content span{ color:#a0a0a0;font-size:12px; line-height:30px;}
}