/*基本样式------------------*/
*{padding:0px; margin:0px;}
h1,h2,h3,h4,h5,h6,b{ font-weight:normal; font-size:100%;}
input,select,button,textarea{vertical-align:middle;line-height:normal;font-size:100%;font-family:Arial;}
textarea{line-height:100%;} 
a{outline:0;cursor:pointer;*star:expression(this.onFocus=this.blur()); text-decoration:none; color:#444;}
a:hover{color:#384e9b;}
input:focus,select:focus,textarea:focus,button:focus{outline:none;}
table{border-spacing:1;}
img{border:0;}
ul,li{list-style:none;}
em,i{font-style:normal;}
p{word-break:break-all;text-justify:inter-ideograph; line-height:1.7em; }
.fl{float:left;}
.fr{float:right;}
.tCen{ text-align:center;}
.clear{clear:both;height:0;font-size:0;line-height:0;visibility:hidden; overflow:hidden;} 
.hd{ overflow:hidden;}
.block{ display:block;}
.none{ display:none;}
img{ max-width:100%;}
.pic img:hover{ transition: .5s transform; transform: scale(1.04); }

body{color:#000;font-size:12px;}
/*-------基本样式end---------*/
/*-------内容区宽度---------*/
.pageMain{width:1200px; margin:0 auto;}
.pageMain2{width:1200px; margin:0 auto;}
.pageMain3{width:1000px; margin:0 auto;}
.pagebg{ padding:20px 0;}

/*-------顶部---------*/
.headerKong{height:90px;}
.header{ width:100%; background:#9c3a3a;height:80px; padding:10px 0; } 
.header .logo{ height:100%;}
.header .logo img{ height:80px;}

 
/*-------顶部 end ---------*/
.topban{width:100%; margin:0 auto;background-size: cover;
    border-bottom: 8px solid #3b1212;}

.banner{width:100%; margin:0 auto; height:400px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:400px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:100%; float:left;}
.b-list{height:50px; position:absolute; bottom:10px; left:50%; z-index:1; text-align:center; margin-left:-40px;}
.b-list span{ display:inline-block; cursor:pointer; width:13px; height:13px; border-radius:50%; background:rgba(50,50,50,0.7); margin:0 5px; _margin:0 3px;}
.b-list .spcss{background:rgba(232,187,71,1);}
.bar-left{ position:absolute; z-index:1; display:block; width:50px; height:50px; left:0px; background:none; top:50%; margin-top:-50px;}
.bar-right{ position:absolute;z-index:1; display:block; width:50px; height:50px; right:0px; background:none; top:50%; margin-top:-50px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; }
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}

.banNei{width:1000px;margin:0 auto; height:260px; overflow:hidden; position:relative; background:url(../images/ban1.jpg) no-repeat 0 0; background-size:100% auto;}
.banNei h1{ font-size:5em; font-weight:bold; padding:80px 0 0 140px; color:#384e9b}

/*-------标题和介绍---------*/
.page2{ background:#efeFF4}

.titleBox{ width:100%; margin:20px 0 30px 0; color:#014ea0; text-align:center; }
.titleBox h1 span{ font-size:1.6em; font-weight:bold; text-align:center; display:inline-block;} 
.titleBox p{font-size: 12px; color:#555; margin-top:5px; position:relative;}
.titleBox2{ width:100%; margin:55px 0 30px 0; color:#014ea0; text-align:center; }
.titleBox2 h1 span{ font-size:1.6em; font-weight:bold; text-align:center; display:inline-block;} 
.titleBox2 p{font-size: 12px; color:#555; margin-top:5px; position:relative;}

.Inpro{ border:1px solid #ccc; background:#FFF; padding:20px 10px 10px;}
.Inpro ul{ margin:0 auto; }
.Inpro ul li{ background:#fff; float:left; width:23.5%;  margin-right:2%; margin-bottom:10px; position:relative; cursor:pointer;}
.Inpro ul li:nth-child(4n){margin-right:0%;}
.Inpro ul li .pic{ text-align:center; overflow:hidden; height:216px;} 
.Inpro ul li h1{height:35px; line-height:35px; overflow:hidden; background:#d5d5d5; text-align:center} 
.Inpro ul li h1:hover{background:#014ea0; color:#fff;} 

.Inpro .infb{border:1px solid #ccc; background:#FFF; border-radius:5px; width:95%; margin:10px auto; padding:10px; display:none; position:relative;}
.Inpro .infb p{ font-size:1.2em; color:#444}
.Inpro #serI1{ display:block;}
.Inpro #serI1 span{ background:url(../images/icon1.png) no-repeat; height:11px; width:11px; display:inline-block; position:absolute; top:-11px; left:60px; }
.Inpro #serI2 span{ background:url(../images/icon1.png) no-repeat; height:11px; width:11px; display:inline-block; position:absolute; top:-11px; left:370px; }
.Inpro #serI3 span{ background:url(../images/icon1.png) no-repeat; height:11px; width:11px; display:inline-block; position:absolute; top:-11px; left:670px; }
.Inpro #serI4 span{ background:url(../images/icon1.png) no-repeat; height:11px; width:11px; display:inline-block; position:absolute; top:-11px; left:980px; }

.InContact{ }
.InContact .InBoutL{ width:64%; float:left}
.InContact .InBoutR{ width:35%;float:right; background:url(../images/lxwmx.png) no-repeat left 80px;  }
.InContact .InBoutR p{ font-size: 14px;line-height:220%;}
.home-how-title {
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #7b290c;
    background-image: -webkit-linear-gradient(left,#e8c06a,#fff);
    background-image: linear-gradient(90deg,#e8c06a,#fff);
    font-size: 24px;
    padding-left: 17px;
}
.home-how-list {
	padding-top: 50px
}

.home-how-list-item {
	padding: 0 0 60px 70px;
	color: #545454;
	font-size: 16px;
	line-height: 1.4;
	position: relative
}

.home-how-list-item:before {
	content: attr(data-index);
	position: absolute;
	top: -8px;
	left: 10px;
	width: 38px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	background-color: #e8c06a;
	border-radius: 50%;
	color: #794123;
	font-size: 24px
}
.home-how-btn { display:inline-block;
	width: 283px;
	height: 58px;
	text-align: center;
	line-height: 58px;
	font-size: 24px;
	color: #fff;
	background-color: #329d44;
	border-radius: 5px
}

.home-how-download { position:relative;	margin-bottom: 20px}
.home-how-qrcode {
	margin-left: 20px
}
.home-how-download span{display:inline-block; position:absolute; left:290px; top:-5px;}

.InContact2{ margin-top:30px;}
.InContact2 .InBoutL{ width:44%; float:right}
.InContact2 .InBoutR{ width:52%;float:left; background:url(../images/lxwmx.png) no-repeat left 80px;  }
.InContact2 .InBoutR p{ font-size: 14px;line-height:220%;}

.home-why-title {
	width: 97%;
	height: 50px;
	line-height: 50px;
	color: #7b290c;
	background-image: -webkit-linear-gradient(left, #e8c06a, #efeff4);
	background-image: linear-gradient(90deg, #e8c06a, #efeff4);
	font-size: 24px;
	padding-left: 3%
}
@media only screen and (max-width:767px) {
.home-why-title {
	margin-top: 5px;
	height: 25px;
	line-height: 25px;
	font-size: 12px
}
}
.home-why-list {
	padding-top: 40px
}
@media only screen and (max-width:767px) {
.home-why-list {
	padding-top: 25px
}
}
.home-why-list-item {
	padding: 0 0 30px 70px;
	color: #545454;
	font-size: 16px;
	line-height: 1.4;
	position: relative
}
@media only screen and (max-width:767px) {
.home-why-list-item {
	font-size: 14px;
	padding: 0 0 30px 50px
}
}
.home-why-list-item:before {
	content: attr(data-index);
	position: absolute;
	top: -8px;
	left: 10px;
	width: 38px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	background-color: #e8c06a;
	border-radius: 50%;
	color: #794123;
	font-size: 24px
}
@media only screen and (max-width:767px) {
.home-why-list-item:before {
	width: 30.4px;
	height: 30.4px;
	line-height: 30.4px;
	font-size: 19.2px
}
}
.home-why-btn {
	width: 283px;
	height: 58px;
	text-align: center;
	line-height: 58px;
	font-size: 24px;
	color: #fff;
	background-color: #329d44;
	margin: 0 auto 20px auto;
	border-radius: 5px
}


/*底部*/
.footer{ border:1px solid #eee; padding:50px 0 10px;color:#fff; background:#442d2d;}
.footer h2{ font-size:1.4em; margin-bottom:20px;}
.footer p{ line-height:200%;}
.footer .fotC{ float:right; width:75%;}
.footer .fotC a{ display:inline-block; width:30%; font-size:1.2em; margin:0 auto; text-align:center;}
.footer .fotC a:hover{ color:#fff;}
.footer .fotC2{ float:left; width:33%;}
.footer .fotC2 a{ display:block; color:#d9d9d9; height:30px; line-height:30px;}
.footer .fotR{ float:left; width:25%;}
.footer .fotR a{ display:block; height:30px; line-height:30px; margin-bottom:5px;color:#ccc;}
.footer .fotR img{ width:130px;}
.footer2{ border-top:1px solid #623d3d; color:#fff;margin:20px 0 0 0; height:20px;}

.numvb{ margin-top:20px;}
.numvb a{ line-height:30px;
	display: inline-block;
	width: 24%;
	font-size: 1.2em;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	text-decoration: underline;
}

.Inser{}
.Inser ul li{ padding:5px 0; margin-bottom:10px;}
.Inser ul li h1{ font-size:1.5em; background:#efeff4; padding:10px 0; position:relative; cursor:pointer;}
.Inser ul li h1 span{ display:inline-block; width:50px; position:absolute; right:0; height:50px; top:10px;}
.Inser ul li div{  padding:10px 0;font-size:1.2em; color:#444; display:none; line-height:180%;}

.aboutInfo{}
.infotop{ margin:20px 0; }
.aboutInfo p{ font-size:1.2em;line-height:150%; margin-bottom:15px;}
.aboutInfo h1{ text-align:center; font-size:1.5em; color:rgb(224, 76, 6); font-weight:bold; margin-top:20px;}
.aboutInfo ul li{ margin-bottom:20px; }
.aboutInfo ul li h2{ font-size:1.2em; color:rgb(224, 76, 6); border-bottom:1px solid #ccc; margin-bottom:10px; padding-bottom:5px; font-weight:bold;}

.aboutInfo b{ font-size:1.2em; color:#000; font-weight:bold;}
.aboutInfo ul li ul.ul2{ margin-left:20px;}
.aboutInfo ul li ul.ul2 li{ line-height:170%; font-size:1.2em; list-style-type:disc; margin:0 0 10px;}
.aboutInfo ul li span{ font-size:1.2em; display:inline-block;margin-left:20px; line-height:220%;}
.aboutInfo ul li ul.ul3{ margin-left:40px; margin-bottom:10px;}
.aboutInfo ul li ul.ul3 li{ line-height:170%; font-size:1.2em; list-style-type:circle;margin:0 0 10px;}
.aboutInfo ul li ul.ul4{  margin-bottom:10px;}
.aboutInfo ul li ul.ul4 li{ line-height:170%; font-size:1.2em; margin:0 0 10px;}
.aboutInfo ul li ul.ul5{ margin-left:20px; margin-bottom:10px;}
.aboutInfo ul li ul.ul5 li{ line-height:170%; font-size:1.2em; list-style-type:decimal; margin:0 0 10px;}


.contactInfo{border-top:1px solid #ccc; margin-bottom:10px; padding-top:10px;}
.contactInfo p{ font-size:1.3em; line-height:180%;}

.aboutInfo table {
    border-spacing: 0;
    border-top: 1px solid #c4c2c2;
    border-left: 1px solid #c4c2c2;
    margin-bottom: 20px;
}
.aboutInfo table td, .aboutInfo table th {
    border-bottom: 1px solid #c4c2c2;
    border-right: 1px solid #c4c2c2;
    padding: 10px;
}
.faqLeft{ float:left; width:28%; }
.faqLeft ul li{ border:1px  solid #ccc; margin-top:-1px;}
.faqLeft ul li h2{ line-height:47px; height:47px; padding:0 10px; font-size:1.5em;}
.faqLeft ul li h2.bgs{  background:url(../images/letbg.jpg) no-repeat 0 0; background-size:100% auto; color:#fff; border-bottom:1px solid #ccc;}
.faqLeft ul li div{ padding:0 10px; display:none;}
.faqLeft ul li div a{ display:block; margin:20px 0; line-height:150%; font-size:1.2em;}
.faqLeft ul li div a.ov{ color:#C30}

.faqRight{ float:right; width:68%; min-height:600px;background: transparent url(../images/faq-bg.jpg) no-repeat scroll 50%/contain;  background-position: bottom;
    background-size: 1220px;
    background-color: #fff;
    border-top: 20px solid #efeff4;
    border-bottom: 20px solid #efeff4;}
.faqRight p{ font-size:1.2em;line-height:200%; margin-bottom:10px;}
.faqRight h1{  font-size:1.2em; color:rgb(224, 76, 6); font-weight:bold; margin-bottom:20px;}


/*-------contact---------*/
.divOverbg{background:rgba(0,0,0,0.7); position:fixed; top:0%; left:0%; height:100%; width:100%; z-index:99; display:none;}
.contactBoxW{ position:absolute; top:30px; left:50%; margin-left:-355px; z-index:100;width:710px;  background:#FFF; display:none; }
.contactBoxW span{border:1px solid #fff; border-radius:50%; position:absolute; top:10px; right:10px;z-index:101; padding:6px; width: 20px; height: 20px;transform: rotate(45deg)!important;  cursor: pointer;  margin: 0;}
.contactBoxW span:after{content: "";  position: absolute; width: 20px; height: 2px; background-color: #fff; top: 50%;margin-top: -1px;}
.contactBoxW span:before {content: ""; position: absolute; width: 2px; height: 20px; background-color: #fff;left: 50%; margin-left: -1px;}
.contactBox{ padding:0px 0px; min-height:260px; 
-webkit-box-shadow:10px 10px 10px 4px #fcfcfc inset;-moz-box-shadow:10px 10px 10px 4px #fcfcfc inset;box-shadow:10px 10px 10px 4px #fcfcfc inset; }
.contactBox h1{ background:#9c3a3a; height:50px; line-height:50px; color:#fff; font-size:1.4em; text-align:center;}
.picwx{ padding:20px; font-size:1.5em;}

.wxs{ position:relative; margin:10px 0;}
.wxs a{ display:inline-block; position:absolute; right:0; top:0; text-align:center;}

.dialog-contact-us-contact {
    background-color: #339333;
}
.dialog-contact-us-btn {
    width: 108px;
    height: 38px; line-height:38px;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 5px;
}
.dialog-contact-us-list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 30px 0;
}
.dialog-contact-us-list-item>:first-child {
    width: 1px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 38px;
    line-height: 38px;
}
.dialog-contact-us-content {
    background-color: #d8d8d8;
    border-radius: 4px;
    padding: 0 10px;
    color: #7c280e;
    font-size: 16px;
    white-space: nowrap;
}
.dialog-contact-us-copy {
    background-color: #3984c4;
}
.dialog-contact-us-btn {
    width: 108px;
    height: 38px;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 5px;
}