@charset "utf-8";
/* CSS Document */
/* index */
body{ padding-top:94px;}
.op0{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.wrap{ width:1200px; margin:0 auto;}
.top{ height:94px; box-shadow: 0 3px 5px #ccc; background:#fff; width:100%; padding:0 2%; position:fixed; left:0; top:0; z-index:20;}
.yl-insl{ margin-top:32px; position:relative;}
.yl-insl span{ display:block; width:225px; height:35px; line-height:35px; border:1px solid #ddd; color:#999; background: url(../images/xl.png) no-repeat 95% center; padding:0 2%; cursor:pointer;}
.yl-insl .slet{ position:absolute; display:none; width:100%; border:1px solid #ddd; left:0; top:34px; border-top:none; background:#fff;}
.yl-insl .slet a{ height:33px; overflow:hidden; display:block; width:100%; line-height:33px; padding:0 2%; border-top:1px dotted #ddd;}
.T-nav{ margin-top:22px;}
.T-nav > li{ float:left; position:relative;}
.T-nav > li > a{ display:block; height:70px; line-height:70px; color:#333; font-size:16px; padding:0 18px; text-align:center;}
.T-nav > li > a.cur{  color:#144cb1;}
.T-nav > li .gdlt{ position:absolute; left: -32px; top: 70px; width: 168px; display: none; text-align:center;}
.T-nav > li .gdlt a{ display:block; line-height:45px; background:rgba(0,0,0,0.5); color:#fff;}
.T-nav > li .gdlt a:hover{ background:#0068b6;color: #fff;}

.sloclt{ height:28px; margin-top:9px;}
.sloclt .fxst span{ display:block; height:75px; padding-top:50px; width:50px; text-align:center; background:url(../images/fx.png) no-repeat center center;  cursor:pointer; color:#666;}
.sloclt .fxst .colot{ display:none; position:absolute; right:0; top:75px; background:#fff; padding:5px 10px; width:206px;}
.sloclt .searcht{ margin-right:20px; position:relative;}
.sloclt .searcht span{ display:block; width:50px; height:75px; padding-top:50px; text-align:center; color:#666; background:url(../images/fd.png) no-repeat center center; cursor:pointer;}

.bgelo{ position: absolute; width:160px; text-align:center; right:50%; margin-right:-80px; top:78px; background:url(../images/bg-col.png); display:none; background:#fff; border-radius:8px; overflow:hidden;}
.bgelo a{ display:block; width:100%; line-height:45px; font-size:16px;}
.bgelo a:hover{ background:#217bd6; color:#fff;}
.ind-news{ padding:30px 0;}
.ind-news h2{ font-size:30px; text-align:center; color:#1460ab; background:url(../images/line.jpg) no-repeat center bottom; line-height:50px;}
.blocht{ text-align:center; margin-top:40px;}
.blocht span{ border:1px solid #ddd; line-height:35px; width: 150px; display:inline-block; cursor:pointer;}
.blocht span.cur{ color:#fff; background:#1460ab;}
.ofnetl{ margin-top:40px;}
.coget{ width:42%;}
.coget .tit{ margin-top:15px; line-height:30px; height:30px; overflow:hidden; color:#999;}
.coget .tit a{ color:#333;font-size: 16px;}
.coget .tit a:hover{ color:#0068b6;font-size: 16px;}

.coget .con{ line-height:25px; height:50px; overflow:hidden; color:#999; margin-top:10px;}
.honre{ width:52%;}
.newstlm li{ border-bottom:1px solid #ddd; padding:20px 0;}
.newstlm li a{ position:relative; padding-left:125px; display:block; height:75px;}
.newstlm li a:hover .numt,.newstlm li a:hover .tit{ color:#1460ab;}
.newstlm li a .numt{ width:105px; border-right:3px solid #dcdcdc; position:absolute; left:0; text-align:center; top:0px; line-height:75px; font-size:72px; color:#dcdcdc;}
.newstlm li a .tit{ color:#333; line-height:25px; height:25px; overflow:hidden; font-size: 16px;}
.newstlm li a .time{ color:#999; font-size:12px; line-height:25px;}
.newstlm li a .con{line-height:25px; height:25px; overflow:hidden; color:#999;}
.vodlot{ height:485px; background-size:auto 100%; background-repeat:no-repeat; background-position:center center; position:relative;}
.vodlot a{ display:block; position:absolute; left:50%; top:50%; margin-left:-40px; margin-top:-100px;}
.preils{ background:url(../testimg/t4.jpg) no-repeat center top; padding:60px 0;}
.mecar{ height:296px; background:url(../testimg/t9.jpg) no-repeat center center; padding-top:70px;}
.legte{ float:left; width:312px;}
.legte .coe{ font-size:24px;}
.legte .eng{ color:#999; text-transform:uppercase;}
.ptels{ float:left;}
.ptels dt{ font-size:16px; color:#666; margin-bottom:20px;}
.ptels dd{ color:#999; line-height:30px;}
.hount{ margin-right:20px;}
.bourenl{ padding:15px 0; color:#fff; background:#000; line-height:26px;}
.honle{ position:relative;}
.honle span{ display:block; width:300px; height:26px; background:#fff url(../images/sl.jpg) no-repeat right center; color:#666; padding-left:10px;}
.honle p{ width:100%; background:#fff; bottom:26px; position:absolute; left:0; z-index:2; display:none;}
.honle p a{ display:block; padding-left:10px; line-height:26px;}
.preli{ color:#666;}
.ny-banner{ height:363px; color:#fff; background-repeat:no-repeat; padding-top:120px; background-position:center center; background-size:cover;}
.ny-banner .p1{ font-size:40px; font-weight:bold; margin-bottom:10px;}
.ny-banner .p2{ font-size:28px;}
.cp-chole{ background:#e7e7e7; padding:45px 0;}
.chmlg{ padding:0 5%; text-align:center;}
.chmlg select{ width:42%; margin:0 1%; height:50px; border:1px solid #ddd; color:#666;}
.cp-nlat{ padding:20px 0;}
.cp-nlat h2{ text-align:center; font-size:44px; font-weight:normal; color:#666; line-height:70px;}
.ul-cp li{ float:left; width:31.3%; margin:1%;}
.ul-cp li a{ display:block; border:1px solid #ddd; border-bottom-width:3px;}
.ul-cp li {border: 1px solid #ddd;}
.ul-cp li a:hover{ border-bottom-color:#1561ab}
.ul-cp li a .tit{ line-height:55px; height:55px; overflow:hidden; text-align:center; border-bottom:1px solid #ddd;}
.ul-cp li .tit{ line-height:55px; height:55px; overflow:hidden; text-align:center; border-bottom:1px solid #ddd;}
.ul-cp li a .pic{ height:160px; margin:20px 0; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.ul-cp li .pic{ height:160px; margin:20px 0; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.ul-cp li a .link{ padding:15px 5%;}
.pagelv a{ display:inline-block; line-height:30px; padding:0 10px; border:1px solid #ddd; margin:0 3px;}
.pagelv{ padding:20px 0;}
.pagelv a.cur{ color:#fff; background:#1561ab; border-color:#1561ab;}
.cash-nav{ /*height:75px;*/ border-bottom:1px solid #ddd;}
.cash-nav span{ display:none;}
.cash-nav p{ text-align:center;}
.cash-nav p a{ display:inline-block; padding:0 20px; line-height:72px; font-size:14px; color:#333; font-weight:bold;}
.cash-nav p a.cur{ border-bottom:3px solid #1460ab;}
.newlt li{ padding:35px 0; border-bottom:1px solid #ddd;}
.newlt li a{ display:block; position:relative; padding:0 80px 0 425px; height:125px;}
.newlt li a .pic{ position:absolute; left:0; top:0; width:260px;}
.newlt li a .pic img{ border:2px solid #ddd; display:block;}
.newlt li a .anlt{ width:43px; height:42px; background:url(../testimg/t15.jpg) no-repeat; right:0; top:25px; position:absolute;}
.newlt li a:hover .anlt{ background:url(../testimg/t16.jpg) no-repeat;}
.newlt li a .tit{ font-size:18px; line-height:35px; height:35px; overflow:hidden; color:#333;}
.newlt li a:hover .tit{ color:#0068b7;}
.newlt li a .con{ line-height:25px; height:50px; overflow:hidden; color:#666; margin-top:10px;}
.newlt li a .date{ position:absolute; left:280px; top:25px; font-size:16px;}
.newlt li a .date strong{ display:block; font-size:24px;}
.yonlst{ padding:30px 0;}
.tesde{ font-size:18px; padding:10px 0;}
.cluts{ padding-bottom:20px; border-bottom:1px solid #ddd; color:#666;}
.conslm{ color:#666; line-height:2.2; padding:20px 0;}
.conslm img{ max-width:100%;}
.padlt{ padding:15px 0; border-top:1px solid #ddd; margin-top:15px;}
.padlt p{ padding:5px 0;}
.boutem{ padding:0 3%;}
.boutem li{ float:left; width:31.2%; margin:1%;}
.boutem li a{ position: relative; display:block;}
.boutem li a .pic{ overflow:hidden;}
.boutem li a .pic img{ transition:all 0.5s ease;}
.boutem li a:hover .pic img{ transition:all 0.5s ease; transform:scale(1.1);}
.boutem li a .goune{ background:rgba(0,0,0,0.6); position:absolute; left:0; bottom:0; width:100%; color:#fff; padding:0 5%; height:35px; overflow:hidden; transition:all 0.6s ease;}
.boutem li a:hover .goune{ height:100%; transition:all 0.5s ease; padding-top:30px;}
.boutem li a .goune .p1{ line-height:35px; height:35px; overflow:hidden;}
.boutem li a .goune .p2{ margin-top:15px; line-height:25px; max-height:75px; overflow:hidden;}
.boutem li a .goune .p3{ margin-top:25px;}
.drelt{ line-height:45px; color:#666;}
.paclte{ background:url(../testimg/t19.jpg) no-repeat center center; background-size:cover; padding:50px 0 100px;}
.recetl{ width:50%; padding:0 3%;}
.recetl .tit{ font-size:34px; background:url(../images/line3.jpg) no-repeat left bottom; color:#0054b7; padding-bottom:15px;}
.recetl .con{ color:#666; line-height:2; margin-top:15px;}
.tevsel{ width:50%; padding:0 5%;}
.bomlem{ padding:30px 0; color:#666; line-height:2;}
.tebknk{ line-height:65px; font-size:30px; font-weight:bold; background:#e4e4e4;}
.benmtel li{ width:31.3%; margin:1%; float:left;}
.benmtel li .tit{ text-align:center;padding-top: 8px;}
.benmtel li a{ display:block; position:relative; padding:12px; background:#eee;}
.benmtel li a .pic{height:480px;}
.benmtel li a .lod{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6) url(../images/fdj.png) no-repeat center center;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; transition:all 0.6s ease;}
.vonlme{ padding:50px 0;}
.teloe{ color:#ccc; font-weight:bold; font-size:18px; text-transform:uppercase; text-align:center;}
.teloe strong{ display:block; color:#333; font-size:34px;}
.hongre { margin-top:40px;}
.hongre li{ width:33.3%; float:left; text-align:center; background:url(../images/sx.jpg) no-repeat right bottom;}
.hongre li .p1{ margin-bottom:20px;}
.hongre li .p2{ line-height:25px;}
.botelm{ padding:50px 0 100px; background:url(../testimg/t27.jpg) no-repeat center center; background-size:cover;}
.botelm h2{ text-align:center; font-size:34px;}
.benglm{ margin-top:30px;}
.plo-st .cvt{ width:23%; margin:0 1%; height:50px; border:1px solid #ddd; background-color:#fff; float:left; position:relative; padding-left:85px; padding-right:40px; color:#666; background-repeat:no-repeat; background-position:98% center;}
.plo-st .cvt.p1{ background-image:url(../images/e1.jpg);}
.plo-st .cvt.p2{ background-image:url(../images/e2.jpg);}
.plo-st .cvt.p3{ background-image:url(../images/e3.jpg);}
.plo-st .cvt.p4{ background-image:url(../images/e4.jpg);}
.plo-st .cvt span{ line-height:48px; width:80px; text-align:left; position:absolute; left:18px; top:0;}
.plo-st .cvt input{ width:100%; height:48px; border:none;}
.benmtel li .tit{height:60px;line-height:30px}
.bre-so{ width:98%; margin:20px auto 0; background:#fff url(../images/e5.jpg) no-repeat 99% 10px; border:1px solid #ddd; position:relative; padding-left:80px; padding-right:40px;}
.bre-so span{ position:absolute; left:0; top:0; line-height:48px; width:80px; text-align:right; color:#666;}
.bre-so textarea{ width:100%; height:180px; border:none; padding:16px 0; color:#666; font-size:14px;}
.hbels{ text-align:center; margin-top:30px;}
.hbels input{ width:200px; margin:0 10px; font-size:15px; height:50px; border:none; cursor:pointer; color:#fff; background:#1460ab;}
.blgeo{ padding:30px 0; color:#666; line-height:2; word-wrap: break-word;}
.blgeo .indl{ display:inline-block; margin-right:40px;}
.menln{ margin-bottom:20px; border-bottom:1px solid #ddd; padding-bottom:20px;}
.menln dt{ font-size:24px; color:#1460ab; line-height:40px;}
.menln dt img{ margin-right:10px;}
.menln dd{ color:#666; line-height:2; margin-top:15px;}
.imleis{ line-height:2;}
.aftnes{ padding:10px 0 30px;}
.ul-rcl { padding-top:20px;}
.ul-rcl li{ padding:25px 0 25px 295px; position:relative; height:325px; border-bottom:1px solid #ddd;}
.ul-rcl li .pic{ width:275px; position:absolute; left:0; top:25px;}
.ul-rcl li .tit{ font-size:16px; line-height:35px;}
.ul-rcl li .tit span{ color:#999; font-size:14px; margin-left:10px;}
.ul-rcl li .con{ color:#666; line-height:25px; height:225px; margin-top:5px; overflow:hidden;}
.secal{}
.secal select{ width:27%; margin-right:2%; float:left; height:50px; border:1px solid #ddd; color:#666; font-size:14px;}
.secal input{ float: left; width:13%; height:50px; color:#fff; background:#0094da; border:none; cursor:pointer; font-size:14px;}
.bg-pde{ position:fixed; left:0; top:0; width:100%; display:none; height:100%; z-index:99; background:rgba(0,0,0,0.6);}
.img-seol{ z-index:100; position:fixed; width:800px; height:500px; background:#fff; text-align:center; display:table; left:50%; top:50%; margin-left:-400px; margin-top:-320px; display:none;}
.img-seol div{ display:table-cell; vertical-align:middle;}
.img-seol div img{ max-width:100%; max-height:100%;}
.clotel{ position:absolute; right:10px; top:10px; cursor:pointer;}


@media (min-width: 1201px){
.benmtel li a:hover .lod{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:all 0.6s ease;}	
}
@media (max-width: 1200px){
.boutem li a:hover .goune{ height:35px; transition:all 0.5s ease; padding-top:0px;}
.benmtel li a .pic img{height:300px}

body{ padding-top:50px;}
.wrap{ width:100%; padding:0 2%;}
.top{ height:50px;}
.top .logo{}
.top .logo img{ height:50px;}
.mob-nav{ margin-top:0; display:block; float:right; background:url(../images/mob-ct.png) no-repeat center center; width:50px; height:50px;}
.float-sild{ display:none;}
.sloclt{ margin-top:10px;}
.T-nav{ position: fixed; width:100%; margin-left:0; background: #fff; margin-top:0; height:100%; padding:0; overflow-x:hidden; overflow-y:auto; top:50px;left:0; display:none;}
.T-nav li{ display:block; width:100%; float:none; border-bottom: none;}
.T-nav > li a{ width:100%; text-align:left; border-bottom:1px solid #fff; padding:0 2%; line-height:45px; height:45px; color:#666;}
.T-nav > li > a.cur{ background:none; color:#666; border-bottom:1px solid #fff;}
.T-nav li .gdlt{left:0; background:#f0f0f0; position:relative; width:100%; top:0; padding:0;}
.T-nav li .gdlt a{ padding:0 5%; color:#666; border-bottom:none; background:none;}
.sloclt .fxst .colot{ top:40px;}
.search-cont{ top:50px;}
.closelt{ right:0; margin-right:0;}
.honor-ul li{ width:32.5%;}
.demopt{ display:block;}
.pro-zoom{ display:none;}
.sloclt .searcht{ margin-right:0;}
.sloclt .searcht span,.sloclt .fxst span{ background-position:center top; padding-top:20px; height:40px;}
.bgelo{ top:40px;}
.cash-nav{ height:50px; position:relative;}
.cash-nav span{ height:50px; display:block; line-height:50px; width:100%; color:#666; padding:0 15px; background:url(../images/xl.jpg) no-repeat 95% center; font-weight:bold;}
.cash-nav p{ position:absolute; width:100%; left:0; top:50px; z-index:3; background:#f1f1f1; display:none;}
.cash-nav p a{ display:block; width:100%; line-height:50px; text-align: left; color:#666;}
.cash-nav p a.cur{ border-bottom:none; color:#1460ab;}
.plo-st .cvt{ width:48%; margin:1%;}
}

@media (max-width: 960px){
.mecar{ display:none;}
}
@media (max-width: 800px){
.img-seol{ width:100%; height:100%; background:none; left:0; top:0; margin:0;}
.benmtel li a .pic img{height:250px}
}

@media (max-width: 640px){
.ind-news h2{ font-size:20px;}
.blocht span{ float:left; width:25%;}
.blocht{ height:37px;}
.coget{ width:100%;}
.honre{ width:100%;}
.newstlm li a{ padding-left:100px;}
.newstlm li a .numt{ width:90px; font-size:56px;}
.vodlot{ height:220px;}
.vodlot a{ margin-top:-90px;}
.honle{ float:left; margin-top:10px;}
.pagelv a.mob-none{ display:none;}
.ny-banner{ height:200px; padding-top:50px;}
.ny-banner .p1{ font-size:24px;}
.ny-banner .p2{ font-size:16px;}
.cp-chole{ padding:10px 0;}
.chmlg{ padding:0;}
.chmlg select{ width:47%;}
.cp-nlat h2{ font-size:20px;}
.ul-cp li,.benmtel li{ width:48%; min-height: 161px;}
.newlt li{ padding:15px 0;}
.newlt li a{ padding:0; height:auto;}
.newlt li a .pic{ width:100%; position:relative;}
.newlt li a .anlt{ display:none;}
.newlt li a .date{ position:relative; left:0; top:0;}
.newlt li a .date strong{ display: inline-block; font-weight:normal; margin-right:10px;}
.boutem{ padding:0;}
.boutem li{ width:48%;}
.recetl{ width:100%; padding:0;}
.tevsel{ width:100%; padding:0; margin-top:20px;}
.paclte{ padding:20px 0;}
.recetl .tit{ font-size:24px;}
.tebknk{ font-size:20px; line-height:50px;}
.teloe{ font-size:14px;}
.teloe strong{ font-size:24px;}
.hongre li{ width:100%; background:none; margin-bottom:15px;}
.hongre{ margin-top:20px;}
.plo-st .cvt{ width:100%; margin:15px 0 0;}
.bre-so{ width:100%;}
.botelm h2{ font-size:24px;}
.hbels input{ width:40%; margin:0 2%;}
.botelm{ padding:20px 0;}
.blgeo .indl{ display:block; margin:0;}
.menln dt{ font-size:18px;}
.secal select{ width:48%; margin-bottom:10px;}
.secal input{ width:48%;}
.ul-rcl li{padding:0 0 20px; height:auto;}
.ul-rcl li .pic{position:relative;width:100%;top:0;}
.ul-rcl li .con{ height:auto;}
}

@media (max-width: 500px){
  .benmtel li a .pic img{height:180px}
}

@media (max-width: 420px){

}






.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: -30px;
    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;
}
}

/*分享*/
.head-share a {
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease;
    -webkit-transition-delay: 0s;
    transition: all 0.3s ease 0s;
    width: 25px;
    float: left;
    height: 25px;
    background: url(../images/sprite_1.png) 0 0 no-repeat;
    margin-left: 5px;
	}

.head-share {
    float: left;
    margin: 9px 0 0 -6px;
	}
a.head-share-item-1 {
  background-position: -0px -83px;
}
a.head-share-item-1:hover {
  background-position: -0px -108px;
}

a.head-share-item-2 {
  background-position: -25px -83px;
}
a.head-share-item-2:hover {
  background-position: -25px -108px;
}

a.head-share-item-3 {
  background-position: -50px -83px;
}
a.head-share-item-3:hover {
  background-position: -50px -108px;
}

a.head-share-item-4 {
  background-position: -75px -83px;
}
a.head-share-item-4:hover {
  background-position: -75px -108px;
}

a.head-share-item-5 {
  background-position: -100px -83px;
}
a.head-share-item-5:hover {
  background-position: -100px -108px;
}

a.head-share-item-6 {
  background-position: -125px -83px;
}
a.head-share-item-6:hover {
  background-position: -125px -108px;
}


/*风采*/
.ind-prod-nav{ text-align:center; /*padding-top:30px;*/}
.fadeInUp {
    visibility: visible;
    animation: fadeInUp ease-out .8s forwards;
    -webkit-animation: fadeInUp ease-out .8s forwards;
    -moz-animation: fadeInUp ease-out .8s forwards;
}
.ind-prod-nav a {
    position: relative;
    margin: 5px;
    /* width: 108px; */
    text-align: center;
    display: inline-block;
    line-height: 36px;
    color: #616161;
    border: 1px solid #ddd;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    padding: 0 35px;
}
.ind-prod-nav a.active {
    background-color: #02529b;
    color: #fff;
    border-color: transparent;
}