@charset "utf-8";
/* CSS Document */
/* index */

body{ padding-top:81px;}
.op0{opacity: 0;}
.wrap{ width:1200px; margin:0 auto;}
.wrap img{
max-width:100%;
/*height:auto;*/}
.top{ height: 81px; box-shadow:0 0 10px rgba(0,0,0,0.2); width:100%; position:fixed; left:0; top:0px; z-index:95; transition:all 0.5s ease; background:#fff;}
.T-nav{ border-right:1px solid #ededed;}
.T-nav > li{ float:left; position:relative;}
.T-nav > li > a{ display:block; padding:0 25px; line-height:81px; height:81px; text-align:center; transition:all 0.5s ease; position:relative;}
.T-nav > li > a.cur{ color:#fff; background:#0680c7; transition:all 0.5s ease;}

.T-nav > li .gdlt{ position:absolute; width:197px; left:0; top:81px;  background:#0680c7; display:none; /*box-shadow:0 0 10px rgba(0,0,0,0.2)*/}
.T-nav > li .gdlt a{ display:block; padding:7px 25px; color:#fff; margin-top:1px; font-size:13px;}
.T-nav > li .gdlt a:hover{ background:#034976;}

.prelms{ line-height:31px; margin-top:25px;}
.prelms a{ margin:0 5px;}
.ind-search{ position:relative; margin:23px 15px 0;}
.ind-search span{ display:block; width:35px; height:35px; background:url(../images/fd.png) no-repeat center center;}
.ind-search p{ position:absolute;right:0;top:35px; z-index:3;height:47px; width:222px;padding:6px;background:rgba(255,255,255,.5);visibility:hidden; opacity:0; transform:translate(0,60px); transition:all 0.5s ease;}
.ind-search p .c1{ width:175px; float:left; height:35px; padding:0 5px; border: none;}
.ind-search p .c2{ border:none; cursor:pointer; width:35px; height:35px; float:left; background:#fff url(../images/fd.png) no-repeat center center;}

.ind-nav{ padding:3% 0;}
.ind-nav li{ text-align:center;
    width: 12%;
    margin: 0 4%;
float:left;
    max-height: 165px;}
.ind-nav li a{ color:#666; display:block; padding:20px 0; transition:all 0.5s ease;}
.ind-nav li a .tit{ margin-top:10px;}
.ind-nav li a .pic{height:100px;line-height:56px;}
.ind-nav li a .pic img{max-width:100%;max-height:90%;}

.ab-cont{ width:46%;}
.ab-cont .p1{ text-transform:uppercase; font-size:38px; font-weight:bold;}
.ab-cont .p2{ font-size:24px; padding:5px 0 20px; position:relative;}
.ab-cont .p2:after{ height:4px; width:40px; content:''; position:absolute; left:0; bottom:0; background:#0680c7;}
.ab-cont .p3{color: #666;
    line-height: 26px;
    margin-top: 20px;
    font-size: 14px;}
.ab-cont .p4{ margin-top:25px;}
.ab-cont .p4 a,.ploct a{ width:165px; height:42px; display:inline-block; padding-left:40px; border:1px solid #ccc; line-height:40px; color:#666; background:url(../images/yj01.png) no-repeat 120px center; transition:all 0.5s ease;}


.ind-cp{ background:#f4f4f4; padding:3% 0; margin-top:3%;}

.odrel{ width:594px; position:relative;}
.odrel a{ display:block;}
.odrel a .pic{ overflow:hidden;}
.odrel a .pic img{ transition:all 0.5s ease;}
.odrel a .hot-cp{ position:absolute; left:0; top:0; color:#fff; font-size:22px; padding:30px; width:120px; letter-spacing:3px; text-align:center; background:#0680c7; z-index:3;}
.odrel a .bg-cp{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:rgba(0,0,0,0.4); visibility:hidden; opacity:0;transition:all 0.5s ease;}
.odrel a .lolec{ position:absolute; left:20px; bottom:20px; color:#fff; line-height:45px; height:45px; overflow:hidden; z-index:2; transform:translate(0,20px); transition:all 0.5s ease; opacity:0;}
.odrel a .lolec:after{ height:2px; width:30px; content:''; position:absolute; left:0; bottom:0; background:#fff;}

.ind-news{ margin-top:3%;}
.ploct .fl{ color:#666;}
.ploct .fl span{ color:#333; font-size:24px; display:block; margin-bottom:5px;}
.ploct a{ float:right;}


.nslcot li{ float:left; width:32%; margin-right:2%; margin-top:3%;}
.nslcot li:nth-child(3n){ margin-right:0;}
.nslcot li .con{ border:1px solid #ddd; border-top:none; padding:20px;}
.nslcot li .con .p1{ font-size:16px; line-height:25px; height:25px; overflow:hidden;}
.nslcot li .con .p2{ color:#999; font-size:12px;}
.nslcot li .con .p3{ color:#999; line-height:20px; height:60px; overflow:hidden;}
.bbgle{ padding:22px 0; font-size:16px; line-height:30px; background:url(../images/bbg.jpg) no-repeat center center; color:#fff;}
.bbgle a{ display:inline-block; font-size:12px; color:#fff; line-height:30px; padding:0 20px; border:1px solid #fff; border-radius:15px;
margin-left:20PX;}

.loldsc .p1{ line-height:40px; font-size:16px; font-weight:bold;}
.loldsc .p2{ font-size:26px; color:#8a8b94; font-weight:bold;}
.foot{ background:#fff; color:#666;}
.lmrel{ padding:2% 0;}
.lmrel dl{ margin-right:28px;}
.lmrel dl dt{ font-weight:bold; line-height:40px; font-size:16px;}
.lmrel dl dd{ line-height:25px; font-size:14px;}
.lmrel dl dd a{ color:#666;}
.lmrel dl dd a:hover{ color:#0680c7;
font-weight:bold;}
.rsl-foc{ padding:15px 0; border-top:1px solid #ddd;}
.bd_weixin_popup{ box-sizing:content-box;}

.ny-banner{ height:380px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.vod-banner{ height:487px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.ny-slcmt{ line-height:60px; color:#666; background:#f8f8f8;}
.olodp a{ display:inline-block; margin-left:45px;}
.olodp span{ display:none;}
.olodp a.cur{ color:#6eb92b; font-weight:bold;}
.ny-main{ padding:2% 0;}
.about-com .blt{ font-size:24px; color:#6eb92b; font-weight:bold;}
.afrel{ line-height:2; color:#666;}
/*.afrel p{ margin-top:20px;}*/
.uolrec{ background:url(../images/cbg.jpg) repeat-y left top; padding-left:62px;}
.uolrec .ps01{ background:#fff; width:10px; position:absolute; left:24px; top:0; height:50px;}
.uolrec .ps02{ background:#f5f5f5; width:10px; position:absolute; left:24px; bottom:0; height:87px;}
.milsoc{ background:url(../images/dec.jpg) left top;}
.honor-ul{}
.honor-ul li{ width:50%; text-align:center; height:430px; overflow:hidden; padding-top:50px; float:left;
cursor:pointer;}
.honor-ul li .honor-li-img{ text-align:center; height:280px; line-height:280px;}
.honor-ul li .honor-li-img img{ max-height:100%; max-width:80%; vertical-align:bottom;}
.honor-ul li .honor-li-tit{ margin-top:10px; line-height:35px; height:35px; overflow:hidden; text-align:center;}

.dhlos{ width:245px;}
.solot{ background:#0680c7; line-height:108px; color:#259adf; font-size:40px; text-align:center; text-transform: uppercase; font-weight:bold; position:relative;}
.solot span{ display:block; color:#fff; position:absolute; width:100%; color:#fff; line-height:1; bottom:25px; font-size:22px; left:0;}
.dhlos ul li{ line-height:24px; margin-top:5px; background:#eee;}
.dhlos ul li>a{ display:block; background:url(../images/hx.jpg) no-repeat 20px center; padding-left:46px; padding-top:8px; padding-bottom:8px; padding-right:30px;}
.dhlos ul li>a.cur{ color:#6eb92b; font-weight:bold;}

.fomsl{ width:920px;}
.cp-list li{ width:32%; margin-left:1%; float:left; margin-bottom:4%; border:1px solid #ccc;}
.cp-list li .pic{ overflow:hidden;}
.cp-list li a{ display:block; position:relative;}
.cp-list li .pic img{ transition:all 0.5s ease;}
.cp-list li a:hover .pic img{ transform:scale(1.1); transition:all 0.5s ease;}
.cp-list li .tit{ background:rgba(0,0,0,0.5) url(../images/zr.png) no-repeat 98% center; line-height:45px; height:45px; overflow:hidden; color:#fff; position:absolute; left:0; bottom:0; width:100%; padding:0 55px 0 2%;}
.cp-list li .tit02{ background:rgba(0,0,0,0.5); line-height:51px; height:51px; overflow:hidden; color:#fff; position:absolute; left:0; bottom:0; width:100%; padding:0 2%; text-align:center; font-size:14px; font-weight:bold;}
.pagels{}
.pagels a{ display: inline-block; line-height:40px; padding:0 15px; border:1px solid #ddd; margin:0 3px;}
.pagels a.cur{ color:#fff; background:#6eb92b; border-color:#6eb92b;}

.plscw{ padding:30px 0; font-size:18px; font-weight:bold;}
.cp-sel img{ border:5px solid #ddd; max-width:640px;}
.edlos{ padding:30px 0; background:url(../images/d.jpg) repeat-x left center;}
.edlos span{ display:inline-block; padding-right:20px; background:#fff; font-size:16px;}
.hs-con{ line-height:2.5;}
.hs-con table{border-collapse:collapse;}
.hs-con table td,.hs-con table th{border:1px solid #999;}
.fhlou{ margin-top:5%;}
.lousc{ margin-top:3%; padding-top:3%; border-top:1px dashed #ccc;}
.lousc a{ display:inline-block; border:1px solid #ddd; line-height:40px; width:140px; text-align:center;transition:all 0.5s ease;}
.xw-list li{ width:47%; margin-bottom:30px;}
.xw-list li a{ display:block; border-bottom:1px solid #ddd; padding-bottom:30px;}
.xw-list li a .p1{ color:#000;}
.xw-list li a .p1 span{ font-size:16px; margin-right:10px;}
.xw-list li a .p2{ line-height:25px; height:25px; overflow:hidden; margin-top:10px; font-size:16px; font-weight:bold; color:#000; transition:all 0.5s ease;}
.xw-list li a:hover .p2{ color:#0680c7; transition:all 0.5s ease;}
.xw-list li a .p3{ color:#999; margin-top:15px; line-height:25px; height:50px; overflow:hidden;}
.xw-list li a .p4{ height:9px; background:url(../images/hc.png) no-repeat left center; margin-top:30px;}
.opdlo{ font-weight:bold; font-size:16px; margin-top:15px;}
.pldis{ margin-top:10px; color:#666;}
.nldtp{ line-height:2; color:#666; padding:20px 0 0;}
.howcnl td{ padding:15px 5px; font-size:16px;}
.howcnl td .dc01{ width:100%; height:40px; border:1px solid #ddd; padding:0 5px; font-size:14px;}
.howcnl td .dc01.vCode{width:150px;}
.howcnl td textarea{ width:100%; height:150px; padding:5px; border:1px solid #ddd;font-family:"Microsoft Yahei"; font-size:14px;}
.howcnl td .pd02{ width:240px; height:45px; color:#fff; border:none; cursor:pointer; background:#7f9aa1; font-size:16px;}



@media (min-width: 1201px){
.ind-search.openSer p{ visibility:visible; opacity:1; transform:translate(0,23px); transition:all 0.5s ease;}
.ind-nav li a:hover{ box-shadow:0 3px 8px rgba(0,0,0,0.2); transform:translate(0,-8px); transition:all 0.5s ease;}
.odrel a:hover .pic img{ transform:scale(1.1); transition:all 0.5s ease;}
.odrel a:hover .bg-cp{ transition:all 0.5s ease; visibility:visible; opacity:1;}
.odrel a:hover .lolec{transform:translate(0,0px); opacity:1; transition:all 0.5s ease;}
.ab-cont .p4 a:hover,.ploct a:hover{ background:#0680c7 url(../images/yj02.png) no-repeat 120px center; color:#fff; border-color:#0680c7; transition:all 0.5s ease;}
.ab-pic{ width:48%;}
.lousc a:hover{ background:#0680c7; color:#fff; border-color:#0680c7; transition:all 0.5s ease;}
}

@media (max-width: 1200px){
body{ padding-top:64px;}
.wrap{ width:100%; max-width:640px; margin:0 auto;}
.top{ height:64px; top:0;}
.top .logo{ height:64px; padding:0;line-height:64px;}
.top .logo img{ height:60px;}
.mob-nav{ display:block; float:right; background:url(../images/mob-ct.png) no-repeat center center; background-size:auto 40%; width:50px; height:50px;margin-top:7px;}
.aplre{ width:100%; position: fixed;  display:none;height:100%; overflow-x:hidden; overflow-y:auto; top:64px; left:0; margin:0; background:rgba(0,0,0,0.9);}
.prelms{ width:100%; color:#fff; text-align:center; margin:0;}
.prelms a{ display:inline-block; color:#fff; padding:0 15px; line-height:45px;}
.ind-search{ text-align:center; width:100%; margin:0; padding:15px 0;}
.ind-search span{ display:none;}
.ind-search p{ position:relative; display:inline-block; top:0; opacity:1; visibility:visible;transform:translate(0,0);}

.T-nav{ width:100%;}
.T-nav li{ display:block; width:100%; border-bottom:1px solid #666; padding:0;}
.T-nav > li > a{ width:100%; text-align:left; padding:0 5%; line-height:45px; height:45px; color:#fff;}
.T-nav > li > a span{ display:inline-block; margin-left:10px;}
.T-nav > li > a.cur{ background:none; border:none; color:#fff;}
.T-nav li .gdlt{ position:relative; width:100%; top:0; padding:0; background:none; border:none;}
.T-nav > li .gdlt a{ color:#fff; text-align:left; padding:2% 8%;}
.lmrel dl{ display:none;}
.ind-nav li{ width:25.33%; margin:0 4%;}
.ind-nav li a .tit{ line-height:20px; height:40px; overflow:hidden;}
.ab-cont{ width:100%;}
.ab-pic{ width:100%; margin-top:2%;}
.odrel{ width:100%; margin-bottom:2%;}
.odrel a .pic img{ width:100%; height:auto;}
.odrel a .lolec{ transform:translate(0,0); left:0; bottom:0; width:100%; line-height:35px; height:35px; background:rgba(0,0,0,0.5); opacity:1; padding:0 2%;}
.odrel a .lolec:after{ display:none;}
.loldsc{ width:100%;text-align:center;}
.olodp span{ display: block; background:url(../images/g2.png) no-repeat 98% center; padding-left:20px;
FONT-SIZE: 17PX;
    COLOR: #333;
    FONT-WEIGHT: BOLD;}
.drelc{ display:none;}
.olodp{ width:100%;}
.olodp p{ position:absolute; display:none; left:-2%; top:60px; width:104%; z-index:3;/* box-shadow:0 0 10px rgba(0,0,0,0.2);*/ background:#f8f8f8;}
.olodp p a{ display:block; line-height:40px; height:40px; margin:0; padding-left:36px;}

.dhlos{ width:100%;}
.solot{ text-align:left; padding-left:20px; line-height:60px; font-size:30px; background:#0680c7 url(../images/x1.png) no-repeat 90% center;}
.solot span{ padding-left:40px; bottom:10px; font-size:18px;}
.dhlos ul{ width:100%; position:absolute; left:0; top:60px; background:#fff; z-index:3; display:none;}
.fomsl{ width:100%;}
.cp-list li{ margin: 4% 0.5% 0;}
.pagels{ margin-top:2%;}
.xw-list li{ width:100%;}
.howcnl td{ float:left; width:100%; padding:5px 0;}
.howcnl td.tr{ text-align:left;}
    .howcnl td .dc01.vCode{width:calc(100% - 110px);}
    .howcnl td .pd02{width:100%;}

}

@media (max-width: 640px){
.wrap{ padding:0 2%;}
.nslcot li{ width:100%; margin-right:0;}
.ploct a{
    /*display:block; margin:10px 0 0 0; float:left;*/
      padding-left: 15px;
    width: 79px;
    height: 34px;
    line-height: 34px;
    background-position-x: 75px;
    font-size: 12px;
	background:none;
}
.ploct .fl span{ font-size:18px;line-height:36px;margin-bottom:0;}
.ab-cont .p1{ font-size:20px;}
.ab-cont .p2{ font-size:16px;}
.loldsc .p2{ font-size:24px;}
.about-com .blt{ font-size:20px;}
.ny-banner{ height:150px;}
.vod-banner{ height:150px;}
.milsoc{ background:none;}
.uolrec{ background:none; padding:0;}
.honor-ul li{ height:auto; padding:20px 0;}
.honor-ul li .honor-li-img{ line-height:120px; height:120px;}
.uolrec .ps01,.uolrec .ps02{ display:none;}
.pagels a{ display:none;}
.pagels a.mobs{ display:inline-block;}
.cp-sel img{ max-width:100%;}
.xw-list li a .p2{ font-size:16px;}
}
@media (max-width: 420px){
.honor-ul li{ padding:10px 0;
width:100%;}
.honor-ul li .honor-li-img{ line-height:247px; height:247px;}
.honor-ul li .honor-li-img img{ max-width:94%;}
.cp-list li{ width:100%; margin:4% 0 0;}
}



/*视频播放*/
.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: 50%;
	margin-top:-240px;
    z-index: 22;
    display: none;
    margin-left: -450px;
    background-color: #fff;
    width: 900px;
    box-sizing: border-box;
}
.big-video-main {
    height: 480px;
}
.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: 750px){
.big-video {
    width: 100%;
    left: 0;
    margin-left: 0;
}
.big-video-main {
    height: 185px;
}
.big-video-clo {
    right: 0;
    z-index: 21;
}
}
/**HP 8-28**/
.ind-news .owl-carousel .owl-item img{
  /*  filter:grayscale(100%);
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-fliter:garyscale(100%);*/
}
.ind-news .owl-carousel .owl-item img:hover{
    filter:grayscale(0%);
    -webkit-filter:grayscale(0%);
    -moz-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
    -o-fliter:garyscale(0%);
}
.ban_txt{background:rgba(0,0,0,.5);font-size:16px;color:#fff;position:absolute;width:100%;left:0;bottom:0;z-index:6;}
.ban_txt li a{display:block;padding:20px 20px 20px 47px;line-height:20px;background: url(../images/tx.png) no-repeat left center;color:#fff;
font-size:15px;}
.ban_txt .bx-wrapper{background:transparent;}
.owl-carousel .owl-item img.mo_banner{display:none;}
.scsb_list .cp-list li{width:30.33%;margin:0 1.5% 3%;position:relative;cursor:pointer;}
.scsb_list .cp-list li .tit{background:transparent;padding:0 6%;position:relative;text-align:center;color:#333;font-size:14px;}
.scsb_list .cp-list li .pic{max-height:357px;overflow:hidden;}
.scsb_list .cp-list li:hover .pic img{transform: scale(1.1);transition: all 0.5s ease;}
.scsb_show{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,.5);z-index: 99;display: none;}
.scsb_show .scsbS_close{
    width: 40px;height: 40px;border-radius: 50%;position: absolute;top: 5%;cursor: pointer;
    background:#000 url('../images/close.png') center no-repeat;right: 5%;transition: all .6s;
}
.scsb_show .scsbS_close:hover{transform: rotate(360deg);}
.scsb_show img{max-width:80%;max-height: 80%;position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
@media (max-width: 991px) {
    .owl-carousel .owl-item img.pc_banner{display:none;}
    .owl-carousel .owl-item img.mo_banner{display:block; max-width: 100%;}
    .scsb_list .cp-list li{width:46%;margin:0 2% 3%;}


}
@media (max-width: 640px) {
    .ban_txt li a{padding:8px 10px 8px 40px;background-size:30px;
	font-size:13px;}
    .scsb_list .cp-list li{width:94%;margin:0 3% 3%;}
	.odrel a .hot-cp {
    font-size: 18px;
    padding: 15px;
    width: 90px;}
}
/**9-6**/
.contact_map{width:48%;float:left;height:330px;}
.contact_map img{max-width:inherit;}
.contact_txt{width:48%;float:right;}
@media (max-width: 997px) {
    .contact_map,
    .contact_txt{width:640px;float:none;margin:0 auto 24px;max-width:96%;}
}
/**11-14**/
.proNav_er{margin:0 20px;padding:4px 0;border-top:1px dashed #ccc;display:none; padding-top:10px;}
.proNav_er a{display:block;font-size:14px;line-height:32px;color:#666;padding-left:38px;position:relative;transition:all .6s;}
.proNav_er a:before{content:"";display:block;width:6px;height:6px;border-radius:50%;position:absolute;left:24px;top:calc(50% - 3px);background:#ccc;transition:all .6s;}
.proNav_er a:hover{color:#0680c7;}
.proNav_er a:hover:before{background:#0680c7;}
