/* CSS Document */
*{padding:0; margin:0;}

html {overflow:-moz-scrollbars-vertical; scrollbar-face-color:#e8e8e8;scrollbar-shadow-color:#c1c1bb;scrollbar-highlight-color:#c1c1bb;scrollbar-3dlight-color:#ebebe4;scrollbar-darkshadow-color:#ebebe4;scrollbar-track-color:#f4f4f0;scrollbar-arrow-color:#cacab7; }

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,input,img{padding:0; margin:0;}   
div,ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
a{text-decoration:none; color:#222; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
a:hover {text-decoration:none; color:#da251c;}
.clear{margin:0; padding:0; clear:both;}
table {BORDER-COLLAPSE:collapse; border-spacing:0;}
img{display:block; border:0; width:100%;}

input,button,select,textarea{outline:none}

.clearfix:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display: inline-table;}
*html .clearfix {height:1%;}
.clearfix {display:block; }
*+html .clearfix {min-height:1%;}


/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: "阿里巴巴普惠体";
  src: url("http://at.alicdn.com/wf/webfont/jFLIiUQzspkX/Lb9arnc6aUpa.woff2") format("woff2"),
  url("http://at.alicdn.com/wf/webfont/jFLIiUQzspkX/nGSXr6kfo8fQ.woff") format("woff");
  font-display: swap;
}

body {font-size:12px; color:#222; background:#fff; font-family:"阿里巴巴普惠体",Verdana,Arial, Helvetica, sans-serif; padding:0; margin:0; behavior:url("/css/images/csshover.htc");-webkit-text-size-adjust:none;}

.wrap {position:relative; width:100%;}
.main {position:relative; margin:0 auto; width:96%; max-width:1260px;}
.main span{ float:right;}
.weizhi {position:relative; margin:0 auto; width:96%; max-width:1260px;}
.weizhi span{ float:right; font-size:12px;}
@media screen and (max-width:768px) {
.main {position:relative; margin:0 auto; width:96%;}
.main span{ float:right; display:none;}
.weizhi {position:relative; margin:0 auto; width:96%;}
.weizhi span{ float:right; font-size:0.75rem;}
}

/*引导页样式*/
.index-first {width:100%; height:100%; position:absolute; z-index:1000; top:50%; left:50%; transform:translate(-50%,-50%); opacity:0.5;}
.i-all {width:100%; height:100%; position:absolute; z-index:1100; top:50%; left:50%; transform:translate(-50%,-50%);}
.i-content {position:relative; top:60%; left:50%; transform:translate(-50%,-50%); opacity:1;}
.i-text1 {margin:0 auto 15px;}
.i-text2 {margin:0 auto;}
.i-mouse {width:64px; height:64px; background:url(/images/mouse.png); background-size:64px 64px; display:block; margin: 11% auto 0;}
.i-jh {width:32px; height:32px; background:url(/images/logo_jh.png); background-size:32px 32px; display:block; margin: 0.5% auto 0;}
.i-scroll {margin:2% auto;text-align:center;}
.i-scroll a {text-decoration:none; color:#fff;}
.img-fluid {width:50%; max-width:572px; height:auto;}


/***头部***/
.header {display:block;}
.m-header {display:none;}

.header {width:100%; height:110px; padding-bottom:15px;}
.header .main {height:110px; max-width:1260px;}
.header-logo {float:left; margin-top:40px; width:120px;}
.header-search {width:30px; height:30px; background:url(/images/search.png) no-repeat;}

.nav {float:right; margin-top:77px;}
.nav li {float:left; margin-left:50px; font-size:16px; position:relative;}
.nav li a {display:inline-block; height:30px; line-height:30px;}

@media screen and (max-width:768px) {
.index-all {display:none;}
.header {display:none;}
.m-header {display:block; position:fixed; top:0; left:0; width:100%; height:50px; background-color: rgba(255, 255, 255, 1); z-index:9;}
.m-header .main {margin:0 auto; width:96%; height:45px; overflow:hidden;}
.m-header-logo {float:left; margin-top:2px; width:80px;}

.nav-btn {position:relative; float:right; margin:14px -9px 0 0; width:50px; height:30px; cursor:pointer;}
.nav-btn span {position:absolute; left:10px; display:block; width:30px; height:2px; background:rgba(0, 0, 0, 0.5); transition:all ease 0.35s;}
.nav-btn span:nth-of-type(1){top:0;}
.nav-btn span:nth-of-type(2){top:10px;}
.nav-btn span:nth-of-type(3){top:20px;}
.nav-btn-se span:nth-of-type(1){top:10px; transform:rotate(45deg);}
.nav-btn-se span:nth-of-type(2){width:0}
.nav-btn-se span:nth-of-type(3){top:10px; transform:rotate(-45deg);}

.m-nav {position:fixed; top:-100%; left:0; z-index:9999; width:100%; height:calc(100% - 50px); font-size:16px; line-height:42px; background:#eee; overflow:auto; overflow-x:hidden; transition:top ease 0.35s; opacity:.9;}
.nav-show {top:50px;}
.nav-show ul {border-bottom:1px #ddd solid;}
.m-nav ul li i {position:absolute; top:5px; right:0px; border-left:1px #ddd solid; height:30px; padding:0 17px 0 17px;}
.m-nav ul li i svg {transform:rotate(-90deg); transition:all ease 0.35s;}
.m-nav ul li .m-nav-i-se svg {transform:rotate(0deg);}
.m-nav ul li {position:relative; padding-left:20px; line-height:40px; font-size:15px; border-top:1px #ddd solid;}
.m-nav >ul >li:last-child {border-bottom:1px #ddd solid;}
.m-nav ul li ul {display:none;}
.m-nav ul li a {color:#000;width:80%;}
.m-nav ul li ul li a {display:block; font-size:14px; color:#6a6a6a; line-height:36px; text-align:left;}
.m-nav ul li i svg {width:20px; height:20px; fill:#555;}
.m-nav ul li .m-nav-i-se svg {fill:#008cd6;}
.m-nav ul li ul li>ul {margin-left:10px;}
}

/***banner***/
.flexslider{display:block; position:relative; height:auto; overflow:hidden;background:url(/images/loading.gif) 50% no-repeat; margin:0 auto;}
.slides{position:relative;z-index:0;}
.slides li img{width:100%; height:auto; display:block;}
.slides li {display:block; /*height:680px;*/}

.flex-control-nav{position:absolute; bottom:10px; z-index:2; width:100%; text-align:center;}
.flex-control-nav li{display:inline-block; width:14px; height:14px; margin:0 4px; *display:inline; zoom:1;}
.flex-control-nav a{display:inline-block; width:14px; height:14px; line-height:40px; overflow:hidden; background:url(/images/bpng01.png) no-repeat; cursor:pointer;}
.flex-control-nav .flex-active{background:url(/images/bpng02.png) no-repeat;}

.flex-direction-nav{position:absolute; z-index:3; width:100%; top:50%; margin-top:-19px; display:none;}
.flex-direction-nav li a{position:absolute; display:block; width:15px; height:29px; overflow:hidden; cursor:pointer;}
.flex-direction-nav li a.flex-prev{left:10px; background:url(/images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:10px; background:url(/images/next.png) center center no-repeat;}
@media screen and (max-width:768px) {
.flexslider {display:block; position:relative; height:auto; overflow:hidden; background:url(/images/loading.gif) 50% no-repeat; margin:50px auto 0;}
.slides {position:relative; z-index:0;}
.slides li img {width:100%; height:auto; display:block;}
.slides li {/*height:260px;*/}
.flex-control-nav {position:absolute; bottom:5px; z-index:2; width:100%; text-align:center;}
.flex-control-nav li {display:inline-block; width:8px; height:8px; margin:0 4px; *display:inline; zoom:1;}
.flex-control-nav a {display:inline-block; width:8px; height:8px; line-height:30px; overflow:hidden; background:url(/images/bpng03.png) no-repeat; cursor:pointer;}
.flex-control-nav .flex-active {background:url(/images/bpng04.png) no-repeat;}

.flex-direction-nav {position:absolute; top:35%; z-index:3; width:100%; display:none;}
.flex-direction-nav li a {position:absolute; display:block; width:15px; height:29px; overflow:hidden; cursor:pointer;}
.flex-direction-nav li a.flex-prev {left:10px; background:url(/images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next {right:10px; background:url(/images/next.png) center center no-repeat;}
}

.htitle {margin:0 auto 15px;text-align:center; line-height:1;}
.htitle h2 {padding:10px 0; font-size:26px;}
.htitle-en {font-size:30px; text-transform:uppercase;}
.htitle-text {font-size:16px; color:#8d8d8d; line-height:28px;}
.htitle-text.t1 {display: block;}
.htitle-text.t2 {display:none;}
.mod2,.mod3,.mod4,.mod5,.mod6,.mod7,.mod8 {width:96%; max-width:1260px; margin:80px auto 0;}


.videoback{ background:url(/images/video.jpg) center center no-repeat;}

@media screen and (max-width:768px) {
.htitle {margin:0 auto 5px; }
.htitle h2 {padding:8px 0; font-size:1rem;}
.htitle-en {font-size:1rem; font-weight:bold;}
.htitle-text {font-size:0.75rem; line-height:20px;}
.htitle-text.t1 {display:none;}
.htitle-text.t2 {display: block;}
.mod2,.mod3,.mod4,.mod5,.mod6,.mod7,.mod8 {margin-top:40px;}
.mod6 {margin-bottom:30px;}
}


.play {position:absolute; top:50%; left:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); z-index:2;}

/***mod1***/
.mod1{ margin:40px auto; width:96%; max-width:1260px; overflow:hidden;}
.index-work-content {width:22.75%; float:left;}
.index-work-content:not(:nth-of-type(4n)){margin-right:3%;}
.index-work-content a{text-decoration:none; color:#000;}
.index-work-content .work-content {margin:20px auto 20px; text-align:center;}
.index-work-content:hover{background:#f5f5f5;}
.index-work-content:hover .work-content .view{background-color:#e52d35; border-color:#e52d35; color:#fff;}

.work-content .name {font-size:16px; line-height:20px; color:#000; padding:0 15px; height:40px; overflow:hidden;}
.work-content .show {font-size:14px; line-height:30px; color:#8d8d8d; margin:10px 0 15px;}
.work-content .view {font-size:14px; transition:background-color 0.5s,color 0.5s; width:130px; height:38px; border:1px solid #666; text-align:center; line-height:38px; letter-spacing:2px; margin:0 auto;}
.work-content .view:hover {background-color:#e52d35; border-color:#e52d35; color:#fff;}
.work-content a {text-decoration:none; color:#000;}
@media screen and (max-width:768px) {
.mod1{ margin:7px auto; width:96%;}
.index-work-content {width:49%; float:left; margin-bottom:3%;}
.index-work-content:not(:nth-of-type(4n)){margin-right:0%;}
.index-work-content:not(:nth-of-type(2n)){margin-right:2%;}
.index-work-content .work-content {margin:5px auto; text-align:center;}
.work-content .name {font-size:0.875rem; line-height:22px; color:#000;}
.work-content .show {font-size:0.75rem; line-height:18px; color:#8d8d8d; margin:5px 0px;}
.work-content .view {font-size:0.875rem; transition:background-color 0.5s,color 0.5s; width:70%; height:28px; border:1px solid #666; text-align:center; line-height:28px; letter-spacing:2px; margin:0 auto;}
}


.index-case-next {top: 50%; right: -3%; }
.index-case-prev {top: 50%; left: -3%; }
.index-case .play {width:12%; margin-left:-6%;}


/***mod3***/
.mod3{}
.mod3 ul{ overflow:hidden;}
.mod3 ul li{float:left; width:50%; height:483px;position:relative;}
.mod3 ul li img{width:100%; display:block; padding:0;}

.divall{padding:6% 24% 6% 6%; position: absolute; right: 0; bottom: 0; left: 0; width:70%;}
.mod3divleft{float:left; width:100%; font-size:16px; color:#FFF; line-height:30px;}
.mod3divleft span{margin-right:10px;}
.mod3divleft h2{font-size:24px;line-height:40px; font-weight:bold;}

.h2_1 a{color:#000;}
.h2_1 a:hover{color:#da251c;}

.h2_2 a{color:#fff;}
.h2_2 a:hover{color:#da251c;}

.h2_3 a{color:#fff;}
.h2_3 a:hover{color:#da251c;}

.h2_4 a{color:#000;}
.h2_4 a:hover{color:#da251c;}


#span_1 a{color:#000;}
#span_1 a:hover{color:#da251c;}

#span_2 a{color:#fff;}
#span_2 a:hover{color:#da251c;}

#span_3 a{color:#fff;}
#span_3 a:hover{color:#da251c;}

#span_4 a,#span_4{color:#000;}
#span_4 a:hover{color:#da251c;}


.more_1{width:120px; background:#18b5e8; border-radius:20px; text-align:center; line-height:30px; color:#fff; margin-top:15px; font-size:16px; line-height:34px; height:35px;}
.more_1 a{color:#FFF;}
.more_1:hover{ background:#da251c;}

.more_2{width:120px; background:#87cbd8; border-radius:20px; text-align:center; line-height:30px; color:#fff; margin-top:15px; font-size:16px;line-height:34px; height:35px;}
.more_2 a{color:#FFF;}
.more_2:hover{ background:#da251c;}

.more_3{width:120px; background:#bd9495; border-radius:20px; text-align:center; line-height:30px; color:#fff; margin-top:15px; font-size:16px;line-height:34px; height:35px;}
.more_3 a{color:#FFF;}
.more_3:hover{ background:#da251c;}

.more_4{width:120px; background:#18b5e8; border-radius:20px; text-align:center; line-height:30px; color:#fff; margin-top:15px; font-size:16px;line-height:34px; height:35px;}
.more_4 a{color:#FFF;}
.more_4:hover{ background:#da251c;}


#full_li{width:100%;}
.divall_right{padding:3% 3% 3% 53%; position: absolute; right: 0; bottom: 0; left: 0; width:44%;}
.divall_left{padding:3% 53% 3% 3%; position: absolute; right: 0; bottom: 0; left: 0; width:44%;}


@media screen and (max-width:768px) {
.mod3{width:96%; margin:40px auto;}
.mod3 ul li{width:100%; height:auto; margin-bottom:1px;}
.divall{padding:5%; width:90%;}
.mod3divleft{width:100%; font-size:0.875rem; line-height:24px;}
.mod3divleft h2{font-size:1.125rem; line-height:35px;}
.mod3divleft p{font-size:0.875rem;}
.divall_right{padding:5%; position: absolute; right: 0; bottom: 0; left: 0; width:90%;}
.divall_left{padding:5%; position: absolute; right: 0; bottom: 0; left: 0; width:90%;}
.more_1,.more_2,.more_3,.more_4{margin-top:5px; font-size:0.875rem; line-height:24px; height:25px;}
#full_li{min-height:260px;}
#full_li img{ display:none;}
.full_li3{ background:url(/images/1_31.jpg) left top no-repeat;}
.full_li4{ background:url(/images/1_41.jpg) left top no-repeat;}
}


/***mod4***/
.mod4{}
.morecase{overflow:hidden;margin:20px  auto 0; width:100%; text-align:center; background:url(/images/dian.jpg) center center repeat-x;}
.morecase p{width:140px; font-size:14px; height:30px; line-height:30px; background:#FFF; border:3px #ddd solid; border-radius:25px; text-align:center; margin:0 auto;}
.morecase p:hover{ background:#da251c; color:#FFFFFF;}

/*新闻动态*/
.news{overflow:hidden;margin:0 auto; width:96%; max-width:1260px;}
.newsul{overflow:hidden;}
.newsul li{float:left; width:23.5%; margin-top:0px; margin-bottom:25px; overflow:hidden;}
.newsul li:not(:nth-of-type(4n)){ margin-right:2%;}
.newsul li:hover a{color:#da251c;}
.newsul li img{width:100%; height:auto; display:block;}
.newsul li h2{font-size:16px; overflow:hidden; font-weight:600; line-height:35px;}
.newsul .htwoli{overflow:hidden; padding:3% 0;}
.newsul .htwoli p{font-size:12px; line-height:22px; color:#666; padding:3px 0;}
.newsul .htwoli div{font-size:12px; line-height:20px; color:#999; margin:0 0 20px 0;height:60px; overflow:hidden; display:none;}
.newsul li h4{font-weight:normal; font-size:12px; color:#999;}
.newsul li h4 span{ padding-top:2px; padding-bottom:2px;}
.v1{ background:url(/images/v1.png) no-repeat left center; padding-left:22px;margin-right:15px;}
.v2{ background:url(/images/v2.png) no-repeat left center; padding-left:22px;margin-right:15px;}
.v3{ background:url(/images/v3.png) no-repeat left center; padding-left:22px;margin-right:15px;}
@media screen and (max-width: 768px) {
.newsul li{float:left; width:47.1%; min-height:inherit; max-height:inherit; margin-top:0px; margin-bottom:15px;}
.newsul li:not(:nth-of-type(4n)){ margin-right:0;}
.newsul li:not(:nth-of-type(2n)){ margin-right:4%;}
.newsul li img{}
.newsul .htwoli{padding:2%;}
.newsul li h2{font-size:0.875rem; line-height:18px; height:36px;}
.newsul .htwoli div{font-size:0.75rem;}
.newsul li h4{font-size:0.75rem;}
}



/***mod5***/
.mod5{}
.mod5 ul{ overflow:hidden; padding:0 2%; padding-bottom:40px;}
.mod5 ul li{float:left; width:26.6%; padding:0 0 0 0; margin-top:2%;}
.mod5 ul li:not(:nth-of-type(3n)){ margin-right:5%; border-right:1px #ddd solid; padding-right:5%;}
.mod5 ul li img{width:80%; display:block; box-shadow:0px 0px 5px 2px #eeeeee; padding:10%;}
.mod5 ul li h2{color:#555; font-size:20px; font-weight:bold; text-align:center; padding:15px 0 10px 0;} 
.mod5 ul li p{color:#555; font-size:14px;line-height:24px;text-align:center; padding:0 15px;}
@media screen and (max-width:768px) {
.mod5{width:96%; margin:40px auto;}
.mod5 ul{padding-bottom:0px;}
.mod5 ul li{width:90%; height:auto; margin-bottom:1px; padding:0 5%; margin:4% 0;}
.mod5 ul li:not(:nth-of-type(3n)){ margin-right:0%; border-right:0px;}
.mod5 ul li h2{font-size:1.25rem; padding:10px 0 10px 0;} 
.mod5 ul li p{font-size:0.875rem;}
}


/***mod6***/
.mod6 {}
@media screen and (max-width:768px) {
.mod6 {margin-bottom:0px;}
.index-case-next {display:none;}
.index-case-prev {display:none;}
}




/***mod8***/
.mod8{}
.talkbtn {margin:0 auto; max-width:1260px;}
.talkbtn ul{ overflow:hidden; padding:50px 10% 50px;}
.talkbtn ul li{float:left; width:30%; padding:0; text-align:center;}
.talkbtn ul li:not(:nth-of-type(3n)){ margin-right:5%;}
.talkbtn ul li img{display:initial; width:80px; text-align:center;}
.talkbtn ul li h2{color:#555; font-size:24px; font-weight:bold; text-align:center; padding:15px 0 10px 0;} 
.talkbtn ul li p{color:#555; font-size:16px;line-height:24px;text-align:center; padding:0 15px; margin-top:15px;}
#gary{display:initial;} 
#color{display:none;}
.talkbtn ul li:hover #gary{display:none;}
.talkbtn ul li:hover #color{display:initial;}
@media screen and (max-width:768px) {
.mod8{width:96%; margin:40px auto;}
.talkbtn ul{ overflow:hidden; padding:20px 0 0 0;}
.talkbtn ul li img{width:50px;}
.talkbtn ul li p{color:#555; font-size:0.875rem;line-height:18px;text-align:center; padding:0px; margin-top:5px;}
}





.lybanner{width:100%; overflow: hidden; margin:0 auto;}
.lybanner img{width:100%; height:auto; display:block;}
@media screen and (max-width: 640px) {
.lybanner{margin-top:50px;}
}



/***footer***/
footer {padding:20px 0; color:#aeb6b7; background-color:#333;}
.footer { width:96%; max-width:1260px; margin:0 auto;}
.footer-info {display:block; overflow:hidden;}
.footer dl {float:left;}
.footer dt {font-size:14px; line-height:36px; color:#fff; font-weight:bold;}
.footer dt a{ color:#fff;}
.footer dd {font-size:12px; line-height:26px;}
.footer a {color:#aeb6b7;}
.footer a:hover {color:#da251c;}

.fot-about {width:14%;}
.fot-case {width:20%;}
.fot-case dd {float:left; width:42%;}
.fot-news {width:24%;}
.fot-contact {width:22%;}
dl.fot-qrcode {float:right; overflow:hidden; width:12%;}

.copyright {margin-top:20px; padding-top:20px; line-height:24px; text-align:center; border-top:1px solid #606060;}
@media screen and (max-width:768px) {
.footer {margin:0px; padding:0px;}
.footer-info {display:none;}
.copyright {margin-top:0; padding-top:0; border-top:0; line-height:20px;}
}



/***************aboutus******************/
.location {height:40px; line-height:40px; font-size:14px; background:#f5f5f5;}
.subtitle {margin-bottom:20px; text-align:center;}
.subtitle h2 {font-size:36px; margin-bottom:5px;}
.subtitle-en {font-size:24px;}
.subtitle-text {font-size:16px; line-height:24px; margin-top:10px; color:#8d8d8d;}
.subtitle-text.t1 {display:block;}
.subtitle-text.t2 {display:none;}

@media screen and (max-width:768px) {
.location {height:40px; line-height:40px; font-size:0.875rem;}
.subtitle {margin-bottom:10px; text-align:center;}
.subtitle h2 {font-size:1.125rem; margin-bottom:3px; font-weight:bold;}
.subtitle-en {font-size:0.875rem;}
.subtitle-text {font-size:0.75rem; line-height:22px; margin-top:10px;}
.subtitle-text.t1 {display:none;}
.subtitle-text.t2 {display:block;}
}


.about-info {font-size:14px; line-height:26px;}
.about-info p {margin-bottom:15px; color:#8d8d8d;}

.about-mod1 {height:800px; background:url(/images/about_bg1.jpg) center no-repeat; background-size:cover;}
.about-mod1 .subtitle {margin:0 auto 60px; padding-top:110px; width:96%; max-width:1260px; text-align:left;}
.about-mod1 .about-info {width:50%;}
@media screen and (max-width:768px) {
.about-mod1 { width:96%; margin:0 auto; height:auto; background:#fff; padding:2%;}
.about-mod1 .subtitle {margin:0 auto 10px; padding-top:0px; width:96%; text-align:left;}
.about-mod1 .subtitle h2{ font-size:1.25rem;}
.about-mod1 .about-info {width:100%;}
.about-info {font-size:0.75rem;line-height:22px;}
.about-info p {margin-bottom:5px;}
}


.about-mod2 {height:778px; background:url(/images/about_bg2.jpg) center no-repeat #71706e;}
.about-mod2 .subtitle {margin:0 auto 60px; padding-top:230px; width:96%; max-width:1260px; text-align:left;}
.about-mod2 .subtitle h2, .about-mod2 .subtitle-en {padding-left:62%; width:38%; color:#fff;}
.about-mod2 .about-info {float:right; width:38%;}
.about-mod2 .about-info p {color:#fff;}
@media screen and (max-width:768px) {
.about-mod2 {width:96%; margin:2% auto; height:220px; background:#71706e;padding:2%;}
.about-mod2 .subtitle {margin:0 auto 10px; padding-top:0px; width:96%; text-align:left; display:block;}
.about-mod2 .subtitle h2 {width:100%; color:#fff; padding-left:0;font-size:1.25rem;}
.about-mod2 .subtitle h2, .about-mod2 .subtitle-en {padding-left:0%; width:100%; color:#fff;}
.about-mod2 .about-info {float:left; width:100%; display:block;}
.about-mod2 .about-info p {color:#fff;}
}



.about-mod3, .about-mod4, .about-mod5, .about-mod6, .about-mod7 {margin-top:80px;}
.about-mod3 { background:#f8f8f8; margin-top:0px; padding:80px 0px;}
@media screen and (max-width:768px) {
.about-mod3, .about-mod4, .about-mod5, .about-mod6, .about-mod7 {margin-top:40px;}
}

.about-mod3 ul {font-size:0; width:100%;}
.about-mod3 li {display:inline-block; vertical-align:top; width:47.5%; font-size:12px; line-height:22px;}
.about-mod3 li:not(:nth-of-type(2n)){ margin-right:5%;}
.about-mod3 li:nth-child(n+3){margin-top:35px;}
.about-mod3 .item {width:100%; display:table;}
.about-mod3 .label {display:table-cell; vertical-align:middle; width:25%; text-align:center; padding-right:5%;}
.about-mod3 .value {display:table-cell; vertical-align:middle; width:70%; line-height:24px;}
.about-mod3 img {margin:0 auto 10px; width:90%;}
.about-mod3 h3 {font-size:20px; font-weight:600; color:#707070;}
.m-about-mod3 {display:none;}
@media screen and (max-width:768px) {
.about-mod3 {display:none;}
.m-about-mod3 {display:block; margin-top:30px; padding:20px 0; background-color:#f4f4f4;}
	
.m-about-mod3 ul {font-size:0; width:100%;}
.m-about-mod3 li {display:inline-block; vertical-align:top; width:100%; font-size:12px; line-height:20px; padding-bottom:15px; border-bottom:1px solid #ddd;}
.m-about-mod3 li:nth-child(n+2){margin-top:15px;}
.m-about-mod3 .item {width:100%; display:table;}
.m-about-mod3 .label {display:table-cell; vertical-align:middle; width:30%; text-align:center;}
.m-about-mod3 .value {display:table-cell; vertical-align:middle; width:70%;}
.m-about-mod3 img {margin:0 auto 6px; width:60%;}
.m-about-mod3 h3 {font-size:14px; font-weight:600; color:#8d8d8d;}
}
@media screen and (max-width:768px) {
.about-mod4 .subtitle {margin:0 auto 10px; width:96%;}
}


.col-two {display:block; margin:30px 0 0 0; overflow:hidden;}
.col-two li {float:left; width:48.5%; margin-bottom:3%;}
.col-two li:not(:nth-of-type(2n)){ margin-right:3%;}

.col-three {display:block; margin:0 0 0 0; overflow:hidden;}
.col-three li {float:left; width:31.33%; margin-bottom:3%;}
.col-three li:not(:nth-of-type(3n)){ margin-right:3%;}
@media screen and (max-width:768px) {
.col-two {margin:10px 0 0 0}
.col-three {margin:0 0 0 0}
}


.about-team {position:relative; margin-top:30px; text-align:center;}
.about-team .name {margin-top:10px; font-size:22px; line-height:30px;}
.about-team .duties{font-size:16px; line-height:30px; color:#737373;}
.about-team .view{margin:10px auto 0; width:45%; height:30px; line-height:30px; font-size:14px; color:#737373; border:1px solid #b2b2b2; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.about-team a:hover .view {color:#da251c; border-color:#da251c;}
.about-team-prev { margin-left:-4%;}
.about-team-next { margin-right:-4%;}

.jobs-team-prev { margin-left:0%; outline:none;}
.jobs-team-next { margin-right:0%; outline:none;}
@media screen and (max-width:768px) {
.about-team {margin-top:15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.about-team .name {margin-top:5px; font-size:14px; line-height:20px;}
.about-team .duties{font-size:12px; line-height:20px;}
.about-team .view{margin:5px auto 0; width:98%; height:20px; line-height:20px; font-size:0.75rem;}
.about-team-prev,.about-team-next {display:none;}
.jobs-team-prev,.jobs-team-next {display:none;}
}



.about-mod7 {height:726px; background:url(/images/about_bg3.jpg) no-repeat center center; background-size:cover;}
.about-mod7 .subtitle {margin:0 auto 60px; padding-top:70px; width:96%; max-width:1260px; text-align:left;}
.about-mod7 .about-info {width:29%;}
@media screen and (max-width:768px) {
.about-mod7 {width:96%; margin:40px auto; height:auto;background: #f5f5f5; padding: 2% 0px;}
.about-mod7 .subtitle {margin:0 auto; padding-bottom:10px; width:100%;text-align:left; padding-top:0px;}
.about-mod7 .subtitle h2 {width:100%; padding-left:0;font-size:1.125rem;}
.about-mod7 .subtitle h2, .about-mod7 .subtitle p {margin:0 auto; width:96%;}
.about-mod7 .about-info {width:100%;}
}



.about-mod8 {height:766px; background:url(/images/about_bg4.jpg) no-repeat center center; background-size:cover;}
.about-mod8 .subtitle {margin:0 auto 60px; padding-top:210px; width:96%; max-width:1260px; text-align:left;}
.about-mod8 .subtitle h2, .about-mod8 .subtitle-en {padding-left:62%; width:38%;}
.about-mod8 .about-info {float:right; width:38%;}
.m-about-mod8 {display:none;}
@media screen and (max-width:768px) {
.about-mod8 {display:none;}
.m-about-mod8 {display:block; margin-top:30px;}
.m-about-mod8 .subtitle {text-align:right;}
.m-about-mod8 .subtitle h2, .m-about-mod8 .subtitle p {margin:0 auto; width:96%;}
.m-about-mod8 .img {margin-bottom:6px; padding-top:50px; height:90px; background:url(/images/about_bg4.jpg) center right no-repeat; background-size:cover;}
}



/*专业团队弹出窗*/
.reveal-modal-bg{position:fixed;height:100%;width:100%;background-color:#000;z-index:1000;display:none;top:0;left:0;}
.reveal-modal{visibility:hidden;top:120px;left:50%;margin-left:-390px; width:700px;background:#fff;position:absolute;z-index:99999;padding:30px 30px 34px 30px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);}
.reveal-modal .close-reveal-modal {
font-size:22px;line-height:.5;position:absolute;top:8px;right:11px;color:#aaa;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;} 
.reveal-modal h2{font-size:18px;color:#000 ; text-align:center; padding-bottom:10px;}
.teamimages{text-align:center; margin:0 auto; overflow:hidden;}
.teamimages img{width:400px;}
.teamly{overflow:hidden; line-height:24px; padding-top:6px; font-size:14px;}
.teamly img{width:25%; float:left; margin-right:2%; margin-bottom:2%;}
@media screen and (max-width:768px) {
.reveal-modal-bg{position:fixed;height:100%;width:100%;background-color:#000;z-index:100;display:none;top:0;left:0;}
.reveal-modal{visibility:hidden;top:120px;left:50%;margin-left:-190px; width:320px;background:#fff;position:absolute;z-index:99999;padding:30px 30px 34px 30px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);}
.reveal-modal .close-reveal-modal {
font-size:22px;line-height:.5;position:absolute;top:8px;right:11px;color:#aaa;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;} 
.reveal-modal h2{font-size:1.125rem;color:#000 ; text-align:center; padding-bottom:10px;}
.teamimages{text-align:center; margin:0 auto; overflow:hidden;}
.teamimages img{ max-width:100%; height:auto;}
.teamly{overflow:hidden; line-height:24px; padding-top:6px; font-size:0.875rem;}
}




/*联系头号玩家*/
.contact{overflow:hidden;margin:50px auto; width:96%; max-width:1260px;}
.contacttext{overflow:hidden;margin:20px auto 0; width:88%; max-width:1260px; padding:3% 6%; background:#f5f5f5;}
.contacttext1{overflow:hidden; margin:0 auto; width:88%; max-width:1260px; padding:3% 6%; background:#ffffff; font-size:14px; line-height:26px; color:#666;}
.contacttext2{ margin:40px 0px; background:#fff;}
@media screen and (max-width: 768px) {
.contact{overflow:hidden;margin:20px auto; width:96%;}	
}




/* 招贤纳士*/
.jobs{overflow:hidden;margin:50px auto; width:96%; max-width:1260px;}
.jobstext{overflow:hidden;margin:0px auto; width:88%; max-width:1260px; padding:0% 6%; background:#fff;}
.jobstext ul{ overflow:hidden; padding:0 2%; padding-bottom:40px;}
.jobstext ul li{float:left; width:26.6%; padding:0 0 0 0; margin-top:2%;}
.jobstext ul li:not(:nth-of-type(3n)){ margin-right:5%; border-right:1px #ddd solid; padding-right:5%;}
.jobstext ul li img{width:80%; display:block; box-shadow:0px 0px 5px 2px #eeeeee; padding:10%;}
.jobstext ul li h2{color:#555; font-size:20px; font-weight:bold; text-align:center; padding:15px 0 10px 0;} 
.jobstext ul li p{color:#555; font-size:14px;line-height:24px;text-align:center; padding:0 15px;}

.jobstext2{overflow:hidden;margin:30px auto; width:88%; max-width:1260px; padding:3% 6%; background:#f5f5f5;}
.jobstext3{overflow:hidden;margin:0px auto; width:88%; padding:3% 6%; background:#fff; border-radius:10px;position: relative; font-size:14px; line-height:26px; color:#666;}
.jobstext3 h3{ font-size:18px; line-height:35px; font-weight:bold;}
@media screen and (max-width:768px) {
.jobs{overflow:hidden;margin:20px auto; width:96%;}	
.jobstext ul{padding-bottom:0px;}
.jobstext ul li{width:90%; height:auto; margin-bottom:1px; padding:0 5%; margin:4% 0;}
.jobstext ul li:not(:nth-of-type(3n)){ margin-right:0%; border-right:0px;}
.jobstext ul li h2{font-size:1.25rem; padding:10px 0 10px 0;} 
.jobstext ul li p{font-size:0.875rem;}
}







/*内页标题*/
.lytitle{overflow:hidden;margin:20px auto; width:96%; max-width:1260px;}
.lytitle ul{ overflow:hidden;}
.lytitleleft{ float:left; width:12%; text-align:left; font-size:24px; line-height:45px; height:45px;}
.lytitleright{ float:right; width:88%; text-align:left; font-size:24px; line-height:45px; height:45px;}
.ly_text01{overflow:hidden; width:94%; line-height:45px; height:45px;background:#f5f5f5; padding:0px 1%; border:0px; float:left;}
.ly_submit01{overflow:hidden; border:0; height:45px; line-height:45px; width:4%; cursor:pointer; background:#f5f5f5 url(../images/search2.png) center center no-repeat;}
@media screen and (max-width: 768px) {
.lytitle{overflow:hidden;margin:10px auto; width:96%;}
.lytitleleft{ float:left; width:35%;}
.lytitleright{ float:right; width:65%;}
.ly_text01{width:82%;padding:0px 2%;}
.ly_submit01{width:14%;}

}



/*内页分类*/
.category{overflow:hidden;margin:20px auto; width:96%; max-width:1260px; border-bottom:1px #ddd solid; padding-bottom:20px;}
.category ul{overflow:hidden; text-align:center;}
.category li{float:left; border:1px #ddd solid; text-align:center; font-size:14px; overflow:hidden;display:inline-block; border-radius:5px; height:30px; line-height:30px; padding:0px 20px; margin-right:15px;}
.category li a{display:block;}
.category li:hover{background:#ff4769; color:#fff; border:1px #ed304d solid;}

#onsec{background:#ff4769; color:#fff; border:1px #ed304d solid;}
#onsec a{}
@media screen and (max-width: 768px) {
.category{padding-bottom:5px;}
.category li{float:left; border:1px #ddd solid; text-align:center; font-size:0.75rem; overflow:hidden;display:inline-block; border-radius:5px; height:30px; line-height:30px; padding:0px 10px; margin-right:10px; margin-bottom:10px;}

}



/*新闻详情页*/
.newsshow{overflow:hidden;margin:50px auto 0; width:96%; max-width:1260px;}
.mainleft{float:right; width:70%; overflow:hidden;}
.mainright{float:left; width:21%; overflow:hidden;padding:2%; border:1px #ddd solid; border-radius:5px;}
.news_xxjs{line-height:26px!important; font-size:14px!important; font-weight:normal!important; margin:15px auto; overflow:hidden;}
.news_xxjs p,.news_xxjs span{line-height:26px!important; font-size:14px!important;}
.news_xxjs td{padding:4px; font-size:14px!important; border:1px #CCCCCC solid;}
.news_xxjs img{ max-width:100%; height:auto; overflow:hidden; margin:0 auto; display:block; padding:0; width:auto;}
.news_title{font-size:28px; color:#222; text-align:left; border-bottom:1px #eaeaea solid; padding:0 0 10px 0; font-weight:bold;}
.news_title h1{font-size:28px; font-weight:bold;}
@media screen and (max-width: 768px) {
.newsshow{ padding-top:10px; margin-top:0;}
.mainleft{float:none; width:100%;}
.mainright{display:none;}
.news_title{font-size:1.25rem; font-weight:bold; padding-bottom:10px;}
.news_title h1{font-size:1.25rem; font-weight:bold; text-align:center;}
.news_xxjs{font-size:0.875rem!important;}
.news_xxjs p,.news_xxjs span{font-size:0.875rem!important;}
.news_xxjs td{font-size:0.875rem!important;}
.news_xxjs img{max-width:100%; height:auto;}
.Information ul li{font-size:0.875rem; padding:10px 0 10px 8px;}
}

.mainright_top{overflow:hidden;}
.mainright_top p{ line-height:30px; float:left; padding:0px 10px; background:#f5f5f5; border:1px #ddd solid; border-radius:5px; margin-right:15px; margin-bottom:10px;}
.mainrightbottom30{ margin-bottom:20px; border-bottom:1px #ddd dotted; padding-bottom:10px;}
.mainright_top h2{font-size:18px; font-weight:bold; padding-bottom:10px;}
.mainright_top ul{overflow:hidden;}
.mainright_top li{line-height:22px; padding:12px 0 12px 12px; border-bottom:1px #ddd dotted; font-size:13px; background:url(/images/dian.png) no-repeat left 20px;}
@media screen and (max-width: 640px) {
.mainright_top{display:none;}
}




/*作品页面*/
.prodall{overflow:hidden;margin:80px auto 0; width:96%; max-width:1260px;}
.prod_search{overflow:hidden;margin:0px auto 0; width:96%; max-width:1260px;}
.prod{overflow:hidden;margin:0px auto; width:100%;}
.produl{overflow:hidden;}
.produl li{float:left; width:23.5%; margin-top:0px; margin-bottom:40px; overflow:hidden;}
.produl li:not(:nth-of-type(4n)){ margin-right:2%;}
.produl li:hover{cursor:pointer;}
.produl li:hover a{color:#da251c;}
.produl li img{width:100%; height:auto; display:block;}
.produl .htwoli{overflow:hidden; padding:3% 0;}
.produl li h2{font-size:14px; overflow:hidden;line-height:20px;}
.produl .htwoli div{font-size:12px; line-height:22px; color:#999; padding:3px 0 10px 0;}
.produl li h4{font-weight:normal; font-size:12px; color:#999;}
.produl li h4 span{ padding-top:2px; padding-bottom:2px;}
.v1{ background:url(/images/v1.png) no-repeat left center; padding-left:22px;margin-right:15px;}
.v2{ background:url(/images/v2.png) no-repeat left center; padding-left:22px;margin-right:15px;}
.v3{ background:url(/images/v3.png) no-repeat left center; padding-left:22px;margin-right:15px;}
@media screen and (max-width: 768px) {
.prodall{overflow:hidden;margin:30px auto 0; width:96%;}
.produl li{float:left; width:48%; min-height:inherit; max-height:inherit; margin-top:0px; margin-bottom:25px;}
.produl li:not(:nth-of-type(4n)){ margin-right:0;}
.produl li:not(:nth-of-type(2n)){ margin-right:4%;}
.produl li img{}
.produl .htwoli{padding:2%;}
.produl li h2{font-size:0.875rem;}
.produl .htwoli div{font-size:0.75rem;}
.produl li h4{font-size:0.75rem;}
}


.pubdate{border-top:#ccc 0px dotted; line-height:20px; margin:10px 0; OVERFLOW: hidden; text-align:left;color:#999999;}
.pubdate span{margin:0px 10px; padding-top:4px; padding-bottom:4px;}
.pubdate a{color:#999999;}
.pubdate a:hover{ color:#f08619;}
.pubdate1{height:20px; line-height:20px; margin:10px 0 20px 0; OVERFLOW: hidden; text-align:center; color:#999999;}
@media screen and (max-width: 768px) {
.pubdate{text-align:center;}
}


.pagelist{/*border: 1px solid #ccc;*/overflow:hidden;background-color: #666;padding:1px 5px 1px 5px;color: #ffffff;}
.red {/*border: 1px solid #ccc;*/overflow:hidden;	background-color: #f08300; color: #ffffff;font-weight: bold;	padding:1px 6px 1px 6px;}
.pubdatenews{border: #ddd 1px solid;height:26px; line-height:26px;  margin:10px auto; OVERFLOW: hidden; text-align:center;background:#f5f5f5;}
.pubdatenews2{border: #ddd 1px solid;height:26px; line-height:26px;  margin:10px auto; OVERFLOW: hidden; text-align:center;background:#f5f5f5;}


/*分页*/
.page{text-align:center;  padding:10px 0 10px 0; border:1px solid #D9D9D9; margin-bottom:20px; margin-top:10px; background:#f5f5f5;}
.page a{display:inline-block; border:1px #ddd solid; font-size:14px; padding:2px 6px; border-radius:3px; margin:0 2px; font-family:"宋体";}
.page a:hover{background:#111c36; color:#fff;}
.pagea{background:#111c36; color:#fff;}
@media screen and (max-width: 768px) {
.page{padding:5px 0; margin-bottom:15px; margin-top:5px;}
.page a{font-size:0.875rem; padding:3px 8px; margin:0 2px;}
}


/*分页格式2*/
.pagenew{text-align:center; background:#f5f5f5; padding:8px 0; border:1px solid #D9D9D9; margin-top:40px;}
.pagenew a{display:inline-block; border:1px #ddd solid; font-size:14px; padding:2px 6px; border-radius:3px; margin:0 2px; font-family:"宋体";}
.pagenew a:hover{background:#111c36; color:#fff;}
.pagea{background:#111c36; color:#fff;}
@media screen and (max-width: 768px) {
.pagenew{padding:12px 0;}
.pagenew a{font-size:0.875rem; padding:3px 8px; margin:0 2px 8px 2px;}
}


/*相关资讯*/
.Information{verflow:hidden;margin-top:20px;}
.Information h4{padding-left:10px; height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#333; border-bottom:1px solid #ccc; background:#fff;}
.Information ul{ padding:0px;}
.Information li{border-bottom:1px dotted #DCDCDC; line-height:22px;font-size:14px; padding:5px 0px;}
.Information li span{float:right; font-size:12px; color:#999999;padding-left:10px; padding-right:10px;}
.Information li{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}




/*--------在线留言--------------*/
.guestbook{overflow:hidden; background:#f5f5f5;}
.guestbook ul{border:1px solid #ddd; border-bottom:0px solid #ddd;} 
.guestbook li{ padding:5px 0; border-bottom:1px solid #ddd; line-height:30px;}
.guestbook li span{float:left; text-align:right; width:20%; padding:0 10px 0 0; line-height:30px; font-size:14px;line-height:30px;}
.guestbook li p{padding-left:10px; margin-left:20%;}
.guestbookselect01{border:1px #ddd solid; height:38px; line-height:38px; width:70.5%; padding-left:5px;font-size:13px;}
.text01{border:1px #ddd solid; height:38px; line-height:38px; width:70%; padding-left:5px;font-size:13px;}
.text02{border:1px #ddd solid; height:120px; line-height:24px; width:70%; padding-left:5px;font-size:13px;font-family:Microsoft YaHei;}
.text022{border:1px #ddd solid; height:150px; line-height:24px; width:70%; padding-left:5px;font-size:13px;font-family:Microsoft YaHei;}
.text03{border:1px #ddd solid; height:34px; line-height:34px; width:6%; padding-left:5px;font-size:13px;}
.text04{border:1px #ddd solid; height:34px; line-height:34px; width:10%; padding-left:5px;font-size:13px;}
.submit01{ color:#fff; background:#009cff; cursor:pointer; font-size:14px; text-align:center; padding:10px 0; width:110px; border:0;font-family:Microsoft YaHei;}
.submit01:hover{ background:#0673ac;}



.zxls-mod1 {background:url(/images/about_bg1.jpg) center no-repeat; background-size:cover;}
.zxls-mod1 .zxls-info {width:50%; font-size:13px; line-height:24px; padding:25px 0px;}
.zxls-mod1 .zxls-info span{ float:left;}
@media screen and (max-width:768px) {
.zxls-mod1 { width:96%; margin:0 auto; height:auto; background:#fff; padding:2%;}
.zxls-mod1 .zxls-info {width:100%;}
.zxls-mod1 {font-size:0.75rem;line-height:22px;}
}


/* 服务项目*/
.serviceall{overflow:hidden;margin:80px auto 0; width:96%; max-width:1260px;}
.serviceitem{overflow:hidden;margin:30px auto;}

.serviceleft{float:left; width:25%; margin-right:2%;}
.serviceleft ul{overflow:hidden;}
.serviceleft ul li{float:left; width:100%; height:479px;position:relative; background:#000; overflow:hidden;}
.serviceleft ul li img{width:100%; display:block; border:0;}
.servicediv{padding:8%; position: absolute; right: 0; bottom:0; left: 0; width:84%;}
.servicediv h2{color:#dfb966; font-size:24px; font-weight:bold;}
.servicediv p{/*color:#dfb966; font-size:16px; font-family:Verdana, Geneva, sans-serif; line-height:24px; margin-bottom:10px;*/ position: absolute;}
.servicediv a h2,.servicediv a p {color:#dfb966;}
.servicediv a:hover h2, .servicediv a:hover p {color:#fff;}
.servicediv span{color:#fff; font-size:16px; font-family:Verdana, Geneva, sans-serif; line-height:35px; float:left; margin-right:15px;}
.servicediv span a{ color:#FFF;}
.servicediv span a:hover{ color:#dfb966;}

.serviceright{float:right; width:73%;}
.serviceright ul{ overflow:hidden;}
.serviceright ul li{float:left; width:32%; margin-bottom:2%; position: relative;overflow:hidden;}
.serviceright ul li:not(:nth-of-type(3n)){ margin-right:2%;}
.servicerightname{color: #fff; background-color: rgba(0,0,0,.8); position: absolute; right: 0; bottom: 0; left: 0; padding: 2%; text-align: center; font-size: 14px;    text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}


.servicelist{overflow:hidden;margin:30px auto 50px; width:100%;}
.servicelist ul{ overflow:hidden;}
.servicelist ul li{float:left; width:23.5%; margin-bottom:2%; position: relative;overflow:hidden;}
.servicelist ul li:not(:nth-of-type(4n)){ margin-right:2%;}
.servicelistname{color: #fff; background-color: rgba(0,0,0,.8); position: absolute; right: 0; bottom: 0; left: 0; padding: 2%; text-align: center; font-size: 14px;    text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}

.servicemargintop{margin-top:80px;}


/*三个没有小类的服务项目*/
.serviceend{margin:0px auto 50px; width:100%;}
.serviceend ul{overflow:hidden;}
.serviceend ul li{float:left; width:31.3%; position:relative;overflow:hidden;}
.serviceend ul li:not(:nth-of-type(3n)){ margin-right:3%;}



@media screen and (max-width:768px) {
.serviceall{overflow:hidden;margin:30px auto 0; width:96%;}
.serviceitem{overflow:hidden;margin:30px auto; width:96%;}
.serviceleft{float:left; width:100%; margin-bottom:2%;}
.serviceleft ul li{float:left; width:100%; height:450px;position:relative; background:#000; overflow:hidden;}
.serviceright{float:left; width:100%;}
.servicemargintop{margin-top:40px;}

.servicediv span{color:#fff; font-size:0.875rem; font-family:Verdana, Geneva, sans-serif; line-height:35px; float:left; margin-right:15px; height:35px;}

.serviceend{margin:0px auto; width:100%;}
.serviceend ul{overflow:hidden;}
.serviceend ul li{float:left; width:100%; position:relative;overflow:hidden; margin-bottom:5%;}
.serviceend ul li:not(:nth-of-type(3n)){ margin-right:0%;}

}

/* 服务项目的视频*/
.servicevideo{overflow:hidden;margin:0px auto; width:90%; padding:3% 5%; background:#fff; border-radius:10px;position: relative; font-size:14px; line-height:26px; color:#666;}
.servicevideo img{ width:100%;}