@charset "utf-8";
/* CSS Document */
/* index */
body{ padding-top:79px;}
.op0{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.wrap{ width:1200px; margin:0 auto;}
.mob-nav{ display:none;}
.top{ height:79px; box-shadow:0 2px 3px #999; background:#fff; width:100%; position:fixed; left:0; top:0; z-index:20;}
.T-nav{ margin-top:32px;}
.T-nav > li{ float:left; margin-left:10px; position:relative;}
.T-nav > li > a{ display:block; height:35px; line-height:35px; font-size:14px; padding:0 8px; text-align:center;}
.T-nav > li > a.cur{}
.T-nav > li .gdlt{ position:absolute; left:0; top:35px;  padding:0 10px; display: none; background:#fff; text-align:center; border-top:1px solid #ddd;}
.T-nav > li .gdlt a{ display:block;line-height: 18px;padding:8px 6px;}
.parsert{ background:#efefef url(../images/bgv.jpg) no-repeat center center; background-size:auto 100%; padding:35px 0 110px;}
.secltc{ width:50%;}
.breol a{ display:block; position:relative; overflow:hidden;}
.breol a > img{ transition:all 0.6s ease;}
.breol a:hover > img{ transition:all 0.6s ease; transform:scale(1.1);}
.breol a .castv{ background:url(../images/bg-col.png); position:absolute; left:0; bottom:0; width:100%; color:#fff; text-align:center; padding:10px 2%; font-size:18px; letter-spacing:1px;}
.castv .p1{ font-size:24px;}
.castv span{ color:#f8b807;}
.replie{ width:50%;}
.bltec{ color:#555; padding-bottom:20px;}
.bltec span{ font-size:24px; text-transform:uppercase; display:block;}
.ind-ewo{ background:#efefef;}
.blsoe{ height:250px; display:table; width:100%; background:#fff;}
.blsoe div{ display:table-cell; vertical-align:middle; color:#747474; font-size:18px; text-align:center; letter-spacing:3px; line-height:2;}
.lopes,.reols{ width:50%;}
.lopes{ margin-top:-70px;}
.torel{ height:400px; width:100%; display:table; background:#1f3356; color:#fff;}
.torel .cont{ display:table-cell; vertical-align:middle;}
.torel .cont .p1{ font-size:48px; letter-spacing:5px;}
.torel .cont .p2{ font-size:18px; color:#c5c5c5; margin-top:10px; letter-spacing:2px; text-transform:uppercase;}
.torel .cont .p3{ font-size:24px; margin-top:20px;}
.torel .cont .p4{color:#c5c5c5; font-size:14px;}
.lospe{ padding:50px 0;}
.reols{ margin-top:160px; background:#fff; padding:80px 4% 30px;}
.reols .p1{ font-size:18px;}
.reols .p2{ font-size:14px; margin-top:5px; color:#999;}
.oreslv span{ float:left; cursor:pointer; width:50%; text-align:center; margin-top:30px; font-size:18px;}
.oreslv span i{ display:block; width:100%; height:10px; border:1px solid #ddd; margin-bottom:50px;}
.oreslv span.cur i{ border-color:#f8b807; background-color:#f8b807;}
.oreslv span img{ margin-bottom:10px;}
.losepv{ line-height:2; font-size:12px; margin-top:50px;}
.losepv p{ margin-bottom:15px;}
.lolstc{ background:#1f3356; color:#fff; padding:80px 0 150px; text-align:center; font-size:24px; letter-spacing:3px;}
.lolstc .p1{ color:#f8b600; font-size:36px; text-transform:uppercase;}
.lolstc .p3 a{ display:inline-block; border:1px solid #fff; line-height:30px; padding:0 25px; border-radius:15px; color:#fff; font-size:16px; margin-top:20px;}
.mtl-sole{ margin-top:-100px;}
.presl01{ width:50%;}

.presl01 .impd a,.presl02 .impd a{ 
display:block; width:100%; height:300px; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:all 1.5s;
}
.presl01 .impd a:hover,.presl02 .impd a:hover{transform:scale(1.1);}
.impd{overflow:hidden;}
.presl01 .topce{ height:300px; width:100%; display:table;}
.presl01 .topce div,.presl02 .topce div{ display:table-cell; vertical-align:middle; background:#fff; text-align:center;}
.presl01 .topce div .p1{width: 600px;height: 83px; background:url(../images/logo2.png) no-repeat center;}
.presl01 .topce div .p2{ font-size:18px; color:#747474; margin-top:10px; letter-spacing:3px;}
.presl02{ width:50%;}
.presl02 .impd{ width:50%; overflow:hidden;}
.presl02 .topce{ width:50%; background:#fff;height:300px; display:table;}
.presl02 .topce div .p1{ color:#f8b807; font-size:36px; letter-spacing:3px; background:url(../images/e.jpg) no-repeat center bottom; padding-bottom:10px; margin-bottom:10px;}
.presl02 .topce div .p2{ font-size:16px; color:#555;}
.foot{ margin-top:50px; background:#1f3356; padding-top:50px;}
.foot .owlt{ margin-right:35px; color:#fff;}
.foot .owlt dt{ background:url(../images/e2.jpg) no-repeat left bottom; padding-bottom:10px; margin-bottom:10px;}
.foot .owlt dd a{ color:#fff; font-size:12px; display:inline-block; line-height:25px;}
.mtelo{ color:#fff; margin-left:20px;}
.mtelo .tel{ margin-bottom:15px;}
.mtelo .tel span{ margin-right:12px;}
.mtelo .tel p{ color:#ccc; font-size:12px;}
.mtelo .tel p i{ font-size:20px; color:#fff;}
.mtelo .opee{ font-size:12px; line-height:25px;}
.moelwt{ margin-top:35px; border-top:1px solid #364867; text-align:center; color:#fff; padding:20px 0; font-size:12px;}
.ny-banner{ height:330px; background-position:center center; background-repeat:no-repeat; background-size:cover; display:table; width:100%;}
.ny-banner div{ text-align:center; display:table-cell; vertical-align:middle; color:#e3e3e3; display:none;}
.ny-banner div .p1{ color:#f8b807; font-size:60px; letter-spacing:3px; margin-bottom:10px;}
.ny-banner div .p2{ line-height:25px; font-size:18px; letter-spacing:2px;}
.ny-cont{ padding-top:40px;}
.denls{ height:77px; background:#f8f8f8; border-bottom:1px solid #ddd; position:relative; z-index:2;}
.mesle{  padding-top:0px; padding-left:20px; font-size:30px; text-transform:uppercase; color:#1f3356; line-height:28px;}
.mesle span{ font-size:30px; color:#e3e3e3;}
.csore{ /*width:125px;*/ position:relative; padding:0 10px; }
.csore span{ display:block; line-height:76px; text-align:center; color:#555; cursor:pointer;}
.csore p{ position:absolute; left:0; top:76px; background:#fff; width:100%; display:none;}
.csore p a{ display:block; line-height:20px; text-align:center; border:1px solid #ddd; border-top:none; font-size:12px;padding: 8px 10px;}

.resnen{ margin-top:40px;}
.resnen li{ width:32%; float:left; margin-right:2%;}
.resnen li .pic{ overflow:hidden;}
.resnen li .pic img{ transition:all 0.5s ease;}
.resnen li a:hover .pic img{ transform:scale(1.1); transition:all 0.5s ease;}
.resnen li .tit{ line-height:36px; color:#666; background:#efefef; font-size:30px; text-align:center; transition:all 0.5s ease; padding:40px 10px;}
.resnen li a:hover .tit{ background:#1f3356; transition:all 0.5s ease; color:#fff;}
.preslte{ margin-top:50px;}
.louten{ width:60%;}
.benlse{ width:38%;}
.benlse .p1{ color:#1f3356; border-bottom:1px solid #ddd; font-size:20px; padding:10px 0;}
.benlse .p2{ color:#666; font-size:12px; padding:12px 0; line-height:2;}
.bulef{ border-bottom:1px solid #ccc;}
.bulef span{ display:inline-block; color:#fff; line-height:35px; background:#1f3356; width:185px; text-align:center;}
.fopset{ margin-top:40px;}
.fopset .cont{ line-height:2; color:#666; padding:15px 2%; font-size:12px;}
.olaste li{ float:left; width:23.5%; margin-right:2%; margin-top:30px;}
.olaste li a{ display:block; border:1px solid #a0a0a0;}
.olaste li a .pic{ overflow:hidden;}
.olaste li a .pic img{ transition:all 0.5s ease;}
.olaste li a:hover .pic img{ transform:scale(1.1); transition:all 0.5s ease;}
.olaste li a .con{ padding:10px 0; background:#dfdfdf; text-align:center; color:#333;}
.olaste li a .con .p1{ height:25px; line-height:25px; overflow:hidden; font-size:18px;}
.olaste li a .con .p2{ line-height:20px; height:20px; overflow:hidden; font-size:12px;}
.olaste li a:hover .con{ background:#496aa4; transition:all 0.5s ease;color:#fff;}
.page-ole{ margin-top:30px;}
.page-ole a{ display:inline-block; line-height:30px; padding:0 10px; border:1px solid #ddd; margin:0 3px;}
.page-ole a.cur{ background:#1f3356; color:#fff;}

.pachle span{ display:none;}
.pachle p a{ display:inline-block; /*width:100px;*/ padding:0 10px; text-align: center; line-height:76px;}
.pachle p a.cur{ background:#fff; border-bottom:1px solid #fff; border-top:2px solid #1f3356; line-height:74px;}
.gounres{ padding:40px 0 0;}
.gounres dt{ color:#fff; cursor:pointer; background:url(../images/line.jpg) repeat-x left center; background-size:auto 100%; line-height:58px; padding:0 2%; font-size:18px;}
.gounres dt span{ float:right; width:28px; height:58px; background: url(../images/b1.png) no-repeat center center;}
.gounres dt.cur span{ background-image:url(../images/b2.png);}
.gounres dd{ padding-bottom:20px; display:none;}
.gounres dd .p1{ font-size:12px; color:#fff; padding:8px 2%; background:#2f4162; margin-top:20px;}
.gounres dd .p2{ padding:10px 0; border-bottom:1px solid #ddd; font-size:12px; color:#666; line-height:2;}
.tenlset{width: 136px;position: absolute;right: 439px;top:76px;background: #fff;z-index: 2;border-top: 1px solid #ddd;display: none;}
.tenlset a{ display:block; line-height:35px; text-align:center; border:1px solid #ddd; border-top:none; font-size:12px;}

.tenlset a.cur{ color:#1f3356; text-decoration:underline;}
.besont{ padding:30px 2% 0;}
.besont h5{ font-size:20px; font-weight: normal; border-bottom:1px solid #ddd; line-height:40px; color:#1f3356;}
.titloe{ padding:20px 0; color:#666; line-height:2; font-size:12px;}
.imgele img{ display:block; float:left; width:31.3%; margin:1% 1% 0;}
.merlse{ width:90%; margin:30px auto 0;}
.merlse td{ padding:5px; color:#666;}
.merlse td.tr{ width:150px;}
.merlse td .voe01{ width:100%; height:45px; border:1px solid #ddd; padding:0 5px;}
.merlse td span{ color:#f00;}
.merlse td textarea{ width:100%; padding:5px; border:1px solid #ddd; height:150px;}
.merlse td .voe02{ width:100%; height:50px; color:#fff; font-size:18px; background:#1f3356; border:none; cursor:pointer;}
.rousne{ padding:30px 0; font-size:12px; color:#666; line-height:2.5;}
.rousne img{ max-width:100%; margin-left:12px;}
.prelde{ padding:40px 10%;}
.prelde li{ width:23%; margin:1%; float:left;}
.prelde li a{ display: table; width:100%; height:168px; transition:all 0.6s ease;}
.prelde li a:hover{ box-shadow:0 0 25px #999; transition:all 0.6s ease;}
.prelde li a div{ display:table-cell; vertical-align:middle; text-align:center;}
.prelde li a div img{ max-width:90%; max-height:90%;}

.pdlse{ padding:20px 2%; line-height:2; color:#666; font-size:12px;}
.pdlse p{ margin-bottom:15px;}
.pdlse img{ max-width:100%;}

.honor-ul{ padding:20px 2% 40px; background:url(../images/t18.jpg) repeat-y center top;}
.honor-li{ width:23%; margin:25px 1% 105px; float:left;}
.honor-li-a .honor-li-img{ text-align:center; height:288px; position:relative;}
.honor-li-a .honor-li-img a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.honor-li-a .honor-li-img img{ max-width:100%; max-height:100%;}

.corels{ padding:30px 0;}
.corels li{ width:27.3%; margin:0 3%; float:left;text-align:center;}
.corels li .pic img{ max-width:80%;}
.corels li .tit{ line-height:2; margin-top:20px; color:#474747;}

.clist li{ padding:20px 0; border-bottom:1px solid #ddd;}
.clist li a{ position:relative; padding:0 300px 0 150px; display:block; width:100%; height:154px;}
.clist li a .pic{ width:230px; position:absolute; right:0; top:0;}
.clist li a .date{ width:120px; position:absolute; left:0; top:0; font-size:30px; font-weight:normal; padding-top:15px; padding-bottom:60px; background:url(../images/bv01.jpg) no-repeat left bottom; color:#666;}
.clist li a:hover .date{ background:url(../images/bv02.jpg) no-repeat left bottom; color:#333;}
.clist li a dt{ font-size:16px; padding-top:15px; line-height:30px; height:45px; overflow:hidden;}
.clist li a dd{ color:#999; line-height:25px; height:50px; overflow:hidden; margin-top:15px;}

.blewos{ border-bottom:1px solid #ccc; margin-top:40px; line-height:1.6; text-align:center; padding-bottom:20px;}
.blewos .p1{ font-size:24px; color:#464646;}
.blewos .p2{ font-size:12px; color:#666;}
.bloelv a{ display:block; line-height:40px; background:#e5e5e5; text-align:center;}

.breslv{ height:40px; margin-top:25px;}
.searchle{ margin-left:10px; position:relative;}
.searchle span{ cursor:pointer; display:block;}
.linkde{ margin-left:10px;}
.coloew{ position:absolute; right:0; top:40px; background:#fff; width:210px; padding:10px; z-index:2;}
.coloew .ooe01{ width:160px; border:none; background:#f0f0f0; height:30px; padding:0 5px; float:left;}
.coloew .ooe02{ background:#ccc url(../images/fdsl.png) no-repeat center center; background-size:70% auto; width:30px; height:30px; float:left; border:none; cursor:pointer;}
/*2024.4.16 add*/
.box{ width:100%; box-shadow:0 0 10px rgba(0,0,0,0.2); margin:3% 0 1%;}
.flex {
	display: -webkit-flex;
	display: flex;
	flex-wrap:wrap;
	
}
/*.jc{justify-content:space-between;}*/
.jc2{justify-content:center;}
.boxleft{ position:relative; width:490px; height:165px; background:#fff url(../images/sj1.jpg) center center no-repeat;}
.boxleft h2{ width:70%; color:#fff; font-size:22px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.boxleft h2 span{ display: block; color:#fff; font-weight:normal; font-size:18px; line-height:2;}
.boxright{ width:50%; margin-right:5%;}
.boxright h2{ line-height:3; margin-top:5%;}
.boxright form{border:1px solid #d7d9dc; border-radius:30px; overflow:hidden;}
.boxright .c1 { border:none;
     
    width: 92%;
    line-height: 50px;
    height: 50px;
    text-indent: 10px;
}
.boxright .c2{ width:7%; background:#fff url(../images/f6.jpg) center center no-repeat; line-height:50px; height:50px;border:none; cursor:pointer;}
.sboul{ width:100%}
.sboul span{ width:25%; cursor:pointer; border-bottom:1px solid #d7d9dc; line-height:60px; text-align:center;  font-size:16px;position:relative;}
.sboul span.cur{ color:#1f3356;  border-bottom:1px solid #1f3356;}
.eboca{ margin-top:3%;}
.eboca li{ width:100%; text-indent:15px; background:#f8f8f8; line-height:55px; margin-bottom:20px; position:relative;}
.eboca li a{ color:#333;}
.eboca li span{ position:absolute; right:10px; color:#999;}

.ewms{ display:block;    line-height: 2; align-items:center;
    color: #333;   background:#e7edf9; padding:3%; text-align:center;   width:100%; height:100%; margin-top:3%;}
	.ewms p{ font-size:16px;}
.ewms img{ border-radius:6px;  }
.flex {
	display: -webkit-flex;
	display: flex;
	flex-wrap:wrap;
	
}
.jc{justify-content:space-between;}
.jc2{justify-content:center;}
.downny{ display:block; position:relative;}
.downny span{ position:absolute; right:0}
.videobox{ width:31%; margin:3% 2.3% 0 0;}
.videobox video{ width:100%;}
.videobox h3{ line-height:2;}


@media (max-width: 1200px){
.wrap{ width:100%; padding:0 2%;}
    .tenlset{right:calc(2% + 439px);}
body{ padding-top:50px;}
.top{ height:50px;}
.top .logo{}
.top .logo img{ height:50px;}
.mob-nav{ margin-top:0;}
.T-nav{ height:100%; padding:0; position: absolute; margin:0; width:100%; left:0; overflow-x:hidden; overflow-y:auto; top:50px; background:#f0f0f0; display:none;}
.T-nav li{ display:block; width:100%; border-bottom:1px solid #ddd; margin:0;}
.T-nav > li a{ width:100%; text-align:left; padding:0 2%; line-height:45px; height:45px;}
.T-nav > li > a.cur{ background:none; color:#666;}
.T-nav li .gdlt{ position:relative; width:100%; top:0; padding:10px 0; background:#f0f0f0;}
.T-nav li .gdlt a{ padding:0 5%;}
.mob-nav{ display: block; float:right; width:50px; height:50px; background:url(../images/mob-ct.png) no-repeat center center; margin-left:6px;}
.foot{ padding:0;}
.foot .wrap{ display:none;}
.moelwt{ border:none; margin:0;}
.honor-ul{ background:none;}
.honor-li{ border:1px solid #ddd; margin:25px 1% 0;}
.honor-li-a .honor-li-img{ height:200px;}
.breslv{ display:block;}
.searchle{display:none;}
.linkde img{width:34px; height:34px; margin-top: -16px;}
.presl01 .topce div .p1 {
    width: 100%;
    height: 83px;
    background: url(../images/logo2.png) no-repeat center;
    background-size: 100% auto;
}
}

@media (max-width: 640px){
.boxleft{ height:90px;}
.boxleft h2 {
    width: 93%;
    
    font-size: 14px;
   
}
.boxleft h2 span {
    display: block;
    color: #fff;
    font-weight: normal;
    font-size: 12px;
    line-height: 2;
}
.videobox {
    width: 100%;
    margin: 3% 0 0 0;
}
.boxleft, .boxright{ margin-right:0; width:100%;}
.boxright{ margin:0 5% 5% 5%;}
.boxright h2{ margin-top:0;}
.boxright .c1 {
    border: none;
    width: 83%;
    line-height: 40px;
    height: 40px;
    text-indent: 10px;
}
.boxright .c2 {
    width: 14%;
 
}
.ewms{ display:none;}
.secltc,.replie{ width:100%;}
.breol a .castv{ font-size:14px;}
.castv .p1,.bltec span{ font-size:18px;}
.parsert{ padding:20px 0;}
.lopes, .reols{ width:100%;}
.lopes{ margin-top:0;}
.torel{ height:200px;}
.torel .cont .p1{ font-size:24px;}
.torel .cont .p2{ font-size:14px;}
.torel .cont .p3{ font-size:20px; margin-top:10px;}
.lospe{ padding:20px 0;}
.lospe img{ max-width:50%;}
.reols{ margin-top:0; padding:20px 2%;}
.presl01{ width:100%;}
.lolstc{ font-size:16px; padding:30px 0 50px;}
.lolstc .p1{ font-size:20px;}
.mtl-sole{ margin-top:-30px;}
.presl01 .topce{ height:160px;}
.presl01 .topce div .p1{ font-size:24px;}
.presl01 .topce div .p2{ font-size:14px; letter-spacing:2px;}
.presl01 .impd a, .presl02 .impd a{ height:160px;}
.presl02{ width:100%;}
.presl02 .topce{ height:160px;}
.presl02 .topce div .p1{ font-size:24px;}
.presl02 .topce div .p2{ font-size:12px;}
.blsoe{ height:160px;}
.blsoe div{ font-size:15px;}
.ny-banner{ height:200px;}
.ny-banner div .p1{ font-size:32px;}
.ny-banner div .p2{ font-size:16px;}
.hongre{ width:100%;}
.denls{ height:auto; background:none;}
.mesle{ background:#f8f8f8; width:100%; padding:10px; font-size:18px;}
.mesle span{ font-size:24px;}
.csore{ width:33.3%;}
.csore span{ line-height:50px; height:50px;}
.csore p{ top:50px;}
.resnen li .tit{ line-height:60px; font-size:20px;}
.louten,.benlse{ width:100%;}
.benlse .p1{ font-size:18px;}
.page-ole a.mob-none{ display:none;}
.olaste li{ width:49%; margin-top:10px;}
.olaste li:nth-child(2n){ margin-right:0;}
/*.pachle{ position:absolute; right:0; top:0;}*/
/*.pachle span{ display:block; width:120px; line-height:62px; text-align:center; color:#666; background:url(../images/xl.png) no-repeat 90% center;}*/
/*.pachle span{line-height: 50px; height: 50px;display: block;color: #555; cursor: pointer;float: left;    padding: 0 8px; }*/
/*.pachle p{ position:absolute; top:60px; right:0; z-index:5; background:#f8f8f8; width:100%; display:none;}*/
.pachle p{background:#f8f8f8; width:100%;}
/*.pachle p a{ width:100%; display:block; line-height:50px;}*/
    .pachle{width: 100%;}
    .tenlset{left: 10px;top: 122px;}
.pachle p a{ line-height:50px;float: left;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pachle p span a{ width:100%; display:block; line-height:50px;}
.pachle p a.cur{ border:none; line-height:50px; background:none;}
.ny-cont,.gounres{ padding-top:20px;}
.besont{ padding:15px 0;}
.besont h5{ font-size:16px;}
.imgele img{ width:100%; margin:1% 0;}
.merlse{ width:100%;}
.merlse td.tr{ width:60px;}
.merlse td{ padding:5px 2px;}
.prelde{ padding:20px 0;}
.prelde li{ width:48%;}
.prelde li a{ height:120px;}
.honor-li{ width:48%;}
.honor-li-a .honor-li-img{ height:160px;}
.corels li{ width:31.3%; margin:0 1%;}
.corels li .tit{ font-size:12px;}
.clist li a{ padding:0; height:auto;}
.clist li a .pic{ position:relative; width:100%;}
.clist li a .date{ width: auto; color:#fff; background:url(../images/bg-col.png); padding:10px; font-size:20px;}
.clist li a:hover .date{ background:url(../images/bg-col.png); color:#fff;}
.blewos .p1{ font-size:16px; line-height:1.2;}
}
@media (max-width: 420px){
.resnen li{ width:100%; margin:10px 0 0 ;}
.resnen{ margin-top:10px;}
.resnen li .tit{ font-size:15px; line-height:45px;}
.rousne img{ width:100%; margin:0 0 10px;}
}
/*QQ联系*/
.con_byQQ{position: fixed;right: 0;top:30%;width: 54px;}
.con_byQQ a{
    display: block;height: 54px;padding-left: 54px;border-bottom: 1px solid #fff;
    background:#1f3356 url("../images/icon_qq.png") 10px center/34px no-repeat;float: right;
}
.con_byQQ a div{
    line-height: 24px;padding-top: 3px;color:#fff;font-size: 12px;height: 48px;
    width: 0;text-align: center;overflow: hidden;transition: all .6s;
}
.con_byQQ a:hover div{width: 110px;}