body{font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:12px; color:#666;width:expression(document.body.clientWidth <= 1200? "1200px": "auto"); min-width:1200px;}

a{ transition:all 0.3s; text-decoration:none;}

a:hover{ text-decoration:none;}

.wrap{ width:1200px; margin:0 auto}



img{ max-width:100%;}

.header{ width:100%; position:relative}

a.logo{ display:inline-block; width:208px; height:90px; float:left}

.nav{ float:left; /*width:665px; */padding:35px 0 0 165px;}

.nav li{ display:inline-block; float:left; margin:0 17px; position:relative; line-height:25px; padding-bottom:30px}

a.navlink{ display:inline-block; line-height:25px; color:#333; font-size:16px; position:relative;}

a.navlink:hover,.nav li.now a.navlink{ color:#38b283}

.navbg{ background:rgba(56,178,131,0.7); width:100%; height:50px; position:absolute; left:0; top:90px; display:inline-block; z-index:10; display:none}

.icon2{ background:url(../images/icon2.png) no-repeat center center; display:none; width:14px; height:9px; position:absolute; left:50%; margin-left:-7px; top:46px;}

.subnav{ width:1000px; text-align:center; position:absolute; left:50%; margin-left:-500px; top:55px; z-index:20; display:none}

.subnav span{ display:inline-block; color:#fff; font-size:16px; line-height:50px; padding:0 25px;}

.subnav a{ color:#fff; display:inline-block; line-height:50px; font-size:16px;}

.headerr{ float:right; text-align:right; color:#666; font-size:14px; padding-top:35px; position:relative}

.headerr a{ color:#666; font-size:14px; display:inline-block; line-height:25px;}

.headerr a:hover{color:#38b283}

.sswrap{ position:absolute; top:0; right:30px; display:none; background:#38b283; padding:22px 20px;}

.ssbox{ background:#fff; height:46px; width:425px;}

.ss_input{ float:left; width:375px; height:46px; border:none; box-sizing:border-box; padding:0 10px;font-family:"\5FAE\8F6F\96C5\9ED1"; color:#666; font-size:16px;}

.ss_btn{ background:url(../images/icon1.png) no-repeat center center; float:right; border:none; width:50px; height:46px; cursor:pointer}





a.icon1{ background:url(../images/icon1.png) no-repeat center 5px; display:inline-block; width:25px; height:25px; vertical-align:middle; margin-left:10px}

.sbaner{ width:100%; height:410px; position:relative}

.img1{ background:url(../images/img1.jpg) no-repeat center center}

.img10{ background:url(../images/img10.jpg) no-repeat center center}

.sbm{ width:1200px; margin:0 auto; height:410px;}

.sbmm{ width:1200px; height:410px; display:table-cell; vertical-align:middle; text-align:center}

.sbmm h2{ color:#fff; font-size:40px; line-height:50px; margin-bottom:20px; text-shadow:0 0 10px rgba(0,0,0,0.2)}

.sbmm span{ display:inline-block; background:#fff; width:45px; height:5px; box-shadow:0 0 10px rgba(0,0,0,00.1)}

.menu{ background:#fff; border-top:4px solid #38b283; height:66px; line-height:66px; text-align:center; color:#333; font-size:18px; box-shadow:0 0 15px rgba(0,0,0,0.1); position:relative; z-index:10}

.menu span{ display:inline-block; line-height:66px; color:#333; font-size:18px; padding:0 28px;}

.menu a{ color:#333; font-size:18px; display:inline-block; line-height:66px;}

.menu a:hover{color:#38b283}

.icon3{ background:url(../images/icon3.jpg) repeat}

.weizhi{ background:url(../images/icon4.png) no-repeat left center; padding:20px 0 20px 25px; height:35px; line-height:35px; color:#999; font-size:15px;}

.weizhi a{ color:#999}

.weizhi a:hover{color:#38b283}

.zdcp{}

.zdcp li{ background:#fff; margin-bottom:20px;}

.zdcpl{ float:left; width:260px; height:260px; position:relative}

.zdcplm{ width:260px; height:260px; display:table-cell; vertical-align:middle; text-align:center;}

.zdcplm img{ max-width:260px; max-height:260px;}

.icon6{ background:url(../images/icon6.png) no-repeat center center; display:inline-block; width:24px; height:24px; position:absolute; right:0; bottom:0;}

#imgbox-loading {position: absolute;top: 0;left: 0;background: url(../images/imgbox-spinner.gif) center center no-repeat;cursor: pointer;display: none;z-index: 90;}



#imgbox-loading div {background: #FFF;width: 100%;height : 100%;}

#imgbox-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;display: none;z-index: 80;}

.imgbox-wrap {position: absolute;top: 0;left: 0;backgrund: #FFF;

display: none;z-index: 90;}

.imgbox-img {padding: 0;margin: 0;border: none;width: 100%;height: 100%;vertical-align: top;}

.imgbox-close {position: absolute;top: -15px;right: -15px;height: 30px;width: 30px;background: url(../images/imgbox-close.png) top left no-repeat;cursor: pointer;

outline: none;}

.imgbox-title {padding-top: 10px;font-size: 11px;text-align: center;font-family: Arial;color: #333;display: none;}

.imgbox-bg-wrap {position: absolute;padding: 0;margin: 0;display: none;}

.imgbox-bg {position: absolute;width: 20px;height: 20px;}

.imgbox-bg-n {left: 0;top: -20px;width: 100%;background: url(../images/imgbox-bg-n.png) repeat-x;}

.imgbox-bg-ne {right: -20px;top: -20px;background: url(../images/imgbox-bg-ne.png) no-repeat;}

.imgbox-bg-e {right: -20px;top: 0;height: 100%;background: url(../images/imgbox-bg-e.png) repeat-y;}

.imgbox-bg-se {right: -20px;bottom: -20px;background: url(../images/imgbox-bg-se.png) no-repeat;}

.imgbox-bg-s {left: 0;bottom: -20px;width: 100%;background: url(../images/imgbox-bg-s.png) repeat-x;}

.imgbox-bg-sw {left: -20px;bottom: -20px;background:url(../images/imgbox-bg-sw.png) no-repeat;}

.imgbox-bg-w {left: -20px;top: 0;height: 100%;background: url(../images/imgbox-bg-w.png) repeat-y;}

.imgbox-bg-nw {left: -20px;top: -20px;background: url(../images/imgbox-bg-nw.png) no-repeat;}

.zdcpr{ float:left; width:940px; background:url(../images/icon7.jpg) repeat-y left top #fff; padding:10px 20px 30px 35px; box-sizing:border-box; position:relative}

.zdcprt{ border-bottom:1px solid #f4f4f4; padding-bottom:10px;}

.zdcprt b{ display:inline-block; line-height:40px; color:#444; font-size:18px;}

a.smh{ display:inline-block; height:40px; line-height:40px; padding:0 10px; background:#38b283}

a.smh span{ background:url(../images/icon5.png) no-repeat left center; display:inline-block; padding-left:25px; line-height:40px; color:#fff; font-size:16px;}

a.cpcy{ display:inline-block; height:40px; line-height:40px; padding:0 10px; background:#4a9eda}

a.cpcy span{ background:url(../images/icon5.png) no-repeat left center; display:inline-block; padding-left:25px; line-height:40px; color:#fff; font-size:16px;}

.zdcprm{ line-height:28px; color:#666; font-size:16px; padding:15px 0 0; min-height:155px;}

a.cwdl{ display:inline-block; height:40px; line-height:40px; padding:0 10px; background:#38b283}

a.cwdl span{ background:url(../images/icon12.png) no-repeat left center; display:inline-block; padding-left:25px; line-height:40px; color:#fff; font-size:16px;}





.footer{ background:#fff; border-top:2px solid #d5d5d5; padding:45px 0 0}

.footert{ padding-bottom:35px; border-bottom:1px solid #e5e5e5;}

.footertl{ float:left; width:300px; text-align:center; position:relative; color:#666; font-size:15px; line-height:25px;}

.footertl img{ vertical-align:top}

.footertl span{ display:inline-block; width:1px; height:90px; position:absolute; right:0; top:50%; margin-top:-45px; background:#e5e5e5}

.footertr{ float:right; width:250px; padding:5px 0 0}

.footertrr{ width:120px; text-align:center; color:#666; font-size:15px; line-height:25px;}

.footertrr a{ display:inline-block; height:36px; border-radius:18px; padding:0 15px; background:#38b283}

.footertrr a span{ background:url(../images/icon9.png) no-repeat left center; display:inline-block; line-height:36px; padding-left:20px; color:#fff; font-size:16px;}

.footerb{ line-height:52px; text-align:center; color:#666; font-size:15px;}

.tcbg{ display:none; background:#000; width:100%; height:100%; position:fixed; left:0; top:0; z-index:1000; opacity:0.5}

.xzxz{ display:none; background:#fff; width:416px; border-radius:10px; position:fixed; left:50%; top:50%; height:268px; margin:-134px 0 0 -208px; box-sizing:border-box; z-index:1001; padding:40px 0 0; text-align:center}

.xzxztxt{ display:inline-block; line-height:35px; font-size:16px; vertical-align:middle}

.chk{ display: none; } 

.chk + label { background:url(../images/icon11a.png) no-repeat center center; width:16px; height:16px; display:inline-block; vertical-align:middle} 

.chk + label:active { background:url(../images/icon11b.png) no-repeat center center;} 

.chk:checked + label {background:url(../images/icon11b.png) no-repeat center center;}

.chk:checked + label + span,.chk + label:active +span{ color:#38b283}

.btn100{ background:#38b283; width:100px; height:40px; text-align:center; color:#fff; border:none; font-size:16px; cursor:pointer;font-family:"\5FAE\8F6F\96C5\9ED1";}

.icon10{ background:url(../images/icon10.png) no-repeat center center; width:20px; height:20px; display:inline-block; cursor:pointer; position:absolute; top:20px; right:20px;}

.zdcprm2{ line-height:25px; color:#666; font-size:16px; padding:15px 0 0;height:150px; overflow:hidden}

.icon13a{ background:url(../images/icon13a.png) no-repeat right center; display:inline-block; padding-right:20px; color:#38b283; font-size:16px; position:absolute; right:20px; bottom:20px; cursor:pointer}

.icon13b{ background:url(../images/icon13b.png) no-repeat right center; display:none; padding-right:20px; color:#38b283; font-size:16px; position:absolute; right:20px; bottom:20px; cursor:pointer}

.sqdl{ width:700px; background:#fff; border-radius:15px; position:fixed; left:50%; top:50%; margin-top:-290px; margin-left:-350px; z-index:1001; box-sizing:border-box; padding:0 25px; display:none}

.sqdl h2{ text-align:center; color:#333; font-size:28px; border-bottom:1px solid #eee; margin-bottom:30px; line-height:60px;}

.sqdlm{  height:380px; overflow:auto}

.sqdlml{ display:inline-block; width:160px; box-sizing:border-box; padding-right:10px; text-align:right; line-height:35px; color:#666; font-size:16px; float:left}

.sqdlr{ float:left; width:400px; line-height:30px; color:#666; font-size:16px;}

.sqdl_input{ border:1px solid #eee; height:35px; line-height:33px; padding:0 10px; box-sizing:border-box;  color:#666; font-size:14px;font-family:"\5FAE\8F6F\96C5\9ED1"; width:400px}

.chk2{ display: none; } 

.chk2 + label { border:1px solid #eee; width:14px; height:14px; display:inline-block; vertical-align:middle} 

.chk2 + label:active { background:url(../images/icon14.png) no-repeat center center}

.chk2:checked + label {background:url(../images/icon14.png) no-repeat center center}

.chk2 + label+span{ vertical-align:middle; display:inline-block; line-height:30px;}

.sqdl_text{ border:1px solid #eee; height:100px;  padding:10px; box-sizing:border-box; width:100%; color:#666; font-size:14px;font-family:"\5FAE\8F6F\96C5\9ED1"; width:400px; line-height:25px;}

.sqdl_select{ border:1px solid #eee; height:35px; line-height:33px; padding:0 0 0 10px; box-sizing:border-box;  color:#666; font-size:14px;font-family:"\5FAE\8F6F\96C5\9ED1"; width:128px}

.img4{ background:url(../images/img4.jpg) no-repeat center center}

.ptgytl{ float:left; width:530px;}

.ptgytlt{ background:rgba(56,178,131,0.1); width:510px; height:170px; position:relative; margin:20px 0 0 20px; padding:40px 0 0 20px; box-sizing:border-box; color:#333; line-height:35px; font-size:22px;}

.ptgytlt span{ border:3px solid #38b283; width:318px; height:168px; position:absolute; left:-20px; top:-20px; z-index:10}

.ptgytr{ float:right; background:#fff; padding:3px; box-shadow:0 10px 15px rgba(0,0,0,0.1); width:640px;}

.ptlb{}

.ptlb li{ float:left; width:390px; height:300px; margin-right:15px; position:relative; overflow:hidden}

.ptlb li:nth-child(3){ margin-right:0}

.ptlb li img{ vertical-align:top; width:390px; height:300px; transition:all 0.3s}

.ptlb li:hover img{ transform:scale(1.1)}

.ptlb li p{ background:rgba(0,0,0,0.5); text-align:center; width:100%; position:absolute; left:0; bottom:0; z-index:10; color:#fff; font-size:22px; line-height:50px;}

.ptbox{ position:relative; background:url(../images/icon15.png) no-repeat center center; width:1200px; height:560px; box-sizing:border-box; padding:40px 50px 0 0}

.ptbox img{ border:2px solid #fff; float:right; box-shadow:0 10px 10px rgba(0,0,0,0.1)}

.ptl{  width:450px; min-height:600px; position:absolute; left:60px; top:-60px; padding:60px 35px 0; box-sizing:border-box; color:#fff; font-size:16px; line-height:28px;}

.ptl h2{ font-weight:bold; line-height:30px; margin-bottom:20px; font-size:22px;}

.tcsp{ background:#fff; width:600px; padding:5px; position:fixed; z-index:1001; left:50%; margin-left:-300px; top:50%; margin-top:-234px; display:none}

.tcsp span{ background:#fff; display:inline-block; background:url(../images/icon10.png) no-repeat center center #fff; border-radius:50%; cursor:pointer; position:absolute; top:-20px; right:-20px; width:40px; height:40px;}

.qyjs{}

.qyjs li{ float:left; width:288px; margin-right:16px; height:360px;}

.qyjs li:nth-child(4){ margin-right:0}

.qyjs li img{ vertical-align:top; width:288px; height:200px;}

.qyjsb{ padding:20px 15px 0; color:#fff; font-size:16px; line-height:28px;}

.qyjsb h2{ font-size:20px; line-height:35px;}

.ygfc{ width:1200px; overflow:hidden; position:relative}

.ygfc .swiper-slide{  margin-bottom:15px; box-sizing:border-box}

.ygfc .swiper-slide img{ border:1px solid #ddd;}

.ygfcb{ text-align:center; padding:15px 0 0}

.ygfcb .swiper-pagination-bullet{ width:10px; height:10px; border:1px solid #838383; border-radius:50%; margin:0 3px; background:none}

.ygfcb .swiper-pagination-bullet-active{ background:#38b283; border:1px solid #38b283}

.qyry{ width:1200px; padding:30px 0 0; position:relative}



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

#certify .swiper-container{ padding-bottom:100px}

#certify  .swiper-slide {width: 520px;height: 370px; position:relative}

#certify  .swiper-slide img{display:block; box-shadow:0 0 20px rgba(0,0,0,0.3)}

.qyryb{ position:absolute; left:50%; width:900px; margin-left:-450px; top:400px; color:#666; font-size:16px; line-height:28px; display:none; text-align:center}

.qyryb h2{ font-size:18px; font-weight:bold; color:#333; line-height:25px; padding-bottom:10px;}

#certify  .swiper-slide-active .qyryb{ display:block}

.qyryl{ display:inline-block; width:50px; height:50px; position:absolute; left:0; top:50%; margin-top:-55px; background:url(../images/icon16.png) no-repeat center center; cursor:pointer}

.qyryr{ display:inline-block; width:50px; height:50px; position:absolute; right:0; top:50%; margin-top:-55px; background:url(../images/icon16.png) no-repeat center center; cursor:pointer; transform:rotate(180deg)}

.qyjsh{ /*background:#fff;*/ padding:30px 40px; color:#666; font-size:16px; line-height:30px;}

.qyjshb{ width:1110px; overflow:hidden; margin:0 auto}

.qyjshbb{ text-align:center; padding:20px 0 0}

.qyjshbb .swiper-pagination-bullet{ width:10px; height:10px; border:1px solid #838383; border-radius:50%; margin:0 3px; background:none}

.qyjshbb .swiper-pagination-bullet-active{ background:#38b283; border:1px solid #38b283}

.dsz{ background:url(../images/img16.jpg) no-repeat center center; height:480px; box-sizing:border-box; padding:0 40px 0 60px;}

.dszl{ float:left; width:715px; height:480px;}

.dszlm{ display:table-cell; vertical-align:middle; width:715px; height:480px; color:#666; font-size:16px; line-height:30px;}

.dszlm h2{ color:#333; font-size:28px; line-height:30px; margin-bottom:40px;}

.dszlm h2 span{ color:#999; font-size:18px;}

.dszr{ float:right; width:328px; height:480px;}

.dszrm{ display:table-cell; vertical-align:middle; width:328px; height:480px; }

.zjl{ padding:15px 0}

.zjl li{ background:#fff; padding:25px; color:#666; font-size:16px; line-height:28px; margin-bottom:10px}

.zjl li h2{ background:url(../images/icon17.png) no-repeat left bottom; line-height:25px; padding-bottom:15px; margin-bottom:10px; color:#333; font-size:22px;}

.zjl li h2 span{ color:#999; font-size:16px; padding-left:15px;}

.hsjb{ background:#fff;}

.hsjb h2{ font-weight:bold; color:#38b283; font-size:18px; line-height:25px;}

.hsjbl{ float:left; width:600px; padding:30px; box-sizing:border-box; color:#666; font-size:16px; line-height:28px;}

.hsjblb{ width:540px;position:relative; padding:15px 0 0}

.hsjblbm{ width:480px; margin:0 auto; overflow:hidden}

.hsjblbb{ text-align:center; padding:20px 0 0; }

.hsjblbb span{ display:inline-block; line-height:20px; color:#666; font-size:20px; padding:0; font-weight:bold; background:none; opacity:1; width:50px; height:20px; border-radius:0; cursor:pointer}

.hsjblbb span:hover{ color:#38b283}

.hsjbr{ float:left; background:url(../images/icon18.png) repeat-y left top; width:600px; box-sizing:border-box; padding:30px 35px;color:#666; font-size:16px; line-height:28px; height:616px}

.hsjbrm{ width:535px; /*height:360px;*/ position:relative; overflow:hidden}

.hsjbrmb{ text-align:center; padding:30px 0}

.hsjbrmbm{ display:inline-block;}

.hsjbrmbm span{ border:1px solid #ddd; background:#f6f6f6; color:#333; width:38px; height:38px; line-height:38px; text-align:center; margin:0 2px; font-size:14px; font-family:Arial; border-radius:0; opacity:1}

.hsjbrmbm span.swiper-pagination-bullet-active{ color:#fff; background:#38b283; border:1px solid #38b283}

.hsjbrmbml{ display:inline-block; height:38px; line-height:38px; padding:0 15px; color:#666; font-size:14px; font-family:Arial; border:1px solid #ddd; margin-right:10px; cursor:pointer}

.hsjbrmbml:hover,.hsjbrmbmr:hover{ color:#fff;background:#38b283; border:1px solid #38b283}

.hsjbrmbmr{ display:inline-block; height:38px; line-height:38px; padding:0 15px; color:#333; font-size:14px; font-family:Arial; border:1px solid #ddd; margin-left:10px; cursor:pointer}

.img19{ background:url(../images/img19.jpg) no-repeat center center}

.img21{ background:url(../images/img21.jpg) no-repeat center center}

.lxwmtl{ float:left; width:440px;}

.lxwmtl li{ background:#fff; margin-bottom:10px; height:118px; padding:0 30px 0 16px;}

.lxwmtlm{ width:390px; height:118px; display:table-cell; vertical-align:middle; color:#666; font-size:16px; line-height:30px;}

.lxwmtlm h2{ color:#333; font-size:18px; line-height:35px;}

.map{ float:right; width:725px; height:480px; border:10px solid #fff;}

.jtxl{}

.jtxl h2{ color:#fff; background:#38b283; font-size:20px; padding-left:20px; line-height:50px; margin-bottom:20px;}

.jtxl li{ background:#fff; margin-bottom:10px;}

.jtxll{ float:left; width:110px; height:110px;}

.jtxllm{ width:110px; height:110px; display:table-cell; vertical-align:middle; text-align:center; color:#fff; font-size:16px; line-height:30px;}

.jtxlr{ float:left; width:1090px; box-sizing:border-box; padding:0 25px; height:110px;}

.jtxlrm{ width:1040px; height:110px; vertical-align:middle; display:table-cell; color:#666; font-size:16px; line-height:30px;}

.jtxlb{ color:#da0000; font-size:20px; line-height:55px; text-align:center}

.xwzx{}

.xwzx li{ float:left; width:380px; margin:0 30px 25px 0; background:#fff; height:405px; cursor:pointer; transition:all 0.3s;}

.xwzx li:nth-child(3n){ margin-right:0}

.xwzx li:hover{ transform:translateY(-10px); box-shadow:0 0 15px rgba(0,0,0,0.2)}

.xwzx li img{ width:380px; height:230px; vertical-align:top}

.xwzxb{ padding:20px 20px 0; color:#999; font-size:15px; line-height:22px;}

.xwzxb h2 a{ color:#333; display:inline-block; line-height:30px; font-size:18px;}

.xwzxb p{ height:66px; padding:10px 0 15px; overflow:hidden}

.icon20a{ background:url(../images/icon20a.png) no-repeat left center; display:inline-block; line-height:22px; padding-left:20px; color:#bbb; font-size:14px;}

.icon20b{ background:url(../images/icon20b.png) no-repeat left center; display:inline-block; line-height:22px; padding-left:20px; color:#bbb; font-size:14px;}

.page{ text-align:center; color:#333; line-height:40px; font-size:14px;}

.page a{ display:inline-block; border:1px solid #ddd; background:#f5f5f5; height:38px; line-height:38px; width:38px; text-align:center; color:#333; font-size:14px; margin:0 2px;}

.page a:hover,.page a.now{ background:#38b283; border:1px solid #38b283; color:#fff;}

.page a.lr{ width:80px;}

.page_input{ border:1px solid #ddd; background:#fff; height:38px; line-height:38px; width:38px; text-align:center; color:#333; font-size:14px;}

.page_btn{border:1px solid #ddd; background:#f5f5f5;height:38px; padding:0 15px; color:#333; font-size:14px; cursor:pointer; vertical-align:middle}

.xwxq{ background:#fff; padding:0 40px 40px;}

.xwxqt{ padding:40px 0 25px; text-align:center; color:#999; font-size:16px;}

.xwxqt h2{ color:#333; font-size:30px; line-height:45px; padding-bottom:15px; text-align:center}

.xwxqm{ border-top:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5; padding:20px 0; color:#666; font-size:16px; line-height:30px; margin-bottom:10px;}

.xwxqm img{ /*max-width:100px; */height:auto}

.xwxqb{ height:60px; position:relative; line-height:30px; font-size:16px;}

a.fhlb{ border:2px solid #dcdcdc; display:inline-block; width:135px; height:36px; line-height:36px; text-align:center; color:#999; font-size:16px; position:absolute; right:0; top:50%; margin-top:-20px; border-radius:20px;}

.img23{ background:url(../images/img23.jpg) no-repeat center center}

.fldy{ background:#fff; padding:50px 0 55px;}

.fldyt{ text-align:center; color:#666; font-size:22px; line-height:30px;}

.fldym{ width:1120px; overflow:hidden}

.fldymb{ text-align:center; padding:20px 0 0}

.fldymb .swiper-pagination-bullet{ width:10px; height:10px; border:1px solid #111; border-radius:50%; margin:0 3px; background:none}

.fldymb .swiper-pagination-bullet-active{ background:#38b283; border:1px solid #38b283}

.job{ background:#fff; margin-bottom:12px; padding:0 20px;}

.jobt{ height:115px; position:relative}

.jobt b{ display:inline-block; line-height:115px; color:#eee; font-size:92px; text-align:left; float:left; width:120px; font-family:Arial}

.jobtl{ float:left; width:925px; height:115px;}

.jobtlm{ width:925px; height:115px; display:table-cell; vertical-align:middle; color:#999; font-size:16px; line-height:22px;}

.jobtlm h2{ color:#333; font-size:24px; line-height:30px; padding-bottom:10px;}

.icon22a{ display:inline-block; background:url(../images/icon22a.png) no-repeat right center; padding-right:25px; line-height:22px; color:#999; font-size:16px; position:absolute; right:0; bottom:25px; cursor:pointer}

.icon22b{display:none; background:url(../images/icon22b.png) no-repeat right center; padding-right:25px; line-height:22px; color:#999; font-size:16px; position:absolute; right:0; bottom:25px; cursor:pointer}

.jobb{ border-top:1px solid #eee; padding:25px 0 100px; position:relative; color:#666; font-size:16px; line-height:28px; display:none}

.jobb h2{ font-weight:bold; color:#333; font-size:16px; line-height:25px;}

.jobbl{ float:left; width:580px; border-right:1px solid #eee; box-sizing:border-box; padding-right:35px;}

.jobbr{ float:right; width:550px;}

a.icon21{ background:#eee; display:inline-block; width:140px; text-align:center; height:50px; line-height:50px; position:absolute; left:0; bottom:25px;}

a.icon21 span{ background:url(../images/icon21.png) no-repeat left center; display:inline-block; line-height:50px; color:#666; font-size:16px; padding-left:18px;}

a.tdjl{ display:inline-block; width:140px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:16px; position:absolute; left:610px; bottom:25px; background:#38b283}

.syheader{ position:absolute; width:100%; top:0; left:0; background:#fff; z-index:10}

.banner{  width:100%; padding-top:90px; box-sizing:border-box; background:#000; position:relative}

.bannert{  overflow:hidden; width:100%; height:100%}

.bannert .swiper-slide{ width:100%; height:300px;}

.bannerb{ width:1204px; position:absolute; z-index:20; left:50%; margin-left:-603px; bottom:0; overflow:hidden}

.bannerb .swiper-container{width:1204px; height:115px; overflow:hidden}

.bannerb .swiper-slide{ height:115px; width:301px; padding:0 3px; box-sizing:border-box}

.bicon{ width:295px; height:103px; padding:12px 0 0; display:table-cell; vertical-align:middle; text-align:left; background:url(../images/icon23a.png) repeat-x left center; cursor:pointer}

.bicon:hover,.bannerb .active-nav .bicon{background:url(../images/icon23b.png) repeat-x left center}

.biconm{ color:#fff; font-size:14px; line-height:20px; padding-left:60px; display:inline-block; margin-left:40px; text-transform:uppercase}

.biconm p{ color:#fff;}

.biconm h2{ font-size:18px; line-height:28px; margin-bottom:10px; color:#fff;}

.icon241{ background:url(../images/icon24a.png) no-repeat left center}

.icon242{ background:url(../images/icon24b.png) no-repeat left center}

.icon243{ background:url(../images/icon24c.png) no-repeat left center}

.icon244{ background:url(../images/icon24d.png) no-repeat left center}

.title{ text-align:center}

.title h2{ font-family:"Adobe Caslon Pro"; font-size:28px; text-transform:uppercase; line-height:30px; padding-bottom:15px;}

.title p{ background:url(../images/icon27.png) no-repeat center center; line-height:30px; color:#666; font-size:22px;}

.title2{ text-align:center}

.title2 h2{ font-family:"Adobe Caslon Pro"; font-size:28px; text-transform:uppercase; line-height:30px; padding-bottom:15px; color:#fff}

.title2 p{ background:url(../images/icon27b.png) no-repeat center center; line-height:30px; color:#fff; font-size:22px;}

.gywm{ padding:70px 0 0; width:1200px; margin:0 auto; position:relative}

.gywmr{ float:right; background:url(../images/icon26.png) no-repeat 540px 65px #fff; box-shadow:0 0 15px rgba(0,0,0,0.1); width:650px; height:485px; box-sizing:border-box; padding:0 40px 0 165px; position:relative}

.gywmrm{ width:445px; height:485px; display:table-cell; vertical-align:middle}

.gywmrm h2{ color:#38b283; font-size:20px; font-weight:bold; line-height:30px;}

.gywmrm p{ padding:30px 10px 35px 0; color:#666; font-size:16px; line-height:30px;}

.gywmrm a{ display:inline-block; border:1px solid #38b283; width:130px; height:40px; box-sizing:border-box; border-radius:20px; text-align:center}

.gywmrm a span{ background:url(../images/icon25.png) no-repeat right center; padding-right:45px; color:#666; font-size:15px; display:inline-block; line-height:38px;}

.gywml{ position:absolute; left:0; top:100px; width:670px; z-index:10}

.gywmlm{ float:right; width:630px; height:420px; overflow:hidden}

.gywmlml{ width:40px; height:110px; float:left; margin-top:180px;}

.gywmlml span{ display:inline-block; width:40px; height:55px; text-align:center; line-height:55px; color:#fff; font-family:"宋体"; font-size:20px; cursor:pointer; background:#38b283}

.gywmlml span:hover{ background:#1b9566}

.wmsp{ position:absolute; right:40px; bottom:35px; cursor:pointer}

.img30{ background:url(../images/img30.jpg) no-repeat center center; background-size:100% 100%}

.hxcp{ width:1200px; margin:0 auto; padding:65px 0 0}

.hxcp li{ float:left; background:#fff; height:220px; width:590px; margin:0 20px 13px 0;}

.hxcp li:nth-child(2n){ margin-right:0}

.hxcp li img{ float:left; width:220px; height:220px;}

.hxcpr{ float:left; width:370px; height:220px; box-sizing:border-box; padding:0 20px 0 40px; background:url(../images/icon28a.png) repeat-y left top #fff; cursor:pointer}

.hxcpr:hover{ background:url(../images/icon28b.png) repeat-y left top #20ad83}

.hxcprm{ display:table-cell; width:310px; height:220px; vertical-align:middle}

.hxcprm h2 a{ display:inline-block; color:#444; font-size:18px; line-height:30px;}

.hxcprm h2 span{ transition:all 0.3s; color:#ccc; font-size:16px; line-height:30px; display:inline-block}

.hxcprm p{transition:all 0.3s; color:#888; font-size:15px; line-height:24px; height:48px; padding:15px 0}

.hxcprm a.ljgd{ color:#999; font-size:15px; display:inline-block; line-height:22px;}

.hxcpr:hover .hxcprm h2 a{ color:#fff; font-weight:bold}

.hxcpr:hover .hxcprm h2 span,.hxcpr:hover .hxcprm p,.hxcpr:hover .hxcprm a.ljgd{ color:#fff;}

.jspt{ width:1200px; margin:0 auto; padding:70px 0 0}

.jspt li{ float:left; width:297px; margin-right:4px; height:460px; box-sizing:border-box; cursor:pointer; padding:70px 35px 0}

.jspt li:nth-child(4){ margin-right:0}

.jspt li h2{ background:url(../images/icon29.png) no-repeat left bottom; line-height:35px; padding-bottom:20px; color:#fff; font-size:28px; height:70px}

.jspt li p{ color:#fff; padding:20px 0; line-height:30px; font-size:16px; height:180px; opacity:0; transition:all 0.3s}

.jspt li a{ display:inline-block; border:1px solid #fff; width:130px; height:40px; box-sizing:border-box; border-radius:20px; text-align:center; opacity:0}

.jspt li a span{ background:url(../images/icon30.png) no-repeat right center; padding-right:45px; color:#fff; font-size:15px; display:inline-block; line-height:38px;}

.icon311{ background:url(../images/icon31a.png) no-repeat right bottom #6971c0}

.icon312{ background:url(../images/icon31b.png) no-repeat right bottom #d9b025}

.icon313{ background:url(../images/icon31c.png) no-repeat right bottom #38b283}

.icon314{ background:url(../images/icon31d.png) no-repeat right bottom #4a9eda}

.jspt li:hover p,.jspt li:hover a{ opacity:1}

.img33{ background:url(../images/img33.jpg) no-repeat center center; background-size:100% 100%}

.ldtd{ width:1200px; margin:0 auto; padding:150px 0 0}

.ldtdm{ background:rgba(255,255,255,0.1); width:100%; height:344px; position:relative; box-sizing:border-box; padding:25px 30px;}

.ldtdml{ float:left; background:url(../images/icon32.png) no-repeat center center; width:848px; height:294px; box-sizing:border-box; position:relative; z-index:10; padding:0 60px;}

.ldtdmlm{ width:728px; height:294px; display:table-cell; vertical-align:middle}

.ldtdmlm h2{ color:#bd363b; font-size:28px; line-height:30px;}

.ldtdmlm h2 span{ color:#666; font-size:18px; line-height:25px; padding-top:5px; display:inline-block; padding-left:10px;}

.ldtdmlm p{ color:#666; font-size:16px; line-height:30px; padding:20px 0; text-align:justify}

.ldtdmlm  a{ display:inline-block; border:1px solid #bd363b; width:130px; height:40px; box-sizing:border-box; border-radius:20px; text-align:center;}

.ldtdmlm  a span{ background:url(../images/icon33.png) no-repeat right center; padding-right:45px; color:#bd363b; font-size:15px; display:inline-block; line-height:38px;}

.ldtdmr{ position:absolute; right:25px; z-index:8; top:50%; margin-top:-202px;}

.xinw{ width:1200px; margin:0 auto; padding:55px 0 0}

.xinw li{ background:#fff; float:left; width:590px; height:140px; box-sizing:border-box; margin:0 20px 15px 0; cursor:pointer; transition:all 0.3s}

.xinw li:nth-child(2n){ margin-right:0}

.xinw li:hover{ box-shadow:0 0 20px rgba(0,0,0,0.1)}

.xinwl{ float:left; width:110px; height:140px;}

.xinwlm{ width:110px; height:140px; display:table-cell; vertical-align:middle; text-align:center; line-height:30px; color:#999; font-size:16px;}

.xinwlm h2{ color:#dcdcdc; font-size:60px; line-height:65px;}

.xinwr{ float:left; width:460px; height:140px;}

.xinwrm{ width:460px; height:140px; display:table-cell; vertical-align:middle}

.xinwrm p{ color:#999; font-size:15px; line-height:28px; height:56px}

.xinwrm h2 a{ color:#333; font-size:18px; display:inline-block; line-height:30px; padding-bottom:10px;}

.bjbj{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:300;}

.videovv{ display:none; position:fixed; top:50%; left:50%; margin-left:-600px; margin-top:-300px; width:1200px; height:600px; z-index:300;}

.close{ position: absolute; top: 50px; right: 150px; font-size: 150px; font-weight: bold; color: #fff; opacity: 0.5; cursor:pointer;}