﻿*{padding:0px; margin:auto;}
.clear{clear:both;}
.end{margin-right:0px;}
a{color: #000;text-decoration: none;}
a:hover{color:#1d3951;}
img{border:0px;}
body{font: normal 11pt arial;color:#000;background:#fff;}
/*--Head--*/
#head{border-bottom:5px solid #5098dc;background: #0052a0;}
#head .h-content{width:1000px;}
#head .logo{float:left;width:25%;}
#head .logo img{width:100%;}
#head .m-Top{float:right;}
#head .m-Top ul{list-style:none;border-left: 1px solid #5098dc;}
#head .m-Top ul li{display:inline-block;text-transform:uppercase;text-shadow: 0 -1px 1px #000000;font-weight:bold;font-size:10pt;
                   border-right: 1px solid #5098dc;}
#head .m-Top ul li a{display:block;padding:40px 20px 40px 20px;color:#fff;}
#head .m-Top ul li a.home{-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background:url(../image/home.png) no-repeat 54px 20px;}
#head .m-Top ul li a.home:hover{background:#FDBA37 url(../image/home.png) no-repeat 54px 20px;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#head .m-Top ul li a.home-over{background:#FDBA37 url(../image/home.png) no-repeat 54px 20px;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#head .m-Top ul li a.news{-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#head .m-Top ul li a.news:hover{background:#1ababc;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#head .m-Top ul li a.news-over{background:#1ababc;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#head .m-Top ul li a.spa{-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#head .m-Top ul li a.spa:hover{background:#33a233;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#head .m-Top ul li a.spa-over{background:#33a233;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#head .m-Top ul li a.cont{-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#head .m-Top ul li a.cont:hover{background:#e76363;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#head .m-Top ul li a.cont-over{background:#e76363;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
/*--Slider--*/
#slider{border-bottom:5px solid #5098dc;background:#5098dc;}
#slider img{width:100%;}
/*--Intro--*/
#intro{background:#0052a0;color:#fff;border-bottom:5px solid #5098dc;}
#intro a{color:#fff;font-weight:bold;}
#intro .i-content{width:1000px;padding:50px;}
#intro .i-left{float:left;width:60%;text-align:justify;}
#intro .i-left div{line-height:21px;padding-bottom:2px;}
#intro .i-left h1{font-size:20pt;font-weight:normal;margin-bottom:10px;}
#intro .i-right{float:right;width:38%;}
#intro .i-right h2{font-size:20pt;font-weight:normal;margin-bottom:10px;text-align:left;}
#intro .i-right ul{list-style:none;}
#intro .i-right ul li{float:left;width:115px;height:115px;margin:5px 10px 5px 0;position:relative;overflow:hidden;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
#intro .i-right ul li img{width:100%;}
#intro .i-right ul li .i-name{display:none;position:absolute;opacity:0.8;width:90%;height:100%;text-align:center;font-size:8pt;padding:0 5%;line-height:12pt;}
#intro .i-right ul li:hover .i-name{display:block;}
#intro .i-right ul li .i-name a{display:block;padding:35px 0;}
#intro .i-right ul li .i-title{position:absolute;width:100%;text-align:center;padding:5px 0;font-size:10pt;}
#intro .i-right ul li h3{color:#000;font-size:8pt;font-weight:normal;padding:0;}
#intro .i-right ul li a{color:#fff;}
#intro .i-right ul li .i0{background: #8A00D2;}
#intro .i-right ul li .i1{background: #F9A81F;}
#intro .i-right ul li .i2{background: #28BAF8;}
#intro .i-right ul li .i3{background: #EB5123;}
#intro .i-right ul li .i4{background: #6CDB2C;}
#intro .i-right ul li .i5{background: #F8DB2A;}
/*--Pro--*/
#pHome{margin:30px 0;}
#pHome .pItem{float:left;width:33.3%;}
#pHome .iBox{width:85%;}
#pHome .iBox img{width:100%;-webkit-transition:0.5s;transition:0.5s;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);
	-o-transform:scale(1);}
#pHome .iBox img:hover{-webkit-transition:0.5s;transition:0.5s;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);
	-o-transform:scale(1.1);}
#pHome .iBox .box-title{padding:10px 0;font-size:14pt;text-align:justify;}
#pHome .iBox .box-title span{font-style:italic;font-size:12pt;}
/*--Foot--*/
#foot{background:#0052a0;color:#fff;border-top:5px solid #5098dc;border-bottom:5px solid #5098dc;line-height:18px;}
#foot h4{font-size:11pt;margin-bottom:15px;text-align:left;text-transform:uppercase;}
#foot a{color:#fff;}
#foot .f-content{width:1000px;padding:20px;}
#foot .f-left{float:left;width:65%;}
#foot .f-left .f-box{clear:both;}
#foot .f-left .f-item{float:left;width:45%;padding:0 5% 5px 0;}
#foot .f-right{float:right;width:35%;}
#foot .f-right p{padding-bottom:5px;}
#foot .f-right img{vertical-align:middle;}
#foot .f-right .f-share{text-align:center;padding-top:10px;}
#foot .f-right img:hover{transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);}
.coppyright{padding:10px 0;text-align:center;font-size:10pt;font-weight:bold;}
/*--Nav--*/
.breadcrumbs {padding: 0 5px;width: 1000px;height: 20px;margin: auto;position: relative;font-size:10pt;}
.navigation{padding:10px 0;}
/*--Content--*/
#content{width:1000px;line-height:20px;text-align:justify;}
#content img{float:left;width:50%;margin:0 1% 1% 0;vertical-align:middle;}
#content h1{float:left;font-weight:normal;font-size:21pt;width:49%;line-height:26pt;}
#content p{padding-bottom:10px;}
#content .code{padding:10px 0 10px 0;float:left;width:48%;}
#content .code img{width:150px;}
#content .code ul{list-style:none;}
#content .code li{display:inline-block;vertical-align:top;}
#content .pIntro{font-size:13pt;}
#content .pContent{padding:10px 0;}
.pOther{padding:20px 0;text-align:center;background:#0052a0;color:#fff;}
.pOther h2{font-weight:normal;font-size:19pt;text-align:center;text-transform:uppercase;float:none;}
.pOther img{border:1px solid #959494;width:250px;border-radius:125px;background:#fff;float:none;margin:30px 25px 10px 25px;-webkit-transition:0.5s;transition:0.5s;
            box-shadow:1px 0px 30px #6b6a6a;-webkit-box-shadow:1px 0px 30px #6b6a6a;-moz-box-shadow:1px 0px 30px #6b6a6a;}
.pOther img:hover{-webkit-transition:0.5s;transition:0.5s;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);
	-o-transform:scale(1.1);box-shadow:0px 0px 30px #000;-webkit-box-shadow:0px 0px 30px #000;-moz-box-shadow:0px 0px 30px #000;}
.pOther a{color:#fff;font-weight:bold;}
.pOther table.product{line-height:19px;}
.pOther table.product td{width:250px;}
.pOther table.product span{font-style:italic;}
/*--News--*/
.Main{width: 1000px;border-right:20px solid #fff;border-left:20px solid #fff;background:#fff;}
.slider{width:1006px;padding:2px;background:#fff;max-height:327px;overflow:hidden;}
.mainContent {width: 745px;float: left;padding-top: 10px;margin-left: 0px;}
.pBox {background-color: #fff;border: 1px solid #ccc;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-webkit-box-shadow: 0px 0px 10px #ccc;-moz-box-shadow: 0px 0px 10px #ccc;box-shadow: 0px 0px 10px #ccc;}
.pBox .title {border-bottom: 1px solid #EEE;}
.pBox .title a{color:#0052a0;}
.pBox .title a:hover{color:#000;}
.pBox .title h1 {color: #0052a0;padding: 5px 5px;font-size: 13pt;}
.socialBox {padding: 5px;position: relative;height: 35px;}
.socialBox .tw {width: 85px;position: absolute;top: 10px;left: 5px;overflow: hidden;}
.socialBox .fb {width: 150px;position: absolute;top: 10px;left: 85px;}
.socialBox .plus {width: 85px;position: absolute;top: 10px;left: 245px;overflow: hidden;}
.nContent {text-align: justify;line-height: 1.7em;padding:0 5px;}
.nContent img {max-width: 100%;height: auto;}
.nContent iframe {max-width: 100%;}
.nContent h2, h3{float:none;background:none;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;color:#000;margin:0;padding:10px 0;}
.nDetail{padding:0 10px;}
.pBoxFull {overflow: hidden;clear: both;margin: 20px 0;}
.pBoxFull .title{border-bottom:1px solid #eee;}
.pBoxFull .title a{color:#fff;}
.pBoxFull .title a:hover{color:#000;}
.pBoxFull .title h1, h2 {padding: 10px 15px;background-color: #0052a0;float: left;font-size: 11pt;border-radius: 3px 3px 0px 0px;-moz-border-radius: 3px 3px 0px 0px;-webkit-border-radius: 3px 3px 0px 0px;color:#fff;}
.pBoxFull .content {padding:0;line-height: 1.7em;}
.newsItem {overflow: hidden;padding: 10px 0 5px 0;}
.newsItem img {width: 35%;float: left;margin-right: 10px;margin-bottom: 10px;overflow: hidden;border: 0px;}
.newsItem .title {overflow: hidden;padding: 0px 0px 10px 0;border-bottom: none;}
.newsItem .title a {font-size: 13pt;color: #0052a0;font-weight:bold;}
.newsItem .desc {width: 63%;overflow: hidden;float: left;text-align: justify;}
.line{border-bottom:1px solid #eee;}
a.more{padding:3px 10px;background:#0052a0;color:#fff;margin:10px 0;float:right;display:block;font-size:9pt;}
a.more:hover{background:#000;}
.newsHomeBox {overflow: hidden;}
.newsItemL {width: 50%;height: 290px;float: left;padding: 5px 0 5px 0;overflow: hidden;position: relative;}
.newsItemL img {width: 360px;height: 200px;float: left;margin-bottom: 10px;padding: 4px;overflow: hidden;border: 1px solid #DDD;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.newsItemL .title{border:0;}
.newsItemL .title a{color:#0052a0;font-size:12pt;font-weight:bold;}
.newsItemL .title a:hover{color:#000}
.newsItemL .desc {width: 100%;overflow: hidden;}
.newsItemR {width: 46%;float: right;height: 83px;margin: 5px 0;padding: 5px 0;overflow: hidden;position: relative;}
.newsItemR img {width: 35%;height: 75px;float: left;margin-right: 2%;margin-bottom: 10px;padding: 4px;overflow: hidden;border: 1px solid #DDD;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.newsItemR .title {width: 60%;overflow: hidden;float: left;padding: 0px;margin: -5px 0 3px 0;border-bottom: 0;line-height:18px;}
.newsItemR .title a{color:#0052a0;font-size:10pt;font-weight:bold;}
.newsItemR .title a:hover{color:#000}
.newsItemR .desc {width: 60%;overflow: hidden;text-align: justify;}
/*----*/
.Right {width: 250px;float: right;padding-top: 10px;margin-right: 0px;overflow:hidden;}
.rbox{margin-bottom:10px;background:#fff;}
.rbox #tabs ul{list-style:none;}
.rbox #tabs ul li{font-size:11pt;background:gray;display:inline-block;}
.tabItemR {height: 77px;margin: 5px 0 10px 0;padding: 5px 0 10px 0;overflow: hidden;position: relative;border-bottom:1px solid #eee;}
.tabItemR .title {overflow: hidden;padding: 0px;margin: -5px 0 3px 0;border-bottom: 0;line-height:18px;}
.tabItemR .title a{color:#0052a0;font-size:10pt;font-weight:bold;}
.tabItemR .title a:hover{color:#000}
.tabItemR .desc {width: 100%;overflow: hidden;text-align: justify;font-size:10pt;line-height:17px;}
.gItemR{background:#0052a0;font-size:10pt;}
.gItemR a{display:block;padding:10px;border-bottom: 1px solid #000;border-top: 1px solid #eee;color:#fff;transition: all 0.5s;-webkit-transition: all 0.5s;}
.gItemR a:hover{background:#000;padding-left:20px;transition: all 0.5s;-webkit-transition: all 0.5s;}
.rbox .rtitle{text-transform:uppercase;padding:5px 0 5px 5px;margin-bottom:5px;border-bottom:5px solid #0052a0;}
.rbox .rtitle a{color:#000;}
.rbox .rtitle a:hover{color:#0052a0;}
.rbox .rcontent{padding:5px 0;}
/*----*/
.centerBoxWrapper {margin: 10px 0 0 0;padding: 4px;position: relative;background-color: #fff;border: 1px solid #ccc;margin-bottom: 20px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.centerBoxWrapper h2{padding:5px 10px;}
.scrollWrapper {clear:both;padding: 10px;overflow: hidden;}
.nTitleOther {background: url(../image/dot_button.gif) no-repeat left center;padding-left: 15px;}
/*--Form--*/
.Login{width: 850px;}
.Login h1{padding: 10px 0;text-align: left;text-transform: uppercase;font-size:17px;color:#1d3951;}
.Login .input{clear: both;width: 100%;padding: 5px 0;text-align: left;}
.Login .input input[type=text]{width: 310px;padding: 10px 5px;}
.Login .input input[type=password]{width: 310px;padding: 10px 5px;}
.Login .input textarea{width: 310px;padding: 10px 5px;}
.Login .input p{text-align:left;padding:5px 0;}
.Login .input iframe{width:110px; margin-top:5px;}
.Login .input input[type=text].captcha{width: 190px;padding: 10px 5px;}
.Login .btnLogin{text-align: left;padding: 5px 0;}
.Login .btnLogin input{background-color: #1d3951;color: #fff;font-size: 12pt;padding: 7px 15px;border-radius: 5px;border: 0;cursor:pointer;}
.Login .register{padding: 10px;background-color: #f2f2f2;margin-top:5px;}
.Login .rule{height:130px;overflow-y:scroll;line-height:20px;margin-top:10px;}
/*Other*/
.tags{font-style:italic;color:#2e2e2e;padding:10px 0;}
.tags a{color:#2e2e2e;}
.tags a:hover{color:#cd2122;}
.n-share{background:#efefef;padding:5px 10px;text-align:left;margin-top:20px;}
.n-share table{float:left;border:0;}
.n-share table tr td{padding-right:5px;}
.like-news{background:url(../images/like.gif) no-repeat center left;padding:2px 10px 0 0;color: #8b8b8b;font-size: 12px;font-weight: normal;}
.like-news span{color:Orange;}
.n-date{font-size:12px;color:#8b8b8b;width:80%;padding-top:7px;}
.page{padding:10px;display:inherit;text-align:center;}
.page a{display:inline-block;margin-right:0px;line-height:19px;min-width:25px;text-align:center;border: 1px solid #167fca;margin: 2px;}
.page a.page_atv,.page a:hover{background: #167fca !important;color:#fff !important;}
.c-hotline{font-size:16px;font-weight:bold;color:#0066ff;}
media="all"
html {-ms-touch-action: manipulation;touch-action: manipulation;}
::-webkit-scrollbar {width: 8px;height: 8px;}
::selection {background: #0397ec;color: #fff;text-shadow: none;}
::-webkit-scrollbar-track {background: #FFF;-webkit-box-shadow: inset 1px 1px 2px #E0E0E0;border: 1px solid #D8D8D8;}
::-webkit-scrollbar-thumb {background: #888787;-webkit-box-shadow: inset 1px 1px 2px rgba(155,155,155,0.4);}
