﻿
/* CSS Document */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {

    margin:0;

    padding:0;

}

a:active,

a:focus,

a {

    outline: none;

}

body {

    font-family: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体";

    width: auto;

    min-width: 1210px;

    background-color: transparent;

}

li {

    list-style-type: none;

}
img {
    max-width: 100%;
    height: auto;
    width: auto\9;
    -ms-interpolation-mode: blicubic;
}

.clear { clear: both; }

.fl { float: left; }

.fr { float: right; }

.fz12 { font-size: 12px; }

.wfs { width: 100%; }
.tac {
    text-align: center;
}
.fs16 {
    font-size: 16px;
}



.special-con{
 width:1200px;
 height:400px;
 margin:0 auto;
 margin-top:50px;
margin-bottom:80px;

}


.special-con .item {
    width: 30%;
    float: left;
    background-color: #fff;
    margin-right: 3.3%;
    box-shadow: 1px 1px 13px rgba(0,0,0,.12);
    border-bottom: 2px solid #d6d6d6;
    padding-bottom: 72px;
    position: relative;
    transition: all ease-in-out .2s;
}
.special-con .item h2 {
    width: 80%;
    margin: 12px auto 0;
    height: 58px;
    line-height: 58px;
    text-align: center;
    font-size: 20px;
    color: #121212;
    font-weight: normal;
    border-bottom: 1px solid #e5e5e5;
}
.special-con .item p {
    width: 84%;
    margin: 12px auto 0;
    font-size: 14px;
    color: #666;
    line-height: 26px;
    text-align: center;
}
.special-con .item b {
    display: block;
    width: 88px;
    height: 83px;
    background: url(../img/bg1_03.jpg) no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -44px;
    bottom: -37px;
}
.special-con .item:hover {
    border-bottom: 2px solid #ff6d40;
}
.special-con .item:hover b {
    background: url(../img/bg2_03.jpg) no-repeat;
}


.cover-page-index-slide .center {

    width: 1210px;

    height: 600px;

    margin: 0 auto;

}

.cover-page-index-slide .center .relative {

    position: relative;

    height: 600px;

}

.cover-page-index-slide .center .relative .location {

    position: absolute;

    left: -355px;

}

.cover-page-index-slide .center .relative .location .hidden-beyond {

    position: relative;

    width: 1920px;

    height: 425px;

    overflow: hidden;

}

.cover-page-index-slide .center .items {

    position: absolute;

    top: 0;

    width: 90000px;

}

.cover-page-index-slide .center .items li {

    float: left;

    width: 1920px;

    height: 425px;

}

.cover-page-index-slide .center .items li a {

    display: block;

    width: 1920px;

    height: 425px;

    background-repeat: no-repeat;

}

.cover-page-index-slide .center .items li a img {

    width: 1920px;

    height: 425px;

}


canvas{display:inline-block}[hidden],template{display:none}*,:after,:before{box-sizing:border-box}body,button,input,select,textarea{font:14px/1.5 微软雅黑,\\5FAE\8F6F\96C5\9ED1,arial;color:#333}



html{min-width:1200px}a{transition:color .2s}a:hover{color:#00a2e9}.center{width:1200px;margin:0 auto}.fbox li{float:left}.main{min-height:458px}.center{height:100%}












.shop .list {
    text-align: center;
}
.shop ul {
    display: inline-block;
	margin-right: -30px;
}

.shop li {
    float: left;
    width: 380px;
    height: 460px;
    border: 1px solid #e5e8ef;
    margin-bottom: 34px;
    margin-right: 30px;
    border-radius: 4px;
    overflow: hidden;
	position: relative;}
shop li .info_t {
    height: 132px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    color: #fff;
}

.shop .shop_bg9 {
    background-image: url(../img/shop_bg9.jpg);
}

.shop li .info_t span {
    display: block;
    background: url(../img/shop_icon1.png) no-repeat center 30px;
    font-size: 18px;
    padding-top: 80px;
    text-align: center;
}

.shop li .info_c{padding:0 25px;margin:35px 0 30px;text-align:center}.shop li .info_c h6{padding-bottom:15px;color:#000}.shop li .info_c h6 .hot,.shop li .info_c h6 .tyj{position:relative}.shop li .info_c h6 .hot:after,.shop li .info_c h6 .tyj:after{content:"";height:18px;position:absolute;top:50%;margin-top:-9px;background-repeat:no-repeat}.shop li .info_c h6 .tyj:after{width:43px;right:-53px;background-image:url(../img/tyj.png)}.shop li .info_c h6 .hot:after{width:37px;right:-47px;background-image:url(../img/hot.png)}





.shop li{float:left;width:380px;height:460px;border:1px solid #e5e8ef;margin-bottom:34px;margin-right:30px;border-radius:4px;overflow:hidden;position:relative}.shop li .info_t{height:132px;background-repeat:no-repeat;background-position:50%;background-size:cover;color:#fff}.shop li .info_t span{display:block;background:url(../img/shop_icon1.png) no-repeat center 30px;font-size:18px;padding-top:80px;text-align:center}.shop li .info_c{padding:0 25px;margin:35px 0 30px;text-align:center}.shop li .info_c h6{padding-bottom:15px;color:#000}.shop li .info_c h6 .hot,.shop li .info_c h6 .tyj{position:relative}.shop li .info_c h6 .hot:after,.shop li .info_c h6 .tyj:after{content:"";height:18px;position:absolute;top:50%;margin-top:-9px;background-repeat:no-repeat}.shop li .info_c h6 .tyj:after{width:43px;right:-53px;background-image:url(../images/tyj.png)}.shop li .info_c h6 .hot:after{width:37px;right:-47px;background-image:url(../img/hot.png)}


.shop li .info_c .money{color:#ed7266;font-size:16px;margin-bottom:15px}.shop li .info_c .tag{margin-bottom:25px}.shop li .info_c .tag span{display:inline-block;min-width:64px;padding:0 5px;height:20px;line-height:20px;text-align:center;border-radius:10px;background-color:#f0f2f5;color:#82888a;margin:0 7px;font-size:12px}

	.shop li .info_c p{text-align:left;line-height:24px;word-break:break-all;font-size:12px;min-height:72px}.shop li .info_b{padding:0 25px;position:absolute;width:100%;left:0;bottom:25px}

	.shop li .info_b a{display:inline-block;width:110px;height:36px;line-height:36px;text-align:center;padding-left:38px;text-align:left;color:#fff;background-position:5px;background-repeat:no-repeat;margin-right:15px;border-radius:2px}

.shop li .info_b a.buy{background-color:#00a2e9;transition:background-color .2s;background-image:url(../img/shop_icon2.png)}.shop li .info_b a.buy:hover{background-color:#1dbaff}


.shop li .info_b a.qq{background-color:#ed7266;transition:background-color .2s;background-image:url(../img/shop_icon3.png)}












.yunupush .box2{max-width:1920px;margin:0 auto;overflow:hidden;height:850px;background:url(../images/yunupush2_bg.jpg) no-repeat 0 100%;padding-top:30px}.yunupush .box2 ul{float:right}

.yunupush .box2 ul li{line-height:100px;position:relative;font-size:30px}.yunupush .box2 ul li span{position:absolute;left:-90px;top:50%;margin-top:-28.5px;width:57px;height:57px;border-radius:50%;background-color:#0c80ed;line-height:57px;text-align:center;color:#fff}.yunupush .yunupush_tit{font-size:50px;color:#000;text-align:center;padding:40px 0}


.yunupush .yunupush_tit.fff,.yunupush .yunupush_tit.fff p{color:#fff}.yunupush .yunupush_tit p{font-size:18px;color:#666;padding-top:10px;line-height:2}

.yunupush .block_3{background-color:#0791dc;padding-bottom:40px}

.null{margin:0!important;padding:0!important;height:0!important;border:0!important}








.cases ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.cases li{width:386px;height:210px;border:1px solid #dcdcdc;padding:15px;line-height:1.7;position:relative;margin-bottom:25px}
.cases li:hover{background-color:#00a2e9;border-color:#00a2e9}
.cases li:hover h4,.cases li:hover p,.cases li:hover span,.cases li:hover strong{color:#fff}
.cases h4{color:#00a2e9;border-bottom:1px solid #eee;padding-bottom:12px;line-height:1}
.cases p{font-size:12px;color:#999}.cases p span{color:#444}.cases strong{color:#00a2e9;font-size:18px}
.cases a{position:absolute;left:50%;margin-left:-71px;bottom:16px;width:142px;height:34px;line-height:34px;text-align:center;background-color:#e5e5e5;transition:background-color .2s}
.cases a:hover{background-color:#fff}
.cases .info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px 0 10px}
.cases .info .info_l{-webkit-box-flex:1;-ms-flex:auto;flex:auto}
.cases .info .info_r{width:135px;height:66px;border-left:1px solid #ccc;padding-left:60px;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}


	



.w {
    width: 1200px;
    margin: 0 auto;
}


.white {
    color: #FFF;
}



/**************/

.c_div{
	width:100%;
	height:630px;
	background:#ff6d40;
}
.c_div_line{
	width:56px;
	height:3px;
	background:#FFFFFF;
}
.c_div_one{
	width:84px;
	height:84px;
	padding:15px;
	background:url(../img/11.png) no-repeat center;
	border-radius:50%;
}
.c_div_one3{
	width:114px;
	height:114px;
	border-radius:50%;
	background:#FFFFFF;
}
.c_div_one1{
	width:114px;
	height:114px;
	border-radius:50%;
	border:5px solid rgba(0,0,0,.15);
}
.c_div_two li{
	width:273px;
	text-align:center;
	float:left;
	margin-top:80px;
	margin-left:21px;
}
.c_div_two li:hover .c_div_one2{
	background:#FFFFFF;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	padding-bottom:40px;
}
.c_div_two li:hover .c_div_one{
	background:url(../img/15.png) no-repeat center;
}
.c_div_two li:hover .c_div_one1{
	border:5px solid #FFFFFF;
}
.c_div_two li:hover span{
	color:#ff6d40;
}
.c_div_two li:hover .c_div_one4{
	border:2px solid #FFFFFF;
	padding-bottom:20px;
}
.c_div_one_1{
	width:84px;
	height:84px;
	padding:15px;
	background:url(../img/10.png) no-repeat center;
	border-radius:50%;
}
.c_div_two li:hover .c_div_one_1{
	background:url(../img/14.png) no-repeat center;
}
.c_div_one_2{
	width:84px;
	height:84px;
	padding:15px;
	background:url(../img/13.png) no-repeat center;
	border-radius:50%;
}
.c_div_two li:hover .c_div_one_2{
	background:url(../img/9.png) no-repeat center;
}
.c_div_one_3{
	width:84px;
	height:84px;
	padding:15px;
	background:url(../img/12.png) no-repeat center;
	border-radius:50%;
}
.c_div_two li:hover .c_div_one_3{
	background:url(../img/16.png) no-repeat center;
}
.d_div_line{
	width:56px;
	height:3px;
	background:#ff6d40;
}
.bijiao_tit{
	width:100%;
	height:90px;
	background:#ff6d40;
	border-radius:50px;
}
.d_div_vs{
	width:90px;
	height:40px;
	padding-bottom:25px;
	padding-top:25px;
	background:#FFFFFF;
	border-radius:50%;
	text-align:center;
}
.d_div_one{
	width:386px;
}
.d_div_one_line{
	width:1px;
	height:400px;
	background:#ff6d40;
}
.d_div_one_{
	width:268px;

	line-height: 30px;
	border:1px solid #ff6d40;
	border-radius:5px;
	font-size:16px;
	position:relative;
}
.d_div_one_tit{
	width:60px;
	height:60px;
	position:absolute;
	background:#ff6d40;
	border-radius:50%;
	color:#FFFFFF;
	text-align:center;
	line-height:60px;
	font-size:18px;
	top:5px;
	right:-108px;
	z-index:2;
}
.d_div_two{
	width:426px;
}
.d_div_two_tit{
	width:60px;
	height:60px;
	position:absolute;
	background:#ff6d40;
	border-radius:50%;
	color:#FFFFFF;
	text-align:center;
	line-height:60px;
	font-size:18px;
	top:5px;
	right:-108px;
	z-index:2;
}
.d_div_one_tit_line{
	width:156px;
	border-bottom:1px dashed #ff6d40;
	position:absolute;
	top:34px;
	right:-156px;
	z-index:1;
}
.e_div{
	width:100%;
	background:#f1f1f1;
}
.e_div_ li {
    width: 210px;
    height: 323px;
    float: left;
    margin-left: 25px;
    margin-top: 50px;
}
.e_div_1{
	background:url(../img/18.png);
}
.e_div_2{
	background:url(../img/17.png);
	color:#FFFFFF;
}
.f_div_yuan{
	width:5px;
	height:5px;
	padding:2px;
	border:1px dashed #ff6d40;
	border-radius:50%;
}
.f_div_yuan_{
	width:5px;
	height:5px;
	background:#ff6d40;
	border-radius:50%;
}
.f_div_1{
	width:50px;
	border-bottom:1px dashed #ff6d40;
}
.f_div_2{
	width:72px;
	height:72px;
	padding:24px;
	border:1px dashed #ff6d40;
	border-radius:50%;
	
}
.f_div_3{
	width:178px;
	border-bottom:1px dashed #ff6d40;
}
.f_div_4{
	left:76.5px;
	top:-10.5px;
}
.f_div_5{
	width:235px;
	font-size:18px;
	text-align:center;
}
.g_div{
	width:100%;
	/*height:927px;*/
	height:850px;
	background:url(../img/bg2.jpg) center;
	overflow:hidden;
}
.g_div_pic img{
width:100%;
}
.g_div_pic{
	margin:0 auto;
}
.g_div_line{
	width:56px;
	height:3px;
	background:#000;
}
.box-lanrenzhijia {
	width:1200px;
	height:250px;
	position:relative;
}
.ashow2 {
	width:1090px;
	float:left;
	display:inline;
	position:absolute;
	left:0px;
}
.list_03 LI {
	FLOAT: left;
	OVERFLOW: hidden;
	width:250px;
	text-align:left;
	position:relative;
	margin-right:30px;
	text-align:center;
}
.list_03 LI a{
	color:#666666;
}


.m0a {
    margin: 0px auto;
}
.mt15 {
    margin-top: 15px;
}
.bijiao_tit {
    width: 100%;
    height: 90px;
    background: #ff6d40;
    border-radius: 50px;
}

.ml140 {
    margin-left: 140px;
}
.pr40 {
    padding-right: 40px;
}
.lh28 {
    line-height: 28px!important;
}
.lh90 {
    line-height: 90px;
}
.fs30 {
    font-size: 30px;
}
.mt70 {
    margin-top: 70px;
}

.mt50 {
    margin-top: 50px;
}
.mt40 {
    margin-top: 40px;
}
.pt10 {
    padding-top: 10px;
}
.ml38 {
    margin-left: 38px;
}

.mt35 {
    margin-top: 35px;
}
.pb80 {
    padding-bottom: 80px;
}
.pt65 {
    padding-top: 65px;
}
.mt100 {
    margin-top: 100px;
}
.e_div {
    width: 100%;
    background: #f1f1f1;
}
.pt70 {
    padding-top: 70px;
}

.mt15 {
    margin-top: 15px;
}
.d_div_line {
    width: 56px;
    height: 3px;
    background: #ff6d40;
}
.e_div_ li {
    width: 210px;
    height: 323px;
    float: left;
    margin-left: 25px;
	margin-top: 50px;}

.e_div_1{background: url(../img/18.png);}
.e_div_2 {background: url(../img/17.png);color: #FFFFFF;}
.pb80 {padding-bottom: 80px;}
.mt100 {
    margin-top: 100px;
}

.e_div {
    width: 100%;
    background: #f1f1f1;
}
.mt61 {
    margin-top: 61px;
}
.ml28 {
    margin-left: 28px;
}

.mt55 {
    margin-top: 55px;
}

.mt25 {
    margin-top: 25px;
}
.ml30 {
    margin-left: 30px;
}
.ml65 {
    margin-left: 65px;
}
.f_div_4 {
    left: 76.5px;
    top: -10.5px;
}
.ml8 {
    margin-left: 8px;
}	
.lh30 {
    line-height: 30px!important;
}
.fs18 {
    font-size: 18px;
}
.lh60 {
    line-height: 60px;
}

.fs36 {
    font-size: 36px;
}
.fwb {
    font-weight: bold;
}
.pa {
    position: absolute;
}
.pr {
    position: relative;
}
.f_div_3 {
    width: 178px;
    border-bottom: 1px dashed #ff6d40;
}
.mt120 {
    margin-top: 120px;
}
.mt80 {
    margin-top: 80px;
}
.h_div {
    width: 100%;
    height: 500px;
    background: url(../img/bg3.jpg) center;
}
.pt70 {
    padding-top: 70px;
}
.mt20 {
    margin-top: 20px;
}
.pl40 {
    padding-left: 40px;
}
.h_div_con li {
    float: left;
    margin-top: 100px;
    margin-left: 77px;
}
.h_div_con_tit {
    width: 60px;
    height: 60px;
    background: url(../img/29.png);
}
.cover-page-wrapper {
    width: 1220px;
    margin: 0 auto;
}
.pt40 {
    padding-top: 40px!important;
}.g_div_line {
    width: 56px;
    height: 3px;
    background: #000;
}
.cover-page-index .church .title {
    overflow: hidden;
}

.cover-page-index .church dl dt {
    padding-bottom: 20px;
}
.title {
    font-size: 25px;
    margin-bottom: 10px;
}
.cover-page-index .church .title .h3 {
    float: left;
    margin: 0px;
    padding: 5px 0px;
}
.cover-page-index .church .title a.title-a {
    color: #333;
}
.cover-page-index .church .knowledge .title i {
    background: no-repeat url(../img/cover-page-tang-2.png) 0px 5px;
    /* background-image: url(../images/cover-page-tang-2.png); */
}

.cover-page-index .church .title i {
    float: left;
    display: block;
    width: 40px;
    height: 35px;
    margin-left: 10px;
}
.cover-page-index .church .knowledge .title .more span, .cover-page-index .church .reputation .title .more, .cover-page-index .church .letters .title .more span {
    float: right;
    padding-right: 8px;
    background-image: url(../img/trangle-right.png);
    background-repeat: no-repeat;
    background-position: right 9px;
}


.cover-page-index .church .knowledge dd {
    background-color: #FAE6D9;
}

.cover-page-index .church .knowledge dd, .cover-page-index .church .letters dd {
    padding-top: 20px;
    padding-bottom: 20px;
}
.cover-page-index .church .knowledge dd b a, .cover-page-index .church .letters dd b a {
    float: left;
    width: 100%;
    font-size: 12px;
    font-weight: normal;
    line-height: 27px;
    color: #333;
    text-indent: 33px;
    background-image: url(../img/cover-page-point.png);
    background-repeat: no-repeat;
    background-position: 23px center;
}
.knowledge .title .more, .cover-page-index .church .reputation .title .more, .cover-page-index .church .letters .title .more {
    width: 50px;
    height: 24px;
    margin-top: 5px;
    font-weight: normal;
    line-height: 22px;
    color: #333;
    text-align: center;
    border-radius: 3px;
}
.cover-page-index .church .letters .title i {
    background: no-repeat url(../img/cover-page-tang-3.png) 0px 5px;
    /* background-image: url(../images/cover-page-tang-3.png); */
}
.cover-page-index .church .letters dd {
    background-color: #D6EEF2;
}

.cover-page-index .church .knowledge dd, .cover-page-index .church .letters dd {
    padding-top: 20px;
    padding-bottom: 20px;
}
.cover-page-index .demos {
    text-align: center;
    -margin-top: 30px;
    padding-top: 15px;
    padding-bottom: 30px;
    border-top: 1px solid #DFDFDF;
}
.ml78 {
    margin-left: 78px; 
}
.mb40{margin-bottom:40px}