@charset="utf-8";
/* public CSS */
*{
    margin:0;
    padding:0;
    list-style: none;
    font:inherit;
    vertical-align:baseline;
    border:none;
    font-family:"微软雅黑",Helvetica;
    font-style:normal;
    outline:0;
    -webkit-tap-highlight-color:transparent;
    -webkit-touch-callout:none;
    -webkit-appearance:none;
}

.submenu li a{ display:block; background:#04a0a5; font-size:15px;line-height:1.2;padding:10px 10px 10px 10px; text-align:center; width:95%;color:#fff;}
.submenu li a:hover{background:#b9001e;}
.submenu li#up a{background:#191919;} 
.submenu{ padding-top:10px; width:100%;  text-align:center}
.submenu li{margin:0% 2% 2% 2%; padding:2px 14px 0px 0px;display:inline-table;  }

call_Phone{ font-size: 24px; }
#faqbox .bt .tj{width:40%; height:34px; line-height:34px; color:#fff; background:#b9001e;border:none; margin:0px 30%;-webkit-appearance: none;border-radius: 0; outline: none; cursor:pointer}

#faqbox { }
#faqbox .faqline{height:36px;border:1px solid #dddddd;margin-bottom:10px; background-color:#ffffff}
#faqbox .Content{height:130px;border:1px solid #dddddd;margin-bottom:10px;background-color:#ffffff}
#faqbox .faqline .faqtit1{background:url(../images/ly1.png) no-repeat center center; width:15%; border-right:1px solid #ddd; height:36px; float:left;}
#faqbox .faqline .faqtit2{background:url(../images/ly2.png) no-repeat center center; width:15%; border-right:1px solid #ddd; height:36px; float:left;}
#faqbox .faqline .faqtit3{background:url(../images/ly3.png) no-repeat center center; width:15%; border-right:1px solid #ddd; height:36px; float:left;}
#faqbox .faqline input{background:none; border:none; width:80%;padding:0px 2%; height:36px; line-height:36px;color:#333; font-size:14px;}
#faqbox .Content textarea{background:none; border:none; width:80%;padding:5px 2%; height:122px; line-height:22px;color:#333; font-size:14px;}
#faqbox .Content .faqtit4{background:url(../images/ly4.png) no-repeat center 6px; width:15%; border-right:1px solid #ddd; height:128px; float:left;}
#faqbox .faqline .faqtit{  width:70px; display:block; float:left; clear:both; text-align:right}



body{
    max-width: 640px;
    width: 100%;
    font-size: 16px;
    margin:0 auto;
    padding-bottom: 55px;
}
button,input[type=submit],input[type=reset],input[type=button],select,textarea{background: none;border:none;}
a:link,a:visited{color:#000;text-decoration:none}
img{display:block}
article,aside,nav,section,header,footer,menu{display: block;}
.clearfix:after{content:"";display:block;height:0;clear:both;overflow:hidden}
.clearfix{display:inline-block}

/* private CSS */
/* 电话漂 */
 .Nav_flex{
    max-width: 640px;
    position: fixed;
    top:0px;
    z-index:999999;
}
.header_top{
    width: 100%;
    height: 38px;
    background: #4c4c4c;
    padding-top: 10px;
}
.header_top>img{
    float: left;
    margin-left: 10px;
}
.header_top>span{
    font-size: 14px;
    color: #fff;
    margin-left: 8px;
    line-height: 25px;
}
.header_top>span>a{
    font-size: 20px;
	font-weight:bold;
    color: #fff;
    margin-left: 5px;
    display: block;
    float: left;
}
.header_top>span>a:nth-child(1){
    font-size: 14px;
    color: #fff;
}
.header_top>span>a:nth-child(2){
    margin-top: 1px;
}
.header_top>a{
    float: right;
    margin-right: 10px;
    margin-top: -5px;
}
header .header_logo{
    width: 100%;
    height: 36px;
    padding:4px 0px;
    white-space: nowrap;
    overflow: hidden;
}
header .header_logo>a{
    width: 78px;
    float: left;
    display: block;
    margin-left: 6px;
    margin-top: -10px;
}
header .header_logo>a>img{
    width: 100%;
}
header .header_logo>span{
    height: 34px;
    font-size: 1.5em;
    margin-left: 10px;
    border-left:1px solid #ebebeb;
    line-height: 34px;
    padding: 0px 10px;
    font-weight: bold;
}
/* nav CSS */
nav .navigation{
    width: 99%;
    padding:1% 0px;
    background-color: #fff;
}
nav .navigation>li{
    width: 20%;
    height: 35px;
    float: left;
    line-height: 35px;
    background: #3489df;
    text-align: center;
    border-right: 4px solid #fff;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
nav .navigation>li>a{
    font-size:1.00em;
    color: #fff;
}
nav .navigation>li:nth-child(4),nav .navigation>li:nth-child(8){
    border:none;
}
nav .navigation>li:nth-child(1),nav .navigation>li:nth-child(2),nav .navigation>li:nth-child(3),nav .navigation>li:nth-child(4){
    margin-bottom: 4px;
}
.center{
    width: 100%;
    display: block;
}
.center>img{
    width: 100%;
}
/* section CSS */
section{
    display: inline-block;
}
section .cen_01{
    width: 100%;
    margin-top: 5px;
    float: left;
    position: relative;
}
section .cen_01>p{
    width: 100%;
    float: left;
    line-height: 35px;
    border-top: 1px solid #c0c0c0;
    border-bottom: 2px solid #bebebe;
    font-size: 1.2em;
    color: #1f8fe2;
    font-weight: bold;
    background: url(../images/icon_01.jpg);
}
section .cen_01>p>img{
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 10px;
}
section .cen_01 .cen_01_page{
    width: 96%;
    height: 135px;
    overflow: hidden;
    float: left;
    padding:0% 2%;
    margin-top:10px;
}
section .cen_01 .cen_01_page .cen_01_page_Img{
    max-width: 150px;
    float: left;
    margin-right:10px; 
}
section .cen_01 .cen_01_page .cen_01_page_Img img{
    width: 100%;
}
section .cen_01 .cen_01_page .cen_01_page_center{
    width: 100%;
    font-size: 1.12em;
    line-height: 28px;
    color: #333;
}
section .cen_01 .cen_01_page .cen_01_page_center p{
    font-size: 1.12em !important;
    text-indent: inherit !important;
}
section .cen_01 .cen_01_page .cen_01_page_center div{
    font-size: 1.12em !important;
    text-indent: inherit !important;
}
section .cen_01 .cen_01_page .cen_01_page_center div span{
    font-size: inherit !important;
}
section .cen_01 .cen_01_page .cen_01_page_center p span{
    font-size: inherit !important;
}
section .cen_01 .cen_01_page .cen_01_page_center img{
    max-width: 100%;
    margin:5px auto;
	height:inherit !important;
}
section .cen_01 .cen_01_page .clickShow{
    position: absolute;
    bottom:-3px;
    right:5px;
    color: #fd0000;
    font-size: 1.12em;
    background: #fff;
}
section .cen_01 .cen_01_page .show{
    width: 100%;
    display: inline-block;
}
section .cen_01 .cen_01_page .show p{
    width: 49%;
    float: left;
}
section .cen_01 .cen_01_page .show p:nth-child(2),section .cen_01 .cen_01_page .show p:nth-child(4){
    padding-left: 1.9%;
}
section .cen_01 .cen_01_page .show p img{
    width: 100%;
}

/* 留言板 CSS */
section .cen_01 .LYB{
    width: 100%;
    background: #fafafa;
    float: left;
}
section .cen_01 .LYB>p{
    width: 100%;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: #1f8fe2;
}
section .cen_01 .LYB .LYB_cen{
    width: 100%;
}
section .cen_01 .LYB .LYB_cen .word1{
    width: 96%;
    text-align: center;
    padding: 0px 2% 5px 2%;
    display: block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
section .cen_01 .LYB .LYB_cen .word1 p label{
    width: 60px;
    height: 35px;
    line-height: 35px;
    position: absolute;
    margin-left: 5px;
    color: #333;
    font-size: 1.12em;
}
section .cen_01 .LYB .LYB_cen .word1 .input{
    width: 100%;
    height: 35px;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-indent: 5px;
    font-size: 1.12em;
    margin-bottom:25px;
    box-sizing: border-box;
    padding-left: 60px;
}
section .cen_01 .LYB .LYB_cen .word1>p>textarea{
    padding-top: 5px;
    height: 30px;
    resize:none;
}
section .cen_01 .LYB .LYB_cen .word1 .submit{
    width: 100%;
    height: 43px;
    border: none;
    font-size: 1.12em;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #fff;
    background: #3489df;    
    cursor: pointer;
    margin-bottom: 10px;
}
section .cen_01 .LYB .LYB_cen .word1>span{
    margin-bottom: 10px;
}
section .cen_01 .contact{
    width: 96%;
    padding:10px 2%;
}
section .cen_01 .contact>.lb_left>p{
    width: 100%;
    font-size: 1.12em;
    line-height: 30px;
}
section .cen_01 .contact>.lb_left>p>img{ width:100%;}
section .cen_01 .contact>.lb_left>p>b{
    width: 6rem;
    font-weight: bold;
    display: inline-block;
}
section .cen_01 .contact>.lb_left>p>a{
    text-decoration:underline;
    color: red;
}
section .cen_01 .question{
    width: 96%;
    padding: 2%;
    border-bottom: 1px dotted #ccc;
}
section .cen_01 .question i{
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    text-align: center;
    line-height: 20px;
    color: #fff;
    font-size: 14px;
    margin-right: 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
section .cen_01 .question h4{
    height: 19px;
    line-height: 19px;
    overflow: hidden;
    color: #000;
    font-size: 1.12em;
}
section .cen_01 .question h4 i{
    background-color:#fd8910; 
}
section .cen_01 .question p{
    width: 100%;
    max-height: 40px;
    float: left;
    font-size: 14px;
    color: #969696;
    overflow: hidden;
    margin-top: 10px;
}
section .cen_01 .question:nth-last-child(1){
    border:none;
}
section .cen_01 .question p>i{
    background-color: #80ad1f;
}
/* footer CSS */
footer .foot{
    width: 100%;
    background: #333;
    text-align: center;
    padding-top: 10px;
    line-height: 20px;
}
footer .foot a{
    font-size: 14px;
    color: #ababab;
}
footer .foot p{
    font-size: 14px;
    color: #666;
}
/* article CSS */
article .call{
    max-width: 640px;
    width: 100%;
    height: 56px;
    position: fixed;
    bottom:-1px;
    display: none;
    background-color: #fff;
}
article .call>p{
    width: 50%;
    height: 55px;
    float: left;
    text-align: center;
    border-right: 1px solid #fff;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
article .call>p a{
    display: block;
    padding-top: 7px;
    height: 48px;
    color: #fff;
    font-size: 14px;
}
article .call>p a i{
    display: block;
    margin: 0 auto;
    width: 25px;
    height: 24px;
    background: url(../images/call_icon.png) no-repeat 0 0;
    background-size: 25px;
}

article .call>p.call_Phone{
    background-color: #d84141;
}
article .call>p.call_Phone i{
    background-position: 0 -76px;
}

article .call>p.call_Communication{
    background-color: #3489df;
}
article .call>p.call_Communication i{
    width: 46px;
    height: 31px;
    background-image:url(../images/Communication.gif);
    background-size:inherit;
    margin-top: -7px;
}

article .call>p.call_Message{
    background-color: #35ad68;
    float: right;
    border-right: none;
}
article .call>p.call_Message i{
    background-position: 0 0px;
}
/* return */
article .return{
    position: fixed;
    bottom:61px;
    right:5px;
    display: none;
}

/* share CSS */
.toShare {
    position:relative;
    margin-top:5px;
    width:100%;
    height:100px;
}
.toShare .khdBtn .a_bl .inf {
    padding-top:4px
}
.toShare .a_bl,.toShare .a_dl {
    display:inline-block;
    position:relative;
    padding:0 0 0 47px;
    font-size:12px
}
.toShare .a_bl .ico,.toShare .a_dl .ico {
    position:absolute;
    left:3px
}
.toShare .a_bl .ico img,.toShare .a_dl .ico img {
    width:39px
}
.toShare .a_bl .inf,.toShare .a_dl .inf {
    padding-top:1px
}
.toShare .a_bl .des,.toShare .a_dl .des {
    color:#595858
}
* {
    outline:0
}
/* --------------------------------------------------------- */
.login_win_header {
    position:relative
}
/* ------------------------------------------------------------ */
/* --------------------------------------------------------- */
/* user_clause_win */
.login_op,.user_clause_win {
    position:fixed;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:rgba(0,0,0,.5);
    z-index:10000
}
.login_win {
    width:80%;
    margin:0 auto;
    padding:5px;
    background:rgba(0,0,0,.3);
    border-radius:2px;
    position:absolute;
    z-index:1000;
    left:50%;
    top:50%;
    margin-left:-40%;
    margin-top:-149px
}
.login_win_inner {
    padding:0 20px
}
.login_win_logo_wrap {
    padding:18px 0 9px
}
.user_clause_win .user_clause {
    padding:50px 0;
    text-align:center
}
.user_clause_win .user_clause a {
    display:block;
    line-height:46px;
    background:#fafafa;
    font-size:12px;
    color:#09c
}
/* -------------------------------------------------- */
/* common-tip */
.common-tip {
    display:none;
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:90000
}
.share_i {
    display:inline-block;
    width:224px;
    height:224px;
    background:url(../images/icon.png) no-repeat 100%;
    background-size:224px auto;
    vertical-align:middle
}
.share_i2 {
    display:inline-block;
    width:160px;
    height:160px;
    background:url(../images/icon.png) no-repeat 100%;
    background-size:160px auto;
    vertical-align:middle
}
.share_i3 {
    display:inline-block;
    width:200px;
    height:200px;
    background:url(../images/icon.png) no-repeat 100%;
    background-size:200px auto;
    vertical-align:middle
}
.Night .share_i,.Night .share_i2,.Night .share_i3 {
    background-image:url(../images/icon.png)
}
.share_i_A1 {
    width:50.4px;
    height:50.4px;
    background-position:0 0
}
.share_i_A2 {
    width:50.4px;
    height:50.4px;
    background-position:-56px 0
}
.share_i_A3 {
    width:50.4px;
    height:50.4px;
    background-position:-112px 0
}
.share_i_A4 {
    width:50.4px;
    height:50.4px;
    background-position:-168px 0
}
.share_i_B1 {
    width:50.4px;
    height:50.4px;
    background-position:0 -56px
}
.share_i_B2 {
    width:50.4px;
    height:50.4px;
    background-position:-56px -56px
}
.share_i2_A1 {
    width:36px;
    height:36px;
    background-position:0 0
}
.share_i2_A2 {
    width:36px;
    height:36px;
    background-position:-40px 0
}
.share_i2_A3 {
    width:36px;
    height:36px;
    background-position:-80px 0
}
.share_i2_A4 {
    width:36px;
    height:36px;
    background-position:-120px 0
}
.share_i2_B1 {
    width:36px;
    height:36px;
    background-position:0 -40px
}
.share_i2_B2 {
    width:36px;
    height:36px;
    background-position:-40px -40px
}
.share_i_D1 {
    width:36px;
    height:36px;
    background-position:0 -150px
}
/* --------------------------------------------------- */
.share-page .share-mask {
    display:block;
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    background:rgba(255,255,255,.9);
    z-index:10000;
    opacity:0
}
.share-page .share-mask i {
    display:inline-block;
    width:20px;
    height:20px;
    position:fixed;
    left:50%;
    bottom:50px;
    margin-left:-10px
}
.share-page .share-mask i:after {
    content:'';
    display:block;
    height:26px;
    width:2px;
    margin-left:-1.5px;
    background-color:#BBB;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    position:absolute;
    left:10px;
    top:-3px
}
.share-page .share-mask i:before {
    content:'';
    display:block;
    height:26px;
    width:2px;
    margin-left:-1.5px;
    background-color:#BBB;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    position:absolute;
    left:10px;
    top:-3px
}
.share-page .share-mask-show {
    display:block;
    opacity:1;
    -webkit-transition:opacity 400ms ease-in;
    -moz-transition:opacity 400ms ease-in;
    -o-transition:opacity 400ms ease-in;
    -ms-transition:opacity 400ms ease-in;
    transition:opacity 400ms ease-in
}
.share-page .share-mask-show-uc {
    display:block;
    opacity:.9;
    -webkit-transition:opacity 400ms ease-in;
    -moz-transition:opacity 400ms ease-in;
    -o-transition:opacity 400ms ease-in;
    -ms-transition:opacity 400ms ease-in;
    transition:opacity 400ms ease-in
}
.share-page .share-mask-hide {
    opacity:0;
    -webkit-transition:opacity 400ms ease-in;
    -moz-transition:opacity 400ms ease-in;
    -o-transition:opacity 400ms ease-in;
    -ms-transition:opacity 400ms ease-in;
    transition:opacity 400ms ease-in
}
/* ------------------------------------ */
.share-page .share-box {
    visibility:hidden;
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    z-index:10001;
    font-family:'Microsoft YaHei','Microsoft JhengHei',STHeiti,MingLiu;
    opacity:0
}
.share-page .share-box h4 {
    font-size:16px;
    color:#636363;
    text-align:center;
    margin-bottom:15px
}
.share-page .share-box ul {
    display:-moz-box;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:-ms-flex;
    display:flex;
    padding:12px 0
}
.share-page .share-box ul li {
    -webkit-box-flex:1;
    -moz-box-flex:1;
    -webkit-flex:1 1 0;
    -moz-flex:1 1 0;
    -ms-flex:1 1 0;
    flex:1 1 0;
    text-align:center;
    font-size:10px
}
.share-page .share-box ul li a {
    display:block;
    color:#878787
}
.share-page .share-box ul li a i,.share-page .share-box ul li a span {
    display:block;
    margin:0 auto
}
.share-page .share-box ul li a span {
    margin-top:10px
}
.share-page .share-box .wd {
    opacity:0
}
.share-page .share-box-show {
    visibility:visible;
    opacity:1;
    -webkit-transition:opacity 400ms ease-in;
    -moz-transition:opacity 400ms ease-in;
    -o-transition:opacity 400ms ease-in;
    -ms-transition:opacity 400ms ease-in;
    transition:opacity 400ms ease-in
}
.share-page-black .share-mask {
    background:rgba(0,0,0,.9)
}
.share-page-black .share-box h4 {
    color:#eaeaea
}



/* share-bar */


.share-bar {
    font-family:'Microsoft YaHei','Microsoft JhengHei',STHeiti,MingLiu;
    margin:0 3%
}
.share-bar h4 {
    height:20px;
    line-height:20px;
    font-size:14px;
    color:#BBB;
    text-align:center;
    position:relative
}
.share-bar h4:before {
    content:'';
    display:block;
    position:absolute;
    border-top:1px solid #ebebeb;
    height:0;
    width:35%;
    top:49%;
    left:5%
}
.share-bar h4:after {
    content:'';
    display:block;
    position:absolute;
    border-top:1px solid #ebebeb;
    height:0;
    width:35%;
    top:49%;
    right:5%
}
.share-bar ul {
    display:-moz-box;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:-ms-flex;
    display:flex;
    padding:12px 0 0
}
.share-bar ul li {
    -webkit-box-flex:1;
    -moz-box-flex:1;
    -webkit-flex:1 1 0;
    -moz-flex:1 1 0;
    -ms-flex:1 1 0;
    flex:1 1 0;
    text-align:center;
    font-size:10px
}
.share-bar ul li a {
    display:block;
    color:#878787
}
.share-bar ul li a i,.share-bar ul li a span {
    display:block;
    margin:0 auto
}
.share-bar ul li a span {
    margin-top:10px
}

div.cen_01{
    width: 100%;
    margin-top: 5px;
    float: left;
    position: relative;
}
div.cen_01>p{
    width: 100%;
    float: left;
    line-height: 35px;
    border-top: 1px solid #c0c0c0;
    border-bottom: 2px solid #bebebe;
    font-size: 1.2em;
    color: #1f8fe2;
    font-weight: bold;
    background: url(../images/icon_01.jpg);
}
div.cen_01>p>img{
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 10px;
}