@charset "utf-8";
/* CSS Document */
/* index */
.ind-load { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #f1f2f6; z-index:9999;visibility: visible;opacity: 1;filter: alpha(opacity=100);}
.ind-load.hids{visibility: hidden;opacity: 0;filter: alpha(opacity=0); transition:all .5s ease;}
.ind-load span { position: absolute; left: 50%; top: 50%; margin-left: -64px; margin-top: -53px; width: 128px; height: 106px; transform: perspective(1000); -moz-transform: perspective(1000); -o-transform: perspective(1000); -webkit-transform: perspective(1000);}
.ind-load img { position: relative; display: block; width: 128px; height: 106px; animation: indload 1s infinite ease; -webkit-animation: indload 1s infinite ease; -moz-animation: indload 1s infinite ease;}

/*.ind-show{width:100%;visibility: hidden;opacity: 0;filter: alpha(opacity=0);}
.ind-show.active{visibility: visible;opacity: 1;filter: alpha(opacity=100);}*/

@keyframes indload{
	from{transform: rotateY(0deg);}
	to{transform: rotateY(360deg);}
}
@-webkit-keyframes indload{
	from{transform: rotateY(0deg);}
	to{transform: rotateY(360deg);}
}
@-moz-keyframes indload{
	from{transform: rotateY(0deg);}
	to{transform: rotateY(360deg);}
}
body{ padding-top:100px; background:#fbfdf4;}
.op0{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.wrap{ width:1100px; margin:0 auto;}
.mob-nav{ display:none;}
.top{ height:100px; position:fixed; left:0; top:0; z-index:20; width:100%; background:#fff; padding:0 1%; box-shadow:0 1px 22px #eee;}
.T-nav{ margin-top:30px;}
.T-nav li{ height:80px; border-right:0px solid #24dd7f; padding:0 24px; float:left; position:relative;}
.T-nav li > a{ text-align:center; display:block; line-height:1.8; color:#333; text-transform:uppercase;}
.T-nav li > a span{ font-size:12px; display:block; color:#999; position:relative; top:0px;font-family:arial;}
.T-nav li.cur > a,.T-nav li.cur > a span{ color:#246fdd;}
.T-nav li .sec-A{ position:absolute; right:0; background:#f39800; width:140px; padding:10px 0 10px 0px;text-align:center; top:60px; border-radius:5px; display:none;}
.T-nav li .sec-A a{ display:block; line-height:30px; color:#fff;}
.T-nav li .sec-A span{ display:block; position:absolute; width:20px; height:10px; background:url(../images/hsj.png); right:30px; top:-10px;}
.cons-news{ height:45px; background:#fffefe; font-size:12px;}
.txtScroll-top{ width:100%;  overflow:hidden; position:relative;}
.txtScroll-top .bd{ }
.txtScroll-top .infoList li{ height:45px; line-height:45px; overflow:hidden;}
.txtScroll-top .infoList li span{ border:1px solid #246fdd; line-height:22px; vertical-align:middle; padding:0 4px; color:#246fdd; border-radius:3px; }
.cons-news .wrap{ padding-left:70px;}
.cons-news strong{ display:block; position:absolute; line-height:45px; left:0; top:0;}
.xre{ background:url(); width:113px; height:25px; line-height:25px; text-align:center;font-weight:bold; position:absolute; right:0; top:10px; font-size:14px;}
.xre a{ color:#246fdd; }
.ind-about{ background:url(../testimg/bg2.jpg) no-repeat center center; background-size:auto 100%; padding:60px 0;}
.lopsl{ width:135px;}
.lopsl a{ display:block; background:#fff; margin-top:1px; height:140px; text-align:center; padding-top:30px; transition:all 0.5s ease;}
.lopsl a:hover{ background:#246fdd; transition:all 0.5s ease;}
.lopsl a dd{ margin-top:10px; color:#246fdd; transition:all 0.5s ease;}
.lopsl a:hover dd{ color:#fff; transition:all 0.5s ease;}

.lopsl a dt{ height:50px; background-size:auto 100%; background-position:center center; background-repeat:no-repeat; transition:all 0.5s ease;}
.lopsl a:hover dt{ transition:all 0.5s ease;}
.lopsl a dt.m1{ background-image:url(../images/m1-1.png);}
.lopsl a dt.m2{ background-image:url(../images/m2-1.png);}
.lopsl a dt.m3{ background-image:url(../images/m3-1.png);}
.lopsl a:hover dt.m1{ background-image:url(../images/m1-2.png);}
.lopsl a:hover dt.m2{ background-image:url(../images/m2-2.png);}
.lopsl a:hover dt.m3{ background-image:url(../images/m3-2.png);}






.roclt{ width:450px; height:425px; background:#fff; padding:40px 60px;}
.mos-bt{ font-size:16px; color:#ddd;}
.mos-bt span{ color:#246fdd; font-size:24px;}
.mos-bt a{ float:right; width:135px; font-size:12px; font-weight:normal; border-radius:5px; line-height:35px; background:#246fdd; color:#fff; text-align:center;transition:ease 0.3s;}
.mos-bt a:hover{background:#24dd7f;color:#fff;transition:ease 0.3s; }
.roclt .cols{ line-height:30px; font-size:14px; margin-top:20px; color:#666; max-height:270px; overflow:hidden;}
.roclt .cols span{ color:#246fdd;}

.catel{ background:url(../testimg/t02.jpg) no-repeat center center; background-size:cover; padding:30px 0;}
.list-dot{ margin-top:20px;}
.list-dot li{ margin-right:1%; float:left; width:24.25%; border-radius:5px; overflow:hidden; padding-bottom:18px; background:url(../images/bt.png) no-repeat center bottom;}
.list-dot li a{ position:relative; display:block;}
.list-dot li a .pic{ overflow:hidden; border-radius:5px;}
.list-dot li a .pic img{ transition:all 0.5s ease;}
.list-dot li a:hover .pic img{ transform:scale(1.1); transition:all 0.5s ease;}
.list-dot li a .bg-te{ height:92px; background:#ccc; width:100%; position:absolute; left:0; top:0; padding-top:10px; transition:all 0.5s ease;}
.list-dot li a:hover .bg-te{ height:137px; transition:all 0.5s ease;}
.list-dot li a .bg-te.te01{ background:#f39700;}
.list-dot li a .bg-te.te02{ background:#7ccdf3;}
.list-dot li a .bg-te.te03{ background:#abcd06;}
.list-dot li a .bg-te.te04{ background:#009944;}

.list-dot li a .bg-te .lodt{ width:100%; height:85px;  position:absolute; bottom:-85px; left:0; z-index:1;}
.list-dot li a .bg-te .lodt.dt01{background:url(../images/te01.png) no-repeat right top; background-size:100% auto;}
.list-dot li a .bg-te .lodt.dt02{background:url(../images/te02.png) no-repeat right top; background-size:100% auto;}
.list-dot li a .bg-te .lodt.dt03{background:url(../images/te03.png) no-repeat right top; background-size:100% auto;}
.list-dot li a .bg-te .lodt.dt04{background:url(../images/te04.png) no-repeat right top; background-size:100% auto;}


.list-dot li a .bg-te .more{ position:relative;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; z-index:2; text-align:center; padding-top:15px; height:45px; overflow:hidden; transition:all 0.5s ease;}
.list-dot li a:hover .bg-te .more{ height:45px;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:all 0.5s ease 0.5s;}
.list-dot li a .bg-te .more span{ display:inline-block; border:1px solid #fdfcfd; color:#fdfcfd; line-height:28px; border-radius:15px; padding:0 15px;}

.yonlts{ height:566px; background:url(../testimg/bg2.jpg) no-repeat center center; padding-top:60px;}
.blols{ width:450px; height:400px; background:#f7f8ee; border-radius:5px; padding:30px 4%;}
.caolo{ background:url(../images/yse.jpg) no-repeat left center; padding-left:70px;}
.blols .tils{ color:#444; line-height:30px; margin-top:30px; max-height:180px; overflow:hidden;}
.blols .links{ text-align:center; margin-top:30px;}
.blols .links a{ width:195px; text-align:center; border-radius:5px; line-height:45px; border:2px solid #24dd7f; display:inline-block; color:#24dd7f; transition:all 0.3s ease;}
.blols .links a:hover{ background:#24dd7f; width:260px; color:#fff; transition:all 0.3s ease;}
.ind-news{ background:url(../testimg/t08.jpg) no-repeat center top; padding:30px 0;}
.nols-con{ margin-top:60px;}
.locl{ width:33%; background:#fff;  box-shadow:0 0 10px #999;}
.locl a{ display:block; color:#fff;}
.nols-con a .pic{ overflow:hidden;}
.nols-con a .pic img{ transition:all 0.5s ease;}
.nols-con a:hover .pic img{ transform:scale(1.1); transition:all 0.5s ease;}

.locl .tit{ margin-top:20px; font-size:16px; line-height:32px; height:32px; overflow:hidden; padding:0 5%;}
.locl .con,.locl .abo{ font-size:12px; line-height:30px; overflow:hidden; padding:0 5%;}

.msle{
	width: auto;
	margin-top: 0;
	margin-right: 1%;
	margin-bottom: 0;
	margin-left: 1%;
}
.boxlt{ box-shadow:0 0 10px #999; background:#fff; height:165px;}
.boxlt a{ display:block; position:relative; padding-left:50%;}
.boxlt .pic{ width:100%; position:absolute; left:0; top:0;}
.boxlt a .rolc{ width:100%; padding:0 4%;overflow:left;}
.boxlt a .rolc .tit{ font-size:16px; padding-top:15px; color:#666; line-height:25px; height:65px; overflow:hidden;}
.boxlt a .rolc .con{ font-size:12px; color:#999; line-height:20px; margin-top:15px; height:40px; overflow:hidden;}
.boxlt a .rolc .abo{font-size:12px; color:#999; line-height:20px; margin-top:15px; height:20px; text-align:right;}
.flotl{ width:33%; background:#fff; box-shadow:0 0 10px #999;}
.flotl a .tit{ margin-top:10px; font-size:16px; line-height:25px; color:#666; height:50px; overflow:hidden; padding:0 5%;}
.flotl a .con,.flotl a .abo{ font-size:12px; line-height:32px; overflow:hidden; padding:0 5%;color:#999;}
.flotl a .con{ line-height:20px; height:63px; overflow:hidden; margin-top:10px; }

.camt{ background:url(../testimg/t12.jpg) no-repeat center bottom; padding:100px 0;}
.camt .cli{ font-size:36px; text-align:center; color:#333;}
.camt .sml{ font-size:30px; text-align:center; color:#f39700; font-weight:bold; margin-top:5px;}
.camt .cos{ font-size:16px; color:#000; text-align:center; line-height:2; margin-top:20px;}
.dlit{ margin-top:80px;}
.dlit a{ display:block; float:left; width:19%; margin:0 3%; text-align:center;}
.dlit a dt{ height:119px; background-position:center center; background-repeat:no-repeat; background-size:auto 100%; position:relative;}
.dlit a dt.dt01{ background-image:url(../images/y1-1.png);}
.dlit a dt.dt02{ background-image:url(../images/y2-1.png);}
.dlit a dt.dt03{ background-image:url(../images/y3-1.png);}
.dlit a dt.dt04{ background-image:url(../images/y4-1.png);}
.dlit a dd{ font-size:20px; margin-top:15px;color:#333;}
.dlit a dt .mos{ overflow:hidden; position:absolute; width:100%; height:50%; top:24%; left:0; text-align:center;}
.dlit a dt .mos span{ position:relative; top:0; transition:all 0.5s ease; display: inline-block; width:100%; height:200%; background-repeat:repeat-y; background-position:center top; background-size:auto 50%;}
.dlit a dt.dt01 .mos span{background-image:url(../images/y1-2.png);}
.dlit a dt.dt02 .mos span{background-image:url(../images/y2-2.png);}
.dlit a dt.dt03 .mos span{background-image:url(../images/y3-2.png);}
.dlit a dt.dt04 .mos span{background-image:url(../images/y4-2.png);}
.dlit a:hover dt .mos span{ top:-100%; transition:all 0.5s ease;}

.prelt{ background:url(../testimg/t12.jpg) no-repeat center center; background-size:cover; padding:35px 0 50px;}
.prelt h2{ line-height:60px; height:60px; margin-bottom:40px; background:#fff; color:#fff; font-size:24px; font-weight:normal; border-radius:5px; overflow:hidden;}
.prelt h2 span{ display:inline-block;border-radius:5px; text-align:center; width:25%; background:#abcd06;}
.prelt h2 a{ font-size:18px; display:inline-block; text-align:center; width:25%;}
.map-ol{ width:62%;}
.slol-on{ width:37%; background:#fff; padding:10px 25px;}
.slol-on .olsv{ margin-bottom:10px;}
.slol-on .olsv dt{ line-height:30px; height:30px; font-size:16px;overflow:hidden;}
.slol-on .olsv dd{ font-size:14px; color:#333; height:26px; line-height:26px; overflow:hidden;}
.slol-on .olsv dd img{ margin:0 6px 0 3px;}
.slol-on .mosl{ border-top:1px solid #ddd; padding:10px 0 10px 50px;}
.slol-on .mosl dt{ font-size:12px;}
.slol-on .mosl dd{ color:#f39700; font-size:24px;}
.slol-on .mosl.ols01{ background:url(../images/tx01.jpg) no-repeat left center;}
.slol-on .mosl.ols02{ background:url(../images/tx02.jpg) no-repeat left center;}
.foot{ color:#fff; background:#246fdd; font-size:12px; text-align:center; padding:15px 0;}

.msolt{ padding:50px 0;}
.msolt h2{ text-align:center; font-size:32px; font-weight:normal; color:#333;}
.msolt h3{ font-size:30px; color:#f47318;font-weight:bold; text-align:center; line-height:2;}
.clies{ margin-top:50px;}
.clies .pic{ float:right; width:38%;}
.clies .conse{ float:left; width:60%; font-size:15px; line-height:1.8; color:#333;}
.clies .conse p{ margin-bottom:15px;}
.presli{ padding-bottom:150px; height:620px; background:url(../testimg/t15.jpg) no-repeat center center; background-size:cover;}
.presli .wrap{ position:relative;}
.presli dl{ position:absolute; text-align:center; top:0;}
.presli dl dt{ font-size:18px; font-weight:bold; color:#333; line-height:40px;}
.presli dl dd{ color:#333; line-height:1.8;}
.presli dl.solc01{ width:181px; height:366px; left:0; padding-top:225px; background:url(../images/hl01.png);}
.presli dl.solc02{ width:229px; height:466px; left:170px; padding:280px 30px 0; background:url(../images/hl02.png);}
.presli dl.solc03{ width:145px; height:344px; left:380px; padding-top:225px; background:url(../images/hl03.png);}
.presli dl.solc04{ width:232px; height:469px; left:506px; padding:265px 30px 0; background:url(../images/hl04.png);}
.presli dl.solc05{ width:160px; height:289px; left:665px; padding-top:155px; background:url(../images/hl05.png);}
.presli dl.solc06{ width:291px; height:468px; right:0px; padding:225px 30px 0; background:url(../images/hl06.png);}


.rulst{ height:1244px; background:url(../testimg/t16.jpg) no-repeat center center; padding-top:105px;}
.rulst h2{ text-align:center; font-size:30px; font-weight:normal; color:#333;}
.rulst h3{ font-size:30px; color:#339dca; font-weight:bold;  text-align:center; line-height:2;}
.oslo{ height:486px;}
.oslo dl{ position:absolute; width:151px; height:180px; }
.oslo dl dt{ font-size:24px; text-align:center; line-height:35px;}
.oslo dl dd{ font-size:14px; color:#666; line-height:22px; margin-top:5px; max-height:88px; overflow:hidden;}
.oslo dl dd span{font-family:inherit!important;}
.oslo dl.dls01{ background:url(../images/los-d.png); left:0; top:170px; padding:25px 25px 0;}
.oslo dl.dls02{ background:url(../images/los-u.png); left:135px; top:420px; padding:35px 15px 0;}
.oslo dl.dls03{ background:url(../images/los-d.png); left:268px; top:130px; padding:25px 15px 0;}
.oslo dl.dls04{ background:url(../images/los-u.png); left:395px; top:377px; padding:35px 15px 0;}
.oslo dl.dls05{ background:url(../images/los-d.png); left:532px; top:103px; padding:25px 15px 0;}
.oslo dl.dls06{ background:url(../images/los-u.png); left:666px; top:377px; padding:35px 15px 0;}
.oslo dl.dls07{ background:url(../images/los-d.png); left:805px; top:128px; padding:25px 15px 0;}
.oslo dl.dls08{ background:url(../images/los-u.png); left:957px; top:410px; padding:35px 15px 0;}

.mewil{ background:#e7edf9; padding-bottom:80px;}
.mewil h2,.blsotx h2{ text-align:center; font-size:32px; font-weight:normal; color:#333;}
.mewil h3{ font-size:30px; color:#f47318; font-weight:bold; text-align:center; line-height:2;}
.blsotx h3{ font-size:30px; color:#83b63b; font-weight:bold; text-align:center; line-height:2;}
.blsotx{ padding:50px 0;}
.conls{ margin-top:30px; line-height:2; text-align:center; color:#666;}
.soppt{ margin-top:20px;}
.soppt a{ width:110px; line-height:38px; color:#fff; background:#f39800; text-align:center; border-radius:20px; display:inline-block;}
.ny-banner{ height:460px; background-position:center center; background-repeat:no-repeat;/* background-size:auto 100%;*/ background-size:cover;}
.ny-main{ background:url(../images/b.png); box-shadow:0 0 10px #d8d8d8; padding:10px 40px 20px; border-radius:10px; position:relative; margin-top:-150px;margin-bottom:40px;}
.ny-main h2{ font-size:16px; font-weight:normal; line-height:55px; border-bottom:1px solid #ddd;}
.ny-main h2 span{ font-size:14px; float:right; color:#666;}
.ny-main p{line-height:2.0;width:96%; margin:0 auto 1.6rem auto;}
.news-cont li{ float:left; width:32%; margin-right:2%; margin-top:2%;}
.news-cont li a{ display:block; border:1px solid #ddd; background:#f9f9f9; padding:5%; border-radius:10px;transition:all 0.5s ease;}
.news-cont li a:hover{ transition:all 0.5s ease; border-color:#f39801;}
.news-cont li a .pic{ overflow:hidden;}
.news-cont li a .pic img{ transition:all 0.5s ease;height:243px;}
.news-cont li a:hover .pic img{ transform:scale(1.1); transition:all 0.5s ease;}
.news-cont li a .tit{ height:30px; line-height:30px; overflow:hidden; font-size:18px; color:#333; margin-top:5px;}
.news-cont li a .con{ color:#999; line-height:20px; height:40px; overflow:hidden; font-size:12px; margin-top:5px;}
.news-cont li a .mor{ margin-top:10px; color:#333;}
.pagel{ padding:20px 0; text-align:center;}
.pagel li{ margin:0 5px; display:inline-block; padding:0 5px; line-height:30px;}
.pagel a{ margin:0 5px; display:inline-block; padding:0 5px; line-height:30px;}
.pagel a.cur{ color:#246fdd;}
.colis{ padding-top:30px;}
.colis h3{ font-size:22px; color:#f39800; padding:10px 0; text-align: center;}
.colis h4{ font-weight:normal; color:#999; font-size:12px; text-align:center;}
.mrelt{ padding:20px 0; line-height:2; color:#444;}
.mrelt p{ margin-bottom:20px;}
.mrelt img{ max-width:100%;}
.colsi{ margin-top:20px; border-top:1px dashed #ddd; padding:20px 0; position:relative; padding-right:150px;}
.colsi p{ padding:5px 0;}
.colsi .slil{ display:block; position:absolute; right:0; top:30px;}

.pdons{ background:url(../testimg/t20.jpg) no-repeat center center; background-size:cover; width:100%; position:relative;}
.calim{ position:absolute; left:50%; margin-left:-550px; top:50%; margin-top:-80px;}
.calim a{ width:126px; display:block; margin:0 120px; float:left;}
.calim a dt{ position:relative;}
.calim a dt img{ position: relative; z-index:2; padding:8px; border:1px solid #fff; border-radius:50%; transition:all 0.3s ease;}

.calim a dt .big-ts{ width:0px; height:0px; z-index:1; position:absolute; left:50%; top:50%; margin-left:-0px; margin-top:-0px; transition:all 0.3s ease;}
.big-ts.ons01{ background:url(../images/k1-2.png) no-repeat center center; background-size:100% 100%;}
.big-ts.ons02{ background:url(../images/k2-2.png) no-repeat center center; background-size:100% 100%;}
.big-ts.ons03{ background:url(../images/k3-2.png) no-repeat center center; background-size:100% 100%;}

.calim a dd{ text-align:center; margin-top:20px; line-height:35px; height:35px; font-weight:bold; color:#333; font-size:15px;}

.melst{ padding-top:20px; position:relative;}
.melst span{ display:none;}
.melst .emlit{ text-align:center;}
.melst .emlit a{ display:inline-block; background:#fff url(../images/few2.jpg) repeat-x 10% center;; line-height:40px; border:2px solid #d6e3b7; width:16%; margin:0.5% 1%; text-align:center;border-radius:6px;transition:ease 0.3s;}
.melst .emlit a:hover{border-color:#f39801; color:#f39801; background:#fbebd0 url(../images/few.jpg) no-repeat 10% center;transition:ease 0.3s;}
.melst .emlit a.cur{ border-color:#f39801; color:#f39801; background:#fbebd0 url(../images/few.jpg) no-repeat 10% center;}
.smrelt{ padding:20px 3%;}
.smrelt img{ max-width:100%;}
.lnist{ padding:30px 0 20px;}
.lnist dd{ line-height:1.8; color:#444; padding:25px 5%;}
.silto{ padding:30px 0 20px; color:#444; line-height:1.8;}
.imls{ margin:25px 0;}
.slbg{ width:48%!important;}
.ixdt{ width:50%!important;}

.cclt li{ padding:50px 0; border-bottom:1px dashed #ccc;}
.cclt li a{ display:block;}
.cclt li a .pics{ float:left; text-align:center; width:45%;}
.cclt li a dl{ float:right; width:48%;}
.cclt li a dl dt{ font-size:20px; font-weight:bold; height:55px; line-height:55px; overflow:hidden; color:#333;}
.cclt li a dl dd{ line-height:28px; color:#666;}
.opots{ padding:20px 0;}
.opots img{ max-width:90%;}
.clopt{ width:100%; position:absolute; top:-60px; padding-top:0; left:0;}
.clopt .emlit a{ border:none; line-height:50px; height:50px; width:14%; margin:0 1px 0 0; color:#fff; border-top-left-radius:8px; border-top-right-radius:8px; font-size:18px; font-weight:bold; position:relative; vertical-align: bottom;transition:ease 0.3s;}
.clopt .emlit a:hover{ height:56px;transition:ease 0.3s;color:#fff;}
.clopt .emlit a.cur{ background-image:none; color:#fff; line-height:60px; height:60px;}
.xmlin{ padding:20px 0;}
.xmlin dt{ padding:10px 55px 10px 2%; margin-bottom:20px; border-radius:8px; border:1px solid #faecdb; font-size:18px; color:#444; background-image:url(../images/e1.png); background-repeat:no-repeat; background-position:99% center; transition:all 0.5s ease;}
.xmlin dt.cur{ background:#faecdb url(../images/e2.png) no-repeat 99% center; color:#f18300; font-weight:bold; transition:all 0.5s ease;}
.xmlin dt img{ margin-right:10px;}
.xmlin dd{ background:url(../images/da.jpg) no-repeat left 0px; padding:0px 0 20px 40px; font-size:15px; color:#444; line-height:2.0; display:none;}
.colot .emlit a{ width:14%;}
.potsx{ padding:30px 0;}
.vilst{ height:822px; background:url(../images/umi.png) no-repeat center center; position:relative;}
.vilst p{ position:absolute; width:415px; line-height:1.8; color:#444;font-size:15px; }
.vilst p.pt01{ right:0; top:25px;}
.vilst p.pt02{ left:0; top:190px; text-align:right;}
.vilst p.pt03{ right:0; top:370px;}
.vilst p.pt04{ left:0; top:560px; text-align:right;}
.vilst p.pt05{ right:0; top:760px;}

.molsi{ line-height:1.8; color:#444; padding-top:20px;}
.molsi dt{ margin-top:20px;}
.gliot{ padding:20px 0;}
.gliot li{ line-height:40px; border-radius:5px;font-size:15px; color:#444; background:url(../images/nus.png) no-repeat 10px 10px; padding-left:35px;}
.gliot li.odd{ /*background:#f1f1f1 url(../images/nus.png) no-repeat 10px 10px;*/}
.milst img{ max-width:100%;}

.clitl{ background:#fec518; height:80px; line-height:80px;}
.roits{ width:50%; text-align:center; font-size:16px; color:#fff; background:#99c404; position:relative;}
.roits span{ width:31px; height:16px; position:absolute; left:50%; margin-left:-15px; bottom:-16px; display:block; background:url(../images/xop.png);font-size:0px;}
.roits select{ width:auto;height:40px;border:1px solid #ddd;border-radius:6px;}

.erlos{ padding:40px 0;}
.erlos dl{ width:18%; margin:10px 1%; padding:3px; border:1px solid #ddd; float:left;}
.erlos dd{ line-height:30px; background:#e5e5e4; text-align:center; margin-top:3px; height:30px; overflow:hidden;}
.erlos dt img{height:126px;}

.closlt{ height:188px; background:url(../testimg/t34.png) no-repeat center center;}
.conlsm{ background:#f5f5f5; padding:100px 0;}
.blisl{ background:url(../images/cen.png) no-repeat center center; padding:20px 0; background-size:100% auto; line-height:2; text-align:center;}
.blisl h4{ color:#474747; font-size:24px;}
.blisl h5{ font-size:22px; color:#f39700;}
.blisl .set{ margin-top:10px; font-size:16px;}

.advalt{ padding:20px 0 50px; background:#fff;}
.advalt h2{ font-size:60px; color:#8fc41e; text-transform:uppercase; text-align:center;}
.advalt h3{ font-size:28px; text-align:center; font-weight:normal; color:#333;}

.clols a{ display:block; width:27.3%; margin:0 3%;}
.clols a dt{ background:url(../images/yh.png) no-repeat center center; background-size:auto 100%; height:181px; transition:all 0.5s ease;}
.dlit a dt.s01 .mos span{ background-image:url(../images/s01.png);}
.dlit a dt.s02 .mos span{ background-image:url(../images/s02.png);}
.dlit a dt.s03 .mos span{ background-image:url(../images/s03.png);}

.moslt{ padding:30px 0 100px; background:url(../testimg/t36.jpg) no-repeat center center; background-size:cover;}
.moslt h2{font-size:28px; text-align:center; font-weight:normal; color:#333; line-height:50px;}
.colop{ margin-top:50px;}
.colop dl{ width:44%; background:#4ac4fb; color:#fff; height:170px; text-align:center; border-radius:10px; padding:20px 3% 0;}
.colop dl.fl{background:#4ac4fb url(../images/one.png) -20px -10px no-repeat;}
.colop dl.fr{background:#4ac4fb url(../images/two.png) -20px -10px no-repeat;}
.colop dl dt{ font-size:18px; font-weight:bold;}
.colop dl dd{ margin:20px auto 0 auto; line-height:1.8;width:91%;}

.tenlis{ padding:50px 0; background:#fff;display:none;}
.tenlis h2{ font-size:60px; color:#eab245; text-transform:uppercase; text-align:center;}
.tenlis h3{ font-size:28px; text-align:center; font-weight:normal; color:#333;}
.telix{ background:url(../testimg/t37.jpg) no-repeat center center; background-size:25% auto; margin-top:60px; transition:all 0.5s ease;}
.telix dl{ width:35%; color:#333; margin-bottom:20px;}
.telix dl dt{ font-size:18px; font-weight:bold; line-height:40px;}
.telix dl dd{ line-height:30px; height:90px; overflow:hidden;}

.rplst{ height:551px; background:url(../testimg/t38.jpg) no-repeat top center; padding:50px 0; color:#fff;}
.rplst h2{ font-size:28px; text-align:center; font-weight:normal;}
.melx{ text-align:center; margin-top:20px; line-height:1.8;}

.calie{ padding:50px 0;}
.calie h2{font-size:60px; color:#a6def7; text-transform:uppercase; text-align:center;}
.calie h3{font-size:28px; text-align:center; font-weight:normal; color:#333;}
.baslt{ padding-top:30px;}
.baslt li{ width:14%; margin:15px 1.3% 0; float:left;}
.baslt li img{ border:3px solid #5dcbec;width:100%;height:80%; border-radius:8px;}

.paslie{ width:45%;}
.paslie h2{ font-size:62px; color:#f87920; text-transform:uppercase;}
.paslie h3{ font-size:28px; font-weight:normal; color:#333;}
.paslie dl{ margin-top:40px;}
.paslie dl dt{ font-size:16px; line-height:30px; height:30px; overflow:hidden;}
.paslie dl dt a{ color:#333; font-weight:bold;}
.paslie dl dd{ font-size:14px; color:#666; line-height:30px; height:90px; margin-top:10px; overflow:hidden;}
.oxts{ margin-top:30px;}
.oxts a{ width:140px; line-height:36px; border-radius:20px; text-align:center; background:#fff;border:2px solid #f3c3a0; color:#c65e13; display:inline-block;transition:ease 0.3s;}
.oxts a:hover{background:#f3c3a0;width:180px; transition:ease 0.3s;}
.malsot{ padding:30px 0;background:#fff;}
.molps{ width:50%; float:right;}
.afreit{ height:734px; background:#f4f4f4 url(../testimg/t43.jpg) no-repeat center center; padding-top:105px;}
.afreit h2{ position:relative; top:50px; color:#fff; font-family:"Impact"; font-size:40px; text-align:center; text-transform:uppercase; font-weight:normal;}
.afreit h2.animate{ top:0;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:all 0.8s ease 0.5s;}
.afreit h3{ position:relative; top:-50px; font-size:32px; text-align: center; color:#000; margin-top:10px; font-weight:normal;}
.afreit h3.animate{ top:0;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:all 0.8s ease 0.5s;}




.conmb{ background:#e8f5fd; padding-top:70px;}
.conmb h2{ height:100px; background:url(../images/ws.jpg) no-repeat center center; font-size:32px; text-align:center; font-weight:normal; padding-top:60px;}
.melis{ margin-top:100px;}
.melis a{ display:block; position:relative; overflow:hidden;}
.melis a img{ transition:all 0.5s ease;}
.melis a:hover img{ transition:all 0.5s ease; transform:scale(1.1);}

.left-st{ width:30%; float:left;}
.mid-st{ width:33%; margin:0 2%; float:left;}
.right-st{ width:33%; float:left;}
.lse01,.lse03{ margin-bottom:20px;}
.cptel{ background:#fff url(../testimg/t49.jpg) no-repeat top center; padding-top:150px;}
.cptel h2{ position:relative; top:50px; font-size:62px; color:#c5e4b2; text-transform:uppercase; text-align:center;}
.cptel h3{ position:relative; top:-50px; font-size:32px; text-align:center; font-weight:normal;}
.cptel h2.animate{ top:0;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:all 0.8s ease 0.5s;}
.cptel h3.animate{ top:0;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:all 0.8s ease 0.5s;}


.ctsle{ padding-top:40px; padding-bottom:20px;}
.ctsle dl{ border:2px solid #bcda92; border-radius:5px; width:49%; margin-top:20px; padding:10px 2%; position:relative; transition:ease 0.3s;}
.ctsle dl:hover{border:2px solid #eacf85;background:#fbfdf4; transition:ease 0.3s;}
.ctsle dl.even{ float:left;}
.ctsle dl.odd{ float:right;}
.ctsle dl dt{ font-size:16px; line-height:35px; height:35px; overflow:hidden;}
.ctsle dl dt a{ color:#333;}
.ctsle dl dd{ font-size:12px; color:#666; line-height:20px; height:40px; overflow:hidden; margin-top:5px;}

.youslt{ background:#e8f5fd url(../testimg/t50.jpg) no-repeat top center; padding-top:160px; padding-bottom:50px;}
.youslt h2{ position:relative; top:50px; font-size:32px; font-weight:normal; text-align:center;}
.youslt h3{ position:relative; top:-50px; font-size:20px; color:#ec6200; text-align:center; font-weight:normal; text-transform:uppercase; margin-top:10px;}
.youslt h2.animate{ top:0;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:all 0.8s ease 0.5s;}
.youslt h3.animate{ top:0;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:all 0.8s ease 0.5s;}



.picMarquee-left{ width:100%; margin-top:50px; overflow:hidden; position:relative;  }
.picMarquee-left .bd{ }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ width:25%; padding:0 5px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:100%;display:block;}
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:24px;   }


.plsit{ background:#fff url(../images/aire.png) no-repeat 3% 5%; padding:50px 0 80px;}
.hh2{ position:relative; top:50px; text-align:center; font-size:28px; font-weight:normal;}
.hh3{ position:relative; bottom:50px; color:#24dd7f; font-size:30px; font-weight:bold;font-family:Arial; text-align:center; margin-top:10px;}
.hh2.animate{ top:0; transition:all 0.5s ease;}
.hh3.animate{ bottom:0; transition:all 0.5s ease;}

.slilt{ margin-top:50px; position:relative; height:282px; display:table; padding-left:495px; padding-right:20px; background:url(../images/xb.jpg); box-shadow:0 0 8px #ddd; border-radius:10px; overflow:hidden;}
.slilt .pic{ width:473px; position:absolute; left:0; top:0;}
.slilt .palx{ display:table-cell; vertical-align:middle; font-size:16px; line-height:30px; max-height:270px; overflow:hidden;}

.terls{ background:#eff6de url(../images/aicb.png) no-repeat 98% 3%; padding:50px 0 80px;}

.clols a dt.v01{ background:url(../images/ys1.png) no-repeat center center; background-size:auto 100%;}
.clols a dt.v02{ background:url(../images/ys2.png) no-repeat center center; background-size:auto 100%;}
.clols a dt.v03{ background:url(../images/ys3.png) no-repeat center center; background-size:auto 100%;}
.clols a dt.v01 span{ background-image:url(../images/fe1.png);}
.clols a dt.v02 span{ background-image:url(../images/fe2.png);}
.clols a dt.v03 span{ background-image:url(../images/fe3.png);}
.younlt{ padding:50px 0;}

.gerlcot{ padding:50px 0; background:#ecf7fd;}
.xinls{ margin-top:50px;}
.xinls a{ display:block; float:left; width:22%; margin-right:4%;}
.xinls a dt{ border-radius:50%; overflow:hidden; position:relative;}
.xinls a dt img{ transition:all 1.5s ease;}


.xinls a dt p{ position:absolute; width:60%; height:60%; left:20%; top:20%; background:#fff; border-radius:50%; transition:all 0.5s ease;}
.xinls a dt p i{ display:block; height:50px; font-size:20px; color:#333; line-height:25px; position:absolute; top:50%; margin-top:-25px; left:0; width:100%; text-align:center;}
.xinls a dt p i span{ display:block;}


.xinls a dd{ font-size:16px; line-height:30px; height:120px; overflow:hidden; color:#333; margin-top:20px;}
.cmlie{ padding:50px 0; background:#fff url(../images/yd.jpg) no-repeat 5% 15%;}

.honrel{ margin-top:50px;}
.honrel li{ float:left; width:22%; margin-right:4%; position:relative; border-radius:12px; overflow:hidden;}
.honrel li a{ display:block; width:100%;}
.honrel li a dl{ color:#fff; background:#3e8bc0; padding-top:40px; width:100%; position:absolute; bottom:0; left:0; height:38%;transition:all 0.8s ease;}
.honrel li a dl dt{ text-align:center; font-size:20px; font-weight:bold; line-height:45px;}
.honrel li a dl dd{ padding:0 10%; line-height:2; margin-top:10px; max-height:90px; overflow:hidden; font-size:16px;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:all 0.8s ease;}

.preli{ background:#fdf3e5; padding:50px 0;}
.toslt{ margin-top:50px; background:#fff; border-radius:12px; overflow:hidden;}
.toslt .hd{ height:60px; line-height:60px; color:#fff; background:#3e8bc0;}
.toslt .hd span{ display:block; text-align:center; float:left; width:25%; font-size:20px; font-weight:bold; cursor:pointer;}
.toslt .hd span.cur{ background:#fff; color:#3e8bc0;}
.toslt .bd{ padding:50px 5%;}
.toslt .bd dt{ font-size:18px; line-height:40px;}
.toslt .bd dd{ font-size:16px; line-height:2; color:#666;}

.bouls{ padding:50px 0;background:#fff;}
.lopo{ width:47%; text-align:right;}
.lopo img{ width:100%; max-width:278px;}
.metx{ width:47%; line-height:2; font-size:16px;}
.metx img{ margin-top:10px; margin-right:10px;}
.hh1{ font-size:60px; color:#a3c320; text-align:center; font-weight:normal;}

.imclt{ margin-top:50px;} 
.lctl{ width:48%; background:#a3c320; border-radius:12px; padding:15px;}
.solps{ background:#fff; font-size:16px; line-height:2; box-shadow:0 0 8px #666; padding:60px;}

.bolis{ width:48%;}
.bolis img{ border-radius:12px;}

.cosle{ padding:50px 0; background:#f6f6f6;}
.mosx a dt{ height:auto;}

.conlm{ padding:50px 0;background:#fff;}

.mslit{ width:60%; float:left;}
.rlsmd{ float:right; width:39%; padding-top:22px;}
.cront{ background:url(../testimg/t69.jpg) no-repeat center center; background-size:100% auto; height:139px; padding-left:175px; font-size:16px; color:#666; padding-top:30px;}
.cront span{ font-size:28px; color:#333;}
.cront strong{ font-size:20px; color:#ff900e; text-transform:uppercase; font-weight:normal;}
.non01{ width:39%; float:left;}
.non02{ width:29%; float:left; margin:0 1%;}
.non03{ width:29%; float:left;}
.dfe{ margin-top:8px;}
.tenxl{padding:50px 0 0;background:#f6f6f6 url(../images/bl.jpg) no-repeat top center; background-size:100% auto; overflow:hidden;}

.btn-sonl{ padding:50px 0; background:url(../testimg/t72.jpg) no-repeat center center; background-size:cover; color:#fff;}
.btn-sonl h2{ font-size:28px; text-align:center;}
.btn-sonl h3{ margin-top:20px; height:53px; text-align:center; background:url(../images/rt.png) no-repeat center center; font-size:22px; font-weight:normal;}
.btn-sonl .burl{ font-size:16px; line-height:2; margin-top:30px;}

.yprel{ padding:80px 0; background:#e6f0d5;}

.relp{ width:30%; float:left;}
.relp dl{ margin-top:20px;}
.relp dt{ line-height:50px; font-size:28px; color:#000; font-weight:bold;}
.relp dd{ margin-top:10px; color:#666; font-size:16px; line-height:2;}
.slotx{ width:66%; float:right;}
.bouns{ padding:10px 0 50px; background:#f6f6f6 url(../images/aaa.jpg) repeat-x left top;}
.bouns li{ height:90px; background:#f7dbb8; width:48%; border-radius:12px; position:relative; overflow:hidden; padding:15px 20px 15px 160px; font-size:12px; margin-top:40px; float:left;box-shadow: 0 0 6px #ddd;}
.bouns li.odd{ float:right;}
.bouns li .con{ line-height:20px; height:60px; overflow:hidden;}
.bouns li .tit{ line-height:90px; width:145px; color:#fff; text-align:center; font-size:20px; font-weight:bold; position:absolute; left:0; top:0; background:#8bc131;border-top-left-radius:12px;border-bottom-left-radius:12px;}
.coest{ background:#fff; padding-top:60px;}
.youslt h3 span{ color:#e1e1e1; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:60px;}
.tenxl .pic1 img{ width:80%; max-width:612px;}
.tenxl .pic1,.tenxl .pic2,.tenxl .pic3{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; position:relative; top:50px;}
.tenxl .pic1.animate,.tenxl .pic2.animate,.tenxl .pic3.animate{ top:0;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; transition:all 0.8s ease;}

.menlsx{ padding:70px 0 100px; background:url(../testimg/t74.jpg) no-repeat center bottom; background-size:cover;}
.cnult{ margin-bottom:360px;}
.cnult .pic{ width:32%; float:left;}
.cnult .dslt{ width:60%; float:right;}
.cnult .dslt dt{ line-height:94px; height:94px; background:url(../testimg/t76.png) no-repeat left center; font-size:30px; color:#a0b85d; font-size:30px; font-weight:bold;}
.cnult .dslt dd{ line-height:2.4; margin-top:30px; font-size:16px;}
.preil{ margin-top:50px;}
.preil li{ float:left; width:23.5%; margin-right:2%;}
.preil li a{ display:block;}
.preil li .pic{ overflow:hidden;}
.preil li .pic img{ transition:all 0.5s ease;}
.preil li a:hover .pic img{ transform:scale(1.1); transition:all 0.5s ease;}
.preil li dl{ background:#a3c458; color:#fff; padding:10px 0; line-height:25px; text-align:center;}
.preil li dl dt{ height:25px; overflow:hidden; font-size:16px; font-weight:bold;}
.preil li dl dd{ height:25px; overflow:hidden;}
.hrelso{ padding:50px 0;}
.reolx{ position:absolute; left:0; bottom:0; font-size:20px; line-height:45px; color:#666;}
.reolx img{ margin-right:10px;}
.plils{ color:#85ac31; font-size:42px; font-weight:bold; margin-top:30px;}
.cmels{ background:#ededed url(../images/qw.jpg) repeat-x left top; padding:50px 0;}
.mqcet{ margin-top:60px;}
.coe-pl{ width:820px; float:left;}
.rolos{ float:right; width:270px; background:#fff;}
.rolos .soll{ float:left; width:100%; padding:30px 20% 0; line-height:2; height:220px;}
.rolos .soll span{ font-size:16px; display:inline-block; margin-bottom:10px;}

.polt{ width:30%; float:left;}
.scplt{ width:68%; float:right; background:#fff; }
.scplt .soll{ float:left; width:47%; padding:30px 8% 0; line-height:2;}
.scplt .soll span{ font-size:16px; display:inline-block; margin-bottom:10px;}
.scplt .pic{ width:53%; float:right;}
.petn{ margin-top:10px; background:#fff;}
.petn .pic{ width:60%; float:right;}
.petn .soll{ width:38%;padding:30px 8% 0; line-height:2; float:left;}
.petn .soll span{font-size:16px; display:inline-block; margin-bottom:10px;}

.blios{ padding:50px 0; background:#85ac31 url(../images/qa.jpg) repeat-x left top; color:#fff;}
.mkit span{ display:inline-block; font-size:22px; line-height:2; vertical-align:middle; text-align:left; margin-left:20px;}
.utel{ margin-top:20px; font-size:22px;}
.utel span{ font-size:50px;}

.smlis{}

.job-st{ height:42px; line-height:42px; background:#d8a500; margin-top:50px;}
.job-st span{ display:block; float:left; width:16.6%; text-align:center; color:#fff;}
.silmt li{ line-height:42px; border-bottom:1px dashed #ddd;}
.silmt li span{ display:block; float:left; width:16.6%; text-align:center; color:#666;}
.silmt li span a{ display:inline-block; margin:0 3px;}

.nislt{ padding:30px 0;}
.nislt h3{ font-size:24px; font-weight:normal;}
.tneu{ background:#f9f9f9; padding:20px 3%; margin-top:30px;}
.tneu li{ padding:10px 0; float:left; width:25%; padding-right:10px;}
.dslm{ padding:30px 0; border-bottom:1px dashed #ccc;}
.dslm dt{ margin-bottom:20px; font-size:16px;}
.dslm dd{ color:#666; line-height:2;}
.dslm dd p{width:100%; margin:0;}
.anml{ padding:30px 0;}
.anml a{ display:inline-block; width:170px; line-height:40px; color:#fff; border-radius:10px; text-align:center; margin-right:10px;}


.bils p{ position:absolute; width:12%; left:10%; top:10%}
.bils p.olit01{width: 22%; left: 11%; top: 10%;}
.bils p.olit02{width: 20%; left: 0%; top: 39%;}
.bils p.olit03{width: 23%; left: 6%; top: 73%;}
.bils p.olit04{width: 29%; left: 71%; top: 0%;}
.bils p.olit05{width: 16%; left: 85%; top: 34%;}
.bils p.olit06{width: 18%; left: 76%; top: 62%;}
.bils p.olit07{width: 19%; left: 57%; top: 74%;}

.palos a dt .mos span{ background-size:auto 100%;}
.palos a:hover dt{ background: url(../images/yh22.png) no-repeat center center;background-size: auto 100%; transition:all 0.5s ease;}
.palos a dt i{ display:none;}




@media (max-width: 1300px){
.T-nav li{ padding:0 10px;}
}
@media (min-width: 1101px){
.lopsl{ left:480px; position:relative;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0}
.animate.lopsl{ left:0px;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:all 2s ease;}

.roclt{ position:relative; right:320px;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0}
.animate.roclt{ right:0px;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:all 2s ease;}

.list-dot li{ position:relative; left:80px;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0}
.list-dot li.animate{ left:0; transition:all 0.8s ease;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}

.list-dot li:nth-child(2n){transition:all 0.8s ease 0.4s;}
.list-dot li:nth-child(3n){transition:all 0.8s ease 0.8s;}
.list-dot li:nth-child(4n){ margin-right:0;transition:all 0.8s ease 1.2s;}
.blols{ position:relative; left:650px;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.blols.animate{ left:0;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:all 1.5s ease;}

.locl{ position:relative; top:-100px;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.locl.animate{top:0;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;transition:all 0.5s ease;}
.flotl{ position:relative; top:415px;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.flotl.animate{top:0;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;transition:all 0.5s ease;}

.boxlt{ position:relative; left:-302px;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.boxlt.mt10{ left:302px;}
.boxlt.animate{ left:0;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;transition:all 0.5s ease;overflow:hidden;}
.camt .cli,.camt .sml,.camt .cos{ position:relative; top:50px;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.camt .cli.animate{ top:0;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;transition:all 0.8s ease;}
.camt .sml.animate{ top:0;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;transition:all 0.8s ease 0.3s;}
.camt .cos.animate{ top:0;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;transition:all 0.8s ease 0.6s;}

.dlit a{ position:relative; top:120px;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.dlit a.animate{top:0px;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;transition:all 0.5s ease;}
.dlit a:nth-child(2n).animate{transition:all 0.5s ease 0.5s;}
.dlit a:nth-child(3n).animate{transition:all 0.5s ease 1s;}
.dlit a:nth-child(4n).animate{transition:all 0.5s ease 1.5s;}
.calim a:hover dt .big-ts{ width:462px; height:462px; margin-left:-231px; margin-top:-231px; transition:all 0.3s ease;}
.calim a:hover dt img{border:1px solid #ffa431; transition:all 0.3s ease;}

.lse01{ top:-150px;}
.lse01.animate{ top:0;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:all 0.5s ease;}
.lse02{ top:150px;}
.lse02.animate{ top:0;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:all 0.5s ease;}
.lse03,.lse04{ left:150px;}
.lse03.animate,.lse04.animate{ left:0;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:all 0.5s ease;}
.lse05.animate{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;transition:all 0.8s ease 0.5s;}
.ctsle dl{ position:relative;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.ctsle dl.animate{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;transition:all 0.8s ease 0s;}
.ctsle dl.even{ left:-100px;}
.ctsle dl.odd{ right:-100px;}
.ctsle dl.even.animate{ left:0;}
.ctsle dl.odd.animate{ right:0;}

.xinls a{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.xinls a.animate{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:all 0.5s ease;}
.xinls a:nth-child(2n).animate{ transition:all 0.5s ease 0.3s;}
.xinls a:nth-child(3n).animate{ transition:all 0.5s ease 0.6s;}
.xinls a:nth-child(4n).animate{ transition:all 0.5s ease 0.9s;}

.xinls a:hover dt p{ width:70%; height:70%; left:15%; top:15%; transition:all 0.5s ease;}
.honrel li a:hover dl{ padding-top:80px; height:100%; transition:all 0.8s ease;}
.honrel li a:hover dl dd{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; transition:all 0.8s ease;}
.honrel li{filter:alpha(opacity=0); position:relative; top:-100px; -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:all 0.8s ease;}
.honrel li.animate{filter:alpha(opacity=100); top:0; -moz-opacity:1; -khtml-opacity:1; opacity:1; transition:all 0.8s ease;}
.honrel li:nth-child(2n){ top:100px;}
.honrel li:nth-child(2n).animate{ top:0;}
.honrel li:nth-child(4n){ margin-right:0;}
.xinls a:hover dt img{ transform:rotate(360deg); transition:all 1.5s ease;}
.preil li{ position:relative; top:100px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.preil li.animate{ top:0; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; transition:all 0.8s ease}
.preil li:nth-child(2n).animate{ transition:all 0.8s ease 0.3s;}
.preil li:nth-child(3n).animate{ transition:all 0.8s ease 0.6s;}
.preil li:nth-child(4n).animate{ transition:all 0.8s ease 0.9s;}
.smlis{ overflow:hidden;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; top:100px;}
.smlis.animate{top:0; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; transition:all 0.8s ease;}
.reolx p{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; position:relative; top:50px;}
.smlis.animate .reolx p{ top:0;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; transition:all 0.5s ease 0.8s;}
.smlis.animate .reolx p:nth-child(2n){ transition:all 0.5s ease 1.1s;}
.smlis.animate .reolx p:nth-child(3n){ transition:all 0.5s ease 1.4s;}

.presli dl{ transform:scale(0.2);filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.presli.animate dl{ transform:scale(1);filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; transition:all 0.6s ease 0s;}
.presli.animate dl.solc02{ transition:all 0.6s ease 0.3s;}
.presli.animate dl.solc03{ transition:all 0.6s ease 0.6s;}
.presli.animate dl.solc04{ transition:all 0.6s ease 0.9s;}
.presli.animate dl.solc05{ transition:all 0.6s ease 1.2s;}
.presli.animate dl.solc06{ transition:all 0.6s ease 1.5s;}

.responsive.disloc{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.responsive.disloc.animate{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; transition:all 0.8s ease;}

.bils p{transform:scale(0);filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.bils.animate p{transform:scale(1);filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;transition:all 0.5s ease;}
.bils.animate p:nth-child(8n+2){transition:all 0.5s ease 0.3s;}
.bils.animate p:nth-child(8n+3){transition:all 0.5s ease 0.6s;}
.bils.animate p:nth-child(8n+4){transition:all 0.5s ease 0.9s;}
.bils.animate p:nth-child(8n+5){transition:all 0.5s ease 1.2s;}
.bils.animate p:nth-child(8n+6){transition:all 0.5s ease 1.5s;}
.bils.animate p:nth-child(8n+7){transition:all 0.5s ease 1.8s;}
.bils.animate p:nth-child(8n+8){transition:all 0.5s ease 2.1s;}

.conlm img,.polt,.scplt,.petn,.rolos{transform:scale(0);}
.conlm.animate img,.cmels.animate .polt,.cmels.animate .scplt,.cmels.animate .petn,.cmels.animate .rolos{transform:scale(1);transition:all 0.5s ease 0.5s;}
.bouns li .tit{ width:100%;}
.bouns li.animate .tit{ width:145px;transition:all 0.5s ease 0.5s;}
.telix:hover{ background-size:26% auto; transition:all 0.5s ease;}
.top{ transition:all 0.5s ease;}
.top .logo img{ height:100px; transition:all 0.5s ease;}
.T-nav{ margin-top:30px; transition:all 0.5s ease;}

.top.mosd{ height:90px; transition:all 0.5s ease;}
.top.mosd .logo img{ height:90px; transition:all 0.5s ease;}
.top.mosd .T-nav{ margin-top:20px; transition:all 0.5s ease;}

.palos a dt i{ display:block; width:181px; height:0; overflow:hidden; position:absolute; left:50%; margin-left:-90px; transition:all 0.8s ease;}
.palos a dt i.line1{background:url(../images/yht1.png) no-repeat center bottom; bottom:0}
.palos a dt i.line2{background:url(../images/yht2.png) no-repeat center top; top:0;}
.palos a:hover dt i{ height:181px;transition:all 0.8s ease;}







}

@media (max-width: 1100px){

body{ padding-top:50px;}
.wrap{ width:100%; padding:0 2%;}
.ind-about .wrap{ padding:0;}
.top{ height:50px;}
.top .logo img{ height:50px;}
.mob-nav{ width:50px; height:50px; background:url(../images/mob-ct.png) no-repeat center center; float:right; display:block;background-size:58%;}
.cons-news{display:none;}
.T-nav{ display:none; margin:0; position:fixed; left:0; width:100%; top:50px; background:#fff;}
.T-nav li{ width:100%; border-right:none; border-bottom:1px solid #eee; height:auto; padding:0;font-size:16px;}
.T-nav li > a{ text-align:left; line-height:45px; padding:0 2%;}
.T-nav li > a span{ display:inline-block; margin-left:5px; color:#ccc;}
.T-nav li .sec-A{ position:relative; top:0; left:0; width:100%; padding:0 3%; border-radius:0px;}
.T-nav li .sec-A a{ line-height:40px;}
.T-nav li .sec-A span{ display:none;}
.presli{ height:auto; padding:10px 0 20px;}
.presli dl{ position:relative; text-align:left; float:left; width:49%; border-radius:5px; margin-top:10px;}
.presli dl dd{ line-height:25px; height:50px; overflow:hidden;}
.presli dl.solc01{ left:0; width:49%; background:#ced8a3; padding:10px 2%; height:auto;}
.presli dl.solc02{ left:0; width:49%; background:#e3da7b; padding:10px 2%; height:auto; float:right;}
.presli dl.solc03{ left:0; width:49%; background:#f7c497; padding:10px 2%; height:auto;}
.presli dl.solc04{ left:0; width:49%; background:#a5daee; padding:10px 2%; height:auto; float:right;}
.presli dl.solc05{ left:0; width:49%; background:#f1a596; padding:10px 2%; height:auto;}
.presli dl.solc06{ left:0; width:49%; background:#f8d6ee; padding:10px 2%; height:auto; float:right;}
.rulst{ height:auto; padding:20px 0; background:#fff;}
.oslo{ height:auto; margin-top:20px;}
.oslo dl{ position:relative; margin-top:10px; width:49%; height:auto; border:2px solid #f2b47d; border-radius:5px;}
.oslo dl dt{ text-align:left;}
.oslo dl.dls01,.oslo dl.dls03,.oslo dl.dls05,.oslo dl.dls07{ float:left; left:0; top:0; background:none; padding:10px 2%;}
.oslo dl.dls02,.oslo dl.dls04,.oslo dl.dls06,.oslo dl.dls08{ float:right; left:0; top:0; background:none; padding:10px 2%;}
.oslo dl dd{ font-size:14px;}
.oslo dl dt{ font-size:18px;}
.mewil{ padding:20px 0;}
.calim{ width:100%; left:0; margin-left:0;}
.calim a{ width:33.3%; margin:0;}
.calim a dt{ text-align:center;}
.calim a dt img{ width:80%; max-width:105px;}
.clopt .emlit a{ font-size:15px;}
.vilst{ height:500px; background-size:auto 100%; background-position:left top;}
.vilst p{ padding-left:75px; width:100%; font-size:12px;}
.vilst p.pt01{ right: auto; left:0; top:0px;}
.vilst p.pt02{ left:0; top:100px; text-align:left;}
.vilst p.pt03{ right:auto; left:0; top:220px;}
.vilst p.pt04{ left:0; top:340px; text-align:left;}
.vilst p.pt05{ right:0; top:460px;}
.molsi{ font-size:12px; padding-bottom:20px;}
.melis a{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
.honrel li a dl{ padding-top:20px;}
.honrel li a dl dt{ font-size:16px;}
.conlm{ width:640px; margin:0 auto;}
.mslit,.rlsmd{ width:100%;}
.coe-pl,.rolos{ width:100%;}


}

@media (max-width: 640px){
 
.lopsl a dt.m1, .lopsl a dt.m2, .lopsl a dt.m3{ background-size:31%;}
.xre{ display:none;}
.ind-about{ padding:0 0 20px;}
.lopsl{ width:100%;}
.lopsl a{ float:left; width:33.3%;padding-top:1rem;height:120px;}
.roclt{ width:100%; height:auto; padding:0 3% 20px;}
.catel{ padding:0 0 20px;}
.mos-bt{ font-size:14px;}
.mos-bt span{ font-size:18px;}
.roclt .cols{line-height:24px;font-size:16px; color:#666;}
.list-dot li{ width:49%; margin-right:2%;}
.list-dot li:nth-child(2n){ margin-right:0;}
.logo-t img{width:40%;height:auto;padding-top:1rem;}
.caolo{ padding-bottom:10px;background-size: 17%;}
.blols .tils{ margin-top:15px;line-height:24px;font-size:16px; color:#666;}
.blols .links{margin-top:1rem;}
.blols{ width:100%;height:360px;}
.nols-con{ margin-top:20px;}
.locl,.msle{ width:100%; margin:0; margin-bottom:10px;}
.boxlt{ height:130px;}
.boxlt a .rolc .con{ margin-top:5px;}
.boxlt a .rolc .abo{ display:none;}
.locl .con, .locl .abo{line-height:24px;}
.boxlt .pic{ width:156px;}
.boxlt a{ padding-left:165px;}
.mos-bt a{font-size:14px;}
.boxlt a .rolc .tit{ font-size:14px; padding-top:5px; height:55px;}
.flotl{ width:100%;}
.camt{ padding:0px 0 30px; background-position: center top;}
.camt .cli{ font-size:18px;font-weight:bold;}
.camt .sml{ font-size:14px;}
.camt .cos{ font-size:14px; color:#666;}
.dlit{ margin-top:10px;}
.dlit a{ width:33%; margin:0;}
.dlit a dd{ font-size:14px;}
.dlit a dt{ height:65px;}
.prelt{ padding:20px 0;}
.prelt h2{ margin-bottom:20px; line-height:45px; height:45px;}
.prelt h2 span,.prelt h2 a{ width:40%; font-size:18px;font-weight:bold;}
.map-ol{ width:100%;display:none;}
.slol-on{ width:100%; padding:10px 2%;}
.msolt{ padding:20px 0;}
.msolt h2,.rulst h2,.mewil h2,.blsotx h2{ font-size:18px; font-weight:bold;}
.msolt h3,.rulst h3,.mewil h3,.blsotx h3{ font-size:12px; line-height:1.6; margin-top:5px;}
.clies{ margin-top:20px;}
.blsotx{ padding:20px 0;}
.clies .pic{ width:100%; float:left;}
.clies .conse{ width:100%; margin-top:15px; font-size:14px;}
.news-cont li{ width:100%; margin:4% 0 0;}
.news-cont li a{ padding:3%;}
.colis h3{ font-size:16px;}
.colsi{ padding-right:0;}
.colsi .slil{ position:relative; top:0; margin-top:10px;}
.melst span{ display:block; width:100%; border:2px solid #f39801; line-height:45px; color:#f39801; border-radius:5px; padding:0 2%; background:url(../images/xxjt.png) no-repeat 95%; background-size:auto 40%; font-size:16px;}
.melst .emlit{ position:absolute; display:none; left:0; width:100%; border:2px solid #f39801; border-top:none; top:65px; background:#fff;}
.melst .emlit a{ margin:0; display:block; width:100%; border:none; text-align:left; text-indent:30px; border-bottom:1px solid #f39801; border-radius:0;}
.melst .emlit a.cur{ background-position:5px center; background:none;}
.ixdt{ float:left; width:100%;}
.slbg{ width:100%; margin-top:15px;}
.cclt li{ padding:20px 0;}
.cclt li a .pics{ width:100%;}
.cclt li a dl{ width:100%;}
.cclt li a dl dt{ line-height:45px; height:45px; font-size:18px;}
.xmlin dt{ font-size:14px; background-size:auto 50%; line-height:45px; height:45px; overflow:hidden; padding-top:0; padding-bottom:0;}
.xmlin dd{ font-size:14px;}
.clopt{ top:0; position:relative; padding-top:25px;}
.clopt .emlit a{border-top-left-radius:0px;border-top-right-radius:0px; border-bottom:none;}
.clopt .emlit a.cur{ line-height:50px; height:50px;}
.clitl{ line-height:45px; height:45px;}
.roits{ width:100%; font-size:14px; text-align:left; background:none;}
.roits span{ display:none;}
.roits select{ background:#fff; width:32%;}
.erlos{ padding:25px 0 20px;}
.erlos dl{ width:48%; margin:15px 1% 0;}
.erlos dd{ font-size:12px;}
.closlt{ height:100px; background-size:auto 100%;}
.conlsm{ padding:30px 0;}
.blisl h4{ font-size:18px;}
.blisl h5{ font-size:14px;}
.blisl .set{ font-size:14px; color:#666;}
.clols a{ width:29.3%; margin:0 2%;}
.clols a dt{ height:80px;}
.advalt h2,.tenlis h2,.calie h2{ font-size:28px;}
.advalt h3,.tenlis h3,.rplst h2,.calie h3{ font-size:20px;}
.moslt h2{ font-size:20px;}
.moslt,.tenlis,.calie{ padding:20px 0;}
.baslt{ padding-top:20px;}
.baslt li{ width:48%; margin:10px 1%;}
.baslt li img{ width:100%; height:auto;}
.colop,.telix{ margin-top:20px;}
.telix{ background:none;}
.colop dl,.telix dl{ width:100%; height:auto; padding-bottom:20px; margin-bottom:10px;}
.picMarquee-left .bd ul li{ width:50%;}
.paslie,.molps{ width:100%;}
.molps{ margin-top:20px;}
.paslie h2{ font-size:36px;}
.paslie dl{ margin-top:20px;}
.afreit{ height:500px; background-size:cover; padding-top:50px;}
.afreit h2,.cptel h2{ font-size:24px;}
.afreit h3,.cptel h3{ font-size:20px;}
.conmb{ padding-top:30px;}
.conmb h2{ background-size:100% auto; font-size:20px;}
.melis{ margin-top:30px;}
.melis a{ width:98%; margin:auto;}
.left-st,.right-st{ width:100%;}
.afreit h2.animate img{ width:99%;}
.mid-st{ width:100%; marn:20px 0;}
.youslt h2{ font-size:18px;}
.youslt h3{ font-size:14px; word-break:break-all}
.honrel li a dl{ padding-top:0px;}
.honrel li a dl dt{ font-size:16px;line-height:5rem;}
.job-st{ margin-top:20px;}
.job-st span,.silmt li span{ width:33.3%;}
.job-st span.mob-none,.silmt li span.mob-none{ display:none;}
.nislt{ padding:20px 0;}
.nislt h3{ font-size:16px; font-weight:bold;}
.dslm{ padding:15px 0;}
.tneu li{ width:100%; padding-right:0;}
.nislt{ padding:20px 0;}
.nislt h3{ font-size:16px; font-weight:bold;}
.hh2{ font-size:18px;}
.hh3{ font-size:16px;}
.hh3 img{ max-width:100%;}
.plsit,.terls,.younlt,.gerlcot,.cmlie,.preli,.bouls,.cosle{ padding:20px 0;}
.slilt,.honrel,.toslt,.imclt{ margin-top:20px; padding:0;}
.slilt .pic{ position:relative; left:0; top:0; width:100%;}
.slilt .palx{ display:block; padding:20px 3%; font-size:14px; color:#666;max-height:500px;}
.xinls a,.honrel li{ width:46%; margin:10px 2%;}
.xinls a dt p i{ font-size:14px;}
.xinls a dd{ font-size:14px;}
.toslt .hd{ line-height:40px; height:40px;}
.toslt .hd span{ font-size:12px; font-weight:normal;}
.toslt .bd{ padding:20px 5%;}
.toslt .bd dt{ font-size:16px;}
.toslt .bd dd{ font-size:14px;}
.lopo{ width:100%; text-align:center;}
.lopo img{ max-width:60%;}
.metx{ width:100%; margin-top:20px; font-size:14px; text-align:center;}
.hh1{ font-size:28px;}
.bolis{ width:100%; float:left;}
.lctl{ width:100%; margin-top:20px;}
.solps{ padding:15px 3%; font-size:14px;}
.mosx a dt{ height:auto;}
.dlit a{}
.conlm{ width:100%;}
.cront{ text-align:center; padding:0; padding-top:35px; font-size:14px;}
.cront span{ font-size:20px;}
.cront strong{ font-size:16px;}
.conlm,.btn-sonl,.yprel,.menlsx{ padding:20px 0;}
.rlsmd{ padding-top:10px;}
.btn-sonl h2{ font-size:20px;}
.btn-sonl h3{ font-size:16px;}
.btn-sonl .burl{ font-size:14px;}
.relp,.slotx{ width:100%;}
.slotx{ margin-top:20px;}
.relp .tit img{ width:80%; max-width:292px;}
.relp dt{ line-height:40px; font-size:18px;}
.relp dd{ font-size:14px;}
.bouns li{ width:100%; margin-top:10px; padding:15px 3% 15px 120px;}
.bouns li .tit{ width:100px; font-size:16px;}
.bouns{ padding:10px 0;}
.youslt h3 span{ font-size:22px;}
.youslt{ padding:20px 0;}
.picMarquee-left{ margin-top:20px;}
.cnult{ margin-bottom:50px;}
.cnult .pic{ width:100%; text-align:center;}
.cnult .pic img{ width:60%;}
.cnult .dslt{ width:100%; margin-top:20px;}
.cnult .dslt dt{ font-size:18px; background-size:100%;}
.cnult .dslt dd,.preil{ margin-top:30px;}
.preil li{ width:49%;}
.preil li:nth-child(2n){ margin-right:0;}
.reolx{ position:relative;}
.plils{ font-size:20px;}
.mkit span{ display:block; font-size:16px;}
.utel i{ display:block; font-size:14px; float:left; width:100%; text-align:center; line-height:35px;}
.utel i span{ font-size:16px;}
}
@media (max-width: 400px){
.presli dl dd{ height:auto;}
.presli dl.solc01,.presli dl.solc02,.presli dl.solc03,.presli dl.solc04,.presli dl.solc05,.presli dl.solc06{ float:left; width:100%;}
.ny-banner{ height:265px;background-position: top center; background-size:100%;}
.ny-main{ top:-50px;}
.ctsle dl{ width:100%;}
.polt,.scplt,.scplt .soll,.scplt .pic,.petn .soll,.petn .pic{ width:100%;}
.rolos .soll{ height:auto; padding:10px 8% 0; line-height:1.6;}
}




@-moz-keyframes mouse {
  0% {
    top: 0px; left:650px;
  }
  50% {
    top: 50px; left:325px;
  }
  100% {
    top: 0px; left:0px;
  }
}
@-webkit-keyframes mouse {
  0% {
    top: 0px; left:650px;
  }
  50% {
    top: 50px; left:325px;
  }
  100% {
    top: 0px; left:0px;
  }
}
@keyframes mouse {
  0% {
    top: 0px; left:650px;
  }
  50% {
    top: 50px; left:325px;
  }
  100% {
    top: 0px; left:0px;
  }
}
 





































.shade {position: fixed;left: 0; top: 0; z-index: 21;display: none; width: 100%;height: 100%; background-color: #000;filter: alpha(opacity=50); opacity: 0.5; }
.big-video {
    position: fixed;
    left: 50%;
    top: 10%;
    z-index: 22;
    display: none;
    margin-left: -485px;
    padding: 5px;
    background-color: #fff;
    width: 970px;
    box-sizing: border-box;
}
.big-video-main {
    height: 540px;
}
.big-video-clo {
    position: absolute;
    right: -35px;
    top: 0;
    width: 30px;
    height: 30px;
    background: url(../images/icon30.png) no-repeat center center;
    cursor: pointer;
}
@media screen and (max-width: 1330px){
.big-video {
    width: 700px;
    margin-left: -355px;
}
.big-video-main {
    height: 400px;
}
}
@media screen and (max-width: 750px){
.big-video {
    width: 100%;
    left: 0;
    margin-left: 0;
}
.big-video-main {
    height: 185px;
}
.big-video-clo {
    right: 0;
    z-index: 21;
}
}
