@charset "utf-8";
/**
 * base.css
 * http://www.yodaar.com/
 * Copyright 2019, design by yangqq
 */
* { margin: 0; padding: 0 }
body { font: 15px "Microsoft YaHei", Arial, Helvetica, sans-serif; color: #333; line-height: 1.5; overflow-x: hidden !important }
img { border: 0;}
ul, li { list-style: none; }
a { text-decoration: none; color: #000; }
a:hover { color: #000; text-decoration: none; }
.blank { clear: both; width: 100%; overflow: hidden; height: 20px }
.clear { clear: both; width: 100%; overflow: hidden; }
.box {margin: auto; overflow: hidden }
.graybg { background: url(../images/gray-bg.png) repeat; padding: 0 0 40px 0; overflow: hidden; }
.color-red { color: #d61a1a; text-shadow: #fff 0px 1px 10px; }
.product,.content-about,.p-service,.contact-section,.case-list{max-width:1200px;margin:0 auto}
.content-about .white,.contact-section .white{padding:20px;}
/*header*/
.yd{display:none}
header {width: 100%;background: #000;}
header.is-fixed { position: fixed; top: 0; z-index: 999; transition: all .5s; box-shadow: 0px 5px 9px 1px rgba(144, 161, 180, 0.2); -moz-box-shadow: 0px 5px 9px 1px rgba(144, 161, 180, 0.2); }
.logo { position: absolute; left: 0; }
.logo img { height: 70px;display: block;}
/*topnav*/
.topnav { width: 1200px; margin: auto; height: 80px; position: relative; }
.topnav h2 { color: #fff; position: fixed; top: 0; padding-left: 10px; font-weight: normal; height: 40px; line-height: 40px; display: none; }
.topnav h2 a { color: #fff; }
nav { text-align: right; line-height: 80px; width: 1200px; margin: auto; }
#starlist li { position: relative; display: inline-block; font-size: 15px; width: 9%; text-align: center; }
#starlist li a {display: block;color: #fff;text-align: center;font-size: 12px;}
#starlist li a img{display: inline-block;}
/*#starlist li:hover { background-color:#2a8f44; }*/
#starlist li:hover a { color: #2a8f44;border-bottom: 2px solid #2a8f44;}
/*a#selected { background-color:#2a8f44; color: #fff !important; }*/
#starlist ul.sub li { width: 100%; background: #fff; float: left; }
#starlist ul.sub li a { padding: 0; display: none; width: 100%; color: #333; }
#starlist ul.sub li a:hover { background-color:#2a8f44; color: #fff }
#starlist ul.sub { position: absolute; left: 0; top: 80px; z-index: 9; width: 100%; line-height: 44px; opacity: 0; transition: all .5s; box-shadow: 0px 5px 9px 1px rgba(144, 161, 180, 0.2); -moz-box-shadow: 0px 5px 9px 1px rgba(144, 161, 180, 0.2); }
#starlist ul.sub:before { content: ""; height: 15px; width: 15px; background: #fff; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); border-left: 0; border-bottom: 0; position: absolute; top: -8px; left: 42%; display: none; }
#starlist li:hover ul.sub { opacity: 1; top: 80px; }
#starlist li:hover ul.sub li a { display: block }
#mnavh { display: none; width: 70px; height: 40px; text-align: center; }
.navicon {display: block;position: relative;width: 30px;height: 3px;background-color: #fff;margin-top: 20px;float: left;margin-left: 20px;}
.navicon:before, .navicon:after {content: '';display: block;width: 30px;height: 3px;position: absolute;background: #f8f6f6;-webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;transition-property: margin, transform;transition-property: margin, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.navicon:before { margin-top: -10px; }
.navicon:after { margin-top: 10px; }
.open .navicon { background: none }
.open .navicon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.open .navicon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.open .navicon:before, .open .navicon:after { content: ''; display: block; width: 30px; height: 3px; position: absolute; background: #fff; }
.menu:after { content: ""; position: absolute; display: none; top: 14px; right: 1px; width: 0; height: 0; border-width: 4px 4px 0; border-style: solid; border-color: #fff transparent transparent; -ms-transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.w_wbox{width: 100%;overflow: hidden;color: #fff;}
.swiper-slide img{display: block;}
.bg1{background: url(../images/0155.jpg) no-repeat;padding:6% 0 4%;}
.bg2{background: url(../images/0112555.jpg) no-repeat;padding:6% 0 14%;}
.bg3{background: url(../images/1aa1080.gif) no-repeat;padding:8% 0 16%;}
.bg4{background: url(../images/0123546.jpg) no-repeat;padding:8% 0 16%;}
.frjs{width: 100%;overflow: hidden;max-width:1200px;margin:0 auto;}
.fconts{padding: 20px 20px 40px;color: #fff;max-width:1200px;margin:0 auto;}
.fconts h1{font-size: 50px;font-weight: normal;margin-bottom: 10px;}
.fconts h3{font-size: 40px;font-weight: normal;margin-bottom: 10px;}
.fconts h4{font-size: 30px;font-weight: normal;margin-bottom: 30px;}
.fcont{width: 300px;background-color: rgba(233, 230, 226, 0.63);padding: 20px 20px 40px;color: #000}
.fcont h2{line-height: 50px;margin-bottom: 20px;}
.bg2 .fcont,.bg4 .fcont{float: right;text-align: right;}
.bg3 .fcont{float: left;text-align: left;}
/*icon-box*/
.icon-box { float: right; position: absolute; right: 10%; top: 30px; }
.icon-search-img { display: block; width: 36px; line-height: 36px; height: 36px; background: url(../images/icon-search.png) no-repeat center; border-radius: 50%; }
.icon-search { float: left; position: relative; }
.search { display: none; height: 36px; width: 200px; border: 1px solid #FFF; background: rgb(0, 0, 0, .5); border-radius: 1.8em; float: right; position: absolute; left: -80px; top: 70px; }
.search-submit { background: url(../images/icon-search.png) no-repeat; display: block; height: 20px; width: 19px; position: absolute; top: 7px; right: 14px; cursor: pointer; border: none; outline: none }
.search input#keyboard { font-size: 14px; line-height: 20px; height: 24px; width: 145px; border-width: 0px; border-style: none; position: absolute; left: 15px; top: 5px; background: none; outline: none; }
section.icon-search.current .search { display: block }
/*banner*/
.ban-img { position: absolute; left: 0; top: 45%; color: #fff; width: 100%; text-align: center; }
.ban-img h3 { font-size: 40px; position: relative; width: 540px; margin: 0 auto 30px; }
.ban-img h3:before { position: absolute; content: ""; width: 100%; height: 180px; background: url(../images/banner01.png) no-repeat center; bottom: 100px; }
.bgimg img { animation: tobig 8s infinite; animation-direction: alternate; animation-delay: 1s; }
ul.banner-point { background: #d61a1a; font-size: 22px; text-align: center; }
ul.banner-point li { display: inline-block; margin: 0 56px; line-height: 50px; }
ul.banner-point li:nth-child(2) { position: relative; }
ul.banner-point li:nth-child(2):before { content: ""; background: rgb(255, 255, 255, .3); width: 10px; height: 10px; border-radius: 10px; position: absolute; left: -60px; top: 20px; }
ul.banner-point li:nth-child(2):after { content: ""; background: rgb(255, 255, 255, .3); width: 10px; height: 10px; border-radius: 10px; position: absolute; right: -60px; top: 20px; }
 @keyframes tobig { 0% {
 transform: scale(1);
}
 100% {
transform: scale(1.1);
}
}
.bgimg img { width: 100%; }
.ban-img img { width: 100%; }
.list-bg{overflow: hidden;width: 100%;}
.list-bg img{display: block;}
/*about*/
.about { text-align: center; padding: 0 0 50px 0; }
.about-img { float: left; width: 300px; overflow: hidden; }
.about-img img { width: 90%; }
.about-text { width: 100%; text-align: left; position: relative; }
.about-text p { margin-bottom: 20px; font-size: 16px; }
.title-ch { font-size: 30px; margin-bottom: 30px; z-index: 3 }
.title-en { display: block; font-size: 72px; color: #eee; position: absolute; font-weight: normal; z-index: -1; }
.about-text .title-en { top: -10px; }
.btn-red { padding: 8px 0; border: #ccc 1px solid; border-radius: 50px; color: #6d6464; font-size: 14px; display: block; background: #fff; width: 200px; text-align: center; margin: auto; }
.btn-red:hover { background: #2a8f44; color: #fff; border: #2a8f44 1px solid }
.w_wbox .btn-red{display: inline-block;}
/*point*/
.point { margin-top: 40px; }
.point li { width: 25%; display: block; float: left; }
.point li section { text-align: center; margin: 20px 40px; display: block }
.point li p { font-size: 18px; }
.point li span { font-size: 14px; color: #888; height: 42px; overflow: hidden; }
.point i { display: block; margin: auto; padding: 20px 0; border-radius: 50%; }
.point i img { margin: auto }
.point li a { color: #fff }
/*title-h2*/
.title-h2 { text-align: center; overflow: hidden; margin: 50px 0; }
h2.title-h2-ch { font-size: 32px; position: relative; margin: auto; }
span.title-h2-en { font-size: 16px; color: #707070;margin-top: 15px;display: inline-block;}
.graybg span.title-h2-en { color: #dadada; }

/*case*/
.case-list { background: #fff; overflow: hidden; text-align: center; margin-bottom: 50px; }
.case-list-text { width: 50%; }
.case-list .case-list-img:nth-child(1) { float: right; }
.case-list li:nth-child(odd) .case-list-text { float: left; }
.case-list li:nth-child(even) .case-list-text { float: right; }
.case-list-img { width: 50%; float: right; overflow: hidden; }
.case-list-img img { width: 100%; transition: all .5s; }
.case-list li { overflow: hidden; }
.case-list-text h3 { font-size: 24px; color: #333; font-weight: normal; margin: 100px 0 20px 0; }
.case-list-text p { margin: 50px; color: #666; line-height: 26px; }
.case-list-text span { font-size: 18px; color: #999; border-top: #d4cfcf 1px solid; padding: 10px; transition: all .5s; }
.case-list li:hover img { transform: scale(1.1); }
/*product*/
#outer { width: 100%; margin: 0 auto; }
#tab { overflow: hidden; margin: 0 0 30px; text-align: center; }
#tab li { background: transparent; margin-right: 3px; cursor: pointer; display: inline-block; }
#tab li a { display: block; padding: 7px 40px; border-radius: 20px; border: 1px solid #dbdbd7; font-size: 14px; color: #393a3b; }
#tab li:hover a { color: #f9f3f3 !important; background: #2a8f44; border: 1px solid #2a8f44; }
#tab li.current a { color: #fff; background: #2a8f44; display: block; border: 1px solid #2a8f44; }
#content section { display: none; margin: 5px 0 0 0 }
#content section:nth-child(1) { display: block }
.content-box ul { overflow: hidden; margin-bottom: 40px; }
.content-box li { float: left; width: 33.3333%; overflow: hidden; text-align: center; margin: 20px 0; }
.content-box li i { display: block; overflow: hidden }
.content-box li a { display: block; margin: 15px; box-shadow: #e8e8e8 2px 2px 10px; transition: all .5s; }
.content-box li img { max-width: 100%; margin: auto; transition: all .5s;max-height: 182px; }
.content-box li i:hover img { transform: scale(1.1); }
.content-box li a:hover { box-shadow: #c5c5c5 0 1px 5px; color: rgba(42, 143, 68, 1)}
.content-box li span { display: block; padding: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.boxmax{background-color: rgba(242, 242, 242, 1);}
.boxmax .title-h2-ch{color: #2a8f44;}
.boxmax .title-h2-ch:before,.boxmax .title-h2-ch:after{background: rgba(42, 143, 68, 1);}

/*智能家居*/
.content-box2 ul { overflow: hidden; margin-bottom: 40px;padding: 0 2%;}
.content-box2 li { float: left;border-radius: 8px;min-height: 210px; width: 26%;padding: 6% 2% 0; overflow: hidden; text-align: center; margin: 20px 5% 20px 0; }
.content-box2 li:nth-child(3n){margin-right: 0;}
.content-box2 li i { display: block; overflow: hidden }
.content-box2 li a { display: block; margin: 15px 0;}
.content-box2 li img { max-width: 100%; margin: auto; transition: all .5s;max-height: 182px; }
.content-box2 li i:hover img { transform: scale(1.1); }
.content-box2 li:hover { box-shadow: #c5c5c5 0 1px 5px;}
.content-box2 li h1{margin:2% 0 10%;font-size: 16px;}
.content-box2 li:hover h1{ color: rgba(42, 143, 68, 1)}
.content-box2 li span { display: block; padding: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.content-box2 li:nth-child(1){background:#fff url(../images/aasa1.png)no-repeat center;}
.content-box2 li:nth-child(1):hover{background:#fff url(../images/aasa312.png)no-repeat center;}
.content-box2 li:nth-child(2){background:#fff url(../images/assa2.png)no-repeat center;}
.content-box2 li:nth-child(2):hover{background:#fff url(../images/assa22.png)no-repeat center;}
.content-box2 li:nth-child(3){background:#fff url(../images/asasa2.png)no-repeat center;}
.content-box2 li:nth-child(3):hover{background:#fff url(../images/asasa22.png)no-repeat center;}
.content-box2 li:nth-child(4){background:#fff url(../images/asa4.png)no-repeat center;}
.content-box2 li:nth-child(4):hover{background:#fff url(../images/asa44.png)no-repeat center;}
.content-box2 li:nth-child(5){background:#fff url(../images/asas5.png)no-repeat center;}
.content-box2 li:nth-child(5):hover{background:#fff url(../images/asas55.png)no-repeat center;}
.content-box2 li:nth-child(6){background:#fff url(../images/asas6.png)no-repeat center;}
.content-box2 li:nth-child(6):hover{background:#fff url(../images/asas66.png)no-repeat center;}
.content-box2 li:nth-child(7){background:#fff url(../images/asasa7.png)no-repeat center;}
.content-box2 li:nth-child(7):hover{background:#fff url(../images/asasa77.png)no-repeat center;}
.content-box2 li:nth-child(8){background:#fff url(../images/asasa8.png)no-repeat center;}
.content-box2 li:nth-child(8):hover{background:#fff url(../images/asasa88.png)no-repeat center;}
.content-box2 li:nth-child(9){background:#fff url(../images/asasas9.png)no-repeat center;}
.content-box2 li:nth-child(9):hover{background:#fff url(../images/asasas99.png)no-repeat center;}

.content-box3 ul { overflow: hidden; margin-bottom: 40px;padding: 0 2%;}
.content-box3 ul li{width: 48%;float: left;position: relative;}
.content-box3 ul li:nth-child(2){float: right;}
.content-box3 ul li img{display: block;width: 100%;}
.content-box3 ul li .alink{position: absolute;top: 12%;left: 58%;color: #fff;}
.content-box3 ul li .alink h2{font-size: 20px;font-weight: normal;}
.content-box3 ul li .alink p{padding-top: 6%;}
.content-box3 ul li .alink a{display: block;color: #fff;font-size: 14px;line-height: 32px;margin-top: 8%;}
.content-box3 ul li .alink a span{color: #33cc66}
.dtb img{display: block;width: 100%;}

.hb{overflow: hidden;margin-bottom: 4%;}
.hb img{display: block;width: 100%;}

.content-box4 ul { overflow: hidden; margin-bottom: 40px; }
.content-box4 li { float: left; width: 23%;margin:2% 1%; overflow: hidden; text-align: center;box-shadow: #e8e8e8 2px 2px 10px;}
.content-box4 li i { display: block; overflow: hidden }
.content-box4 li a { display: block;transition: all .5s; }
.content-box4 li img { max-width: 100%;display: block; margin: auto; transition: all .5s;max-height: 193px; }
.content-box4 li i{display: block;position: relative;}
.content-box4 li i:hover img { transform: scale(1.1); }
.content-box4 li a:hover { box-shadow: #c5c5c5 0 1px 5px; color: rgba(42, 143, 68, 1)}
.content-box4 li a span{line-height: 32px;}
.content-box4 li i em{position: absolute;right: 5%;bottom: 3%;color: #fff;font-style: normal;}









/*news*/
.newslist li i { margin-right: 20px; width: 240px; height: 160px; display: block; overflow: hidden; float: left; }
.newslist li i img { width: 100%; transition: all .5s; }
.newslist li:hover img { transform: scale(1.1); }
.newslist li { overflow: hidden; margin: 0 20px 40px 20px; padding: 30px; background: #fff; box-shadow: #e8e8e8 2px 2px 10px; transition: all .5s; }
.newslist li:hover { box-shadow: #c5c5c5 2px 2px 10px; }
.newslist h3 { margin-bottom: 20px; }
.newslist p { color: #666; margin-bottom: 30px; height: 44px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
.newslist span.btn-red { float: right; }
.newslist li:hover .btn-red { background: #2a8f44; color: #fff; border: #2a8f44 1px solid; }
/*footer*/
footer { padding: 20px 0 0 0; background: #333; color: #fff; background-size: cover; }
footer a { color: #cecece; }
footer a:hover { color: #fff; }
footer h2 a{font-size: 20px;}
.m-footer{display: none;}
.top { width: 40px; height: 40px; display: block; background: url(../images/top.png) no-repeat center #d61a1a; right: 50px; bottom: 10%; position: fixed; }
.tel { text-align: center; font-size: 42px; background: url(../images/tel.png) no-repeat center top; padding-top: 80px; margin-bottom: 30px }
.ft-links { text-align: left; overflow: hidden; margin-bottom: 30px;max-width:1200px;margin:0 auto}
.ft-links i { display: block; width: 110px; height: 110px; text-align: center; margin: 10px auto; background: rgba(255, 254, 254, 0.1); border-radius: 100%; transition: all .5s; }
.ft-links dl:hover i { background: #d61a1a }
.ft-links i img { margin: auto; width: 40px; padding: 36px 0 0 0; }
.ft-links dl { width: 24%; display: inline-block; vertical-align: top; float: left }
.ft-links dl:nth-child(1){width: 22%;}
.ft-links dt { font-size: 22px; line-height: 40px; margin: 10px 0; color: #fff; }
.ft-links dt a { color: #fff; }
.ft-links dd { line-height: 24px; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.ft-links dd img{display: inline-block;margin-right: 6%;margin-top: 5%;}
.copyright { text-align: center; background: #242424; color: #777; padding: 10px 0; }
.copyright a { color: #777; }
.sidefloat { position: fixed; right: 0; bottom: 0; z-index: 9 }
.sidefloat li { width: 50px; height: 50px; position: relative; border-top: 1px solid #eee; background-color: #fff; }
.side_zd { display: block; width: 40px; height: 40px; }
.sidefloat li span { display: none; position: absolute; right: 50px; line-height: 50px; background: #333; color: #fff; text-indent: 0.2em; width: max-content; }
.sidefloat li span img { width: 120px; margin: 10px 10px 0 10px; }
.side_weixin { text-align: center; }
.side_top { background: url(../images/top.png) no-repeat center #d61a1a !important; }
.side_tell { background: url(../images/zx01a.png) no-repeat center; }
.side_weixin { background: url(../images/zx02a.png) no-repeat center; }
.side_qq { background: url(../images/zx03a.png) no-repeat center; }
.sidefloat li:hover span { display: block }
.side_text { padding: 0 10px }
.side_tell a, .side_qq a { color: #fff }
.side_top:hover { background: url(../images/top.png) no-repeat center #383535 !important; }
.side_tell:hover { background: url(../images/picon11.png) no-repeat center #333; }
.side_weixin:hover { background: url(../images/picon22.png) no-repeat center #333; }
.side_qq:hover { background: url(../images/picon33.png) no-repeat center #333; }
.sidefloat li.side_tell, .sidefloat li.side_top { border-top: none }
/*about-page*/
.page-title { overflow: hidden; margin: 0 0 50px; text-align: center; }
.page-title li { background: transparent; margin-right: 3px; cursor: pointer; display: inline-block; }
.page-title li a { display: block; padding: 7px 30px; border-radius: 20px; border: 1px solid #ddd; font-size: 14px; color: #333; }
.page-title li:hover a { color: #f9f3f3 !important; background: #2a8f44; }
.page-title li a#pagecurrent { color: #fff; background: #2a8f44; display: block; border: #2a8f44; }
.text-content { line-height: 1.8; font-size: 16px; margin-bottom: 40px }
.text-content h1, .text-content h2, .text-content h3, .text-content h4, .text-content h5, .text-content h6 { margin-bottom: 30px }
.text-content h1 { font-size: 24px }
.text-content h2 { font-size: 20px }
.text-content p { margin-bottom: 20px; }
.text-content img {height: auto !important;}
.text-content .js{float: left;width: 70%;}
.text-content .jspic{float: right;width: 30%;text-align: right;}

.list-bg{overflow: hidden;width: 100%;position: relative;}
.list-bg img { width: 100%; }
.p_wbox{position: absolute;left: 0;bottom: 0;height: 75px;width: 100%;text-align: center;font-size: 24px;line-height: 72px;background-color: rgba(255, 255, 255, 0.84);}
.bs_bg_1{background-color: rgba(37, 37, 37, 1);}
.bs_box{overflow: hidden;padding: 5% 0;}
.bs_box h2{text-align: center;color: #b7af8a;font-size: 24px;padding-bottom: 4%;}
.bs_box img{display: block;width: 100%;}
.bs_bg_2{background-color: rgba(227, 230, 234, 1);}
.gn{padding: 4% 0}
.gn p{color: #fff;line-height: 32px;text-indent: 2em;}
/*pagelist*/
.pagelist { text-align: center; color: #666; width: 100%; clear: both; margin: 0 0 10px; }
.pagelist a { color: #fff; margin: 0 5px 10px; padding: 5px 10px; background: #1c2327; display: inline-block; }
.pagelist a:nth-child(1) { background: none; margin: 0; padding: 0 50px 0 0; position: relative; color: #000; display: none; }
.pagelist a:nth-child(1):after { position: absolute; content: "篇文章"; right: 0; bottom: 0 }
.pagelist a:nth-child(1):hover { background: none; color: #666 }
.pagelist a:hover, .pagelist > b { color: #FFF; background: #d61a1a; }
.pagelist > b { padding: 5px 10px; }
a.curPage { color: #ffffff; font-weight: bold; background: #000; }
/* questions */
#questions { margin-bottom: 20px; }
#questions li h5 { position: relative; font-size: 16px; font-weight: normal; cursor: pointer; line-height: 50px; overflow: hidden; padding: 0 0 0 40px; }
#questions li h5:before { content: "?"; left: 0; top: 12px; position: absolute; width: 30px; height: 30px; line-height: 30px; background: #d61a1a; color: #fff; text-align: center; border-radius: 50%; }
#questions .foldContent { border-left: 3px solid #d61a1a; padding: 10px 0 10px 40px; line-height: 24px; background: #f3f3f3; }
#questions .foldContent p { margin-bottom: 10px }
#questions .foldContent img { max-width: 100% !important; height: auto !important; margin: 20px auto }
/* support */
.tell { text-align: center; background: url(../images/tell.jpg) no-repeat top center; padding-top: 100px }
.tell-tit h2 { font-size: 24px; color: #373d41; line-height: 38px; font-weight: 400; }
.tell-tit p { font-size: 14px; color: #777f84; line-height: 28px; }
.kefu { overflow: hidden; }
.kefu li { width: 33.333%; float: left; }
.kefu li a { display: block; margin: 20px; overflow: hidden; border: 1px solid #c5d8d8; padding-bottom: 10px; }
.kefu li h3 { margin: 10px 0; text-align: center; }
.kefu p { font-size: 14px; color: #a9b0b4; line-height: 18px; font-weight: 400; text-align: center; padding: 0 20px; }
ul.form-sq { width: 100%; margin: 30px auto; border-radius: 3px; overflow: hidden; padding: 20px 0; }
ul.form-sq li {margin-bottom: 10px; line-height: 36px;width: 100%;float: left;}
ul.form-sq li:nth-of-type(1){width: 48%;}
ul.form-sq li:nth-of-type(2){width: 48%;float: right;}
ul.form-sq li input { display: block; line-height: 34px; width: 100%; text-indent: 1em; border-radius: 3px; border: #e0e0e0 1px solid; outline: none; }
ul.form-sq li textarea { display: block; line-height: 24px; width: 100%; text-indent: 1em; border-radius: 3px; border: #e0e0e0 1px solid; outline: none; }
ul.form-sq p { margin-bottom: 30px; text-align: center; font-size: 18px; }
ul.form-sq input[type="submit"] { display: block;cursor: pointer; margin: 30px auto 0; width: 200px; line-height: 40px; font-size: 16px; height: 40px; background: #d61a1a; color: #fff; border: none; border-radius: 5px; }
ul.form-sq h2 { text-align: center; font-size: 24px; margin-bottom: 30px; }
ul.form-sq small { text-align: center; display: block; margin-bottom: 30px; }
ul.form-sq p span { display: inline-block; margin: 0 10px; }
.white { background: #fff;}
.jj_h { font-size: 24px; font-weight: normal; color: #444; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #e4eaec; }
.text_con { overflow: hidden }
.lxtext { line-height: 30px; width: 100%;}
.lxtext li { border-bottom: 1px solid #e4eaec; padding: 15px 0; font-size: 16px; }
.lxweixin { width: 60%; float: right; }
.lxweixin li { width: 100%;text-align: center; }
.lxweixin li img {display: block;margin:0 auto;}
/*time-section*/
.time-section { font-size: 16px; line-height: 1.8; margin: 30px 0 60px 0; position: relative; }
.time-section:before { position: absolute; width: 1px; height: 100%; top: 0; left: 25px; background: #d61a1a; content: ""; z-index: 1; }
.time-section p { margin-bottom: 30px; position: relative; padding-left: 30px; margin-left: 20px; }
.time-section p:before { content: ""; background: #d61a1a; width: 10px; height: 10px; border-radius: 10px; position: absolute; top: 10px; left: 0; z-index: 1 }
.time-section p:after { content: ""; background: #ffffff; width: 18px; height: 18px; border-radius: 18px; position: absolute; top: 5px; left: -5px; border: #d61a1a 1px solid; z-index: 0; }
.time-section p:hover { color: #d61a1a }
.time-section p:hover:before { background: #fe0606 }
/*pictureViewer*/
.image-list { padding: 20px; overflow: hidden; }
.image-list .cover { position: relative;text-align: center;padding: 2% 0; width: 25%;display: inline-block; float: left; margin-bottom: 10px; background-color: #fff; cursor: pointer; }
.image-list .cover img { margin: auto;max-width: 90%; }
.image-list .cover p{line-height: 24px;}
#pictureViewer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,.3); z-index: 10000; }
#pictureViewer > .content { background-color: #fff; position: absolute; width: 590px; height: 590px; margin: auto; top: 0; right: 0; bottom: 0; left: 0; }
#pictureViewer .menu-bar { width: 100%; }
#pictureViewer .menu-bar .handel { width: 40px; height: 40px; float: right; background-repeat: no-repeat; background-position: 50%; cursor: pointer; }
#pictureViewer .menu-bar .handel:hover { background-color: #d61a1a; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
#pictureViewer .menu-bar .handel.maximization { background-image: url(../images/maximization_black.png); background-size: 14px; }
#pictureViewer .menu-bar .handel.maximization:hover { background-image: url(../images/maximization_white.png); }
#pictureViewer .menu-bar .handel.miniaturization { background-size: 16px; background-image: url(../images/maximization_black.png); }
#pictureViewer .menu-bar .handel.miniaturization:hover { background-image: url(../images/maximization_white.png); }
#pictureViewer .menu-bar .handel.close-view { background-image: url(../images/close_black.png); background-size: 15px; }
#pictureViewer .menu-bar .handel.close-view:hover { background-image: url(../images/close_white.png); }
#pictureViewer .handel-prev, #pictureViewer .handel-next { display: inline-block; width: 50px; height: 70px; position: relative; top: calc(50% - 80px); background-repeat: no-repeat; background-size: 25px; background-position: 50%; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
#pictureViewer .handel-prev { background-image: url(../images/prev_blank.png); }
#pictureViewer .handel-next { background-image: url(../images/next_blank.png); }
#pictureViewer .handel-prev:hover, #pictureViewer .handel-next:hover { background-color: #d61a1a; }
#pictureViewer .handel-prev:hover { background-image: url(../images/prev_white.png); }
#pictureViewer .handel-next:hover { background-image: url(../images/next_white.png); }
#pictureViewer .picture-content { display: inline-block; width: 80%; height: calc(100% - 80px); position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; }
#pictureViewer .picture-content .cover { position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; }
#pictureViewer .counter { position: absolute; bottom: 0; height: 40px; line-height: 40px; width: 100%; text-align: center; color: #808080; font-size: 13px; }
#pictureViewer .hide { display: none; }
#pictureViewer .left { float: left; }
#pictureViewer .right { float: right; }
#pictureViewer .clear-flex { clear: both; }
#pictureViewer img { max-width: 100%; max-height: 100%; }
/*text-info*/
.text-info { border-bottom: 1px solid #e4eaec; padding-bottom: 10px; margin-bottom: 10px; color: #a0a0a0;max-width:1200px;margin:0 auto;}
.text-info span { margin-right: 30px; }
.nextinfo { line-height: 40px;max-width:1200px;margin:0 auto;}
.nextinfo a:hover { color: #d61a1a; }
/*product*/
.context #tab { overflow: hidden; border-bottom: 1px solid #d61a1a;max-width:1200px;margin:0 auto;}
.context #tab li { float: left; background: transparent; margin-right: 10px; cursor: pointer; }
.context #tab li a { color: #6a6a6a; display: block; padding: 8px 20px; font-size: 15px; border-radius: 5px 5px 0 0; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; border-bottom: 0; }
.context #tab li:hover a { color: #ffffff !important; background: #d61a1a; }
.context #tab li.current a { color: #fff; background: #d61a1a; display: block; }
.product-jianjie { margin-bottom: 20px; color: #333; }
.product-detail #outer { width: auto }
.product-detail #outer .content-box img{width: 100%;}
.product-detail-images { width: 36%; float: left; }
.product-detail-desc { width: 60%; float: right; }
.product-detail-desc h1 { font-size: 24px; margin-bottom: 20px; }
.product-detail-desc li { color: #5b5959; margin: 0 0 20px; font-weight: normal; }
a.btn-buy { background: #f9630b; color: #fff; display: block; width: 160px; text-align: center; line-height: 40px; border-radius: 20px; }
a.btn-buy:hover { background: #ff6a00; }
.cp-pics { display: none; }
.other-product {overflow: hidden;max-width:1200px;margin:40px auto;padding:20px;}
.other-product li { float: left; width: 25%; overflow: hidden; text-align: center; margin: 20px 0; }
.other-product li i { display: block; overflow: hidden }
.other-product a { display: block; margin: 10px; box-shadow: #e8e8e8 2px 2px 10px; transition: all .5s; }
.other-product img { width: 100%; transition: all .5s; }
.other-product i:hover img { transform: scale(1.1); }
.other-product a:hover { box-shadow: #c5c5c5 0 1px 5px; }
.other-product span { display: block; padding: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
h1.product-h1 { font-size: 24px; font-weight: normal; color: #444; margin-bottom: 20px; padding-bottom: 10px; }
.top { width: 40px; height: 40px; display: block; background: url(../images/top.png) no-repeat center #333; right: 20px; bottom: 10%; position: fixed }
.p-service-list li { width: 30%;margin: 0 3% 3% 0; float: left; position: relative; transition: .5s; }
.p-service-list li:nth-child(3n){margin-right: 0;}
.p-service-list li .ps-img { width: 100%; }
.p-service-list li:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,.5); display: block; transition: .5s; }
.p-service-list li:hover:after { background: rgb(0, 0, 0, .8); cursor: pointer;}
.p-service-list li h3 { position: absolute; display: block; width: 100%; text-align: center; top: 30%; font-size: 24px; color: #fff; z-index: 9; transition: .5s; }
.p-service-list li h2 { position: absolute; display: block; width: 100%; text-align: center; top: 45%; font-size: 18px; color: #fff; z-index: 9; transition: .5s; font-weight: normal;}
.p-service-list p { position: absolute; opacity: 1; text-align: center; top: 50%; font-size: 16px; color: #fff; z-index: 9; padding: 0 30px; line-height: 24px; transition: .5s; }
.p-service-list li:hover p { opacity: 1 }
span.item-link { display: block; border: 1px solid #ffffff; width: 120px; height: 36px; line-height: 36px; font-size: 14px; color: #ffffff; margin: 20px auto; }
span.item-link:hover { color: #00a971; background: #ffffff; }
.p-service-list li h3 img { margin: 0 auto 10px; width: 40px; }
.p-service-list li:hover h3 { top: 10% }
.p-service-list li:hover h2 { top: 22% }
.p-service-list li:hover p { top: 36% }

/* 本例子css */
.down{padding: 7% 0;position: relative;margin-bottom: 8%;}
.slideBox{max-width:340px;width: 96%; padding: 75px 0; overflow:hidden; position:absolute;top: 0;right: 10%;background: url(../images/sho4.png)no-repeat;}
.slideBox .hd{overflow:hidden; position:absolute; left:0; bottom:12%;width: 100%; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1;text-align: center;}
.slideBox .hd ul li{display: inline-block; margin:0 2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:rgb(103 184 180); color:#fff; }
.slideBox .bd{ position:relative; height:100%;width: 80.5%;margin:0 auto; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ max-width:273px;width: 100%; display:block;}
.w1200 {width: 1200px;margin: 0 auto;position: relative;}
.main_1{width: 100%;height: 780px;padding-top:8.7232%; background: url(../images/bg_1.jpg)no-repeat;background-size: 100% 100%; overflow: hidden;}
.dzjs{overflow: hidden;}
.dzjs h1{font-size: 42px;line-height: 70px;color: #000;font-weight: 600;}
.dzjs p{font-size: 32px;}
.dzjs ul{overflow: hidden;padding: 20px 0;width: 505px;border-top: 2px solid #000;margin-top: 30px;}
.dzjs ul li{float: left;width: 240px;font-size: 18px; text-align: center;background-color: #839fff;height: 54px;line-height: 54px;border-radius: 27px;color: #fff;font-weight: 600;margin-top: 25px;}
.dzjs ul li:nth-child(2n){float: right;}
.fr{float: right;}
.main_2{width: 100%;height: 850px;padding-top: 5.518%; background: url(../images/bg_2.jpg)no-repeat;background-size: 100% 100%;overflow: hidden;}
.main_2 .kljcy{overflow: hidden;}
.main_2 .kljcy_r{width: 520px;overflow: hidden;}
.main_2 .kljcy .kljcy_r h1{color: #fff;font-size: 42px;line-height: 60px;font-weight: 600;width: 100%;text-align: right;}
.main_2 .kljcy .kljcy_r h2{color: #fff;font-size: 32px;font-weight: 600;width: 100%;text-align: right;font-weight: normal;}
.main_2 .kljcy .kljcy_r .kljs{overflow: hidden;padding: 32px 0;width: 100%;border-top: 2px solid #fff;margin-top: 15px;}
.main_2 .kljcy .kljcy_r .kljs p{color: #fff;text-align: right;font-size: 18px;line-height: 36px;}
.main_2 .kljcy .kljcy_r .kljs ul{overflow: hidden;padding: 80px 0;}
.main_2 .kljcy .kljcy_r .kljs ul li{color: #b8c8ff;background: url(../images/dh.png)no-repeat right;padding-right: 50px;text-align: right;margin-top: 15px;height: 40px;line-height: 40px;font-size: 18px;}
.main_2 .kljcy .kljcy_b{width: 900px;float: left;margin:120px 0 0 150px;}
.main_2 .kljcy .kljcy_b span{display: block;width: 195px;float: left;margin-right: 37px;font-size: 18px; height: 48px;line-height: 48px;color: #fff;border:1px solid #003aff;border-radius: 24px;text-align: center;}
.main_2 .kljcy .kljcy_b span:last-child{margin-right: 0;}

.main_3{width: 100%;height: 800px;padding-top: 7.83%; background: url(../images/bg_3.jpg)no-repeat;background-size: 100% 100%;overflow: hidden;}
.main_3 .kljcy{overflow: hidden;}
.main_3 .kljcy_l{width: 540px;overflow: hidden;}
.main_3 .kljcy .kljcy_l h1{font-size: 42px;line-height: 60px;width: 100%;font-weight: normal;}
.main_3 .kljcy .kljcy_l h2{font-size: 32px;font-weight: 600;width: 100%;font-weight: 600;}
.main_3 .kljcy .kljcy_l .kljs{overflow: hidden;padding: 24px 0;width: 540px;border-top: 2px solid #313131;margin-top: 15px;}
.main_3 .kljcy .kljcy_l .kljs p{font-size: 18px;line-height: 36px;}
.main_3 .kljcy .kljcy_l .kljs ul{overflow: hidden;padding: 80px 0;}
.main_3 .kljcy .kljcy_l .kljs ul li{color: #5078ff;background: url(../images/dh2.png)no-repeat left;padding-left: 50px;margin-top: 15px;height: 40px;line-height: 40px;font-size: 18px;}
.main_3 .kljcy .kljcy_b{margin:20px 0 0 0;overflow: hidden;}
.main_3 .kljcy .kljcy_b span{display: block;float: left;margin-right: 37px;font-size: 18px; height: 48px;padding: 0 20px; line-height: 48px;color: #fff;background-color: #5078ff; border-radius: 24px;text-align: center;}
.main_3 .kljcy .kljcy_b span:last-child{margin-right: 0;}

.main_4{width: 100%;height: 850px;padding-top: 5.518%; background: url(../images/bg_4.jpg)no-repeat;background-size: 100% 100%;overflow: hidden;}
.main_4 .kljcy{overflow: hidden;}
.main_4 .kljcy_r{overflow: hidden;text-align: right;color: #fff;}
.main_4 .kljcy .kljcy_r h1{font-size: 42px;line-height: 60px;font-weight: 600;width: 100%;}
.main_4 .kljcy .kljcy_r h2{font-size: 32px;font-weight: 600;width: 100%;font-weight: normal;}
.main_4 .kljcy .kljcy_r .kljs{overflow: hidden;float: right; padding: 24px 0;width: 540px;border-top: 2px solid #fff;margin-top: 15px;}
.main_4 .kljcy .kljcy_r .kljs p{font-size: 18px;line-height: 36px;}
.main_4 .kljcy .kljcy_r .kljs ul{overflow: hidden;padding: 80px 0;}
.main_4 .kljcy .kljcy_r .kljs ul li{color: #5078ff;background: url(../images/dh3.png)no-repeat right;padding-right: 50px;margin-top: 15px;height: 40px;line-height: 40px;font-size: 18px;}
.main_4 .kljcy .kljcy_b{margin:100px 0 0 0;float: right;}
.main_4 .kljcy .kljcy_b span{display: block;width: 150px; float: right;margin-left: 37px;font-size: 18px; height: 48px;padding: 0 20px; line-height: 48px;color: #fff;border: 1px solid #003aff;border-radius: 24px;text-align: center;}
.main_4 .kljcy .kljcy_b span:last-child{margin-right: 0;}

.main_5{width: 100%;height: 760px;padding-top: 9.985%; background: url(../images/bg_5.jpg)no-repeat 100%;background-size: 100% 100%;overflow: hidden;}
.main_5 .kljcy{overflow: hidden;}
.main_5 .kljcy_l{width: 515px;overflow: hidden;}
.main_5 .kljcy .kljcy_l h1{font-size: 42px;line-height: 60px;font-weight: normal;width: 100%;}
.main_5 .kljcy .kljcy_l h2{font-size: 32px;font-weight: 600;width: 100%;font-weight: 600;}
.main_5 .kljcy .kljcy_l .kljs{overflow: hidden;padding: 24px 0;width: 515px;border-top: 2px solid #313131;margin-top: 15px;}
.main_5 .kljcy .kljcy_l .kljs p{font-size: 18px;line-height: 36px;}
.main_5 .kljcy .kljcy_l .kljs ul{overflow: hidden;padding: 80px 0;}
.main_5 .kljcy .kljcy_l .kljs ul li{color: #5078ff;background: url(../images/dh2.png)no-repeat left;padding-left: 50px;margin-top: 15px;height: 40px;line-height: 40px;font-size: 18px;}
.main_5 .kljcy .kljcy_b{margin:110px 0 0 200px;overflow: hidden;}
.main_5 .kljcy .kljcy_b span{display: block;float: left;margin-right: 37px;font-size: 18px; height: 48px;padding: 0 20px; line-height: 48px;color: #fff;background-color: #5078ff; border-radius: 24px;text-align: center;}
.main_5 .kljcy .kljcy_b span:last-child{margin-right: 0;}

.main_6{width: 100%;height: 850px;padding-top: 5.308%; background: url(../images/bg_6.jpg)no-repeat 100%;background-size: 100% 100%;overflow: hidden;}
.main_6 .kljcy{overflow: hidden;}
.main_6 .kljcy_r{overflow: hidden;text-align: right;color: #fff;}
.main_6 .kljcy .kljcy_r h1{font-size: 42px;line-height: 60px;font-weight: 600;width: 100%;color: #6089ff;}
.main_6 .kljcy .kljcy_r h2{font-size: 32px;font-weight: 600;width: 100%;font-weight: normal;}
.main_6 .kljcy .kljcy_r .kljs{overflow: hidden;float: right; padding: 24px 0;width: 540px;border-top: 2px solid #fff;margin-top: 15px;}
.main_6 .kljcy .kljcy_r .kljs p{font-size: 18px;line-height: 36px;}
.main_6 .kljcy .kljcy_r .kljs ul{overflow: hidden;padding: 80px 0;}
.main_6 .kljcy .kljcy_r .kljs ul li{color: #b8c8ff;background: url(../images/dh3.png)no-repeat right;padding-right: 50px;margin-top: 15px;height: 40px;line-height: 40px;font-size: 18px;}
.main_6 .kljcy .kljcy_b{margin:200px 0 0 0;float: left;width: 1000px;}
.main_6 .kljcy .kljcy_b span{display: block;width: 150px; float: left;margin-right: 37px;font-size: 18px; height: 48px;padding: 0 20px; line-height: 48px;background-color: #9fb5ff; border-radius: 24px;text-align: center;}
.main_6 .kljcy .kljcy_b span:last-child{margin-right: 0;}

.main_7{width: 100%;height: 750px;padding-top: 10.51%; background: url(../images/bg_7.jpg)no-repeat 100%;background-size: 100% 100%;overflow: hidden;}
.main_7 .kljcy{overflow: hidden;}
.main_7 .kljcy_l{width: 515px;overflow: hidden;}
.main_7 .kljcy .kljcy_l h1{font-size: 42px;line-height: 60px;font-weight: normal;width: 100%;}
.main_7 .kljcy .kljcy_l h2{font-size: 32px;font-weight: 600;width: 100%;font-weight: 600;}
.main_7 .kljcy .kljcy_l .kljs{overflow: hidden;padding: 24px 0 0;width: 515px;border-top: 2px solid #313131;margin-top: 15px;}
.main_7 .kljcy .kljcy_l .kljs p{font-size: 18px;line-height: 36px;}
.main_7 .kljcy .kljcy_l .kljs ul{overflow: hidden;padding: 80px 0 0;}
.main_7 .kljcy .kljcy_l .kljs ul li{color: #5078ff;background: url(../images/dh2.png)no-repeat left;padding-left: 50px;margin-top: 15px;height: 40px;line-height: 40px;font-size: 18px;}
.main_7 .kljcy .kljcy_b{margin:30px 0 0 280px;overflow: hidden;}
.main_7 .kljcy .kljcy_b ul{overflow: hidden;padding: 30px;}
.main_7 .kljcy .kljcy_b ul li{float: left;margin-right: 36px;box-shadow: 0px 0px 20px rgba(159,181,255,0.8); width: 145px;height: 49px;padding: 48px 0; background-color: #9fb5ff;text-align: center;border-radius: 50%;}
.main_7 .kljcy .kljcy_b ul li span{display: block;font-size: 18px;color: #fff;}

.main_8{width: 100%;height: 850px;padding-top: 5.255%; background: url(../images/bg_8.jpg)no-repeat 100%;background-size: 100% 100%;overflow: hidden;}
.main_8 .kljcy{overflow: hidden;}
.main_8 .kljcy_r{overflow: hidden;text-align: right;color: #fff;}
.main_8 .kljcy .kljcy_r h1{font-size: 42px;line-height: 60px;font-weight: 600;width: 100%;color: #6089ff;}
.main_8 .kljcy .kljcy_r h2{font-size: 32px;width: 100%;font-weight: normal;}
.main_8 .kljcy .kljcy_r .kljs{overflow: hidden;float: right; padding: 24px 0;width: 540px;border-top: 2px solid #fff;margin-top: 15px;}
.main_8 .kljcy .kljcy_r .kljs p{font-size: 18px;line-height: 36px;}
.main_8 .kljcy .kljcy_r .kljs ul{overflow: hidden;padding: 80px 0 0;}
.main_8 .kljcy .kljcy_r .kljs ul li{color: #b8c8ff;background: url(../images/dh3.png)no-repeat right;padding-right: 50px;margin-top: 15px;height: 40px;line-height: 40px;font-size: 18px;}
.main_8 .kljcy .kljcy_b{margin:60px 0 0 0;float: right;width: 85%;}
.main_8 .kljcy .kljcy_b span{display: block;width: 150px; float: left;margin-left: 37px;font-size: 18px; height: 48px;padding: 0 20px; line-height: 48px;color: #5078ff;border: 1px solid #003aff;border-radius: 24px;text-align: center;}
.main_8 .kljcy .kljcy_b span:last-child{margin-right: 0;}

.main_9{width: 100%;height: 815px;padding-top: 7.0944%; background: url(../images/bg_9.jpg)no-repeat 100%;background-size: 100% 100%;overflow: hidden;}
.main_9 .kljcy{overflow: hidden;}
.main_9 .kljcy_l{width: 515px;overflow: hidden;}
.main_9 .kljcy .kljcy_l h1{font-size: 42px;line-height: 60px;font-weight: normal;width: 100%;}
.main_9 .kljcy .kljcy_l h2{font-size: 32px;font-weight: 600;width: 100%;font-weight: 600;}
.main_9 .kljcy .kljcy_l .kljs{overflow: hidden;padding: 10px 0 0;width: 540px;border-top: 2px solid #313131;margin-top: 15px;}
.main_9 .kljcy .kljcy_l .kljs p{font-size: 18px;line-height: 36px;}
.main_9 .kljcy .kljcy_l .kljs ul{overflow: hidden;padding: 80px 0 0;}
.main_9 .kljcy .kljcy_l .kljs ul li{color: #5078ff;background: url(../images/dh2.png)no-repeat left;padding-left: 50px;margin-top: 15px;height: 40px;line-height: 40px;font-size: 18px;}
.main_9 .kljcy .kljcy_b{margin:50px 0 0 0;overflow: hidden;}
.main_9 .kljcy .kljcy_b ul{overflow: hidden;width: 200px;}
.main_9 .kljcy .kljcy_b ul li{float: left;width: 200px;height: 50px;margin-bottom: 5px; text-align: center;background: url(../images/jt.png)no-repeat center top;padding-top: 75px;}
.main_9 .kljcy .kljcy_b ul li span{display: block;background-color: #9fb5ff;text-align: center;line-height: 50px;border-radius: 25px;font-size: 18px;color: #fff;}

.main_10{width: 100%;overflow: hidden;background-color: #f5f5f5;}
.main_10 .til{text-align: center;font-size: 36px;font-weight: bold;margin-top: 30px;}
.main_10 .xtzc{width: 1200px;margin:20px auto 50px;overflow: hidden;}
.main_10 .xtzc li{width: 230px;float: left;margin-right: 40px;text-align: center;padding: 30px 20px;background-color: #fff;}
.main_10 .xtzc li:last-child{margin-right: 0;}
.main_10 .xtzc li p{font-size: 16px;}
.main_10 .cpcs{width: 1200px;margin:20px auto;overflow: hidden;}
.main_10 .cpcs li{width: 500px;float: left;margin-right: 200px;margin-bottom: 40px;}
.main_10 .cpcs li:nth-child(2n){margin-right: 0;}
.main_10 .cpcs li p{border-bottom: 1px solid #adadad;height: 52px;line-height: 52px;font-size: 18px;}

.ai{width: 100%;overflow: hidden;}
.ai img{display: block;width: 100%;}

.p2-service-list li { width: 23%;margin: 0 2% 2% 0; float: left; position: relative; transition: .5s; }
.p2-service-list li:nth-child(4n){margin-right: 0;}
.p2-service-list li .ps-img { width: 100%; }
.p2-service-list li:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,.5); display: block; transition: .5s; }
.p2-service-list li:hover:after { background: rgb(0, 0, 0, .8); cursor: pointer;}
.p2-service-list li h3 {font-weight: normal; position: absolute; display: block; width: 100%; text-align: center; top: 30%; font-size: 22px; color: #fff; z-index: 9; transition: .5s; }
.p2-service-list li h2 { position: absolute; display: block; width: 100%; text-align: center; top: 45%; font-size: 16px; color: #fff; z-index: 9; transition: .5s; font-weight: normal;}
.p2-service-list p { position: absolute; opacity: 0; text-align: center; top: 50%; font-size: 12px; color: #fff; z-index: 9; padding: 0 30px; line-height: 24px; transition: .5s; }
.p2-service-list li:hover p { opacity: 1 }
span.item-link { display: block; border: 1px solid #ffffff; width: 120px; height: 36px; line-height: 36px; font-size: 14px; color: #ffffff; margin: 20px auto; }
span.item-link:hover { color: #00a971; background: #ffffff; }
.p2-service-list li h3 img { margin: 0 auto 10px; width: 40px; }
.p2-service-list li:hover h3 { top: 5% }
.p2-service-list li:hover h2 { top: 22% }
.p2-service-list li:hover p { top: 36% }