/*common start*/

body, div, ul, li, a, img, p, dl, dt, dd, h1, h2, h3, h4, span, strong, input { margin: 0; padding: 0; list-style: none; text-decoration: none; border: 0; list-style: none; }

body { font-size: 16px; color: #666; line-height: 30px; margin: 0 auto; max-width: 1920px; }

a { color: #666; }

a:hover { color: #f60; text-decoration: none; }

p { line-height: 1.8em; padding: 5px 0; }

.clear { margin: 0; padding: 0; font-size: 0; clear: both; }

.wapper { width:90%; max-width: 1650px; margin: 0 auto; }

.wapper2 { width:90%; max-width: 1120px; margin: 0 auto; }

.wapper3 { width:90%; max-width: 950px; margin: 0 auto; }

.fl { float: left; }

.fr { float: right; }

.wright.fr { float: left; }

img { max-width: 100%; }
.dx .imgarea img { width: 100%; height: 290px;
    object-fit: cover;}

.erji2 .imgarea img { width: 100%; height: 150px; object-fit: cover; }

.logo img { height: 60px; }

.flogo img { height: 60px; }

.ewm img { height: 150px; }

/*.erji2 .imgarea img{
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
}*/


.dzlist3 .pos .li2 .imgarea img { width: 101px; height: 101px; object-fit: contain; display: block; margin: 0 auto; background: #fff; }

.dzlist2 .imgarea { width: 100px; height: 100px; margin: 0 auto; }

.dzlist2 .imgarea img { width: 100px; height: 100px; object-fit: contain; display: block; }

.erji2 .wapper2 dl dd .imgarea { width: 100%; height: 150px; overflow: hidden; }

.erji2 .wapper2 dl dd .imgarea img { width: 100%; height: 150px; object-fit: cover; display: block; }

.head .logo { padding: 40px 0; }

.menu { padding: 0 7%; }

.menu ul li { display: inline-block; text-align: center; line-height: 50px; text-align: center; font-size: 24px; padding: 50px 0; margin: 0 1.5vw }
;

.menu ul li.cur { border-bottom: 2px solid #1699A3; line-height: 48px; }

.menu ul li:hover { border-bottom: 2px solid #1699A3; line-height: 48px; }

.menu ul li:hover .aa { color: #1699A3; }

.menu ul li.cur .aa { color: #1699A3; }

.menu ul li a { color: #3B3B3B; }

/*.menu ul li:hover .erji2 { display: block; }*/

.menu ul li .erji2 { position: fixed; left: 0; top: 150px; right: 0; z-index: 999; background: url(../images/qq20260825-144938.png); padding: 50px 0; display: none; background-size: 100% 100%; padding-top: 80px; padding-bottom: 120px; }

.menu ul li .erji2 .clear { display: none; }

.menu ul li .erji2 dl { display: flex; justify-content: center; flex-wrap: wrap; }

.menu ul li .erji2 dl dd { width: calc((100% - 150px)/6); margin-right: 30px; float: left; }

.menu ul li .erji2 dl dd:nth-child(6n) { margin-right: 0; }

.menu ul li .erji2 dl dd h3 { font-size: 20px; color: #818181; line-height: 2; font-weight: normal; padding-top: 20px; }

.menu ul li .erji2 dl dd:hover h3 { color: #1699A3; }

.menu ul li:nth-child(2) .erji2 dl dd { width: 21.2%; margin: 0 2.5%; }

/*.menu ul li:nth-child(2) .erji2 dl dd:nth-child(3n){margin-right: 0;}*/



.menu ul li:nth-child(3) .erji2 dl dd { width: 14.8%; margin: 0 .9%; }

/*.menu ul li:nth-child(3) .erji2 dl dd:nth-child(6n){margin-right: 0;}*/




.menu ul li:nth-child(4) .erji2 dl dd { width: 16.2%; margin: 0 1.9%; }

/*.menu ul li:nth-child(4) .erji2 dl dd:nth-child(5n){margin-right: 0;}*/



.menu ul li:nth-child(5) .erji2 dl dd { width: 18.4%; margin: 0 2.5%; }

/*.menu ul li:nth-child(5) .erji2 dl dd:nth-child(4n){margin-right: 0;}*/


/*.menu ul li:hover .erji { display: block; }*/

.menu ul li .erji { position: fixed; left: 0; top: 150px; right: 0; z-index: 999; background: url(../images/qq20260825-144938.png); padding: 70px 0; display: none; padding-top: 100px; padding-bottom: 50px; }

.menu ul li .erji .eleft { width: 65.5%; text-align: left; }

.menu ul li .erji .eright { width: 29.5%; }

.menu ul li .erji dl { width: 46.5%; border-right: 1px solid #ccc; font-size: 24px; box-sizing: border-box; }

.menu ul li .erji dl dd { position: relative; width: 100%; margin-bottom: 80px; }

.menu ul li .erji dl dd:hover {/* margin-bottom: 60px; */ }

.menu ul li .erji dl dd .line { background: #1699A3; position: absolute; height: 2px; left: 0; width: 100%; bottom: 0; display: none; }

.menu ul li .erji dl dd a { color: #848484; display: inline-block; position: relative; text-decoration: none; }

.menu ul li .erji dl dd:hover a { text-decoration: none; }

.menu ul li .erji dl dd:hover .line { display: block; }

.menu ul li .erji dl dd:hover em { color: #1699A3; }

.menu ul li .erji dl dd:hover a { color: #1699A3; }

.menu ul li .erji dl dd em.on { transform: rotate(90deg); }

.menu ul li .erji dl dd em { transform: rotate(0deg); transition: all .3s; position: absolute; right: 10%; top: 10px; display: block; cursor: pointer; font-style: normal; }

.menu ul li .erji dl dd em:after { content: '>'; font-family: simsun; font-size: 20px; line-height: 30px; width: 30px; text-align: center; display: block; }

.menu ul li .erji .sanjiarea { width: 53.5%; border-right: 1px solid #ccc; box-sizing: border-box; }

.menu ul li .erji .sanjiarea .sanji { padding: 0 10% 0 20%; display: none; }

.menu ul li .erji .sanjiarea .sanji .sanjili { margin-bottom: 80px; }

.menu ul li .erji .sanjiarea .sanji a:hover { color: #1699A3; }

.menu ul li .erji dl dd.cur a { text-decoration: none; }

.menu ul li .erji dl dd.cur .line { display: block; }

.menu ul li .erji dl dd.cur em { color: #1699A3; }

.menu ul li .erji dl dd.cur a { color: #1699A3; }
@media(min-width:1921px) {

.head .lan { padding-left: 29px; padding-right: 29px; }

.menu { padding: 0 100px; }

.menu ul li { margin-left: 29px; margin-right: 29px; }
}

.head .login { padding: 60px 0; }

.head .search { padding: 61px 0; }

.head .lan { padding: 60px 2%; position: relative; }

.head .lan ul { display: none; z-index: 99; ; position: absolute; left: -12px; top: 90px; box-shadow: 0 0 10px #ccc; background: #fff; width: 80px; text-align: center; padding: 10px 0; border-radius: 5px; }

.head .lan ul li a { font-size: 18px; line-height: 2; }

.head .lan ul li a:hover { color: #1699A3; }

.head .lan ul li.cur a { color: #1699A3; }

.head .lan:hover ul { display: block; }

.searchmain { position: absolute; left: 0; top: 0; right: 0; z-index: 99999999; display: none; }

.searchmain .sarea { background: #ccc; padding: 50px 0; }

.searchmain .smain { position: relative; }

.searchmain .smain input { width: 100%; padding: 0 5%; line-height: 50px; font-size: 18px; color: #666; background: none; outline: none;background: #fff; }
.searchmain .smain input::placeholder {
color: #666;
}

.searchmain .smain .sbtn { position: absolute; left: 0; top: 12px; z-index: 99; }

.searchmain .smain .sclose { position: absolute; right: 0; top: 13px; z-index: 99; }

.quick .qumain { background: #fff; padding: 35px; box-shadow: 0 0 10px #ccc; }

.quick .qumain h3 { font-weight: normal; color: #000; font-size: 14px; margin-bottom: 10px; }

.quick .qumain ul { padding-left: 20px; }

.quick .qumain ul li { font-size: 14px; line-height: 2; }

.quick .qumain ul li a { color: #141518; }

.phone { display: none; }

.phonehead { padding: 15px 0; }

.phonehead .logo { width: calc(100% - 70px); }

.phonehead .logo img { max-height: 50px; height: auto !important; }

.phonehead .menuicon a { color: #000; font-size: 20px; }

.nav { position: absolute; display: none; right: 0px; top: 0; height: 100%; width: 100%; background-color: #fff; z-index: 8; overflow-y: auto; transition: right .3s; border-left: 1px solid #f3f3f3; }

.nav.open { right: 0; }

.nav ul { padding-bottom: 71px; }

.nav li { float: none; padding: 0; position: relative; }

.nav li a { line-height: 53px; padding: 10px 1.5em; white-space: nowapper; overflow: hidden; text-overflow: ellipsis; }

.nav li a:hover:after, .nav li.cur > a:after, .nav li.on > a:after { display: none; }

.nav li.cur > a { background-color: #eee; }

.nav li em.on { transform: rotate(90deg); }

.nav li em { transform: rotate(0deg); transition: all .3s; position: absolute; right: 10px; top: 10px; display: block; cursor: pointer; font-style: normal; }

.nav li em:after { content: '>'; font-family: simsun; font-size: 20px; line-height: 30px; width: 30px; text-align: center; display: block; }

.navDrop { position: static; display: none; left: auto; top: auto; }

.navDrop.open, .navDrop.show.open { display: block; }

.navDrop .inner { width: auto; }

.navDrop ul { padding: 0; }

.navDrop li { display: block; }

.navDrop li a { text-align: left; padding: 10px 1.5em 10px 2.5em; }

.navDrop .preview, .threeNav, .navDrop.show { display: none; }

.navDrop .info { width: auto; float: none; padding: 0; }

.subNav { float: none; width: auto; }

.subNav dd { border: none; line-height: normal; }

.subNav dd a { padding: 10px 1.5em 10px 2.5em; }

.subNav dd a:after { display: none; }

/*navBtn*/

.navBtn { cursor: pointer; display: block; position: relative; cursor: pointer; width: 50px; height: 50px; float: left; border-left: 0px solid #f3f3f3; }

.navBtn span { display: block; width: 20px; height: 2px; background-color: #c2c2c2; position: absolute; top: 50%; left: 50%; margin-top: -1px; margin-left: -10px; line-height: normal; }

.navBtn span:before, .navBtn span:after { content: ''; display: block; width: 100%; height: 2px; background-color: #c2c2c2; position: absolute; left: 0; top: -7px; transition: transform .3s; transition: transform .3s; }

.navBtn span:after { top: auto; bottom: -7.5px; }

.navBtn.open span { height: 0; }

.navBtn.open span:before { transform: rotate(45deg); top: 0; }

.navBtn.open span:after { transform: rotate(-45deg); bottom: auto; top: 0; }
 @media screen and (max-width: 760px) {

.wapper { width: 90%; padding: 0 5%; }

.wapper2 { width: 90%; padding: 0 5%; }

.wapper3 { width: 90%; padding: 0 5%; }

.pc { display: none; }

.phone { display: block; }
}

/*.banner img{ display:block; width:100%;}*/


.ibanner { position: relative; }

.ibanner .wenzi { position: absolute; left: 0; top: 20%; right: 0; z-index: 99; }

.ibanner .wenzi .wmain { padding: 0 5%; width: 40%; }

.ibanner .wenzi h3 { font-size: 60px; color: #1699A3; font-weight: normal; margin-bottom: 35px; }

.ibanner .wenzi span { display: block; font-size: 18px; color: #616161; line-height: 1.5; }
 @media screen and (max-width: 760px) {

.ibanner .wenzi .wmain { padding: 0 5%; width: 90%; }

.ibanner .wenzi h3 { font-size: 20px; color: #1699A3; font-weight: normal; margin-bottom: 15px; }

.ibanner .wenzi span { display: block; font-size: 14px; color: #616161; line-height: 1.5; }
}

.bmenu { border-bottom: 1px solid #d9d5d5; text-align: center; }

.bmenu ul li { display: inline-block; padding: 0 100px; font-size: 18px; }

.bmenu ul li a { color: #717171; display: block; padding: 45px 0; }

.bmenu ul li.cur a { color: #1699A3; border-bottom: 2px solid #1699A3; }

.bmenu ul li a:hover { color: #1699A3; }

.pad { padding: 90px 0 135px 0; }


.case.pad { padding: 180px 0 90px !important; }

.about1 .left { width: 42%; margin-left: 6.5%;}

.about1 .right { width: 48%; }

.about1 .left .atit h3 { font-size: 34px; color: #1A1A1A; margin-bottom: 40px; font-weight: normal; }

.about1 .pad { border-bottom: 1px solid #e3e1e1; }

.about1 .wapper .left .nr > p { text-indent: 2em; }

.about1 .dian {
								position: absolute;
								width: 100%;
								height: 100%;
								left: -2.5%;
								top: 0;
								z-index: 1;
								background-color: rgba(0, 83, 166, .2);
							}

							.about1 .imgbg {
								position: relative;

							}

							.about1 .imgbg:before {
								position: absolute;
								content: "";
								width: 12.2rem;
								height: 11.225rem;
								left: 0;
								bottom: -5%;
								background: url(../images/asasdds.png) no-repeat center;
								background-size: 100%;
								z-index: 3;
							}
							.about1 .list{margin-top: 50px}
							.about1 .list ul li {
							width:; display: inline-block; padding-right: 4vw; }
							
							.about1 .list ul li h3 span { font-size: 38px; color: #1699A3; }
							
							.about1 .list ul li h3 { font-size: 16px; color: #1699A3; }
							
							.about1 .list ul li h4 { font-weight: normal; font-size: 18px; color: #666; }


@media screen and (max-width: 760px) {

.pad { padding: 50px 0; }

.about1 .left .atit h3 { font-size: 24px; }

.about1 .left { width: 100%; margin-bottom: 20px; margin-left: 0;}

.about1 .right { width: 100%; }
}

.foot { background: #333333; padding-top: 80px; padding-bottom: 45px; }

.foot .left { width: 30%; }

.foot .right { width: 68%; }

.foot .left .flogo { margin-bottom: 80px; }

.foot .left .ewm { margin-bottom: 35px; }

.foot .ewm img { height: 105px; }

.foot .left .finfo ul li { margin-bottom: 3px; color: #B3B3B3; font-size: 18px; }

.foot .right dl { width: calc(84% / 5); margin-right: 4%; float: left; }

.foot .right dl:nth-child(5n) { margin-right: 0; }

.foot .right dl dt { font-size: 24px; color: #F6F7FB; border-bottom: 1px solid #797979; padding-bottom: 20px; margin-bottom: 5px; }

.foot .right dl dd { margin-bottom: 10px }

.foot .right dl dd a { color: #B3B3B3; font-size: 18px; }

.foot .right dl dd a:hover { color: #1699A3; }
 @media screen and (max-width: 760px) {

.foot .left { width: 100%; }

.foot { padding-top: 50px; padding-bottom: 50px; }
}

.ntit { text-align: center; margin-bottom: 50px; }

.ntit h3 { font-size: 30px; color: #383838; margin-bottom: 30px; }

.news .newslist ul li .lileft { width: 35%; }

.news .newslist ul li .liright { width: 62%; min-height: 184px; position: relative; }

.news .newslist ul li { margin-bottom: 80px; }

.news .newslist ul li .date { font-size: 12px; color: #7B7B7B; }

.news .newslist ul li h3 { margin-top: 20px; font-size: 24px; color: #262523; font-weight: normal; }

.news .newslist ul li .liright .more { position: absolute; left: 0; bottom: 0; z-index: 99; font-size: 14px; font-weight: bold; color: #1699A3; }

.news .newslist ul li:hover h3 { color: #1699A3; }

.news .newslist ul li:last-child { margin-bottom: 0; }
 @media screen and (max-width: 760px) {

.ntit h3 { font-size: 24px; color: #383838; margin-bottom: 30px; }

.news .newslist ul li { margin-bottom: 40px; }

.news .newslist ul li .lileft { width: 100%; margin-bottom: 20px; }

.news .newslist ul li .liright { width: 100%; min-height: 90px; position: relative; }

.news .newslist ul li .liright .more { position: relative; left: auto; bottom: auto; z-index: 99; font-size: 14px; font-weight: bold; color: #1699A3; margin-top: 20px; }
}

.contact, .contact2, .contact3 { background: #F5F5F5; }

.contact .left { /* width: 55%; */ }

.contact .right {    width: calc(100% - 781px);}

.contact .rmain { padding: 6.2% 5%; background: #fff; }

.contact .rmain h3 { font-size: 40px; color: #282725; font-weight: 500; margin-bottom: 45px; }

.contact .rmain ul li { margin-bottom: 25px; font-size: 18px; color: #727272; }
 @media screen and (max-width: 760px) {

.contact .left { width: 100%; margin-bottom: 20px; }

.contact .right { width: 100%; }

.contact .rmain h3 { font-size: 24px; }

.contact .rmain ul li { font-size: 14px; }
}

.ctit h3 { color: #282725; font-weight: 500; font-size: 24px; margin-bottom: 20px; }

.contact2 ul { padding: 60px 0; background: #fff; }

.contact2 ul li { width: calc((76% - 2px) / 2); padding: 0 4%; float: left; border-right: 1px dashed #E4E4E4; }

.contact2 ul li:nth-child(3n) { border-right: 0; }

.contact2 ul li .litop h3 { font-size: 24px; color: #282725; font-weight: 500; line-height: 48px; }

.contact2 ul li .litop h4 { font-size: 14px; color: #1699A3; font-weight: 500; line-height: 48px; }

.contact2 ul li .line { margin-top: 15px; margin-bottom: 30px; width: 20px; height: 2px; background: #999999; }

.contact2 ul li .libottom dl dd { font-size: 16px; color: #787878; line-height: 2; }

.contact3 ul { padding: 60px 0; background: #fff; }

.contact3 ul li { width: calc((76% - 3px) / 3); padding: 0 3%; float: left; border-right: 1px dashed #E4E4E4; }

.contact3 ul li:nth-child(4n) { border-right: 0; }

.contact3 ul li .litop h3 { font-size: 24px; color: #282725; font-weight: 500; line-height: 48px; }

.contact3 ul li .litop h4 { font-size: 14px; color: #1699A3; font-weight: 500; line-height: 48px; }

.contact3 ul li .line { margin-top: 15px; margin-bottom: 30px; width: 20px; height: 2px; background: #999999; }

.contact3 ul li .libottom dl dd { font-size: 16px; color: #787878; line-height: 2; }
 @media screen and (max-width: 760px) {

.contact .left { width: 100%; margin-bottom: 20px; }

.contact .right { width: 100%; }

.contact .rmain h3 { font-size: 24px; }

.contact2 ul { padding: 30px 0; background: #fff; }

.contact2 ul li { width: 92%; padding: 0 4%; float: left; border-right: 0px dashed #E4E4E4; margin-bottom: 20px; }

.contact2 ul li .litop h3 { font-size: 18px; color: #282725; font-weight: 500; line-height: 48px; }

.contact2 ul li .litop h4 { font-size: 14px; color: #1699A3; font-weight: 500; line-height: 48px; }

.contact3 ul { padding: 30px 0; background: #fff; }

.contact3 ul li { width: 92%; padding: 0 4%; float: left; border-right: 0px dashed #E4E4E4; margin-bottom: 20px; }

.contact3 ul li .litop h3 { font-size: 18px; color: #282725; font-weight: 500; line-height: 48px; }

.contact3 ul li .litop h4 { font-size: 14px; color: #1699A3; font-weight: 500; line-height: 48px; }
}

.newdetail { border-top: 1px solid #3D3D3D; }

.newsdetailtop .date { color: #39A765; font-size: 14px; }

.newsdetailtop h3 { font-size: 30px; color: #292826; margin: 20px 0; font-weight: normal; }

.newsdetailtop .fh { margin-left: 34px; line-height: 38px; color: #7B9184; font-size: 14px; }

.newsdetailtop .fh a { color: #7B9184; }

.newsdetailbottom { border-top: 1px solid #E7E7E7; padding-top: 30px; }

.newsdetailbottom a { font-size: 16px; color: #7B8084; }

.newsdetailbottom a:hover { color: #1699A3; }
 @media screen and (max-width: 760px) {

.newsdetailtop h3 { font-size: 24px; }
}

.join .jtit { text-align: center; }

.join .imgarea img{ width:100%;}

.join2 dl dd { float: left; line-height: 75px; font-size: 18px; color: #000; font-weight: bold; }

.join2 dl dd:nth-child(1) { width: calc(35% - 50px); padding-left: 50px; }

.join2 dl dd:nth-child(2) { width: 15% }

.join2 dl dd:nth-child(3) { width: 15% }

.join2 dl dd:nth-child(4) { width: 15% }

.join2 dl dd:nth-child(5) { width: calc(20% - 50px); padding-right: 50px; }

.join2 ul li { float: left; line-height: 75px; font-size: 18px; color: #000; font-weight: weight; }

.join2 ul li:nth-child(1) { width: calc(35% - 50px); padding-left: 50px; }

.join2 ul li:nth-child(2) { width: 15% }

.join2 ul li:nth-child(3) { width: 15% }

.join2 ul li:nth-child(4) { width: 15% }

.join2 ul li:nth-child(5) { width: calc(20% - 50px); padding-right: 50px; }

.join2 ul li span { color: #1699A3; }

.bg { background: #F7F7F7; }

.join2 .nr { border: 2px solid #1699A3; display: none; }

.join2 .nmain2 { padding: 50px; }

.join2 .ttop { background: #1699A3; line-height: 75px; padding: 0 50px; color: #fff; font-size: 18px; }

.join2 .ttop h3 { font-weight: normal; }

.join2 .sq a { display: inline-block; padding: 0 35px; background: #1699A3; line-height: 40px; margin-top: 40px; color: #fff; font-size: 14px; }
 @media screen and (max-width: 760px) {

.join2 dl dd:nth-child(1) { width: calc(60% - 50px); padding-left: 50px; }

.join2 dl dd:nth-child(2) { width: 40% }

.join2 dl dd:nth-child(3) { width: 15%; display: none; }

.join2 dl dd:nth-child(4) { width: 15%; display: none; }

.join2 dl dd:nth-child(5) { display: none; }

.join2 ul li:nth-child(1) { width: calc(60% - 50px); padding-left: 50px; }

.join2 ul li:nth-child(2) { width: 40% }

.join2 ul li:nth-child(3) { width: 15%; display: none; }

.join2 ul li:nth-child(4) { width: 15%; display: none; }

.join2 ul li:nth-child(5) { width: calc(20% - 50px); padding-right: 50px; display: none; }

.join2 .nmain2 { padding: 20px; }
}

.ser { background: #EEEEEE; }

.ser ul li { float: left; }

.ser ul .li1 { width: calc(70.6% - 70px); margin-right: 35px; margin-bottom: 70px; }

.ser ul .li1 .wenzi .wleft { height: 66px; }

.ser ul .li2 { width: 31.3%; margin-bottom: 70px; }

.ser ul .li2 img { height: 421px; object-fit: cover; width: 100%; }

.ser ul .li3 { width: calc((100% - 70px)/3); margin-right: 35px; }

.ser ul .li4 { width: calc((100% - 70px)/3); margin-right: 35px; }

.ser ul .li5 { width: calc((100% - 70px)/3); margin-right: 0px; }

.ser ul li .wenzi .wmain { padding: 30px 50px; background: #fff; }

.ser ul li .wenzi h3 { font-weight: normal; font-size: 24px; color: #3E3E3E; margin-bottom: 30px; }

.ser ul li .wenzi .wleft { width: 100%; height: 66px; }

.ser ul li .wenzi .wright a { display: block; line-height: 34px; font-size: 16px; background: #B2B2B2; text-align: center; color: #fff; width: 110px; }

.ser ul li .wenzi .wright a:hover { background: #1699A3; }
@media screen and (max-width: 760px) {

.ser ul .li1 { width: 100%; margin-right: 0; margin-bottom: 20px; }

.ser ul .li2 { width: 100%; margin-bottom: 20px; }

.ser ul .li3 { width: 100%; margin-right: 0; margin-bottom: 20px; }

.ser ul .li4 { width: 100%; margin-right: 0; margin-bottom: 20px; }

.ser ul .li5 { width: 100%; margin-right: 0px; }

.ser ul li .wenzi .wmain { padding: 10px; background: #fff; }

.ser ul li .wenzi .wleft { width: 100%; height: auto; }

.ser ul li .wenzi .wright { width: 100%; margin-top: 20px; }

.ser ul li .wenzi h3 { font-size: 18px; }

.ser ul .li1 .wenzi .wleft { height: auto; }

.ser ul .li2 img { height: auto; }
}

.shiyong { background: #EEEEEE; }

.sytit { line-height: 110px; font-size: 30px; color: #fff; text-align: center; background: #717171; }

.sytit h3 { font-weight: normal; }

.borbor { border: 1px solid #ccc; }

.label input { background: none; outline: none; line-height: 75px; border-bottom: 1px solid #D8D8D8; width: 100%; font-size: 16px; }

.label textarea { background: none; outline: none; border: 0; border-bottom: 1px solid #D8D8D8; width: 100%; font-size: 16px; margin-top: 50px; }

.label a { display: block; margin: 0 auto; margin-top: 80px; width: 300px; line-height: 56px; background: #1699A3; font-size: 20px; color: #fff; text-align: center; border-radius: 5px; }

.biaomain { background: #fff; padding: 55px; }

.tishi { margin-top: 70px; font-size: 20px; color: #515151; text-align: center; }

.tishi span { font-size: 30px; }
 @media screen and (max-width: 760px) {

.sytit { line-height: 60px; font-size: 20px; color: #fff; text-align: center; background: #717171; }

.label a { width: 100%; }

.biaomain { background: #fff; padding: 30px; }
}

.down { background: #EEEEEE; }

.down .downmain { padding: 70px; background: #fff; }

.down .downmain ul li { line-height: 40px; padding: 35px 0; border-bottom: 1px dashed #B2B2B2; }

.down .downmain ul li:hover { background: #EEEEEE; }

.down .downmain ul li .limain { padding: 0 3%; }

.down .downmain ul li .lileft { font-size: 20px; color: #717171; }

.down .downmain ul li .liright a h3 { display: inline-block; padding-left: 20px; font-size: 16px; font-weight: normal; color: #fff; }

.down .downmain ul li .liright a { display: inline-block; background: #999999; padding: 0 20px; }
 @media screen and (max-width: 760px) {

.down .downmain { padding: 30px; background: #fff; }

.down .downmain ul li .lileft { width: 100%; }

.down .downmain ul li .liright { width: 100%; }

.down .downmain ul li { line-height: 40px; padding: 25px 0; border-bottom: 1px dashed #B2B2B2; }
}

.fq ul li { border-bottom: 2px solid #ECECEC; }

.fq ul li .litop { padding: 40px 5%; line-height: 60px; }

.fq ul li.cur .litop { background: #1699A3; }

.fq ul li .litop .litleft { font-size: 40px; color: #1699A3; width: 10%; }

.fq ul li .litop .litcenter { width: calc(90% - 60px); font-size: 20px; }

.fq ul li .litop .litright { border-radius: 30px; }

.fq ul li .litop .litright em { display: block; width: 60px; height: 60px; border-radius: 30px; background: #1699A3; text-align: center; line-height: 60px; }

.fq ul li .litop .litright em.on { transform: rotate(270deg); }

.fq ul li .litop .litright em { transform: rotate(90deg); transition: all .3s; display: block; cursor: pointer; font-style: normal; }

.fq ul li .litop .litright em:after { content: '>'; font-family: simsun; font-size: 20px; text-align: center; display: block; color: #fff; }

.fq ul li .libottom { padding: 40px; background: #FCFCFC; display: none; }

.fq ul li.cur .litop .litleft { color: #fff; }

.fq ul li.cur .litop .litcenter { color: #fff; }

.fq ul li.cur .litop .litright { background: #fff; color: #1699A3; }
 @media screen and (max-width: 760px) {

.fq ul li .litop .litleft { font-size: 40px; color: #1699A3; width: 20%; }

.fq ul li .litop .litcenter { width: calc(80% - 60px); font-size: 20px; }
}

.caselist { background: #F6F6F6; }

.caselist .wapper{ display:flex;justify-content: space-between;}

.caselist .clear{ display:none;}

.caselist .left { width: 50%; overflow: hidden; }

.caselist .left img{ width:100%; height:100%;}

.caselist .right { width: 44%; padding-top: 0px;    display: flex; flex-direction: column; justify-content: space-between;}

.caselist .right .h3 { width:100%; color: #040301; font-size: 30px; }

.caselist .right .nr { width:100%; font-size: 16px; line-height: 2; color: #6C6C6A; margin: 3.5vw 0; }

.caselist .right .zx a { display: inline-block; padding: 0 30px; background: #1699A3; line-height: 60px; color: #fff; font-size: 20px; }

.caselist .left img { transition: all 0.5s; }

.caselist .left img:hover { transform: scale(1.1); }
@media screen and (max-width: 760px) {
.caselist .wapper{ display:block;}

.caselist .clear{ display:block;}

.caselist .left { width: 100%; }

.caselist .right { width: 100%; padding-top: 30px; display:block;}
}

.biao2 { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99; background: rgba(0, 0,0,0.5); display: none; }

.biao2 .biaomain2 { max-width: 40%; margin: 4% auto; background: #fff; padding: 30px; border-radius: 10px; box-shadow: 0 0 10px #f2f2f2; position: relative; }

.biao2 .biaomain2 .cclose { position: absolute; right: 20px; top: 20px; z-index: 99; }

.biao2 .biaomain2 .bbtit h3 { font-size: 20px; color: #333; text-align: center; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #F0F0F0; }

.label2 span { display: block; font-size: 18px; color: #000; margin-bottom: 15px; }

.label2 span strong { color: #f00; }

.label2 { margin-bottom: 15px; }

.label2 input { border-bottom: 1px solid #F0F0F0; line-height: 40px; font-size: 16px; width: 100%; }

.label2 textarea { background: none; outline: none; border: 0; border-bottom: 1px solid #D8D8D8; width: 100%; font-size: 16px; margin-top: 8px; }

.label2 a { font-size: 20px; display: block; text-align: center; color: #fff; background: #1699A3; line-height: 40px; border-radius: 5px; }

.imgarea11 img { width: 60px; }
@media screen and (max-width: 760px) {

.biao2 .biaomain2 { max-width: calc(94% - 60px); margin: 4% auto; background: #fff; padding: 30px; border-radius: 10px; box-shadow: 0 0 10px #f2f2f2; position: relative; }
}

.catit { border-bottom: 1px solid #9B9B9B; margin-bottom: 60px; }

.catit h3 { color: #3D3D3D; font-size: 30px; display: inline-block; line-height: 2; border-bottom: 2px solid #1699A3; padding: 20px 0; }

.caselist2 ul li .limain { border: 1px solid #ccc; }

.caselist2 ul li { margin-bottom: 40px; }

.caselist2 ul li :last-child { margin-bottom: 0; }

.caselist2 ul li .lileft { width: 40%; }

.caselist2 ul li .liright { width: 50%; padding: 40px 5%; }

.caselist2 ul li h3 { color: #3D3D3D; font-size: 24px; font-weight: normal; margin-bottom: 50px; }

.caselist2 ul li a { display: inline-block; padding: 0 20px; border: 1px solid #3D3D3D; color: #1699A3; font-size: 20px; line-height: 44px; }

.caselist2 ul li:last-child { margin-bottom: 0; }

.caselist2 ul li a:hover { background: #1699A3; color: #fff; border: 1px solid #1699A3; }
@media screen and (max-width: 760px) {

.caselist2 ul li .lileft { width: 100%; }

.caselist2 ul li .liright { width: 90%; padding: 40px 5%; }
}

.caselist3 ul li { width: calc((100% - 100px)/3); margin-right: 50px; float: left; }

.caselist3 ul li:nth-child(3n) { margin-right: 0; }

.caselist3 ul li .limain { border: 1px solid #333; }

.caselist3 ul li .wenzi { padding: 20px; }

.caselist3 ul li .wenzi h3 { text-align: center; font-size: 20px; color: #3D3D3D; border-bottom: 1px solid #3D3D3D; padding-bottom: 20px; margin-bottom: 20px; }

.caselist3 ul li .wenzi .des { color: #949494; font-size: 16px; }

.caselist3 ul li .imgarea { overflow: hidden; }

.caselist3 ul li .imgarea img { transition: all 0.5s; width: 100%; height: 453px; object-fit: contain; margin: 16px auto; }

.caselist3 ul li:hover .imgarea img { transform: scale(1.1); }
@media screen and (max-width: 760px) {

.caselist3 ul li { width: 100%; margin-right: 0; float: left; margin-bottom: 30px; }
.caselist3 ul li .imgarea img {height:auto}
}

.casedetail { background: #F2F2F2; }

.casedetail .casedmain { background: #fff; padding: 50px; }

.casedtit h3 { font-weight: normal; font-size: 30px; color: #222; padding-bottom: 20px; }

.casedtit .date { color: #989898; font-size: 14px; margin-bottom: 20px; }

.casedtit { border-bottom: 1px solid #EEEEEE; text-align: center; }

.casedetail .des { padding: 40px 0; }

.bb { border-top: 1px solid #EEEEEE; ; }

.fh2 { margin-top: 50px; line-height: 50px; background: #1699A3; padding: 0 30px; }

.fh2 a { display: inline-block; padding-left: 40px; font-size: 20px; color: #fff; }
 @media screen and (max-width: 760px) {

.fh2 a { display: inline-block; padding-left: 40px; font-size: 16px; color: #fff; }
}

.case .casetit { margin-bottom: 140px; }

.case .casetit h3 { font-size: 60px; color: #3D3D3D; text-align: center;    font-weight: normal; }

.case ul li { width: calc((100% - 60px)/3); margin-right: 30px; margin-bottom: 30px; float: left; }

.case ul li:nth-child(3n) { margin-right: 0; }

.case ul li img { transition: all 0.5s; }

.case ul li:hover img { transform: scale(1.1); }

.case ul li .imgarea { overflow: hidden; }

.case ul li .wenzi { padding: 50px; background: #fff; }

.case ul li .wenzi h3 { font-weight: 500; color: #3D3D3D; font-size: 24px; margin-bottom: 20px; }

.case ul li .wenzi .spa { display: block; font-size: 14px; color: #575757; margin-bottom: 30px; }

.case ul li .wenzi .spa2 { display: inline-block; background: #1699A3; line-height: 40px; padding: 0 30px; color: #fff; font-size: 16px; }

.case ul li a { display: block; box-shadow: 0 0 10px #f2f2f2; }
 @media screen and (max-width: 760px) {

.case ul li { width: 100%; margin-right: 0; margin-bottom: 30px; float: left; }

.case ul li:nth-child(3n) { margin-right: 0; }
}

.dz ul li .limain { border: 1px solid #ccc; display: flex; align-items: center; }

.dz ul li { margin-bottom: 100px; }

.dz ul li :last-child { margin-bottom: 0; }

.dz ul li .lileft { width: 50%; }

.dz ul li .lileft img { max-height: 350px; object-fit: cover; width: 100%; }

.dz ul li .liright { width: 50%; padding: 40px 5%; box-sizing: border-box; text-align: center; }

.dz ul li h3 { color: #3D3D3D; font-size: 30px; font-weight: normal; margin-bottom: 50px; }

.dz ul li a { display: inline-block; padding: 0 20px; border: 1px solid #3D3D3D; color: #1699A3; font-size: 20px; line-height: 44px; }

.dz ul li:last-child { margin-bottom: 0; }

.dz ul li:hover .limain { box-shadow: 0 0 40px #ccc; }

.dz ul li a:hover { background: #1699A3; color: #fff; border: 1px solid #1699A3; }
@media screen and (max-width: 760px) {

.dz ul li .lileft { width: 100%; }

.dz ul li .liright { width: 90%; padding: 40px 5%; }

.dz ul li { margin-bottom: 40px; }
}

.dztit h3 { font-size: 48px; line-height: 1; color: #3D3D3D; margin-bottom: 80px; text-align: center;     font-weight: normal;}

.dzlist ul li .limain { padding: 10px; background: #F6F6F6; }

.dzlist ul li .lileft { width: 51%; }

.dzlist ul li .lileft img { width: 100%; height: 548px; object-fit: cover; }

.dzlist ul li .liright { width: 49%; padding: 0px 6%; text-align: left; }

.dzlist ul li .liright .h3 { font-size: 30px; color: #474747; }

.dzlist ul li .liright .des { color: #818181; font-size: 20px; margin-top: 105px; margin-bottom: 70px; }

.dzlist ul li .liright .dz a { display: inline-block; line-height: 45px; font-size: 20px; padding: 0 45px; background: #1699A3; color: #fff; }

.ewmarea dl dd { color: #333; font-size: 15px; margin-bottom: 20px; }

.ewmarea .eareal { max-width: 180px; margin-right: 30px; padding-right: 30px; border-right: 1px solid #ccc; }
 @media screen and (max-width: 760px) {

.dzlist ul li .lileft { width: 100%; }

.dzlist ul li .liright { width: 94%; padding: 40px 3%; text-align: left; }

.ewmarea .eareal { max-width: 180px; margin-right: 30px; padding-right: 30px; border-right: 0px solid #ccc; }

.ewmarea dl { margin-top: 20px; }
}

.dzlist2 ul li { width: calc((100% - 90px)/3); margin-right: 45px; float: left; }

.dzlist2 ul li:nth-child(3n) { margin-right: 0; }

.dzlist2 ul li .limain { padding: 135px 76px; background: #F6F6F6; text-align: center; }

.dzlist2 ul li .limain .img2 { display: none; }

.dzlist2 ul li:hover .limain .img2 { display: inline-block; }

.dzlist2 ul li:hover .limain .img1 { display: none; }

.dzlist2 ul li .limain .wenzi { margin-top: 60px; }

.dzlist2 ul li .limain .wenzi h3 { font-size: 32px; color: #474747; font-weight: normal; margin-bottom: 20px; }

.dzlist2 ul li .limain .wenzi span { display: block; color: #656766; font-size: 16px; }
 @media screen and (max-width: 760px) {

.dzlist2 ul li { width: 100%; margin-right: 0; float: left; margin-bottom: 20px; }

.dzlist2 ul li .limain { padding: 40px; background: #F6F6F6; text-align: center; }
}

.dzlist3 .pos { position: relative; }

.dzlist3 .line { position: absolute; left: 116px; right: 116px; height: 1px; background: #1699a378; top: 50px; z-index: -1; }

.dzlist3 ul li { width: calc(100% / 6); float: left; text-align: center; position:relative;}

.dzlist3 ul li .li1{ width:100%; position:absolute; top:0; left:0; transition:all .5s ease;}

.dzlist3 ul li .li1 .num { width: 45px; height: 101px; line-height: 101px; text-align: center; background: #fff; border-radius: 50%; color: #1699A3; font-size: 20px; margin: 0 auto; }

.dzlist3 ul li .li1 .wenzi { }

.dzlist3 ul li .li1 .wenzi h3 { font-size: 18px; font-weight: normal; color: #222222; }

.dzlist3 ul li .li2 .wenzi{ margin-top:20px; transform:translateY(-10px); transition:all .5s ease;}

.dzlist3 ul li .li2 .wenzi h3 { font-size: 24px; color: #1699A3; }

.dzlist3 ul li .li2 .wenzi span { display: block; color: #6B6B6B; font-size: 16px; margin-top: 5px; }

.dzlist3 ul li .li2 { opacity:0; visibility:hidden; transition:all .5s ease;}

.dzlist3 ul li:hover .li1 { opacity:0; visibility:hidden;}

.dzlist3 ul li:hover .li2 { opacity:1; visibility:visible; }

.dzlist3 ul li:hover .li2 .wenzi{ transform:translateY(0px);}

.dzlist3 ul li.cur .li1 { opacity:0; visibility:hidden;}

.dzlist3 ul li.cur .li2 { opacity:1; visibility:visible;}

.dzlist3 ul li:cur .li2 .wenzi{ transform:translateY(0px);}
 @media screen and (max-width: 760px) {

.dzlist3 ul li { width: calc(100% / 2); float: left; text-align: center; }

.dzlist3 .line { display: none; }
}

.pro .left { width: 22%; }

.pro .left .h3 { color: #3C3C3C; font-size: 30px; margin-bottom: 50px; }

.pro .right { width: 73%; }

.pro .left ul li .litop { position: relative; }

.pro .left ul li .litop h3 { font-size: 24px; color: #3C3C3C; font-weight: normal; }

.pro .left ul li .litop em { position: absolute; right: 45px; top: 2px; }

.pro .left ul li .litop em.on { transform: rotate(270deg); }

.pro .left ul li .litop em { transform: rotate(90deg); transition: all .3s; display: block; cursor: pointer; font-style: normal; }

.pro .left ul li .litop em:after { content: '>'; font-family: simsun; font-size: 20px; text-align: center; display: block; color: #3C3C3C; }

.pro .left ul { border-left: 1px solid #DBDBDB; /* padding-left: 20px; */ }

.pro .left ul .litop { margin-bottom: 20px;padding-left: 20px; }
.pro .left ul dl{padding-left: 20px;}
.pro .left ul li.cur2 .litop h3 a { color: #1699A3; }
.pro .left ul li.cur2 .litop{/* border-left: 4px solid #1699A3; */}
.pro .left ul li.cur2 .litop em:after{color: #1699A3;}
.pro .left ul li dl dd.cur3 a{color: #1699A3;}

.pro .left ul li dl { display: none; }

.pro .left ul li dl dd { font-size: 16px; color: #3C3C3C; margin-bottom: 10px; }

.pro .left ul li dl dd a { color: #505050; }

.pro .left ul li dl dd:hover a { color: #1699A3; }

.pro .left ul li { margin-bottom: 50px; }

.pro .right ul li { width: calc((100% - 130px) / 3); float: left; margin-right: 50px; padding:  15px;    margin-top: 20px; }

.pro .right ul li:nth-child(3n) { margin-right: 0; }

.pro .right ul li a{display: block;}
.pro .right ul li:hover a { box-shadow: 0 0 10px #ccc; }

.pro .right ul li .limain { padding: 20px 50px; }

.pro .right ul li .limain .imgarea { text-align: center; padding: 15px 0;border-bottom: 0px solid #ADADAD;margin: 0 20px;}

.pro .right ul li:hover  .imgarea{opacity: 0.6;}

.pro .right ul li .wenzi{border-top: 1px solid #ADADAD;min-height: 150px;}

.pro .right ul li .wenzi .wtop {  margin-top: 30px; position: relative; }

.pro .right ul li .wenzi .wtop h3 { margin: 20px 0; color: #3C3C3C; font-size: 20px; font-weight: normal; }

.pro .right ul li .wenzi .wtop em { position: absolute; right: 0; top: 0px; }

.pro .right ul li .wenzi .wtop em { transform: rotate(0deg); transition: all .3s; display: block; cursor: pointer; font-style: normal; }

.pro .right ul li .wenzi .wtop em:after { content: '>'; font-family: simsun; font-size: 20px; text-align: center; display: block; color: #3C3C3C; }

.pro .right ul li .wbottom { color: #4E4E4E; font-size: 16px; }

.pro .right ul li:hover .wenzi .wtop em:after { color: #1699A3; }
.pro .left ul li.cur2 .litop{position: relative;}
.pro .left ul li.cur2 .litop:after{height: 100%;width: 4px;background: #0098A2;position: absolute;left: -1.5px;top: 0;bottom: 0;z-index: 9;content: '';}
.pro .right ul li:hover .wtop h3 { color: #1699A3; }
.pro .right ul li{transition: all 0.5s; overflow: hidden;}
/* .pro .right ul li .limain{transition: all 0.5s;}
.pro .right ul li:hover .limain{ transform: scale(1.1);} */
.pro .right ul li img { /* transition: all 0.5s; */ height: 300px; }

.pro .right ul li:hover img { /* transform: scale(1.1); */ }
 @media screen and (max-width: 760px) {

.pro .left { width: 22%; display: none; }

.pro .right { width: 100%; }

.pro .right ul li { width: 100%; float: left; margin-right: 0; }

.pro .right ul li .limain { padding: 20px; }
}

.tabli { display: none; }

.prodetail .protop { border-bottom: 1px solid #ADADAD; line-height: 60px; color: #3B3B3B; margin-bottom: 80px }

.prodetail .protop .ptleft { width:;
}

.prodetail .protop .ptleft ul li { display: inline-block; margin-right: 80px; padding: 0 25px; font-size: 20px; cursor: pointer; }

.prodetail .protop .ptleft ul li.cur { border-bottom: 2px solid #1699A3; }

.prodetail .protop .ptright { font-size: 20px; }

.prodetail .protop .ptright a { color: #3B3B3B; display: inline-block; padding-left: 30px; }

.prodetail .protop .ptright span { display: inline-block; margin: 0 20px; }

.prodetail .tleft { width: 45%; }

.prodetail .tleft .h3 { color: #3B3B3B; font-size: 38px; font-weight: bold; }

.prodetail .tleft .h4 { margin: 30px 0; color: #1699A3; font-size: 38px; }

.prodetail .tleft .line { width: 60px; height: 2px; background: #1699A3; margin-bottom: 40px; }

.prodetail .tleft .des { font-size: 20px; line-height: 2; color: #4D4D4D; }

.prodetail .tright { width: 55%; }

.prodetail .tright .imgarea { position: relative; }

.prodetail .tright .videobtn { cursor: pointer; position: absolute; right: 0; top: 0; width: 40px; text-align: center; padding: 10px 0; background: #1699A3; font-size: 18px; color: #fff; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }

.videoarea { display: none; ; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 999; background: rgba(0, 0,0,0.5); }

.videoarea .vmain { max-width: 100%; margin: 2% auto; position: relative; }

.videoarea video { width: 100%; max-height: 90vh; }

.videoarea .vmain .vclose { position: absolute; right: 10px; top: 10px; z-index: 99; }

.btnlist a { display: inline-block; padding: 0 40px; color: #1699A3; border: 1px solid #1699A3; line-height: 60px; margin-right: 50px; font-size: 20px; }

.btnlist a:hover { background: #1699A3; color: #fff; }
 @media screen and (max-width: 760px) {

.prodetail .tleft { width: 100%; }

.prodetail .tright { width: 100%; }

.prodetail .tleft .h3 { color: #3B3B3B; font-size: 20px; font-weight: bold; }

.prodetail .tleft .h4 { margin: 20px 0; color: #1699A3; font-size: 24px; margin-top: 5px; }

.prodetail .protop .ptleft ul li { display: inline-block; margin-right: 2px; padding: 0 5px; font-size: 16px; cursor: pointer; }

.prodetail .protop .ptleft ul li.cur { border-bottom: 2px solid #1699A3; }

.prodetail .protop .ptright { width: 100%; }

.prodetail .protop .ptright { font-size: 16px; }

.prodetail .tleft .des { font-size: 16px; }

.prodetail .tright img { height: auto !important; }

.btnlist a { display: block; padding: 0px; color: #1699A3; border: 1px solid #1699A3; line-height: 60px; margin-right: 0px; font-size: 16px; text-align: center; margin-bottom: 10px; }

.videoarea .vmain { max-width: 100%; margin: 15% auto; position: relative; }
}

.protit { border-bottom: 2px solid #ADADAD; line-height: 60px; margin-bottom: 40px; }

.protit h3 { font-size: 30px; color: #3B3B3B; }

.protit .line { height: 2px; background: #1699A3; width: 30px; }

.prodetail2 .litop .litopleft h3 { color: #4B4B4B; font-size: 20px; font-weight: normal; }

.prodetail2 ul li:nth-child(2n) .litop { background: #F6F6F6; }

.prodetail2 ul li .libottom { display: none; }

.prodetail2 ul li dl { margin: 30px 0; }

.prodetail2 ul li dl dd { width: calc((100% - 20px)/3); margin-right: 10px; margin-bottom: 10px; float: left; text-align: center; }

.prodetail2 ul li dl dd:nth-child(3n) { margin-right: 0; }

.prodetail2 ul li dl dd .ddmain { border: 2px solid #EDEDED; border-radius: 10px; overflow: hidden; }

.prodetail2 ul li dl dd .wenzi { line-height: 50px; background: #DDDDDD; font-size: 18px; color: #4E4E4E; }

.prodetail2 ul li dl dd h3 { font-weight: normal; }

.prodetail2 .litop { line-height: 60px; padding: 0 1%; }

.prodetail2 .litop .icon { color: #929292; font-size: 40px; }

.prodetail2 .litop .icon2 { display: none; font-size: 50px; }

.prodetail2 ul li.cur .litop .litopleft h3 { color: #1699A3; }
 @media screen and (max-width: 760px) {

.prodetail2 ul li dl dd { width: 100%; margin-right: 0; margin-bottom: 10px; float: left; text-align: center; }

.prodetail2 ul li dl dd:nth-child(3n) { margin-right: 0; }
}

.con4 { padding: 150px 0; padding-bottom: 250px; }

.con4 .wapper{ width:100%; max-width:100%; padding:0 120px 0 6.25vw; box-sizing:border-box;}

.con4 .left { width: 40%; }

.con4 .left .box1{ min-height:445px;}

.con4 .left .h3 { font-size: 42px; color: #1699A3; font-weight: bold; margin-top:30px;}

.con4 .left .h4 { font-size: 52px; color: #000; margin-top: 46px; font-weight: bold; }

.con4 .left .des { margin: 50px 0 90px; font-size: 18px; color: #666666; line-height: 2; }

.con4 .left .list ul li {
width:; display: inline-block; padding-right: 4vw; }

.con4 .left .list ul li h3 span { font-size: 38px; color: #1699A3; }

.con4 .left .list ul li h3 { font-size: 16px; color: #1699A3; }

.con4 .left .list ul li h4 { font-weight: normal; font-size: 18px; color: #666; }

.con4 .left .more { margin-top: 60px; }

.con4 .left .more a { display: inline-block; padding: 0 30px; background: #1699A3; color: #fff; line-height: 40px; font-size: 16px; }

.con4 .right2{ float:right; width:58.2%; margin-top:45px;}
 @media screen and (max-width: 1720px) {
.con4{ background-size:1000px auto !important; padding-top:135px; padding-bottom:320px;}
.con4 .left .box1{ min-height:365px;}
.con4 .left .h3{ font-size:24px; margin-top:0;}
.con4 .left .h4{ font-size:28px; margin-top:10px;}
.con4 .left .des{ margin:20px 0;}
.con4 .left .list ul li h3 span{ font-size:20px;}
.con4 .left .more{ margin-top:20px;}
}
 @media screen and (max-width: 760px) {

.con4 { background: none !important; padding: 50px 0; padding-bottom: 50px; }

.con4 .left { width: 100%; margin-bottom: 20px; }

.con4 .left .box1{ min-height:0px;}

.con4 .right { width: 100%; }
}

.con3 { background: #f2f2f2; padding-bottom: 150px; position: relative; }

.c3tit { margin-bottom: 60px; }

.c3tit .h3 { font-size: 42px; color: #1699A3; margin-bottom: 20px; font-weight: bold; }

.c3tit .c3titleft { font-size: 52px; color: #000; margin-top: 10px; line-height: 60px; font-weight: bold; }

.c3tit .crtitright { line-height: 60px; }

.c3tit .crtitright a { font-size: 14px; }

.con3 .imgimg { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; }

#certify { position: relative; width: 1420px; margin: 0 auto }

#certify .swiper-slide { width: 600px; background: #fff; position: relative; }

#certify .swiper-slide img { display: block; }

#certify .swiper-button-prev { left: 0px; width: 45px; height: 45px; background: url(../images/left.png) no-repeat; background-size: 100%; }

#certify .swiper-button-next { right: 0px; width: 45px; height: 45px; background: url(../images/right.png) no-repeat; background-size: 100%; }

#certify .swiper-slide .imgarea { position: relative; overflow: hidden; }

#certify .swiper-slide .imgarea .wenzi { position: absolute; left: 0; right: 0; bottom: 0; z-index: 999; padding: 1% 3%; }

#certify .swiper-slide .imgarea img { transition: all 0.5s; }

#certify .swiper-slide .imgarea:hover img { transform: scale(1.01); }

#certify .swiper-slide .imgarea .wenzi .h3 { font-size: 30px; color: #fff; }

#certify .swiper-slide .imgarea .wenzi .des { font-size: 18px; color: #fff; margin: 5px 0; }

#certify .swiper-slide .imgarea .wenzi a { font-size: 14px; color: #fff; }

#certify .swiper-slide .imgarea .wenzi { display: none; }

#certify .swiper-slide-active .imgarea .wenzi { display: block; }

#certify .swiper-slide-active .bgbgbgb { display: none; }

#certify .bgbgbgb { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 9; background: rgba(0, 0,0,0.3); }

.ab .swiper-slide .imgarea { position: relative; overflow: hidden; }

.ab .swiper-slide .imgarea .wenzi { position: absolute; left: 0; right: 0; bottom: 0; z-index: 999; padding: 3%; }

.ab .swiper-slide .imgarea img { transition: all 0.5s; }

.ab .swiper-slide .imgarea:hover img { transform: scale(1.01); }

.ab .swiper-slide .imgarea .wenzi .h3 { font-size: 24px; color: #fff; }

.ab .swiper-slide .imgarea .wenzi .des { font-size: 18px; color: #fff; margin: 20px 0; }

.ab .swiper-slide .imgarea .wenzi a { font-size: 14px; color: #fff; }
 @media screen and (max-width: 760px) {

.c3tit .crtitright a { display: none; }

.con3 { padding-bottom: 50px; }
}

.c2tit { text-align: center; margin-bottom: 80px; }

.c2tit h4 { font-size: 24px; color: #616161; font-weight: normal; }

.c2tit h3 { font-size: 30px; color: #222; font-weight: normal; }

.con2 .left { width: 48%; }

.con2 .right { width: 48%; }

.con2 .left h3 { color: #616161; font-size: 16px; font-weight: normal; }

.con2 .left h4 { color: #1699A3; font-size: 24px; margin-bottom: 20px; }

.con2 .left ul li { font-size: 24px; color: #616161; }

.con2 .left ul li span { color: #1699A3; }

.con2 .left ul { margin-bottom: 20px; }

.con2 .left .dz a { display: inline-block; padding: 0 30px; background: #1699A3; line-height: 60px; color: #fff; font-size: 20px; }

.banner .swiper-slide { position: relative; }
.banner .swiper-slide>img{ display:block;}

.banner .swiper-slide .wenzi { position: absolute; top: 32%; left: 6.5%; z-index: 99;/* transform: translateY(-50%); */ }

.banner .swiper-slide .wenzi h3 { font-size: 56px; color: #1699A3; }

.banner .swiper-slide .wenzi span { display: block; color: #222; font-size: 24px; margin: 40px 0; margin-bottom: 180px; }

.banner .swiper-slide .wenzi a { display: inline-block; padding: 0 30px; background: #1699A3; line-height: 55px; color: #fff; font-size: 20px; border-radius: 5px; }

.banner .swiper-slide .imgarea { position: absolute; right: 12%; bottom: 0%; z-index: 99; top: 0; width: 50%; text-align: center; }

.banner .swiper-slide .imgarea img { position: absolute; top: 50%; transform: translateY(-50%); right: 0; max-width:100%; max-height:100%;}

.banner .swiper-pagination-bullet { width: 40px; height: 4px; display: inline-block; border-radius: 0px; background: #1699A3; opacity: .2; }

.banner .swiper-pagination-bullet-active { opacity: 1; background: #1699A3; }

.banner .s1 .imgarea { position: absolute; right: 0%; bottom: 0%; z-index: 99; top: 0; width: 50%; text-align: center; }
 @media screen and (max-width: 760px) {

.con2 .left { width: 100%; }

.con2 .right { width: 100%; }
}

.series-list { position: relative; /* padding-top: 50px; */
z-index: 2; }

.series-list .wapper { margin: 0 auto; overflow: hidden; padding: 30px 0 }

.series-list .wapper ul { margin: 0; overflow: hidden; padding: 0 }

.series-list .wapper ul li { text-align: center; width: 280px; float: left }

.series-list p { font-size: 14px; }

.series-list .wapper ul li p { margin-top: 20px; font-size: 16px; }

.series-list .scroll { /* border-bottom: solid 1px #d9d9d9; */
height: 19px; width: 100%; position: relative }

.series-list .scroll .frame { position: relative; margin: 0 auto; width: 1400px }

.series-list .drag { cursor: pointer; width: 100px; height: 32px; background-color: #2575d5; border-radius: 15px; position: absolute; top: 0; margin-left: -50px; line-height: 32px; text-align: center }

.series-list .drag>img { vertical-align: -1px }

.series-list .drag .mouted { position: absolute; left: 50%; margin-left: -5.5px; top: 8px; -webkit-animation: mouted linear 2s infinite; animation: mouted linear 2s infinite }

.series-list .swiper-slide { text-align: center; }

.series-list-container img { max-width: 120px; height: 65px; }

.series-list .series-list-container { padding-bottom: 70px; }

.series-list .series-scrollbar { height: 0; border-top: 1px solid #ddd; background: none; padding-bottom: 18px; cursor: pointer; border-radius: 0; }

.series-list .swiper-scrollbar-drag { background: url(../images/series-scrollbar-btn.png) center no-repeat; background-size: 100px auto; height: 32px; margin-top: -18px; }

.series-list:after { content: ''; position: absolute; left: 0; width: 100%; height: 1px; background: #ddd; bottom: 56px; }
 @-webkit-keyframes 
mouted {  0% {
 top: 8px
}
 25% {
 top: 6px
}
 75% {
 top: 10px
}
 100% {
 top: 8px
}
}
 @keyframes 
mouted {  0% {
 top: 8px
}
 25% {
 top: 6px
}
 75% {
 top: 10px
}
 100% {
 top: 8px
}
}

.wid25 { width: 25%; }

.zhutit { margin-bottom: 20px; }

.zhutit h3 { font-size: 30px; color: #000; border-bottom: 1px solid #ccc; line-height: 60px; }

.label3 span { display: block; font-size: 18px; color: #000; margin-bottom: 15px; }

.label3 span strong {
color:; font-size: 14px; }

.label3 { margin-bottom: 15px; }

.label3 input { border: 1px solid #F0F0F0; line-height: 40px; font-size: 16px; width: 100%; }

.label3 textarea { background: none; outline: none; border: 0; border: 1px solid #D8D8D8; width: 100%; font-size: 16px; }

.label3 a { font-size: 20px; display: inline-block; text-align: center; color: #fff; background: #1699A3; line-height: 40px; border-radius: 5px; padding: 0 30px; }

.mar20 { margin: 0 20px; }
 @media screen and (max-width: 760px) {

.mar20 { margin: 0; }

.wid25 { width: 100%; }
}

.dxtit { margin-bottom: 54px; }

.dxtit h3 { font-size: 28px; color: #3C3C3C; margin-bottom: 20px; }

.dxtit .line { width: 36px; background: #0098A2; height: 3px; }

.dx ul li { width: calc((100% - 60px)/4); margin-right: 20px; margin-bottom: 20px; float: left; }

.dx ul li:nth-child(4n) { margin-right: 0; }

.dx ul li .limain { border: 1px solid #131313; }

.dx ul li .wenzi h3 { font-weight: normal; font-size: 30px; padding: 30px 0; text-align: center; color: #121212; }
 @media screen and (max-width: 760px) {

.dx ul li { width: 100%; margin-right: 0; margin-bottom: 20px; float: left; }

.dx ul li:nth-child(4n) { margin-right: 0; }

.dx ul li .wenzi h3 { font-weight: normal; font-size: 18px; padding: 15px 0; text-align: center; color: #121212; }
}

.rfix ul li .imgarea img { max-width: 60px }

.rfix { position: fixed; right: 0; bottom: 15%; z-index: 99; box-shadow: 0 0 10px #ccc;}

.rfix ul li { background: #fff; border-bottom: 2px solid #EBEBEB; text-align: center; padding: 10px; position: relative; }
.rfix ul li:hover{background: #0098A2;}
.rfix ul li h3 { font-weight: normal; color: #1799a4; }
.rfix ul li:hover h3{color: #fff;}
.rfix ul #goToTop a { display: block; width: 56px; height: 56px; }
.rfix ul li:hover .img1{display: none;}
.rfix ul li:hover .img2{display: inline-block;}
.rfix ul li .img2{display: none;}
.rfix ul #goToTop .img2{display: none;}
.rfix ul #goToTop:hover .img1{display: none;}
.rfix ul #goToTop:hover .img2{display: inline-block;}
.rfix ul li .ewmarea { position: absolute; top: 0; right: 76px; display: none; }

.rfix ul li:hover .ewmarea { display: block; }

.rfix ul li .ewmarea img { width: 200px; max-width: 200px; }