@charset "utf-8";body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr,span{margin:0;padding:0;}
body{font-size:16px;font-family: "Microsoft YaHei" ! important;color:#000000;background:#fff;margin:0 auto;padding:0px;}
a{text-decoration:none;color:#235aa7;outline:none;}
a:active{star:expression(this.onFocus=this.blur());}
img{border:0px;vertical-align: middle;}
li{list-style: none;}
@media (min-width: 1200px){
.container {
    width: 640px!important
}	
	
}
.dianjifz{
	font-weight: bold;
	font-size:14px;
    border-radius: 10px;
    margin: 0 3px;
    padding: 0 3px;
    background: #FFF;
    border: 1px solid #3361a7;
    color: #3361a7;
	
}
.container{
	
	background-repeat: repeat;
	background-position: left top;
	padding: 10px;
	background-size: auto;
	 /* background-image: url(../img/bg.png); */
	 box-sizing: border-box;
	
}
.biaot{
		font-size:20px;
		text-align:center;
		font-weight:bold;
		margin-top:50px;
		font-family:微软雅黑;
	}
.content{
	border: 0px none;
}

.viddh .vid_o{
	border:0;padding:0;margin:0 auto;text-align:center;white-space:normal
}
.viddh .vid_o .vid_bt{
	display:inline-block;margin:0 auto;text-align:left;background-image:url(../img/0.png);background-size:auto 50px;background-repeat:no-repeat;width:42px;height:50px;vertical-align:top;line-height:50px;text-align:center;color:#fff
}
.viddh .vid_o .vid_bt p{
	font-size:20px;border:0;padding:0;margin:0
}
.viddh .vid_t{
	display:inline-block;margin:0 auto;text-align:left;background-image:url(../img/1.png);background-size:auto 50px;background-repeat:no-repeat;height:50px
}
.viddh .vid_t .vid_text{
	display:inline-block;padding-left:10px;line-height:50px;color:#333;margin-top:0;vertical-align:top
}
.viddh .vid_t .vid_text p{
	font-size:14px;border:0;padding:0;margin:0
}
.viddh  .vid_r{
	display:inline-block;margin:0 auto;text-align:left;background-image:url(../img/3.png);background-size:auto 50px;background-repeat:no-repeat;width:17px;height:50px;vertical-align:top
}
.dhh{
	margin-left:10px;
}
.dhh .dh_o{
	margin: 0.5em 0px 0px; padding: 0px; max-width: 100%; box-sizing: border-box; min-width: 0px; color: #3e3e3e; font-size: 15px; line-height: 24px; border: none; word-wrap: break-word !important;
}
.dhh .dh_o .numb{
	margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box; display: inline-block; vertical-align: top; height: 1.8em; width: 1.8em; border-radius: 50%; border: 3px solid #79baf3; font-size: 1.6em; font-family: inherit; font-weight: inherit; text-align: center; text-decoration: inherit; color:  #79baf3; word-wrap: break-word !important;background: #fefefe;
}
.dhh .dh_o .numb .autonum{
	margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box; line-height: 1.6em; word-wrap: break-word !important;
}
.dhh .dh_o .text{
	margin: -1.56em 0px 1em 0.5em; padding: 0px;float: left; border-radius: 1em; font-size: 1.2em; font-family: inherit; font-weight: inherit; text-decoration: inherit; color: #fefefe; border-color:  #79baf3; word-wrap: break-word !important; background-color:  #79baf3;z-index: -1;
}
.dhh .dh_o .text .xq{
	box-sizing:border-box; display:inline-block; float:left; font-family:inherit; line-height:1.6em; margin:0px 5px; max-width:100%; padding:0px 10px 0px 2em; vertical-align:top; word-wrap:break-word !important
}
.top{
	border: 0px none; 
	box-sizing: border-box;
}
.top img{
	max-width: 100%; 
	width: 30px;
	border: 0px none;
}
.box{
	border: 0px none;
	box-sizing: border-box;	
}
.section1 .text{
	border: 0px none;
	box-sizing: border-box;
}
.section1 .text p{
	letter-spacing: 1.5px; 
	line-height: 1.75em;
	text-align: center;
}
.section1 .text p span{
	color: #333333;
	font-size: 16px;
}

.section2{
	white-space: normal; 
	border: 0px none;
	box-sizing: border-box;
}
.shine{
	display: flex;
	justify-content: space-around;
	padding: 0px 25px;
	margin-bottom: -28px;
}
.section2 .imgbox{
	width: 50px;
}
.section2 .imgbox img{
	width: 100%;
	display: block;
}
.section2 .text{
	padding:1em 2em 1em 2em;
	box-shadow:2px 2px 5px #eaedf6, -2px 2px 5px #eaedf6;
	color: #1a2868;
}
.section2  .brush{
	text-align: center;
	font-size: 16px;
	line-height: 1.75em;
}
.section2  .brush p{
	text-align: justify;
	text-indent:2em
}
.section2 .brush p span{
	font-size: 16px; 
	font-family:微软雅黑;

}
.hx{
	 height:10px; 
	 border-bottom:dashed 1px #f75656; 
}
.ship{
	 padding:10px 10px;
	 height:auto;
	 min-height:100px;
	 overflow:hidden; 
	 min-height:150px;
}
.title{
	border: 0px none;
	box-sizing: border-box;
}
.title .editor{
	text-align: center;
	margin-top:10px;
	margin-bottom:30px;
}
.title .ty{
	-webkit-box-reflect: below 5px -webkit-linear-gradient(top, transparent, transparent 10%, rgba(255, 255, 255, 0.4));
	box-sizing: border-box;
}
.title  .ty .tit{
	font-size: 16px;
	color: #ffffff; 
	letter-spacing: 1.5px; 
	background-color: #68afec; 
	display: inline-block; 
	padding: 0px 20px; 
	box-sizing: border-box;
}
.title  .ty .tit p span{
	font-family:宋体;
	font-size:14px;
}
.txet3 p{
font-size: 16px; 
font-family: 微软雅黑;
text-indent:2em;
line-height: 30px;
padding: 5px 10px;
text-align: justify;
}
.section3 .picture{
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
} 
.section3 .picture .left{
	width: 55%;
}
.section3 .picture .left p{
	text-align:center
}
.section3 .picture .left img{
	display: block;
	width: 100%;
}
.section3 .picture .right{
	width: 46%;
	color: #76dfe3;
}

.section3 .picture .right img{
	display: block;
	width: 100%;
}

.section4{
	display: flex;justify-content: center;align-items: center;  text-align: center; position: static;
}
.section4 .le{
	display: inline-block; vertical-align: top; width:50px;
}
.section4 .sheap{
	margin-top: 10px; margin-bottom: 10px; text-align: right; font-size: 12.8px; line-height: 1; position: static;transform: translate3d(5px, 0px, 0px);-webkit-transform: translate3d(5px, 0px, 0px);-moz-transform: translate3d(5px, 0px, 0px);-o-transform: translate3d(5px, 0px, 0px);
}
.section4 .big{
	width: 0.7em; height: 0.7em; display: inline-block; vertical-align: middle; color: #fefefe; background-color: #7fd4cf;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);
}
.section4 .small{
	width: 0.4em; height: 0.4em; margin-left: 0.2em; display: inline-block; vertical-align: middle; color: #fefefe; background-color: #7fd4cf;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);
}

.section4 .h2tit{
	display: inline-block; vertical-align: top; padding: 0px 15px; box-sizing: border-box;
}
.section4 .cont{
	margin-top:0px; margin-right: 0%; margin-left: 0%; position: static;
}
.section4 .ri{
	display: inline-block; vertical-align: top; width:50px;
}
.section4 .sheap_t{
	margin-top: 10px; margin-bottom: 10px; text-align: left; font-size: 12.8px; line-height: 1; position: static;transform: translate3d(-5px, 0px, 0px);-webkit-transform: translate3d(-5px, 0px, 0px);-moz-transform: translate3d(-5px, 0px, 0px);-o-transform: translate3d(-5px, 0px, 0px);
}
.section4 .small_t{
	width: 0.4em; height: 0.4em; margin-right: 0.2em; display: inline-block; vertical-align: middle; color: #fefefe; background-color: #7fd4cf;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);
}
.section4 .big_t{
	width: 0.7em; height: 0.7em; display: inline-block; vertical-align: middle; color: #fefefe; background-color: #7fd4cf;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);
}
.section5{
	width: 100%; margin: 0px auto; padding: 0px; box-sizing: border-box;
}
.section5 .bk{
	width: 100%; border: 1px solid #addacc; box-sizing: border-box;
	    padding: 5px 10px;
    text-align: justify;	
}
.section5 .text{
	padding: 3px; box-sizing: border-box;
}
.section5 .text p {
	text-indent:2em;
	font-size: 16px; 
	font-family: 微软雅黑;
	text-align:left;
	line-height: 25px
}
.section6 .triangle{
	margin-top: 10px; margin-bottom: 10px; text-align: center; line-height: 0.8; position: static;
}
.section6 .triangle	.ss{
	width: 0px; display: inline-block; border-top: 0.8em solid #76dfe3; border-left: 0.7em solid transparent !important; border-right: 0.7em solid transparent !important; box-sizing: border-box;
}

.section7 .imgbox{
		border: 0px; box-sizing: border-box; width: auto; clear: both; margin: 0px; padding: 0px 0.5em 0.5em 0px;
}
 .section7 .imgbox p{
	text-align: center; line-height: 1.75em;
    text-align: justify;
 }
 .section7 .imgbox p  img{
	box-shadow: #666666 0.2em 0.2em 0.5em; box-sizing: border-box; margin: 0px; height: auto !important; visibility: visible !important; width: 100%;
 }
.section8 p{
	text-align: justify; margin-left: 15px; margin-right: 15px; letter-spacing: 1.5px; line-height: 1.75em;
	font-size:16px;
	font-family:微软雅黑;
}
.section8 .sj{
	color: #333333;
	font-size: 16px;
}
.section9  p{
	text-align: center; 
 }
.section9 img{
	width: 100%;
}
.section9 p  img{
	box-shadow: #666666 0.2em 0.2em 0.5em;
	visibility: visible !important;
	width: 100%;
 }
.section10 .bkk{
	display: flex;justify-content: center;align-items: center;  text-align: center; position: static;
}
.section10 .bkk .db{
	display: inline-block; vertical-align: top; width:50px;
}
.section10 .bkk .db .le{
	margin-top: 10px; margin-bottom: 10px; text-align: right; font-size: 12.8px; line-height: 1; position: static;transform: translate3d(5px, 0px, 0px);-webkit-transform: translate3d(5px, 0px, 0px);-moz-transform: translate3d(5px, 0px, 0px);-o-transform: translate3d(5px, 0px, 0px);
}
.section10 .bkk .big_ti{
	width: 0.7em; height: 0.7em; display: inline-block; vertical-align: middle; color: #fefefe; background-color: #7fd4cf;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);
}
.section10 .bkk .small_ti{
	width: 0.4em; height: 0.4em; margin-left: 0.2em; display: inline-block; vertical-align: middle; color: #fefefe; background-color: #7fd4cf;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);
}
.section10 .bkk .zj{
	display: inline-block; vertical-align: top; padding-right: 15px; padding-left: 15px; box-sizing: border-box;
}
.section10 .bkk .zj .h2tit{
	margin-right: 0%; margin-left: 0%; position: static;
}
.section10 .bkk .ri{
	margin-top: 10px; margin-bottom: 10px; text-align: left; font-size: 12.8px; line-height: 1; position: static;transform: translate3d(-5px, 0px, 0px);-webkit-transform: translate3d(-5px, 0px, 0px);-moz-transform: translate3d(-5px, 0px, 0px);-o-transform: translate3d(-5px, 0px, 0px);
}
.section10 .bkk .ri .small_ti{
	width: 0.4em; height: 0.4em; margin-right: 0.2em; display: inline-block; vertical-align: middle; color: #fefefe; background-color: #7fd4cf;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);
}
.section10 .bkk .ri .big_ti{
	width: 0.7em; height: 0.7em; display: inline-block; vertical-align: middle; color: #fefefe; background-color: #7fd4cf;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);
}
.section11 .we{
	margin-right: 0%;margin-bottom: 10px;margin-left: 0%;box-sizing: border-box;
}
.section11 .we .border{
	display: inline-block;width: 96%;border-style: solid;border-width: 1px 0px 0px 10px;padding-right: 10px;padding-left: 10px;box-shadow: #000000 0px 0px 0px;border-color: #add1d0;border-radius: 0px;box-sizing: border-box;
}
.section11 .hh{
	color: #828080;box-sizing: border-box;
}
.section11 .text{
	width: 100%;vertical-align: top;padding:1em 0.8em;color:#3f3f3f;letter-spacing:1.5px;line-height:1.75em;	
}
.section11 .text p{
	text-align:left;
	text-indent:2em;
	font-size:16px;
	font-family:微软雅黑;
}
.section11 .imgbox {
	width:100%;
}
.section11 .imgbox .left{
	margin: 0px 0px 2px 4px; color: #746d54; border-color: #e8e6df; width: 65%; background-color: #e8e6df;
}
.section11 .imgbox .left img{
	border-color: #e8e6df; 
	color: inherit;
	width: 100%;
	margin: 0px;
}
.section11 .imgbox .left  .shadow{
	padding: 5px 10px 15px; color: inherit; border-color: #e8e6df;
}
.section11 .imgbox .left  .shadow p{
	color: inherit;
	border-color: #e8e6df;
	margin: 0px;
}
.section11 .imgbox .right{
	margin: -80px 0px 2px 4px; color: #746d54; border-color: #e8e6df; text-align: right;
}
.section11 .imgbox .right .kd{
	display: inline-block; width: 65%; color: inherit; border-color: #e8e6df; background-color: #e8e6df;
}
.section11 .imgbox .right .kd img{
	border-color: #e8e6df; 
	color: inherit; 
	width: 100%; 
	margin: 0px;
}
.section11 .imgbox .right  .shadow{
	padding: 5px 10px 15px; color: inherit; border-color: #e8e6df;
}
.section11 .imgbox .right  .shadow p{
	color: inherit;
	border-color: #e8e6df;
	margin: 0px;
	text-align:left;
}
.section11 .last{
	padding:20px 40px; color: #737373; background: #f8f8f8;
}
.section11	.last .Double{
	font-size: 60px;font-family:黑体;margin-bottom: -30px;
}
.section11 .last .text{
	background-color:#f8f8f8; color:#737373; font-size:16px; line-height:21px
}
.section11 .last .text p{
	font-size: 16px; font-family: 微软雅黑;text-indent:2em;
}
.section11 .last .quotes{
	font-size: 60px;font-family:黑体;text-align: right;
}

.end{
	text-align: center; margin: 0px auto; border: 0px none; box-sizing: border-box;
	padding: 5px 0px; box-sizing: border-box;
}
@media screen and (max-width: 361px) {
    .wa-bottom {
        margin-left: 54px !important;
    }
    .wxhao-bottom {
        font-size: 12px !important;
    }
    .col-md-12 section img {
        width: 50px !important;
    }
    .btn-success {
        width: auto !important;
    }
}

@media screen and (max-width: 640px) {
    .row.fixed-bottom {
        position: fixed;
        z-index: 999;
        left: 0 !important;
        bottom: 0;
        width: 100% !important;
        min-height: 20px;
        padding: 0;
        margin: 0 !important;
    }
}

.row.fixed-bottom {
    position: fixed;
    z-index: 999;
    left: 50%;
    margin-left: -320px;
    margin-bottom: 0;
    bottom: 0;
    width: 640px;
    min-height: 20px;
    padding: 0;
    /*margin: 0*/
}

.btn-success {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    background-color: #259dab;
    border-color: transparent;
    display: inline-block;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.53846154;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 2px;
    transition: all .4s cubic-bezier(.175, .885, .32, 1);
}


/*弹窗样式*/

article {
    display: block;
}

p {
    margin: 8px 0;
}

.diy-modal {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.5)
}

.diy-modal .diy-box {
    width: 80%;
    margin: 0 auto;
    position: relative;
    top: 8%
}
.head_top{
	border-width: 1px 1px 1px 3px; border-style: solid; border-color: #eeeeee #eeeeee #eeeeee #79baf3; border-radius: 3px; padding: 10px; margin: 10px ;
}
.head_top .head_tit{
	font-weight: bold; font-size: 16px; text-align: left; letter-spacing: 2px; line-height: 1.75em; color: #79baf3; border-color: #79baf3;
}
.head .head_top .head_tit span{
	color: #333333; font-family: 微软雅黑; font-size: 24px; font-weight: bold; text-align: center;
}
.head_top .head_h2tit{
	font-size: 14px; text-align: justify; letter-spacing: 1.5px; line-height: 1.75em; color: #79baf3;
}
.head_top .head_h2tit span{
	color: #777777; font-family: 微软雅黑; letter-spacing: 2px; text-align: center;
}
.guide{
	border: 0px none;padding:0 20px
}
.guide_bg{
	width: 130px;height: 30px;background-image: url(../img/4.png);background-size: 100% auto;background-repeat: no-repeat;background-position: center;margin-left: 25px;transform: translateZ(10px);-webkit-transform: translateZ(10px);-moz-transform: translateZ(10px);-o-transform: translateZ(10px);
}
.guide_text{
	width: 118px;height: 30px;text-align: center;line-height: 30px;color: rgb(254,254,254);letter-spacing: 3px;
}
.guide_text p{
	margin: 0
}
.guide_bor{
	box-shadow: 0 0 7px #ccc;border-radius: 15px;color: #333;padding: 15px;margin-top: -20px;
}
.guide_bor .txt{
	line-height: 25px;margin-top: 15px;font-size: 16px;text-align: justify;text-indent: 2em;
}
.guide_bor .ddd{
	width: 50px;height: 0;border-top: 2px dotted #565656;margin: 15px auto 0
}
.wx_border{
		margin: 10px 0%;box-sizing: border-box;
	}
	.wx_border .wx_bg{
		display: inline-block;width:70%;margin-left:20px;vertical-align: top;padding: 1px;background-image: url(../img/wxbg.jpg);background-position: 25.1773% -46.621%;background-repeat: repeat;background-size: 28.0399%;background-attachment: scroll;box-shadow: rgb(0, 0, 0) 0px 0px 0px;box-sizing: border-box;
	}
.wx_border	.wx_o{
		margin: -1px 0%;box-sizing: border-box;transform: translate3d(20px, 0px, 0px);-webkit-transform: translate3d(20px, 0px, 0px);-moz-transform: translate3d(20px, 0px, 0px);-o-transform: translate3d(20px, 0px, 0px);
	}
.wx_border	.wx_t{
		display: inline-block;min-width: 10%;max-width: 100%;vertical-align: top;background-color: rgb(255, 255, 255);box-shadow: rgb(0, 0, 0) 0px 0px 0px;box-sizing: border-box;
	}
.wx_border	.wx_text{
		text-align: center;padding-right: 8px;padding-left: 8px;color:#3f3f3f;box-sizing: border-box;
	}