@charset "UTF-8"; 
/* CSS Document */
/* webkit*/
::-webkit-input-placeholder {
color:#999; font-size: 14px;
}
/*moz*/
::-moz-placeholder {
color:#999; font-size: 14px;
}
body{background:url("../images/bg.jpg"); background-size: cover}
.simg img{width: 100%; float: left}

.auto{width: 1360px; margin: auto; position: relative}

.head{background: url("../images/navbgs.png") no-repeat center center; height: 121px}
.head .logo{width: 260px; height: 147px; position: absolute; top: 20px; left: 36px}

.head .nav{float: right; padding: 10px 0 0}
.nav ul{width:900px}
.nav li{float: left; margin-left:30px; width: 50px; writing-mode:tb-rl; float: 16px; line-height: 24px;letter-spacing:4px; text-align: right; padding:0 10px 10px 0; position: relative;}
.nav li a{font-size: 16px; color: #000}
.nav li .most{position: absolute; right: 0; top: 80px; border: 1px solid #e6d2b8; padding: 15px; background: url("../images/minbg.png") #fff; height: 126px; display: none}
.nav li p{margin: 0 10px}
.nav li .most a{color: #333; font-size: 14px}
.nav li a:hover{color: #c99554}
.nav li.cur{background: url("../images/navbg.png") no-repeat right bottom}

.jd{padding: 100px 0}
.jd .jdti{text-align: center}
.jd .jdli{margin: 50px 0 0; position: relative}
.jd .jdli .li{position: absolute; left: -50px; top: 45%}
.jd .jdli .ri{position: absolute; right: -50px; top: 45%}
.jd .jdli li{float: left; width: 300px; height: 640px; margin:0 20px}

#scroll{width:1360px;height:640px;margin: 50px auto auto ;position:relative;overflow:hidden;}
.btn_left{ opacity: 0.6}
.btn_left:hover{opacity: 1}
.btn_right{opacity: 0.6}
.btn_right:hover{opacity: 1}
#scroll .content{width:1360px;height:640px;position:relative;overflow:hidden;margin:0 auto;}
#scroll ul{position:absolute;}


.jiud{padding: 100px 0 0; background: url("../images/jdbg.png") no-repeat center top}
.jiud .jiti{color: #fff; font-size: 40px; text-align: center;letter-spacing:20px;}
.jiud .jici{color: #fff; font-size: 16px; text-align: center; margin: 15px 0 0}
.jiud .jiig{margin: 60px 0 0; text-align: center; position: relative}
.jiud .jiig .jitx{position: absolute; top: 0; left: 0; color: #fff; width: 365px; z-index: 2; text-align: left}
.jiud .jiig .jitx .ti{font-size: 22px}
.jiud .jiig .jitx .ci{line-height: 25px; margin: 15px 0 0; ;letter-spacing:4px; }
.jiud .jiig .jitx1{top: 40px; left: 495px}
.jiud .jiig .jitx2{top: 285px; left: 50px}
.jiud .jiig .jitx3{top: 285px; left: 940px}


.cp{padding: 100px 0 0}
.cp .jdli{margin: 50px 0 0; position: relative}
.cp .jdli .li{position: absolute; left: -50px; top: 45%; opacity: 0.4}
.cp .jdli .ri{position: absolute; right: -50px; top: 45%; opacity: 0.4}
.cp .jdli .li:hover,.cp .jdli .ri:hover{opacity: 1}
.cp .jdli li{float: left; width: 325px; height: 640px; text-align: left; text-align: center}
.cp .seeall{text-align: center; margin: 80px 0 0}

.scrollpic {
	width: 1300px;
	margin:50px auto 0 auto;
}
#myscroll {
	display: block;
	width: 100%;
	position: relative;
	height: 640px;
	overflow: hidden;
}
#myscroll #myscrollbox {
	display: block;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	width: 1000000px;
}
#myscroll ul {
	display: block;
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#kinMaxShow {
	visibility: hidden;
	width: 100%;
	height: 640px;
	overflow: hidden;
}




.news{padding:100px 0}
.news .nti{text-align: center}
.nci{margin: 100px 0 0}
.nci dl{margin: 50px 0}
.nci dt{float: left; width: 400px; height: 280px; padding: 10px; border: 1px solid #c1b5a4}
.nci dd{margin-left: 450px; position: relative; height: 300px}
.nci dd .ti a{color: #000; font-size: 28px;padding-right: 200px; letter-spacing:5px;}
.nci dd .ci{color: #666; font-size: 16px; margin: 15px 0 0; line-height: 30px; padding-right: 200px;letter-spacing:5px;}
.nci dd .time{position: absolute; top: 0; right: 0; color: #999}
.nci dd .btn{background: #fff; position: absolute; left: 0; bottom: 0;}
.nci dd .btn a{display: inline-block; border: 1px solid #34755d; border-radius: 5px; padding: 5px; color: #34755d}
.nci dd .btn a span{display: inline-block; padding: 8px 20px; border: 1px solid #c0d3cc; border-radius: 5px}
.nci dd .btn a:hover{background: #34755d; color: #fff}
.news .seeall{padding: 50px 0 0}
.seeall{text-align: center}
.seeall a{background: #1e664c; padding: 5px; color: #ffefc5; display: inline-block}
.seeall a .ne{border: 1px solid #628f71; padding: 10px 20px; display: inline-block}
.seeall a:hover{background: #288865}

.foot{background:url("../images/footerbg.png") no-repeat center top; height: 511px}
.foot .auto{padding: 100px 0 0}
.foot .flogo{text-align: center}
.foot .ti{color:#fff; font-size: 24px; margin: 20px 0 0; text-align: center}
.foot .ci{margin: 30px 0 0; color: #fff; text-align: center}
.foot .ci a{color: #fff}
.foot .ci u{display: inline-block; margin: 0 30px}
.foot .bi{color: #ffefc5; text-align: center; margin: 30px 0 0; line-height: 26px}
.foot .bi a,.foot .ci a:hover{color: #ffefc5}

.banner .ti{padding: 100px}
.banner .tx{background: #fff; padding: 30px; border-radius: 10px;
box-shadow: 0 0 5px #d9d9d9;
}
.banner .tx .tti{font-size:24px ; color: #33674d; border-bottom: 1px solid #e7d3c2; padding-bottom: 20px}
.banner .tx .tci{margin: 30px 0 0; line-height: 26px}

.banner .tx2{background: #fff; padding: 10px 500px 30px 30px; border-radius: 10px; position: relative;
box-shadow: 0 0 5px #d9d9d9;
}
.banner .tx2 .tti{font-size:22px ; color: #333; padding: 25px 0 0}
.banner .tx2 .tci{margin: 15px 0 0; line-height: 26px; color: #999; border-left:3px solid #e9eaea; padding-left: 15px}
.banner .tx2 .tti.cur{font-size:22px ; color: #33674d; padding: 25px 0 0}
.banner .tx2 .tci.cur{margin: 15px 0 0; line-height: 26px; color: #999; border-left: 3px solid #d6a67f; padding-left: 15px}
.banner .tx2 .img{position: absolute; top: 50px; right: 30px}

.jdlit{padding: 180px 0 60px}
.jds li{float: left; width: 50%}
.jds li .mlis{padding: 25px 20px}
.jds li .mlis .mti{color: #33674d; font-size: 30px}
.jds li .mlis .mci{border-left: 2px solid #c1975e; color: #4b4949; margin: 20px 0 0; padding-left: 20px; font-size: 16px; line-height: 28px;}
.jds li .mlis .img{width: 100%; margin: 20px 0 0}

.yjca{padding:0 600px 10px 0; position: relative}
.yjca .img{position: absolute; top: -10px; right: 0}

.splis{padding: 120px 0 80px}
.splis .tab{background: url("../images/table.png") no-repeat; width: 520px; height: 40px; padding: 10px; text-align: center; margin: auto}
.splis .tab a{display: inline-block; padding: 10px 10px; color: #333}
.splis .tab a:hover{color: #1e664c}
.splis .tab u{color: #ccc; margin: 0 10px}
.splis .tab .cur{background: #1e664c; color: #ffefc5;
border-radius: 5px;
}
.splis2{padding: 350px 0 80px}
.splis2 .jdtit{font-size: 40px; text-align: center}
.splis2 .jdci{font-size: 16px; text-align: center; margin: 20px 0 0}

.por{margin: 50px 0 0}
.por li{float: left; width: 33.33%}
.por li .prc{background: #fff; margin: 20px; padding: 10px;
border-radius: 5px;height: 727px;
}
.prc .prci{border: 1px solid #fff; padding: 10px;}
.por li:hover .prci{border-color: #c4d5cf;}
.por li:hover .prc{
box-shadow: 0 0 10px #d9d9d9;
}
.prc .prci .img{text-align: center}
.prc .prci .img img{width: 100%}
.prci .lb{text-align: center; color: #1e664c; margin: 20px 0 0}
.prci .lb span{display: inline-block; margin: 0 10px}
.prci .line{text-align: center; margin: 20px 0 0}
.prci .ti{font-size: 24px; margin: 20px 0 0; text-align: center}
.prci .ci{font-size: 14px; text-align: center; margin: 20px 0 0; color: #999; height: 70px; line-height: 26px}
.prci .jg{text-align: center; color: #c99554; font-size: 24px; margin: 20px 0 0}
.prci .jg em,.prci .jg u{display: inline-block; font-size: 14px}
.prci .jg .led{text-decoration: line-through; color: #999; font-size: 12px}
.prci .seeall{margin: 20px 0 0} 
.prci .seeall{text-align: center}
.prci .seeall a{background: #fff; padding: 5px; color: #1e664c; display: inline-block; border: 1px solid #1e664c; border-radius: 3px; position: relative}
.prci .seeall a .ne{border: 1px solid #d2e0db; padding: 8px 30px; display: inline-block; border-radius: 3px}
.prci .seeall a:hover{background: #1e664c; color: #ffefc5}
.prci .seeall a .pxc{position: absolute; left: -40px; bottom: 60px; background: #fff; padding: 20px; text-align: center; display: none;
box-shadow: 0 0 10px #d9d9d9;
}
.prci .seeall a .pxc .pcc{color: #999; font-size: 12px; margin: 10px 0 0}
.prci .seeall a .pxc .pcb{margin: 10px 0 0; color: #1e664c}

.prci .seeall a:hover .pxc{display: block;}

.prci .jdi{margin: 20px 0 40px}
.jdi .li{float: left; width: 20%; text-align: center}
.jdi .li .liti{font-size: 18px}
.jdi .li .lici{color: #999; font-size: 12px; margin: 5px 0 0}

.yxlb{padding: 80px 0}
.yxlb li{float: left; width: 33.33%; text-align: center}
.yxlb li .tx{margin: 20px 0 0; font-size: 22px}

.yxkc{padding: 80px 0}
.kec{background: #fff; padding: 40px}
.kec .tit{font-size: 24px; color: #33674d}
.kec dl{margin: 40px 0 0; border-bottom: 1px solid #e9e9e9; padding: 0 0 40px}
.kec dt{float: left; width: 280px; height: 185px; overflow: hidden}
.kec dt img{width: 100%}
.kec dd{margin-left: 320px; height: 185px; position: relative}
.kec dd .ti{font-size: 20px; color: #33674d; background: url("../images/line2.png") no-repeat left bottom; padding-bottom: 15px}
.kec dd .ci{color: #999; margin: 20px 0 0}
.kec dd .bi{position: absolute; left: 0; bottom: 0}
.kec dd .bi a{border: 1px solid #48735f; padding: 3px; border-radius: 5px}
.kec dd .bi span{border: 1px solid #c8d5cf; padding: 10px 30px; border-radius: 5px}
.kec dd .bi a:hover{background: #48735f; color: #fff}
.kec dd .bi span .ico{margin-left: 10px}

.kec .tab a{color: #999; margin-right: 40px}
.kec .tab a.cur{color: #33674d}

.mbfs{padding: 160px 0 0}
.mbfs .mbti{text-align: center}
.mbfs .mbci{text-align: center; margin: 60px 0 0}

.mbtx{margin: 50px 0}
.mbtx dl{margin: 80px 0}
.mbtx dt{width: 490px; float: left}
.mbtx dd{margin-left: 540px; color: #666; font-size: 16px; line-height: 30px; letter-spacing:4px; padding: 20px 0 0}
.mbtx .ri dt{width: 490px; float: right}
.mbtx .ri dd{margin:0 540px 0 0; color: #666; font-size: 16px; line-height: 30px; letter-spacing:4px; padding: 20px 0 0}

.inas{width: 1360px; overflow: hidden}
.inas ul{width: 1400px}
.inas li{width: 439px; height: 240px; float: left; margin: 0 20px 20px 0; position: relative}
.inas li .img img{width: 100%}
.inas li .cbg{position: absolute; left: 0; bottom: 0; width: 100%; background: #2e503c; opacity: 0.8}
.inas li .cbg span{display: block; color: #fff; padding: 10px; text-align: center}

.ntcp{padding: 50px 0}
.cpli{width: 1360px; overflow: hidden}
.cpli ul{width: 1400px}
.cpli li{float: left; width: 670px; margin: 20px 20px 0 0; color: #1a684a; font-size: 16px}
.cpli li .ti{margin: 15px 0 0}

.abs{background: url("../images/abtbg.png") no-repeat center top; height: 575px}
.abs .auto{position: relative}
.abs .tit{width: 590px; font-size: 40px; padding: 100px 50px 0 50px}
.abs .con{width: 690px; margin: 40px 50px}
.abs .vod{position: absolute; top: 100px; right: 0;width: 515px; height: 324px}
.abs .vod .vods{position: absolute; top: 0; right: 0; background: #000}

.tswb{padding: 80px 0 0}
.tswb .wbtit{font-size: 40px; text-align: center}
.tswb .wbcon{font-size: 16px; margin: 10px 0 0; text-align: center}
.erbao{margin: 30px 0 0; overflow: hidden}
.erbao .sek{width: 1400px}
.erbao dl{float: left; width: 666px; margin-right: 20px; background: #fff; height: 400px}
.erbao dt{width: 300px; height: 400px; float: left}
.erbao dd{margin-left: 310px;  padding: 20px}
.bao span{display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 100px; background: #d6a67f; color: #fff}
.erbao dd .ti{margin: 15px 0 0; font-size: 22px}
.erbao dd .ci{margin: 15px 0 0; color: #999;line-height: 24px;letter-spacing:3px;}

.sanbao{margin: 25px 0 0; overflow: hidden}
.sanbao .sek{width: 1400px}
.sanbao dl{float: left; width: 434px; margin-right: 25px; background: #fff; height: 590px}
.sanbao dt{width: 434px; height: 260px; overflow: hidden}
.sanbao dd{padding: 20px}
.sanbao dd .ti{margin: 15px 0 0; font-size: 22px}
.sanbao dd .ci{margin: 15px 0 0; color: #999;line-height: 24px;letter-spacing:3px;}


.sywl{padding: 60px 0; background: url("../images/stwlbg.png") no-repeat center top; height: 606px}
.sywl .wbtit{font-size: 40px; text-align: center}
.sywl .wbcon{font-size: 16px; margin: 10px 0 0; text-align: center}
.stli{margin: 60px 0 0; overflow: hidden}
.stli ul{width: 1400px}
.stli li{width: 256px; height: 435px; float: left; margin-right: 20px; position: relative}
.stli li .txe{position: absolute; left: 0; bottom: 0; width: 100%}
.stli li .txe .bao{padding: 10px 20px}
.stli li .txe .ti{padding: 5px 20px 20px; color: #fff; font-size: 16px}
.stli li .wkes{width: 300px; height: 375px; left: 0; background: #fff; padding: 30px; position: absolute; top: 0; z-index: 2; display: none}
.stli li .wkes2{left:auto; right: 0}
.stli li .wkes .ti{margin: 10px 0 0; font-size: 16px}
.stli li .wkes .ci{margin: 10px 0 0; color: #999; line-height: 26px}
.stli li:hover .wkes{display: block}

.zzry{padding: 80px 0 0}
.zzry .wbtit{font-size: 40px; text-align: center}
.zzry .wbcon{font-size: 16px; margin: 10px 0 60px; text-align: center}

.lxwm{padding: 80px 0 0;}
.lxwm .wbtit{font-size: 40px; text-align: center}
.lxwm .wbcon{font-size: 16px; margin: 10px 0 60px; text-align: center}

.indb{background: #fff; height: 600px; padding-left: 480px; position: relative}
.indb .msg{background: url("../images/lxbg.png") no-repeat; width: 400px; height: 540px; padding: 30px; color: #fff; position:absolute; top: 0; left: 0}
.indb .msg .ti{font-size: 24px; margin: 30px 0 0}
.indb .msg .ci{font-size: 16px; margin: 15px 0 0}
.indb .msg .sind{margin: 5px 0 0}
.indb .msg .tx{margin: 80px 0 0; line-height: 40px; font-size: 16px}
.indb .msg .tx span{display: inline-block; margin-right: 30px}
.indb .msg .ops{position: absolute; left: 30px; bottom: 30px}
.indb .msg .ops span{display: inline-block; margin-right: 15px}

.min{padding: 50px 20px 50px 50px}
.min li{width: 50%; float: left; margin: 15px 0}
.min .wd{width: 100%}

.min li .tex{font-size: 16px}
.min li .inpt{margin-right: 40px; border-bottom: 1px solid #e9e9e9; margin: 20px 40px 20px 0; padding-bottom: 20px}
.min li .inpt .text{width: 100%; height: 30px; border: 0; padding: 0; margin: 0; background: none}
.min .but{background: #1e664c; padding: 4px; position: absolute; right: 50px; bottom: 50px}
.min .but .buton{border: 1px solid #628f71; padding: 12px 50px; background: none; color: #ffefc5; font-size: 16px}

.cnts{padding: 30px 0;}

.inxss{border-radius: 5px; background: #fff; padding: 50px}
.inxss .indbs{padding-left: 400px; margin-bottom: 30px}
.inxss .inti{font-size: 16px}
.inxss .in{margin: 15px 0 0}
.in .intb{width: 520px; height: 44px; background: #fff; border: 1px solid #ddd; padding: 10px;}
.in .text{width: 500px; height: 24px; padding: 10px; border: 1px solid #ddd}

.btnst{padding: 10px 40px; background: #34644e; border-radius: 5px; font-size: 16px; color: #fff; border: 0}