.songti {   font-family: "迷你简新报宋",Heiti,SimSun,sans-serif !important; }
 

@font-face {
	font-family:'Wire';
	src:url("Wire One.woff2.ttf");
}
@font-face {
	font-family:'menulis';
	src:url("menulis-1.ttf");
}


body {margin:0;padding:0;font-size:16px;
	font-family:"menulis",微软雅黑,sans-serif;}


.bColor1 {background:rgb(242,242,242);}
header {height:60px;padding:20px 0px; }
header ul {margin:0;padding-top:10px}
header li {list-style:none}
header .logo {float:left}
header .logo a {display:inline-block;text-decoration:none}
header .logo img {height:60px;margin-right:10px;vertical-align:middle}
header .logo span {display:inline-block;vertical-align:middle}
header .logo b {display:block;font-size:20px;color:rgb(51,51,51)}
header .logo i {display:block;font-size:14px;font-style:normal;color:rgb(102,102,102)}
header .logo cite {font-style:normal}
header .logo label {display:inline-block;position:relative;}
header .logo label:nth-of-type(1) {animation: tel 0.5s ease 0.1s infinite alternate;color:rgb(204,0,0)}
header .logo label:nth-of-type(2) {animation: tel 0.5s ease 0.2s infinite alternate;color:rgb(204,0,0)}
header .logo label:nth-of-type(3) {animation: tel 0.5s ease 0.3s infinite alternate;color:rgb(204,0,0)}
header .logo label:nth-of-type(4) {animation: tel 0.5s ease 0.4s infinite alternate;color:rgb(204,0,0)}
header .logo label:nth-of-type(5) {animation: tel 0.5s ease 0.5s infinite alternate;color:rgb(102,102,102);margin-left:5px}
header .logo label:nth-of-type(6) {animation: tel 0.5s ease 0.6s infinite alternate;color:rgb(102,102,102)}
header .logo label:nth-of-type(7) {animation: tel 0.5s ease 0.7s infinite alternate;color:rgb(102,102,102)}
header .logo label:nth-of-type(8) {animation: tel 0.5s ease 0.8s infinite alternate;color:rgb(9,160,230);margin-left:5px}
header .logo label:nth-of-type(9) {animation: tel 0.5s ease 0.9s infinite alternate;color:rgb(9,160,230)}
header .logo label:nth-of-type(10) {animation: tel 0.5s ease 1s infinite alternate;color:rgb(9,160,230)}
@keyframes tel {0% {transform:rotate(0deg) scale(1,1);}25% {transform:rotate(5deg);}75% {transform:rotate(0deg);}100% {transform:rotate(-5deg) scale(1.3,1.3);}}
header .navigation {float:right;margin-top:10px}
header .navigation a {display:inline-block;height:40px;line-height:40px;margin:0px 10px;padding:0px 30px;font-size:16px;text-decoration:none;color:rgb(51,51,51);border-radius:0px;text-align:center;transition:all 0.5s}
header .navigation a:hover {border-radius:20px;background:rgb(51,51,51);color:rgb(255,255,255)}
header .navigation a.active {color:rgb(255,255,255);background:rgb(51,51,51);border-radius:20px;}
/*我们的服务*/
.bodier .service {margin-bottom:30px;padding-top:30px;text-align:center}
.bodier .service a {text-decoration:none}
.bodier .service .t {padding-bottom:40px;}

.bodier .service .t span {   font-family: "迷你简新报宋",Heiti,SimSun,sans-serif !important; display:block;font-size:44px;color:rgb(102,102,102)}


.bodier .service .t i {display:inline-block; position:relative;font-style:normal;font-size:24px; line-height:32px;   color:rgb(153,153,153)}
.bodier .service .t i:before {content:"";position:absolute;left:0px;width:45px;height:1px;line-height:1px;     margin: 12px 0px 0px -68px;background:rgb(153,153,153)}
.bodier .service .t i:after {content:"";position:absolute;right:0px;width:45px;height:1px;line-height:1px;  margin: 13px -67px 0px 0px;background:rgb(153,153,153)}
.bodier .service .c {margin:0px;padding:0px;text-align:left}
.bodier .service .c li {  

box-shadow:0px 0px 5px 2px rgba(0,0,0,0.1);  
list-style:none;display:inline-block;  width:22.5%;margin:auto 1%;padding:30px 0px;transition:all 0.5s; height:330px;
vertical-align:top}



.bodier .service .c li img {width:100px; transition:all 0.3s; margin-bottom:15px}
.bodier .service .c li b {display:block;padding:10px 40px;text-align:left;font-size:16px;color:rgb(51,51,51);font-weight:normal}
.bodier .service .c li i {display:block;margin:10px 40px;height:1px;line-height:1px;overflow:hidden;background:rgb(204,204,204);border-left:20px rgb(51,51,51) solid}
.bodier .service .c li span {display:block;padding:10px 40px;text-align:left;font-size:14px;color:rgb(153,153,153)}
.bodier .service .c li:hover {box-shadow:0px 0px 5px 2px rgba(0,0,0,0.1)}
.bodier .service .c li:hover img {opacity:1;transform:scale(1.1,1.1);}
/*客户案例*/
.bodier .case {padding-top:30px;text-align:center}
.bodier .case .t {padding-bottom:30px;}
.bodier .case .t span {display:block; color:rgb(102,102,102)}
.bodier .case .t i {display:inline-block;padding-top:10px;position:relative;font-style:normal;font-size:18px;color:rgb(153,153,153)}
.bodier .case .t i:before {content:"";position:absolute;left:0px;width:25px;height:1px;line-height:1px;margin:11px 0px 0px -35px;background:rgb(153,153,153)}
.bodier .case .t i:after {content:"";position:absolute;right:0px;width:25px;height:1px;line-height:1px;margin:11px -35px 0px 0px;background:rgb(153,153,153)}
.bodier .case .c {padding-bottom:40px;text-align:left;}
.bodier .case .c a {position:relative;list-style:none;display:inline-block;width:22.5%;margin:20px 1%;transition:all 0.5s;vertical-align:top;text-decoration:none;overflow:hidden}
.bodier .case .c a img {width:100%;}
.bodier .case .c a b {display:block;margin:10px 0px;text-align:left;font-size:16px;color:rgb(51,51,51);font-weight:normal}
.bodier .case .c a i {display:block;margin:10px 0px;height:1px;line-height:1px;overflow:hidden;background:rgb(204,204,204);border-left:20px rgb(51,51,51) solid}
.bodier .case .c a span {display:block;text-align:left;font-size:14px;color:rgb(153,153,153)}
.bodier .case .c a cite {position:absolute;width:100%;top:-20px;text-align:center;font-style:normal;color:rgb(255,255,255);text-shadow:1px 1px 1px rgba(0,0,0,0.5);transition:all 0.5s}
.bodier .case .c a:hover {transform: translate(0px,-20px);}
.bodier .case .c a:hover cite {top:40%;transform:rotate(360deg)}
.bodier .case .m {padding-bottom:0px;}
.bodier .case .m a {display:inline-block;padding:8px 30px;background:rgb(153,153,153);color:rgb(255,255,255);text-decoration:none;font-size:18px;border-radius:20px;transition:all 0.5s}
.bodier .case .m a:hover {background:rgb(102,102,102)}
/*我们的优势*/
.bodier .advantageBg {background:url(../images/advantage01.jpg) no-repeat top center;background-size:100%}
.bodier .advantage {height:800px;text-align:center}
.bodier .advantage .t {padding-top:70px}
.bodier .advantage .t b {display:block;margin-bottom:20px;color:rgb(255,255,255);font-size:36px;text-shadow:1px 1px 1px rgba(0,0,0,0.5)}
.bodier .advantage .t i {color:rgba(255,255,255,0.7)}
.bodier .advantage .a {position:absolute;left:40%;margin-top:180px}
.bodier .advantage .c {position:relative;;height:600px;}
.bodier .advantage .circle {position:absolute;top:60px;left:33%;background:url(../images/advantageCircle.png) no-repeat;height:400px;width:400px;animation:rotate 3s linear infinite;}
@keyframes rotate { from{transform: rotate(0deg)} to{transform:rotate(360deg)}}
@keyframes rotate60 { from{transform: rotate(60deg)} to{transform:rotate(420deg)}}
@keyframes rotate120 { from{transform: rotate(120deg)} to{transform:rotate(480deg)}}
@keyframes rotate180 { from{transform: rotate(180deg)} to{transform:rotate(540deg)}}
@keyframes rotate240 { from{transform: rotate(240deg)} to{transform:rotate(600deg)}}
@keyframes rotate300 { from{transform: rotate(300deg)} to{transform:rotate(660deg)}}
.bodier .advantage .c i {position:absolute;display:inline-block;margin:20px 0px 0px -60px;width:60px;height:1px;line-height:1px;background:linear-gradient(90deg,rgba(42,188,255,0.7),rgba(42,188,255,0))}
.bodier .advantage .c i:before {content:"";position:absolute;top:-5px;width:9px;height:9px;border:1px solid rgba(255,255,255,0.7); border-radius: 50%;transition: all .3s;}
.bodier .advantage .c .rotate:hover i:before {border-color:rgba(255,255,255,0)}
.bodier .advantage .c i:after {content:"";position: absolute;top:-4px;right:0;width:8px;height:8px;border-radius:50%;box-shadow:0 0 15px rgba(47,204,255,.5);background: radial-gradient(rgba(47,204,255,.7),rgba(47,204,255,.2));opacity:0;transition: all .3s;}
.bodier .advantage .c .rotate:hover i:after {right:60px;opacity:1;}
.bodier .advantage .c .rotate:hover b {transform: translate(0px,-5px);}
.bodier .advantage .c .rotate:hover span {transform: translate(0px,-5px);}
.bodier .advantage .c i[data-1]{transform:rotate(-30deg);margin:-10px 0px 0px -50px}
.bodier .advantage .c i[data-2]{transform:rotate(30deg);margin:-50px 0px 0px -60px}
.bodier .advantage .c i[data-3]{transform:rotate(90deg);margin:-94px 0px 0px -23px}
.bodier .advantage .c i[data-4]{transform:rotate(150deg);margin:-50px 0px 0px -5px}
.bodier .advantage .c i[data-5]{transform:rotate(210deg);margin:-10px 0px 0px -5px}
.bodier .advantage .rotate {position:absolute;width:auto;height:40px;z-index:1;text-align:left;color:rgb(255,255,255);cursor:pointer}
.bodier .advantage .rotate b {display:inline-block;padding:5px 10px;margin-bottom:3px;background:rgba(0,0,0,0.5);font-size:24px;transition:all 0.5s}
.bodier .advantage .rotate span {display:block;border-top:1px rgba(255,255,255,0.5) solid;transition:all 0.5s}
.bodier .advantage .r01 {left:815px;top:90px;}
.bodier .advantage .r01 i:before,
.bodier .advantage .r02 i:before {margin-left:-10px;}
.bodier .advantage .r03 i:before {margin-left:-40px;}
.bodier .advantage .r04 i:before,
.bodier .advantage .r05 i:before {margin-left:-70px;}
.bodier .advantage .r02 {left:825px;top:360px;}
.bodier .advantage .r03 {left:420px;top:520px;text-align:center}
.bodier .advantage .r04 {right:830px;top:360px;text-align:right}
.bodier .advantage .r05 {right:830px;top:90px;text-align:right}
/*合作伙伴*/
.bodier .partner {margin-bottom:80px;padding-top:80px;text-align:center}
.bodier .partner .t {padding-bottom:60px;}
.bodier .partner .t span {display:block; color:rgb(102,102,102)}
.bodier .partner .t i {display:inline-block;padding-top:10px;position:relative;font-style:normal;font-size:18px;color:rgb(153,153,153)}
.bodier .partner .t i:before {content:"";position:absolute;left:0px;width:25px;height:1px;line-height:1px;margin:11px 0px 0px -35px;background:rgb(153,153,153)}
.bodier .partner .t i:after {content:"";position:absolute;right:0px;width:25px;height:1px;line-height:1px;margin:11px -35px 0px 0px;background:rgb(153,153,153)}
.bodier .partner .c {padding-bottom:40px;text-align:left;}
.bodier .partner .c span {display:inline-block;text-align:center;margin:8px;}
.bodier .partner .c span i {display:block;padding:10px 0px;font-style:normal;font-size:14px;}
.bodier .partner .c span img {transition:all 0.5s}
.bodier .partner .c span:hover img {transform:rotate(10deg);}
/*芸享资质*/
.bodier .qualifications {margin-bottom:80px;padding-top:50px;text-align:center}
.bodier .qualifications .t {padding-bottom:60px;}
.bodier .qualifications .t span {display:block;font-size:24px;color:rgb(102,102,102)}
.bodier .qualifications .t i {display:inline-block;padding-top:10px;position:relative;font-style:normal;font-size:18px;color:rgb(153,153,153)}
.bodier .qualifications .t i:before {content:"";position:absolute;left:0px;width:25px;height:1px;line-height:1px;margin:11px 0px 0px -35px;background:rgb(153,153,153)}
.bodier .qualifications .t i:after {content:"";position:absolute;right:0px;width:25px;height:1px;line-height:1px;margin:11px -35px 0px 0px;background:rgb(153,153,153)}
.bodier .qualifications .c {padding-bottom:40px;text-align:left;}
footer {background:rgb(51,51,51);padding:20px 0px 50px 0px}
footer ul {padding:0;margin:0;}
footer li {list-style:none;}
footer .l {float:left;}
footer .l span {display:inline-block;margin-right:50px;vertical-align:top;color:rgb(255,255,255)}
footer .l span b {display:block;font-size:16px;margin-bottom:20px;}
footer .l span i {line-height:24px;color:rgba(255,255,255,0.6);font-style:normal}
footer .r {float:right;width:40%;color:rgb(255,255,255)}
footer .r img {float:left;width:155px;height:155px;margin-right:20px}
footer .r b {display:block;font-size:24px;margin-bottom:24px}
footer .r span {line-height:24px;}
footer .backtop {position:fixed;bottom:30px;right:30px;transition:all 0.5s}
footer .backtop:hover {transform: translate(0px,-10px);}
footer .pop {position:fixed;width:100%;height:100px;bottom:0px;background:rgba(0,0,0,0.5)}
footer .pop span {display:inline-block;margin-top:15px;text-align:right;vertical-align:middle}
footer .pop span b {display:inline-block;font-size:30px;color:rgb(255,204,0);text-shadow:1px 1px 2px rgba(0,0,0,0.5)}
footer .pop span cite {padding-left:10px;font-size:36px;color:rgb(9,160,230);font-weight:bold}
footer .pop span i {color:rgba(255,255,255,0.8);font-size:16px;}
footer .pop form {display:inline-block;vertical-align:middle;margin-left:50px;line-height:30px;}
footer .pop form label {color:rgb(255,255,255)}
footer .pop form input {margin-right:30px;margin-left:10px;line-height:30px;}
footer .pop form a {display:inline-block;color:rgb(51,51,51);padding:2px 30px;background:rgb(255,204,0);text-decoration:none;transition:all 0.3s}
footer .pop form a:hover {border-radius:10px;background:rgb(9,160,230);color:rgb(255,255,255)}
footer .pop .closepop {position:absolute;display:inline-block;margin:-50px 0px 0px 80px;background:rgba(0,0,0,0.5);color:rgb(255,255,255);text-decoration:none;width:60px;height:40px;line-height:40px;text-align:center;transition:all 0.3s}
footer .pop .closepop:hover {border-radius:10px;background:rgb(255,0,0)}
footer .pop .tel {display:none;}
footer .pop cite {font-style:normal}
footer .pop cite label {display:inline-block;position:relative;color:rgb(255,0,0)}
footer .pop cite label:nth-of-type(1) {animation: tel 0.5s ease 0.1s infinite alternate;}
footer .pop cite label:nth-of-type(2) {animation: tel 0.5s ease 0.2s infinite alternate;}
footer .pop cite label:nth-of-type(3) {animation: tel 0.5s ease 0.3s infinite alternate;}
footer .pop cite label:nth-of-type(4) {animation: tel 0.5s ease 0.4s infinite alternate;}
footer .pop cite label:nth-of-type(5) {animation: tel 0.5s ease 0.5s infinite alternate;margin-left:5px}
footer .pop cite label:nth-of-type(6) {animation: tel 0.5s ease 0.6s infinite alternate;}
footer .pop cite label:nth-of-type(7) {animation: tel 0.5s ease 0.7s infinite alternate;}
footer .pop cite label:nth-of-type(8) {animation: tel 0.5s ease 0.8s infinite alternate;margin-left:5px}
footer .pop cite label:nth-of-type(9) {animation: tel 0.5s ease 0.9s infinite alternate;}
footer .pop cite label:nth-of-type(10) {animation: tel 0.5s ease 1s infinite alternate;}
/*客户案例列表*/
.bodier .caselist {margin-bottom:30px;padding-top:30px;text-align:center}
.bodier .caselist .t {padding-bottom:30px;text-align:left}
.bodier .caselist .t span {display:block;font-size:24px;color:rgb(102,102,102);padding-bottom:10px}
.bodier .caselist .t i {display:inline-block;padding-left:10px;font-size:18px;color:rgb(204,204,204)}
.bodier .caselist .t cite {display:block;height:2px;line-height:2px;background:rgb(204,204,204);border-left:100px rgb(51,51,51) solid}
.bodier .caselist .c {padding-bottom:40px;text-align:left;}
.bodier .caselist .c a {position:relative;list-style:none;display:inline-block;width:22.5%;margin:20px 1%;transition:all 0.5s;vertical-align:top;text-decoration:none;overflow:hidden}
.bodier .caselist .c a img {width:100%;}
.bodier .caselist .c a b {display:block;margin:10px 0px;text-align:left;font-size:16px;color:rgb(51,51,51);font-weight:normal}
.bodier .caselist .c a i {display:block;margin:10px 0px;height:1px;line-height:1px;overflow:hidden;background:rgb(204,204,204);border-left:20px rgb(51,51,51) solid}
.bodier .caselist .c a span {display:block;text-align:left;font-size:14px;color:rgb(153,153,153)}
.bodier .caselist .c a cite {position:absolute;width:100%;top:-20px;text-align:center;font-style:normal;color:rgb(255,255,255);text-shadow:1px 1px 1px rgba(0,0,0,0.5);transition:all 0.5s}
.bodier .caselist .c a:hover {transform: translate(0px,-20px);}
.bodier .caselist .c a:hover cite {top:40%;transform:rotate(360deg)}
.bodier .caselist .m {padding-bottom:40px;}
.bodier .caselist .m a {display:inline-block;padding:8px 30px;background:rgb(9,160,231);color:rgb(255,255,255);text-decoration:none;font-size:18px;border-radius:20px;transition:all 0.5s}
.bodier .caselist .m a:hover {background:rgb(204,0,0)}
/*客户案例详情*/
.bodier .caseitem {position:relative;margin:-300px auto 50px auto;padding:30px;background:rgb(255,255,255);box-shadow:0px 0px 5px 3px rgba(0,0,0,0.3)}
.bodier .caseitem .t {padding-bottom:30px;text-align:left}
.bodier .caseitem .t span {display:block;font-size:24px;color:rgb(102,102,102);padding-bottom:10px}
.bodier .caseitem .t i {display:inline-block;padding-left:10px;font-size:18px;color:rgb(204,204,204)}
.bodier .caseitem .t cite {display:block;height:2px;line-height:2px;background:rgb(204,204,204);border-left:100px rgb(51,51,51) solid}
.bodier .caseitem .c {padding-bottom:30px;text-align:left;}
.bodier .caseitem .c h1 {font-size:24px;color:rgb(51,51,51);text-align:center}
.bodier .caseitem .c h2 {font-size:16px;color:rgb(102,102,102);font-weight:normal}
.bodier .caseitem .c p img {width:100%}
.bodier .caseitem .back {text-align:center}
.bodier .caseitem .back a {display:inline-block;margin-bottom:30px;padding:10px 20px;text-decoration:none;border:1px rgb(204,204,204) solid;font-size:18px;color:rgb(153,153,153);border-radius:10px;}
.bodier .caseitem .back a:hover {color:rgb(9,160,231);border-color:rgb(9,160,231)}
.bodier .caseitem .m {padding-bottom:30px;border-top:1px rgb(204,204,204) solid}
.bodier .caseitem .m b {display:block;padding:20px 10px;font-size:18px;}
.bodier .caseitem .m a {display:inline-block;margin:0px 10px;padding:20px 40px;background:rgb(9,160,231);color:rgb(255,255,255);text-decoration:none;font-size:16px;border-radius:5px;transition:all 0.5s}
.bodier .caseitem .m a:hover {background:rgb(204,0,0);border-radius:20px}
/*关于芸享*/
.bodier .aboutus {margin-bottom:30px; text-align:center}
.bodier .aboutus .t {padding-bottom:30px;text-align:left}
.bodier .aboutus .t span {display:block;font-size:24px;color:rgb(102,102,102);padding-bottom:10px}
.bodier .aboutus .t i {display:inline-block;padding-left:10px;font-size:18px;color:rgb(204,204,204)}
.bodier .aboutus .t cite {display:block;height:2px;line-height:2px;background:rgb(204,204,204);border-left:100px rgb(51,51,51) solid}
.bodier .aboutus .c {padding: 0px 0px 20px 0px;text-align:left;}
.bodier .aboutus .c .t1 {text-align:center}
.bodier .aboutus .c .t1 b {display:block;font-size:30px;color:rgb(102,102,102)}
.bodier .aboutus .c .t1 span {display:block;padding:20px 0px 40px 0px;color:rgb(153,153,153);text-align:center;}
.bodier .aboutus .c .c1 {background:rgb(242,242,242)}
.bodier .aboutus .c .c1 span {display:inline-block;padding:20px 0px 30px 0px;width:24%;text-align:center;border-left:1px rgb(204,204,204) dashed}
.bodier .aboutus .c .c1 span:nth-of-type(1){border-left:0px}
.bodier .aboutus .c .c1 span b {display:block;padding:10px 0px;font-size:16px;color:rgb(102,102,102)}
.bodier .aboutus .c .c1 span i {font-size:14px;color:rgb(153,153,153);font-style:normal}
.bodier .aboutus .c .t2 {text-align:center;}
.bodier .aboutus .c .t2 b {display:block;font-size:30px;color:rgb(102,102,102);}
.bodier .aboutus .c .t2 span {display:inline-block;margin-top:10px;padding:5px 0px 30px 0px;color:rgb(153,153,153);text-align:center;border-top:2px rgb(9,160,231) solid}
.bodier .aboutus .c .c2 {padding-bottom:50px}
.bodier .aboutus .c .c2 ul {margin:0;padding:0}
.bodier .aboutus .c .c2 li {list-style:none;}
.bodier .aboutus .c .c2 .box {padding:30px;}
.bodier .aboutus .c .c2 .l {float:left;width:50%;}
.bodier .aboutus .c .c2 .l .box {border-left:1px rgb(235,235,235) solid;border-top:1px rgb(235,235,235) solid;border-bottom:1px rgb(235,235,235) solid;}
.bodier .aboutus .c .c2 .l img {width:100%;height:159px}
.bodier .aboutus .c .c2 .l .h1 {margin:10px 0px;font-size:18px;color:rgb(102,102,102)}
.bodier .aboutus .c .c2 .l .h2 {margin:10px 0px;font-size:20px;font-weight:bold;color:rgb(9,160,231)}
.bodier .aboutus .c .c2 .l p {text-indent:20px;font-size:14px;color:rgb(102,102,102);line-height:25px;}
.bodier .aboutus .c .c2 .r {float:left;width:50%;background:rgb(235,235,235)}
.bodier .aboutus .c .c2 .r span {display:block;margin:20px 0px;position:relative;padding-left:30px;}
.bodier .aboutus .c .c2 .r span cite {position:absolute;width:18px;height:18px;border-radius:50%;border:2px rgb(102,102,102) solid;margin:4px 0px 0px -35px}
.bodier .aboutus .c .c2 .r span cite:before {content:'';position:absolute;margin:-20px 0px 0px 8px ;width:2px;height:20px;background:rgba(102,102,102,0.5)}
.bodier .aboutus .c .c2 .r span cite:after {content:'';position:absolute;margin:20px 0px 0px 8px ;width:2px;height:20px;background:rgba(102,102,102,0.5)}
.bodier .aboutus .c .c2 .r span i {display:block;line-height:20px;}
.bodier .aboutus .c .c2 .r span b {display:block;color:rgb(9,160,231)}
.bodier .aboutus .c .m {border-top:1px rgb(235,235,235) solid;text-align:center}
.bodier .aboutus .c .m b {display:block;padding:30px 10px;font-size:18px;}
.bodier .aboutus .c .m a {display:inline-block;margin:0px 10px;padding:20px 40px;background:rgb(9,160,231);color:rgb(255,255,255);text-decoration:none;font-size:16px;border-radius:5px;transition:all 0.5s}
.bodier .aboutus .c .m a:hover {background:rgb(204,0,0);border-radius:20px}
.bodier .aboutus .c .t3 {text-align:center;}
.bodier .aboutus .c .t3 b {display:block;font-size:30px;color:rgb(102,102,102);}
.bodier .aboutus .c .t3 span {display:inline-block;margin-top:10px;padding:5px 0px 30px 0px;color:rgb(153,153,153);text-align:center;border-top:2px rgb(9,160,231) solid}
.bodier .aboutus .c .c3 img {width:100%}
.bodier .aboutus .c .c3 p {color:rgb(102,102,102);text-indent:20px;line-height:24px}
/*联系我们*/
.bodier .contact {margin-bottom:30px;padding-top:30px;text-align:center}
.bodier .contact .t {padding-bottom:30px;text-align:left}
.bodier .contact .t span {display:block;font-size:24px;color:rgb(102,102,102);padding-bottom:10px}
.bodier .contact .t i {display:inline-block;padding-left:10px;font-size:18px;color:rgb(204,204,204)}
.bodier .contact .t cite {display:block;height:2px;line-height:2px;background:rgb(204,204,204);border-left:100px rgb(51,51,51) solid}
#container {width:100%;height:400px;}
.bodier .contact .info {padding-bottom:30px;}
.bodier .contact .info span {display:inline-block;margin-right:20px;padding:20px 30px;border:1px rgb(204,204,204) solid;border-radius:10px;cursor:default;transition:all 0.5s}
.bodier .contact .info img {width:30px;vertical-align:middle;margin-right:20px;opacity:0.5;transition:all 0.5s}
.bodier .contact .info i {display:inline-block;font-style:normal;font-size:20px;vertical-align:middle;color:rgb(102,102,102);transition:all 0.5s}
.bodier .contact .info span:nth-of-type(1) {float:left}
.bodier .contact .info span:nth-of-type(3) {float:right;margin-right:0px}
.bodier .contact .info span:hover {background:rgb(235,235,235)}
.bodier .contact .info span:hover img {opacity:1;}
.bodier .contact .info span:hover i {color:rgb(51,51,51)}
.bodier .contact .c {padding:30px 0px;float:left;width:60%}
.bodier .contact .t1 {padding:10px 0px;border-left:5px rgb(9,160,231) solid;text-align:left;text-indent:20px;background:rgb(242,242,242);font-size:16px;color:rgb(9,160,231)}
.bodier .contact .c1 span {display:block;margin:20px auto;text-align:left}
.bodier .contact .c1 span label {display:inline-block;width:18%;color:rgb(102,102,102)}
.bodier .contact .c1 span input {width:80%;height:30px;line-height:30px;text-indent:10px}
.bodier .contact .c1 span textarea {width:78%;height:50px;padding:1%;}
.bodier .contact .c1 span img {width:30px;margin-right:20px;vertical-align:middle}
.bodier .contact .c1 span .code {width:100px;margin-right:20px}
.bodier .contact .c1 span .img {width:100px;height:35px;} 
.bodier .contact .c1 span a {display:inline-block;padding:8px 30px;background:rgb(9,160,231);color:rgb(255,255,255);text-decoration:none;font-size:18px;border-radius:5px;transition:all 0.5s}
.bodier .contact .c1 span a:hover {background:rgb(204,0,0)}
.bodier .contact .m {padding:30px 0px;float:right;width:35%}
.bodier .contact .m .t2 {padding:10px 0px;border-left:5px rgb(9,160,231) solid;text-align:left;text-indent:20px;background:rgb(242,242,242);font-size:16px;color:rgb(9,160,231);}
.bodier .contact .m .c2 {padding-top:20px;;text-align:left}
.bodier .contact .m .c2 a {display:inline-block;margin:10px;padding:10px 20px;background:rgb(9,160,231);color:rgb(255,255,255);text-decoration:none;font-size:16px;border-radius:5px;transition:all 0.5s}
.bodier .contact .m .c2 a:hover {background:rgb(204,0,0);border-radius:20px}

/*新闻资讯*/
.bodier .newslist {position:relative;margin:-300px auto 50px auto;padding:30px;background:rgb(255,255,255);box-shadow:0px 0px 5px 3px rgba(0,0,0,0.3)}
.bodier .newslist .t {padding-bottom:30px;text-align:left}
.bodier .newslist .t span {display:block;font-size:24px;color:rgb(102,102,102);padding-bottom:10px}
.bodier .newslist .t i {display:inline-block;padding-left:10px;font-size:18px;color:rgb(204,204,204)}
.bodier .newslist .t cite {display:block;height:2px;line-height:2px;background:rgb(204,204,204);border-left:100px rgb(51,51,51) solid}
.bodier .newslist .c {padding-bottom:20px;text-align:left;}
.bodier .newslist .box .tab {font-size:120%;border-bottom:1px rgb(204,204,204) solid;color:rgb(153,153,153);line-height:40px}
.bodier .newslist .box .tab a {display:inline-block;text-decoration:none;color:rgb(153,153,153);vertical-align:middle}
.bodier .newslist .box .tab span {display:inline-block;vertical-align:middle;padding:0px 20px}
.bodier .newslist .box .tab a.active {color:rgb(51,51,51);font-weight:bold;border-bottom:3px rgb(9,160,231) solid}
.bodier .newslist .box .content a {color:rgb(102,102,102);text-decoration:none}
.bodier .newslist .box .content a:hover {color:rgb(9,160,231)}
.bodier .newslist .box ul {display:none;padding:0;margin:0;position: relative;}
.bodier .newslist .box ul.active {display:block}
.bodier .newslist .box ul li {list-style:none;padding: 20px 0px;border-bottom: 1px rgb(235,235,235) solid}
.bodier .newslist .box ul li:last-child {border-bottom: 0px}
.bodier .newslist .box .img {position:absolute;width:210px;height:140px;}
.bodier .newslist .box .text {margin-left:240px}
.bodier .newslist .box h1 {padding:0;margin:0;font-size:120%;color:rgb(51,51,51);font-weight:normal}
.bodier .newslist .box h4 {padding:8px 0px;margin:0;color:rgb(204,204,204);font-weight:normal}
.bodier .newslist .box h4 img {vertical-align:middle}
.bodier .newslist .box h4 span {display:inline-block;margin-left:5px;vertical-align:middle;}
.bodier .newslist .box h2 {padding:0;margin:0;color:rgb(153,153,153);font-size:100%;font-weight:normal;line-height:20px;height:60px;overflow:hidden}
.bodier .newslist .box h3 {padding:0;margin:5px 0 0 0;color:rgb(153,153,153);font-size:100%;font-weight:normal;}
.bodier .newslist .box h3 span {display:inline-block;margin:0px 5px;color:rgb(9,160,231);cursor:default}
.bodier .newslist .box .m {margin-top:20px;text-align:center}
.bodier .newslist .box .m a {display:inline-block;margin:0px 10px;padding:15px 30px;background:rgb(9,160,231);color:rgb(255,255,255);text-decoration:none;font-size:16px;border-radius:5px;transition:all 0.5s}
.bodier .newslist .box .m a:hover {background:rgb(204,0,0);border-radius:20px;color:rgb(255,255,255)}
/*新闻资讯详情*/
.bodier .newsitem {position:relative;margin:-300px auto 50px auto;padding:30px;background:rgb(255,255,255);box-shadow:0px 0px 5px 3px rgba(0,0,0,0.3)}
.bodier .newsitem .t {padding-bottom:30px;text-align:left}
.bodier .newsitem .t span {display:block;font-size:24px;color:rgb(102,102,102);padding-bottom:10px}
.bodier .newsitem .t i {display:inline-block;padding-left:10px;font-size:18px;color:rgb(204,204,204)}
.bodier .newsitem .t cite {display:block;height:2px;line-height:2px;background:rgb(204,204,204);border-left:100px rgb(51,51,51) solid}
.bodier .newsitem .c {padding-bottom:30px;text-align:left;}
.bodier .newsitem .c h1 {font-size:24px;color:rgb(51,51,51);text-align:left}
.bodier .newsitem .c h2 {font-size:16px;color:rgb(102,102,102);font-weight:normal}
.bodier .newsitem .c h2 img {vertical-align:middle}
.bodier .newsitem .c h2 span {display:inline;vertical-align:middle;color:rgb(204,204,204)}
.bodier .newsitem .c h3 {padding:20px;font-size:16px;color:rgb(102,102,102);font-weight:normal;background:rgb(235,235,235)}
.bodier .newsitem .c p img {width:100%}
.bodier .newsitem .back {text-align:center}
.bodier .newsitem .back a {display:inline-block;margin-bottom:30px;padding:10px 20px;text-decoration:none;border:1px rgb(204,204,204) solid;font-size:18px;color:rgb(153,153,153);border-radius:10px;}
.bodier .newsitem .back a:hover {color:rgb(9,160,231);border-color:rgb(9,160,231)}
.bodier .newsitem .m {padding-bottom:30px;border-top:1px rgb(204,204,204) solid}
.bodier .newsitem .m b {display:block;padding:20px 10px;font-size:18px;}
.bodier .newsitem .m a {display:inline-block;margin:0px 10px;padding:20px 40px;background:rgb(9,160,231);color:rgb(255,255,255);text-decoration:none;font-size:16px;border-radius:5px;transition:all 0.5s}
.bodier .newsitem .m a:hover {background:rgb(204,0,0);border-radius:20px}
/*web*/
.bodier .color1 {background:rgb(242,242,242)}
.bodier .web h1 {margin:0px;padding:30px 0px;text-align:center;font-size:30px;color:rgb(51,51,51)}
.bodier .web h1 em {color:rgb(255,102,51)}
.bodier .web h1 span {color:rgb(153,153,153);font-weight:normal;font-size:14px}
.bodier .web .c1 {}
.bodier .web .c1 h2 {color:rgb(51,51,51)}
.bodier .web .c1 h2 b {font-size:24px;}
.bodier .web .c1 h2 em {padding-right:10px;color:rgb(255,102,51);font-style:normal;}
.bodier .web .c1 h2 span {font-size:14px;font-weight:normal;color:rgb(153,153,153)}
.bodier .web .c1 h2 i {display:inline-block;width:50px;height:10px;line-height:10px;border-bottom:2px rgb(255,102,51) solid}
.bodier .web .c1 p {color:rgb(153,153,153);height:200px}
.bodier .web .c1 div {color:rgb(153,153,153)}
.bodier .web .c1 img {float:right;margin-left:50px}
.bodier .web .c2 {padding:30px 0px}
.bodier .web .c2 h2 b {font-size:24px;color:rgb(51,51,51)}
.bodier .web .c2 h2 em {padding-right:10px;color:rgb(255,102,51);font-style:normal;}
.bodier .web .c2 h2 span {font-size:14px;font-weight:normal;color:rgb(153,153,153)}
.bodier .web .c2 h2 i {display:inline-block;width:50px;height:10px;line-height:10px;border-bottom:2px rgb(255,102,51) solid}
.bodier .web .c2 h3 {font-weight:normal;font-size:14px;}
.bodier .web .c2 h3 span {color:rgb(153,153,153);line-height:30px;}
.bodier .web .c2 p {color:rgb(153,153,153);height:200px;}
.bodier .web .c2 img {float:left;margin-right:100px}

.bodier .web .c3 {padding:30px 0px;float:left;width:60%}
.bodier .web .c3 .t1 {padding:10px 0px;border-left:5px rgb(9,160,231) solid;text-align:left;text-indent:20px;background:rgb(242,242,242);font-size:16px;color:rgb(9,160,231)}
.bodier .web .c3 form span {display:block;margin:20px auto;text-align:left}
.bodier .web .c3 form span label {display:inline-block;width:18%;color:rgb(102,102,102)}
.bodier .web .c3 form span input {width:80%;height:30px;line-height:30px;text-indent:10px}
.bodier .web .c3 form span textarea {width:78%;height:50px;padding:1%;}
.bodier .web .c3 form span img {width:30px;margin-right:20px;vertical-align:middle}
.bodier .web .c3 form span .code {width:100px;margin-right:20px}
.bodier .web .c3 form span .img {width:100px;height:35px;} 
.bodier .web .c3 form span a {display:inline-block;padding:8px 30px;background:rgb(9,160,231);color:rgb(255,255,255);text-decoration:none;font-size:18px;border-radius:5px;transition:all 0.5s}
.bodier .web .c3 form span a:hover {background:rgb(204,0,0)}
.bodier .web .m {padding:30px 0px;float:right;width:35%}
.bodier .web .m .t2 {padding:10px 0px;border-left:5px rgb(9,160,231) solid;text-align:left;text-indent:20px;background:rgb(242,242,242);font-size:16px;color:rgb(9,160,231);}
.bodier .web .m .c2 {padding-top:20px;;text-align:left}
.bodier .web .m .c2 a {display:inline-block;margin:10px;padding:10px 20px;background:rgb(9,160,231);color:rgb(255,255,255);text-decoration:none;font-size:16px;border-radius:5px;transition:all 0.5s}
.bodier .web .m .c2 a:hover {background:rgb(204,0,0);border-radius:20px}

.bodier .web .c4 {text-align:center;color:rgb(153,153,153);line-height:30px}
.bodier .web .c4 img {margin:10px;}