@charset "utf-8";
@import url('animate.min.css');
html {font-size: 62.5%;}
@media only screen and (min-width: 481px){
html {font-size: 94%!important;}
}
@media only screen and (min-width: 561px){
html {font-size: 109%!important;}
}
@media only screen and (min-width: 641px){
html {font-size: 125%!important;}
}
body{font-size:12px;font-size:1.2rem ; /*12÷10=1.2*/}
p{font-size:14px;font-size:1.4rem;}

body {	font-family:Arial, Helvetica, sans-serif; color: #555; background:#f1f1f1; margin: 0px; font-size: 12px;line-height: 24px;padding: 0px;}
@media (max-width:1000px) {
body{padding: 0 0 3rem 0;}
}
a{ font-family:Arial, Helvetica, sans-serif; text-decoration: none; color: #555; font-size: 12px;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,menu{ display: block; margin: 0px;}
a:hover {font-family:Arial, Helvetica, sans-serif;  text-decoration: none; color: #000;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
h1,h2,h3,h4,h5,h6{display:block;padding:0px;margin: 0px;color:#555;font-family:Arial, Helvetica, sans-serif;}
p,ul,ol,li,form,img,dl,dt,dd,em,i{margin:0;padding:0;border:0;font-size:12px;font-family:Arial, Helvetica, sans-serif;}
em,i { font-style: normal; }
s{text-decoration: none;}
img{ border: 0px !important; }
input,button,select { margin: 0; font-size: 13px; vertical-align: middle; outline: none;font-family:Arial, Helvetica, sans-serif; }
dl,dt,ul,ol { margin: 0px; display: block; padding: 0px; list-style: none; }
h1 { }
h2 { padding: 0px;  display: block; font-weight: normal; }
h3 { padding: 0px; margin: 0px; display: block; }
h4 {padding: 0px; margin: 0px; display: block; }
h5 { }
h6 { }

.img_fd img{width:100%;overflow-x: hidden; overflow-y: hidden; position: relative; z-index: 1; transition-delay: 0s; transition-duration: 1s; transition-property: all; transition-timing-function: ease; /* Firefox 4 */
-moz-transition-delay: 0s; -moz-transition-duration: 1s; -moz-transition-property: all; -moz-transition-timing-function: ease; /* Safari 和 Chrome */
-webkit-transition-delay: 0s; -webkit-transition-duration: 1s; -webkit-transition-property: all; -webkit-transition-timing-function: ease; /* Opera */
-o-transition-delay: 0s; -o-transition-duration: 1s; -o-transition-property: all; -o-transition-timing-function: ease;}
.img_fd:hover img{transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); 	/* IE 9 */ -moz-transform: scale(1.2, 1.2); 	/* Firefox */ -webkit-transform: scale(1.2, 1.2); /* Safari 和 Chrome */ -o-transform: scale(1.2, 1.2); 	/* Opera */opacity:0.6; }
.jbxg{-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}

img.wp-smiley, img.emoji {display: inline !important;border: none !important;box-shadow: none !important;height: 1em !important;width: 1em !important;margin: 0 .07em !important;vertical-align: -0.1em !important;background: none !important;padding: 0 !important;}
/*top*/
header { position: fixed; top: 0; left: 0; width: 100%; height: 65px; z-index: 9999999999; -webkit-transition: all .5s ease; transition: all .5s ease; padding: 1px 0;background-color:#703c2e }
header .header-wrap { width: 100%; height: 100%; padding: 0 10px; box-sizing: border-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
header .header-wrap .logo { display: -webkit-box; display: -ms-flexbox; display: flex; }
header .header-wrap .logo img { width: 100%; height: 42px }
header .header-wrap .logo .img2 { display: none;background-color:#703c2e }
header .header-wrap .logo .img1 { display: block }
header .header-wrap .logo .text { height:42px; line-height: 21px; margin-left: 10px; padding-left: 10px; border-left: 1px dotted #b9b9b9; color: #fff }
header .header-wrap .logo .text p { font-size: 14px; display: block; margin: 0px; padding: 0px;}
header .header-wrap .logo .text p a{color: #fff; font-size: 14px;}
header.active .header-wrap .logo .text p a{color: #555;font-size: 14px;}
header .header-wrap .logo .text p:last-child { padding-top: 0px }
header .header-wrap .nav-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; float:right; padding-right:20px;}
header .header-wrap .nav-wrap a { color: #fff; font-size: 16px; margin-right: 25px; height: 100%; line-height: 64px; -webkit-transition: all .5s ease;
transition: all .5s ease; border-bottom: 3px solid transparent; -webkit-box-sizing: border-  box; box-sizing: border-box }
header .header-wrap .nav-wrap a:last-child { margin-right: 0 }
header .header-wrap .nav-wrap a.active, header .header-wrap .nav-wrap a:hover { border-bottom: 3px solid #f4c51d; -webkit-box-sizing: border-box;
box-sizing: border-box }
header  a.activea{ padding-left:10px; padding-right:10px; background-color:#fb0813; -webkit-box-sizing: border-box;box-sizing: border-box }
header.active { background: #703c2e; box-shadow: 0 0px 1px #ddd }
header.active .logo .img2 { display: block }
header .menu, header.active .logo .img1 { display: none }
header.active .logo .text p { color: #fff }
header.active .logo .text p:last-child { color: #fff }
header.active .nav-wrap a { color: #fff }
header .menu-pc { position: fixed; right: 0; top: 50%; margin-top: -155px; width: 50px }
header .menu-pc ul { display: block; margin: 0px; padding: 0px; }
header .menu-pc ul li { width: 100%; height: 50px; background: #01b1b3; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex;   align-items: center; text-align: center; position: relative; margin-bottom: 2px;}
header .menu-pc ul li a{display: block; width: 100%;}
header .menu-pc ul li img { display: block; margin: 0 auto }
header .menu-pc .back { font-size: 27px; color: #fff; height: 50px; width: 100%; background:#01b1b3; background-size: 34px 23px; cursor: pointer; text-align: center; padding-top: 10px; -webkit-box-sizing: border-box;
box-sizing: border-box; position: absolute; left: 0; bottom: -1px; z-index: -1; }
header .menu-pc .back.active { bottom: -51px }

header .menu-pc ul li dl.dianhua{display:none;background: #01888a;width: 160px; height: 50px; line-height: 50px; color: #fff; font-weight: bold; font-size: 16px;position: absolute; left: 0px; top: 0px;opacity: 0;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
header .menu-pc ul li:hover dl.dianhua a{color: #fff;font-size: 16px;display: block;}
header .menu-pc ul li:hover dl.dianhua{display: block; opacity: 1; left: -155px;}

header .menu-pc ul li dl.weixin{display:none;background: #01888a; width: 100px; height: 120px;padding: 10px; position: absolute; left: -120px; top: 0px; opacity: 0;}
header .menu-pc ul li dl.weixin span{display: block; height: 30px; line-height: 30px; font-size: 14px; color: #fff; text-align: center;}
header .menu-pc ul li:hover dl.weixin{display: block; opacity: 1; }
header .menu-pc ul li:hover{background: #01888a;}

.menu-button{display: none;}
@media (max-width:1366px) {
.menu-button {display: block;}
header .header-wrap .logo .text, header .header-wrap .nav-wrap, header .menu-pc { display: none }
header { height: 3rem; width: 100% }
header .header-wrap { width: 100%; padding: 0 0.5rem; -webkit-box-sizing: border-box; box-sizing: border-box }
header .header-wrap .logo img { width: 11rem; height: auto;}
header .header-wrap .menu-button { width: 3rem; /*height: 2.5rem; */color: #fff; font-size: 3rem;}
header.active .header-wrap .menu-button {display: block; color: #000;}
header .menu { position: fixed; top: 0; width: 100%; height: 100%; background: #121718; padding: 0 1.7rem; -webkit-box-sizing: border-box;
box-sizing: border-box; -webkit-transition: all .5s ease; transition: all .5s ease; left: 100vw; display: block }
header .menu .hd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 8rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative }
header .menu .hd .clone { width: 3rem; height: 100%; position: absolute; left: 1.2rem; top: 0; background: url(../images/delete-icon.png) center/2rem 2rem no-repeat;
}
header .menu .hd img{width: 40%;}
header .menu ul {display: block; padding: 0 1.75rem }
header .menu ul li{ display: block; height: 3.5rem; line-height: 3.5rem; border-bottom: 1px solid #333b3c }
header .menu ul li a{ display: block;font-size: 1.2rem; color: #fff ;}
header .menu.active { left: 0 }
}

/*banner*/
.index_show{position: relative;width: 100%;background: #fff;}
.bxslider{height: 100vh;overflow: hidden;width: 100%;}
.bxslider li{width: 100%;height: 100vh;overflow: hidden;}
.bxslider li a{display: block; width: 1920px; position: relative; left: 50%; top:50%;margin:-460px 0 0 -960px;}
.bxslider li a img{display: block; width: 100%;}
.bx-controls{display: none;}
#bx-pager{position: absolute;left: 18.5%;bottom:10px;z-index:10;margin-left: -90px;padding-bottom: 6px;}
#bx-pager a{float: left;width: 50px;height: 2px;margin-left: 10px; background: #703c2e;}
#bx-pager a:hover{text-decoration: none;}
#bx-pager .active{position: relative;background: #ff0;}

@media (max-width:1000px) {
.index_show{position: relative;width: 100%;background: #fff;}
.bxslider{height: auto;overflow: hidden;width: 100%;}
.bxslider li{width: 100%;height: auto;overflow: hidden;}
.bxslider li a{display: block; width: 100%; position: relative; left: 50%; top:0;margin: 0 auto 0 -50%;}
.bxslider li a img{display: block; width: 100%;}
.bx-controls{display: none;}
#bx-pager{position: absolute;left: 50%;bottom:10px;z-index:10;margin-left: -40px;padding-bottom: 6px;}
#bx-pager a{float: left;width: 40px;height: 1px;margin-left: 10px; background: #703c2e;}
#bx-pager a:hover{text-decoration: none;}
#bx-pager .active{position: relative;background: #ff0;}	
}

.main-box{width: 1366px; margin: 0 auto;}
.img-100 img{display: block; width: 100%;}
.dixian{display: block; height: 1px; width: 100px; background: #000;}
a.index-more{display: inline-block; padding: 0.1rem 2rem; border: 1px solid #ddd;font-size: 14px;border-radius: 4rem; -moz-border-radius: 3rem;behavior: url(pie.htc); color: #888;}
a.index-more:hover{border: 1px solid #703c2e; background: #703c2e; color: #fff; font-size: 14px;}
/*SERVICE 营销型网站*/
.SERVICE{background: #fff;height: 493px; margin-top: 20px; margin-bottom: 15px;position: relative;}
.SERVICE s{display: block; width: 904px; height: 493px;overflow: hidden; float: left; position: relative; background: #000;}
.SERVICE s a{display: block;}
.SERVICE s a span{display:none; width: 80px; height: 100px; position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -40px; color: #fff;text-align: center;}
.SERVICE s a span i{display: block; width: 50px; height: 50px; margin: 0 auto; color: #fff; font-size: 40px;}
.SERVICE s a:hover span{display: block;}
.SERVICE dl{display: block; width: 282px; float: right; padding: 0px 90px 90px 90px;}
.SERVICE dl h2{display: block;height: 50px; line-height: 50px; font-size: 28px; color: #000;font-weight: bold;}
.SERVICE dl p{display: block; margin: 0px; padding: 30px 0; font-size: 16px; line-height: 35px;}

.s-strong{display: block;width: 282px; height: 90px; line-height: 60px; font-size: 60px; background: #fff; padding: 70px 90px 0px 90px; color: #000; position: absolute; right: 0;  top: -160px; z-index: 1;font-weight: bold;
animation:myfirst 2s ;
-moz-animation:myfirst 2s ;
-webkit-animation:myfirst 2s ;
-o-animation:myfirst 2s ;
}
@keyframes myfirst
	{
	0%		{transform: rotate(0deg);top:0px;}
	50%		{transform: rotate(0deg);top:0px;}
	100%	{transform: rotate(0deg);top:-160px;}
	}
@-webkit-keyframes myfirst
	{
	0%		{transform: rotate(0deg);top:0px;}
	50%		{transform: rotate(0deg);top:0px;}
	100%	{transform: rotate(0deg);top:-160px;}
	}
@-moz-keyframes myfirst
	{
	0%		{transform: rotate(0deg);top:0px;}
	50%		{transform: rotate(0deg);top:0px;}
	100%	{transform: rotate(0deg);top:-160px;}
	}

.list-title{display: block; font-size: 30px;line-height: 40px;color: #000;font-weight: bold;padding-bottom: 30px;}
.list-title span{display: block; height: 24px; line-height: 24px; font-size: 16px; color: #888; font-weight: normal;}
.list-title span a{font-size: 16px;color: #888;}
@media (max-width:1000px) {
.list-title{display: block; font-size: 1.8rem; line-height: 3rem; padding: 1rem 0.5rem 1rem 0.5rem;}
.list-title span{display: block;height: auto; line-height: 2rem; font-size: 0.5rem; color: #888;}
.list-title span a{font-size: 0.5rem;color: #888;}
	
a.index-more{display: inline-block; padding: 0.3rem 2rem; border: 1px solid #ddd;font-size: 1rem;border-radius: 4rem; -moz-border-radius: 3rem;behavior: url(pie.htc); color: #888;margin-left: 1.5rem;}
a.index-more:hover{border: 1px solid #01a7b7; background: #01a7b7; color: #fff; font-size: 1rem;}
.s-strong{display: none;}

.main-box{width: 100%; margin: 0 auto;}
.SERVICE{background: #fff;height:auto; margin-top: 1rem; margin-bottom: 1rem;}
.SERVICE s{display: block; width: 100%; height: auto;overflow: hidden; float: none; position: relative; background: #000;}
.SERVICE s a{display: block;}
.SERVICE s a span{display:none; width: 80px; height: 100px; position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -40px; color: #fff;}
.SERVICE s a span i{display: block; width: 50px; height: 50px; margin: 0 auto; color: #fff; font-size: 40px;}
.SERVICE s a:hover span{display: block;}
.SERVICE dl{display: block; width: 100%; margin: 0 auto;float: none; padding: 1rem 0;}
.SERVICE dl dt{display: block;height: 50px; line-height: 50px; font-size: 1.8rem; color: #000;font-weight: bold; padding: 0 1.5rem}
.SERVICE dl p{display: block; margin: 0px; padding: 1rem 1.5rem; font-size: 1.2rem; line-height: 3rem;}
}
/*平台系统*/
.pingtai{height: 492px;margin-bottom: 15px;}
.pingtai s{display: block; background: #fff;width: 904px; height: 492px;overflow: hidden; float: right; position: relative; background: #000;}
.pingtai s a{display: block;}
.pingtai s a span{display:none; width: 80px; height: 100px; position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -40px; color: #fff;text-align: center;}
.pingtai s a span i{display: block; width: 50px; height: 50px; margin: 0 auto; color: #fff; font-size: 40px;}
.pingtai s a:hover span{display: block;}
.pingtai dl{display: block;background: #fff;height: 402px; width: 282px; float: left; padding: 0px 90px 90px 90px;}
.pingtai dl h2{display: block;height: 50px; line-height: 50px; font-size: 28px; color: #000;font-weight: bold; padding-top: 80px;}
.pingtai dl p{display: block; margin: 0px; padding: 30px 0; font-size: 16px; line-height: 35px;}

@media (max-width:1000px) {
.pingtai{background: #fff;height:auto; margin-top: 1rem; margin-bottom: 1rem;}
.pingtai s{display: block; width: 100%; height: auto;overflow: hidden; float: none; position: relative; background: #000;}
.pingtai s a{display: block;}
.pingtai s a span{display:none; width: 80px; height: 100px; position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -40px; color: #fff;text-align: center;}
.pingtai s a span i{display: block; width: 50px; height: 50px; margin: 0 auto; color: #fff; font-size: 40px;}
.pingtai s a:hover span{display: block;}
.pingtai dl{display: block; width: 100%;height: auto;float: none; padding: 1rem 0;}
.pingtai dl h2{display: block;height: 50px; line-height: 50px; font-size: 1.8rem; color: #000;font-weight: bold; padding: 0 1.5rem;}
.pingtai dl p{display: block; margin: 0px; padding: 1rem 1.5rem; font-size: 1.2rem; line-height: 3rem;}
}
/*service list*/
.service-list{overflow: hidden; margin-bottom: 15px;}
.service-list ul{display: block;display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.service-list ul li{width: 444px; margin-right: 17px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical;
-webkit-box-direction: normal;  background: #fff;}
.service-list ul li:last-child { margin: 0 }
.service-list ul li a{display:block; -webkit-flex-direction:row-reverse; flex-direction:row-reverse}
.service-list ul li a .imgbox{display: block;width: 444px; height: 297px;overflow: hidden; background: #000; position: relative;}
.service-list ul li a .imgbox i{display:block; width: 50px; height: 50px; color: #ddd; font-size: 40px;position: absolute; top: 50%; left: 50%; margin: -200px 0 0 -25px;z-index: 2;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;opacity: 0;}
.service-list ul li a:hover .imgbox i{display: block; top: 50%; left: 50%; margin: -25px 0 0 -25px; opacity: 1; }
.service-list ul li a .content{display: block; padding: 40px;}
.service-list ul li a .content h3{display: block; height: 40px; line-height: 40px; font-size: 18px; font-weight: bold; color: #000;}
.service-list ul li a .content p{display: block; margin: 0px; padding: 0px; font-size: 16px; color: #777; line-height: 30px;}

@media (max-width:1000px) {
.service-list{overflow: hidden; margin-bottom: 1rem;}
.service-list ul{display: block; width: 100%;}
.service-list ul li{display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 1rem 0; width: 100%; height: auto;}
.service-list ul li a{display: -webkit-flex; -webkit-flex-direction: column-reverse;display: flex;flex-direction: column-reverse;}
.service-list ul li a .imgbox{display: block;width: 100%; height:20.9rem;overflow: hidden; background: #000;}
.service-list ul li a .imgbox i{display:none; width: 50px; height: 50px; margin: 0 auto; color: #ddd; font-size: 40px;position: absolute; top: 50%; left: 50%; margin: -200px 0 0 -25px;z-index: 2;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;opacity: 0;}
.service-list ul li a:hover .imgbox i{display: block; top: 50%; left: 50%; margin: -25px 0 0 -25px; opacity: 1; }
.service-list ul li a .content{display: block;width: 100%; padding: 1rem 0;}
.service-list ul li a .content h3{display: block; height: 3rem; line-height: 3rem; font-size: 1.6rem; padding: .5rem 1.5rem; font-weight: bold; color: #000;}
.service-list ul li a .content p{display: block; margin: 0px; padding: 0 1.5rem .5rem 1.5rem; font-size: 1.2rem; color: #777; line-height: 2rem;}
}
/*case*/
.index-case{width: 1226px; margin: 0 auto 15px auto; background: #fff;padding: 70px 70px 45px 70px;overflow: hidden;}
.index-case ul{display: block; width: 1400px;padding-top: 20px;}
.index-case ul li{width: 390px;float: left; margin: 0 28px 28px 0;}
.index-case ul li a {display: block;}
.index-case ul li s{display: block;overflow: hidden;background: #000; position: relative;}
.index-case ul li s span{display:block; width: 100px; height: 100px; position: absolute; top: 50%; left: 50%; margin: -200px 0 0 -50px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;opacity: 0;color: #fff;text-align: center;}
.index-case ul li s span i{display: block; width: 50px; height: 50px; margin: 0 auto; color: #fff; font-size: 40px;}
.index-case ul li:hover s span{display: block;top: 50%; left: 50%; margin: -50px 0 0 -50px; opacity: 1; color: #fff;}
.index-case ul li dl{display: block; background: #f9f9f9;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;padding: 10px 15px;}
.index-case ul li dl dt{display: block; height: 30px; line-height: 30px; font-size: 16px; font-weight: bold; color: #000;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.index-case ul li dl dt a{font-size: 16px;font-weight: normal; color: #333;}
.index-case ul li dl p{display: block; height: 24px; line-height:24px; font-size: 14px; color: #666;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.index-case ul li dl em{display: block;width: 16px; height: 51px; line-height: 51px; font-size: 20px; text-align: center; float: right;}
.index-case ul li:hover dl{background:#703c2e; color: #fff;}
.index-case ul li:hover dl dt a{color: #fff;font-size: 16px;}
.index-case ul li:hover dl p{color: #fff;}

@media (max-width:1000px) {
.index-case{width: 100%; margin: 0 auto 1rem auto; background: #fff;padding: 0 0 0.4rem 0;}
.index-case ul{display: block;width: 100%;padding: 0.5rem 0 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;padding-top: 0;}
.index-case ul li{width: 50%; float: left; margin: 1rem 0 0 0;}
.index-case ul li a {display: block; width: 96%; margin: 0 auto;}
.index-case ul li a s{display: block; height:auto;overflow: hidden;background: #000; position: relative;}
.index-case ul li a s span{display:block; width: 100px; height: 100px; position: absolute; top: 50%; left: 50%; margin: -200px 0 0 -50px; color: #fff;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;opacity: 0;color: #fff;}
.index-case ul li a s span i{display: block; width: 50px; height: 50px; margin: 0 auto; color: #fff; font-size: 40px;}
.index-case ul li a:hover s span{display: block;top: 50%; left: 50%; margin: -50px 0 0 -50px; opacity: 1; color: #fff;}
.index-case ul li a dl{display: block; background: #f9f9f9;padding: 0.5rem;}
.index-case ul li a dl dt{display: block; height: 3rem; line-height: 3rem; font-size: 1.2rem; font-weight: bold; color: #000;}
.index-case ul li a dl p{display: block; height: 2rem; line-height:2rem; font-size: 1rem; color: #666;}
.index-case ul li a dl em{display: block;width: 1.3rem; height: 5rem; line-height: 5rem; font-size: 1.2rem; text-align: center; float: right;}
}
/*about*/
.index-about{height: 483px;margin-bottom: 15px;}
.index-about s{display: block; background: #fff;width: 904px; height: 483px;overflow: hidden; float: right; position: relative; background: #000;}
.index-about s a{display: block;}
.index-about s a span{display:none; width: 80px; height: 100px; position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -40px; color: #fff; text-align: center;}
.index-about s a span i{display: block; width: 50px; height: 50px; margin: 0 auto; color: #fff; font-size: 40px;}
.index-about s a:hover span{display: block;}
.index-about dl{display: block;background: #fff;height: 413px; width: 322px; float: left; padding: 0px 70px 70px 70px;}
.index-about dl h2{display: block;height: 50px; line-height: 50px; font-size: 28px; color: #000;font-weight: bold; padding-top: 80px;}
.index-about dl p{display: block; margin: 0px; padding: 30px 0; font-size: 14px; line-height: 35px;}

@media (max-width:1000px) {
.index-about{background: #fff;height:auto; margin-top: 1rem; margin-bottom: 1rem;}
.index-about s{display: block; width: 100%; height: auto;overflow: hidden; float: none; position: relative; background: #000;}
.index-about s a{display: block;}
.index-about s a span{display:none; width: 80px; height: 100px; position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -40px; color: #fff;}
.index-about s a span i{display: block; width: 50px; height: 50px; margin: 0 auto; color: #fff; font-size: 40px;}
.index-about s a:hover span{display: block;}
.index-about dl{display: block; width: 100%;height: auto;float: none; padding: 1rem 0;}
.index-about dl h2{display: block;height: 50px; line-height: 50px; font-size: 1.8rem; color: #000;font-weight: bold; padding: 0 1.5rem;}
.index-about dl p{display: block; margin: 0px; padding: 1rem 1.5rem; font-size: 1.2rem; line-height: 3rem;}
}
/*client*/
.index-client{width: 1226px; margin: 0 auto 15px auto; background: #fff;padding: 70px 70px 70px 70px;overflow: hidden;}
.index-client ul{display: block; margin: 0px;padding: 0px;overflow: hidden; border-top: 1px dotted #ddd;border-right: 1px dotted #ddd;}
.index-client ul li{display: block; width: 203px; height: 138px; float: left; border-left: 1px dotted #ddd; border-bottom: 1px dotted #ddd;}
.index-client ul li img{display: block; width: 75%; margin: 0 auto;transform: perspective(800px) rotateY(0deg); transition: all 1s ease 0s; -moz-transform: perspective(800px) rotateY(0deg); -moz-transition: all 1s ease 0s; -webkit-transform: perspective(800px) rotateY(0deg); -webkit-transition: all 1s ease 0s; -o-transform: perspective(800px) rotateY(0deg); -o-transition: all 1s ease 0s; -ms-transform: perspective(800px) rotateY(0deg); -ms-transition: all 1s ease 0s; zoom: 1;}
.index-client ul li:hover img { transform: perspective(800px) rotateY(-179.9deg); -moz-transform: perspective(800px) rotateY(-179.9deg); -webkit-transform: perspective(800px) rotateY(-179.9deg); -o-transform: perspective(800px) rotateY(-179.9deg); -ms-transform: perspective(800px) rotateY(-179.9deg);  }

@media (max-width:1000px) {
.index-client{width: 100%; margin: 0 auto 1rem auto; background: #fff;padding:0 0 0.3rem 0;overflow: hidden;}
.index-client ul{display: block;width: 98%; margin: 0 auto;padding: 0px;overflow: hidden; border-top: 1px dotted #ddd;border-right: 1px dotted #ddd;}
.index-client ul li{display: block; width: 24.6%;height: auto; float: left; border-left: 1px dotted #ddd; border-bottom: 1px dotted #ddd;}
.index-client ul li img{display: block; width: 72%; margin: 0 auto;}
}
/*news*/
.home-news-tab{display: block;margin: 0.06rem 0px;}
.home-news-tab span {display: inline-block; width: 113px; height: 38px; cursor: pointer; line-height: 38px; margin-right: 6px;  text-align: center; }
.home-news-tab span a{display: block;width: 100%; font-size: 13px; color: #333; background: #eee;}
.home-news-tab span a:hover { background: #703c2e; color: #fff;cursor: pointer;}
.home-news-tab span a.hover { background: #703c2e; color: #fff;cursor: pointer;}

.home-news-box{width: 1226px; margin: 0 auto 15px auto; background: #fff;padding: 70px 70px 45px 70px;overflow: hidden;}
.home-news-box article{display: block;width: 530px;float: left;padding-top: 20px;}
.home-news-box article s{display: block; text-align: center;background: #fff;}
.home-news-box article s img{max-width:530px; max-height:300px; width: expression(this.width > 530 && this.width > this.height ? 530 :true); height:expression(this.height >300 ? 300: true);vertical-align:middle; overflow:hidden;}
.home-news-box article h2{display: block;line-height: 70px;font-weight: bold;}
.home-news-box article h2 a{font-size: 20px; color: #000;}
.home-news-box article p{display: block; margin: 0px; padding: 0px; color: #333;font-size: 14px;}
.home-news-box article p i{display: block; color: #888;font-size: 12px;}

.home-news-box ul{display: block;margin: 0 0 0 600px;padding-top: 10px;}
.home-news-box ul li{display: block;max-height:110px; margin-bottom: 20px;}
.home-news-box ul li h2{display: block; font-weight: normal;font-size: 16px;color: #000;}
.home-news-box ul li h2 a{font-size: 16px; color: #000;}
.home-news-box ul li i{display: block; color: #888;}
.home-news-box ul li p{display: block;margin: 0px; padding: 0px; color: #555;font-size: 12px;}
i,em{font-style: normal; }

@media (max-width:1000px){
.home-news-tab{display:block;width: 100%; background: #fff; height: 3rem;}
.home-news-tab span {display: block;margin: 0px; padding: 0px; width: 20%; height: 3rem; line-height: 3rem; float: left; text-align: center; }
.home-news-tab span a{ display: block; width: 94%; margin: 0 auto; color: #333;cursor: pointer;background: #eee;font-size: 1rem;}
.home-news-tab span a.hover { background: #703c2e; color: #fff;}

.home-news-box{overflow: hidden;padding: 0px;width: 100%;}
.home-news-box article{display: block;width: 100%;float:none;padding-top: 1rem;}
.home-news-box article s{display: block;background: #fff;}
.home-news-box article s img{display: block; width: 100%; max-height: 220px;}
.home-news-box article span{display: block;line-height: 3rem;padding: 0.5rem 0.5rem 0 0.5rem}
.home-news-box article span a{font-size: 1.6rem; color: #000;}
.home-news-box article p{display: block; margin: 0px; padding: 0 0.5rem; color: #333;line-height: 2.4rem; font-size: 1.2rem;}
.home-news-box article p i{display: block; color: #888;font-size: 1rem;}

.home-news-box ul{display: block;margin: 10px 0 0 0;border-top: 1px dotted #ddd; padding-top: 0.5rem;}
.home-news-box ul li{display: block;height: auto;overflow: hidden;padding-bottom: 15px; margin-bottom: 15px;border-bottom: 1px dotted #ddd;}
.home-news-box ul li a span{display: block; font-size: 1.2rem;line-height: 3rem; color: #000;padding: 0 0.5rem}
.home-news-box ul li a i{display: block; color: #888;padding: 0 0.5rem;font-size: 1.2rem;}
.home-news-box ul li a p{display: none;margin: 0px; padding: 0 0.5rem; color: #333;font-size: 1rem;}
i,em{font-style: normal; }
}
/*footer*/
footer{display: block;width: 100%; background:#1f2729; padding: 80px 0;overflow: hidden;margin-top: 50px;}
footer .fot-box{width: 1366px; margin: 0 auto; color: #7d8081;}
footer .fot-box dl{display: block; width: 384px; float: left;}
footer .fot-box dl strong{display: block; height: 40px; line-height: 40px; font-size: 24px;}
footer .fot-box ul{display: block;width: 700px; margin: 0 0 0 385px;}
footer .fot-box ul strong{display: block; height: 40px; line-height: 40px; font-size: 24px;}
footer .fot-box ul li{display: inline-block; float: left;}
footer .fot-box ul li a{color: #7d8081;padding:0 5px;}
footer .fot-box ul li a:hover{color: #fff;}
footer .fot-box s{display: block; width: 155px; float: right;}

.bottom{display: block;width: 100%; background: #222; height: 35px; line-height: 35px;}
.bottom div{display: block; width: 1366px; margin: 0 auto;}
.bottom div span{display: inline-block; float: left; margin-right: 10px;}
.bottom div span img{display:inline-block; float: left;width: 15px; margin: 8px 5px 0 0; vertical-align: top;}
.bottom div a{color: #7d8081;}
.bottom div a:hover{color: #fff;}
.bottom div p{display: block; width: 350px; margin: 0px; padding: 0px; float: right; text-align: right;}
.foot-kf{display: none;}

@media (max-width:1000px){
.bottom{display: block;width: 100%; background: #222; height: auto; line-height: 2rem;padding: 1rem 0;}
.bottom div{display: block; width: 92%; margin: 0 auto;}
.bottom div span{display: inline-block; float: none; margin: 0;}
.bottom div span img{display:inline-block; float: none;width: 15px; margin: 3px 5px 0 0; vertical-align: top;}
.bottom div a{color: #7d8081;}
.bottom div a:hover{color: #fff;}
.bottom div p{display: block; width: 100%; margin: 0px; padding: 0px; float: none; text-align: left;}
footer{display: none;}

.foot-kf{display: block; position: fixed; z-index: 10000; left: 0px; bottom: 0px; width: 100%;height: 3rem; line-height: 3rem;  background: #fff; border-top: 1px solid #703c2e;}
.foot-kf ul{display: block;}
.foot-kf ul li{display: block;width: 25%; height: 3rem; float: left;}
.foot-kf ul li a{display: block; border-right: 1px solid #f8f8f8; font-size: 1.2rem; text-align: center;}
.foot-kf ul li.dh400{display: block;width: 50%; height: 3rem; float: left;}
.foot-kf ul li.dh400 a{display: block; color: #fff; background: #703c2e;}
}