@charset "GBK";
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form,  input, button,textarea, p, blockquote, th, td {margin: 0;padding: 0; word-break:break-all; word-wrap:break-word;}
img {border: 0; vertical-align:middle;} 
em,i{font-style: normal;}
body{font-family:"\5FAE\8F6F\96C5\9ED1",Helvetica,Tahoma,Arial, "PingFang SC", "Hiragino Sans GB", "\5B8B\4F53",simsun,sans-serif;overflow-y: scroll; *overflow-y:visible;}
input,button,textarea,select{background: transparent; outline: 0;border:0}
ol,ul {list-style: none}
button{ cursor:pointer;}
table {border-collapse: collapse;border-spacing: 0;}
.fix{*zoom:1;}.fix:before,.fix:after{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}
:focus {outline: 0;}
a,a.link{text-decoration: none;}
a:visited{ text-decoration: none; }
/*--rest end*/
body{ color:#fff;}
.ps-r{ position:relative;}
.ta-c{ text-align:center;}
h1{ text-align:center;font-size:42px; margin-bottom:65px; position:relative;}
h1:after{ display:inline-block; content:""; width:26px; height:4px; background:#fff; position:absolute; left:50%; bottom:-10px; margin-left:-13px;}
.mask{ display:block; width:100%; height:100%; background:#000; opacity:0.6; border-radius:6px; position:absolute;top:0;left:0;}
#menu {position: fixed; right: 20px; top: 50%; z-index: 70;-webkit-transform:translateY(-75px)}
#menu li {font-size: 14px; margin-bottom:20px; text-align:right; font-weight:bold;}
#menu li i{ display:inline-block; width:8px; height:8px; border-radius:20px; background:#fff; margin-left:10px; position:relative;}
#menu a { color:#fff;}
#menu .active a { color: #63ceff; }
#menu .active i{ background: #63ceff;}
#menu .active i:after{ display:inline-block; content:""; width:10px; height:10px; border:1px solid #63ceff; border-radius:30px; position:absolute; top:-2px; left:-2px; }
.page01{ background:url(../images/page01.jpg) top center no-repeat;}
.page01Cont,.page02Cont{ margin:0 auto;}
.page01Cont{ width:1002px;}
.page01Text{ height:335px; padding:70px 58px;}
.Ullist li{ margin-bottom:15px; line-height:30px; font-size:15px; position:relative; padding-left:25px;}
.Ullist li:before{ display:inline-block; content:""; width:14px; height:14px; background:url(../images/page01-t02.png) no-repeat; position:absolute;top:9px;left:0;}
.f18{font-size:18px; line-height:36px;}
.f28{ font-size:28px;}
.page02{ background:url(../images/page02.jpg) top center no-repeat;}
.p2ul{ margin-right:-95px; overflow:hidden;}
.p2ul li{ float:left; width:176px; padding:30px 14px 0 14px; height:177px; background:url(../images/ulli-bg.png) no-repeat; margin-right:35px;font-size:16px; line-height:25px;}
.page02Cont{ width:882px;}

.page03{ background:url(../images/page03.jpg) top center no-repeat;}
.page04{ background:url(../images/page04.jpg) top center no-repeat;}
.p3ul{margin-right:-54px; overflow:hidden;}
.p3ul li{ width:414px; margin-right:54px;float:left; text-align:center;}
.p3ul li img{ width:414px; height:205px; border-radius:10px; overflow:hidden;}
.textp3{ padding:20px 0px;line-height:30px; font-size:14px;}
.textp3 h3{ margin-bottom:10px; text-align:center; font-size:19px;}
.textp3 p{ text-align:left;  padding:0px 35px; display:block;}
.p3but{ line-height:38px; height:38px;  color:#fff; font-size:14px; display:block; width:110px; background:linear-gradient(to right, #379ffe 0%,#1875da 100%); border-radius:50px; margin:0 auto;}
.ewmimg{ width:274px; height:249px; overflow:hidden; margin:100px auto 0 auto; }