@charset "utf-8";
/* CSS Document */
body{width:100%; overflow-x:hidden; overflow-y:auto;}
.bg-col2{ background:url(../images/bg-col.png); position:fixed; width:100%; height:100%; left:0; top:0; z-index:1; display:none;}
.bg-col3{ background:url(../images/bg-col.png); position:fixed; width:100%; height:100%; left:0; top:0; z-index:10; display:none;}
.none{ display:none;}
.tlkxst{ display:none;width:320px; height:350px; position:fixed;left:50%; top:50%; margin-left:-160px;margin-top:-175px; z-index:11; background:#fff;  text-align:center;}
.tlkxst p{line-height:30px;}
.opt0{filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.warp{ width:100%; padding:0 45px; position:relative;}
.header-T{ height:82px; background:#fff;}
.header-T .logo{ padding-top:13px;}
.header-T .nav{ line-height:35px; padding-top:23px;}
.header-T .nav li{ float:left; margin-left:20px; position:relative;}
.header-T .nav li > a{ display:block; padding:0 20px; font-family:Arial, Helvetica, sans-serif; color:#999; transition:all 0.5s linear;}
.header-T .nav li > a:hover,.header-T .nav li > a.cur{ background:#ad0026; color:#fff;}
.header-T .nav li .zonlk{ position:absolute; top:55px; right:0; width:100%; text-align:center; border-top:2px solid #ccc; box-shadow:0px 10px 20px rgba(0, 0, 0, 0.1); opacity:0; transition:all 0.5s linear; z-index:-1}
.solt-os .btlst{ display:none;}
.header-T .nav li .zonlk a{ display:block; background:#fff; line-height:35px; border-bottom:1px solid #e8e8e8;}
.header-T .nav li .zonlk a:hover{ color:#333; background:#ededed;}
.solt-os{padding:75px 0 30px;}
.zs-olt{ width:1200px; margin:35px auto 0; top:50px; position:relative;}
.zs-olt li{float:left; width:270px;margin:0 10px; text-align:center;}
.zs-olt li .pic img{width:100%; height:auto;}
.zs-olt li a .tit{ line-height:30px; margin-top:10px; height:30px; overflow:hidden; font-size:14px; color:#333;}
.zs-olt li a .con{ line-height:25px; height:50px; overflow:hidden; margin-top:10px;}
.Product-os.warp{ padding:75px 0; overflow:hidden;}
.btlst{ text-align:center; font-weight:normal; line-height:1.8; font-size:12px; color:#666; position:relative; top:-50px;  transition:all 1s ease;}
.btlst.animateon{filter:alpha(opacity=100);-moz-opacity:1; opacity:1; top:0;}
.btlst i{  font-size:24px;}
.btlst span{line-height:40px;}
.melt-nav{ margin:46px 0px 53px 0; text-align:center; position:relative; bottom:-30px; transition:all 1s ease;}
.melt-nav.animateon{filter:alpha(opacity=100);-moz-opacity:1; opacity:1; bottom:0;}



.melt-nav > a{ display:inline-block; margin:0 10px; line-height:35px; border:1px solid #e8e8e8; padding:0 20px;vertical-align:middle; transition:all 0.5s linear; background:#fff;}
.melt-nav > a:hover,.melt-nav > a.cur{ background:#dd3434; border-color:#dd3434; color:#fff;}
.vod-more{ text-align:center; margin-top:50px;}
.vod-more a{ display:inline-block; width:45px; line-height:43px; width:145px; border:1px solid #e8e8e8; color:#dd3434;}
.vod-more a:hover{border:0px solid #e8e8e8; color:#ffffff; background-color:#dd3434;}
.comp-on{ background:#f8f8f8; padding:80px 0;}
.comp-main{ width:732px; margin:0 auto; text-align:center;}

.comp-main .pic{ margin-bottom:15px; height:181px;}
.comp-main .pic img{ width:0; height:0; transition:all 1s ease;}
.comp-main .pic.animateon img{ width:181px; height:181px;}

.comp-main .tit{ color:#999; line-height:2; margin-top:30px; transition:all 1s ease;}
.comp-main .tit.animateon{filter:alpha(opacity=100);-moz-opacity:1; opacity:1;}



.meli-main{ padding:75px 45px;}
.cos-olt{ margin-top:40px;}
.cos-olt li{ width:24%; margin:10px 0.5%; float:left; position:relative; bottom:-100px;}

.cos-olt li a{ display:block; width:100%; height:100%; position:relative;}
.cos-olt li a .pic{ position:absolute; width:100%; height:100%; left:0; top:0; overflow:hidden; z-index:1;}
.cos-olt li a .pic img{ position:relative; left:0; top:0; width:100%; height:100%; transition:all 0.3s linear;}
.cos-olt li a:hover .pic img{ left:-10%; top:-10%; width:120%; height:120%;}
.cos-olt li a .tit{ z-index:3; position:absolute; width:100%; height:100%; left:0; top:0; }
.cos-olt li a .tit div{display:table; width:100%; height:100%;}
.cos-olt li a .tit .msic{ display:table-cell; color:#fff; vertical-align:middle;}
.cos-olt li a .tit .msic span{ display:block; text-align:center; line-height:25px; height:25px; overflow:hidden; top:-25px;filter:alpha(opacity=0);-moz-opacity:0; opacity:0; position:relative; transition:left 0.3s linear;}
.cos-olt li a:hover .tit .msic span{ top:0;filter:alpha(opacity=100);-moz-opacity:1; opacity:1;}
.cos-olt li a .tit .msic i{ display:block; text-align:center; line-height:25px; height:25px; overflow:hidden; color:#b7b7b7;position:relative;filter:alpha(opacity=0);-moz-opacity:0; opacity:0; bottom:-10px;transition:left 0.3s linear;}
.cos-olt li a:hover .tit .msic i{ bottom:0;filter:alpha(opacity=100);-moz-opacity:1; opacity:1;}
.cos-olt li a .bg-col{ background:rgba(0,0,0,.7); position:absolute; width:100%; height:100%; left:0; top:0; z-index:2;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition:all 0.3s linear;}
.cos-olt li a:hover .bg-col{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.news-on{background:#f8f8f8; padding:80px 0;}
.melt-nav .mores{ display:inline-block;vertical-align:middle; position:relative;}
.melt-nav .mores span{ width:35px; height:35px; display:block; background:#fff url(../images/gd.jpg) no-repeat center center; border:1px solid #e8e8e8; cursor:pointer;}
.melt-nav .mores p{ position:absolute; left:0; top:35px; border:1px solid #e8e8e8; width:100px; background:#fff; display:none;}
.melt-nav .mores p a{ display:block; line-height:30px;}

.years-news li{ border-bottom:1px solid #e8e8e8; padding:30px 0;transition:all 0.3s linear;}
.years-news li:hover{ background:#dd3434; }
.years-news li a{ margin:0 auto; display:block; width:675px; position:relative; left:0;transition:left 0.5s linear;}

.years-news li a .time{ line-height:1.2; padding-top:5px; color:#dcdcdc; width:175px; float:left; text-align:right; font-size:14px;}
.years-news li a .time span{ font-size:50px;}
.years-news li a dl{ width:470px; font-size:14px;}
.years-news li a dl dt{ height:30px; line-height:30px; font-size:18px;}
.years-news li a dl dd{ margin-top:20px; line-height:25px; height:50px; overflow:hidden; color:#666;}
.years-news li:hover a dl dd{ color:#fff;}
.years-news li:hover a .time{ color:#fff;}

.cont-us{ padding:80px 0;}
.cont-main{ width:940px; margin:30px auto;}
@media (max-width: 940px){
.cont-main{width:100%;}
}


.lec-cn{ width:280px; position:relative; left:-280px;}
.lec-cn dl dt{ font-size:14px; line-height:25px; padding:8px 0; margin-bottom:10px;}
.lec-cn dl dd{ color:#666; line-height:20px; padding:5px 0;}
.smlt a{ margin-right:10px;}
.smlt { margin-top:15px;}
.roc-cn{ width:360px; position:relative; right:-360px;}
.roc-cn table{ text-align:center;}
.roc-cn table tr{ border-bottom:1px solid #ddd;}
.roc-cn table td{ line-height:20px; padding:8px 0; font-size:14px; color:#999;}
.roc-cn table td input{ width:100%; height:30px; line-height:30px; border:none; padding:0 5px;}
.roc-cn table td textarea{ width:100%; height:80px; padding:5px; border:none; resize:none;}
.buton{ margin-top:10px;}
.buton input{ width:100%; height:35px; color:#fff; background:#de3435; border:none; font-size:14px; margin-top:3px;}

.lec-cn.animateon{ left:0;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.roc-cn.animateon{ right:0;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.foot{ text-align:center; line-height:20px; padding:35px 0; color:#666;  border-top:1px solid #e8e8e8;}
.mob-nav{ display:none;}


/*内页*/


.ny-banner{ height:319px; background-size:auto 100%; background-repeat:no-repeat; background-position: center center;}
.moctn{ width:1160px; margin:0 auto;}

.ny-main{ padding:77px 0 20px 0;}
.ny-main .btlst{ top:0}
.tns-olt{ padding:15px 0; margin:30px 0; border-bottom:1px dotted rgba(0,0,0,.1); border-top:1px dotted rgba(0,0,0,.1);}
.tns-olt li{ padding:48px 6%; border-right:1px dotted rgba(0,0,0,.1); width:33.3%; text-align:center; float:left;}
.tns-olt li .tit{ color:#666; font-size:16px; line-height:25px; height:25px; overflow:hidden; margin-top:20px;}
.tns-olt li .con{ font-size:12px; color:#999; line-height:20px;  overflow:hidden; margin-top:10px;}
.olx-text{ font-size:14px; padding:0 0 96px 0; color:#999; line-height:2; border-bottom:1px dotted rgba(0,0,0,.1); margin-top:20px; }
.olx-text p{ text-indent:2em; line-height:35px;}
.colmt{ padding:29px 0 50px 0;}
.colmt dl{ float:left; width:33.3%; padding:0 1%;}
.colmt dl dd{ line-height:20px; color:#999; margin-top:10px;}
.page-ols{ padding:50px 0; text-align:center;}
.page-ols a{ display:inline-block; width:36px; height:36px; text-align:center; line-height:36px; font-size:14px;}
.page-ols a.cur{ background:#dd3434; color:#fff;}

.sontx .shiks{ width:24%; margin:0 0.5% 10px; float:left; background:#fff; padding-bottom:15px;}
.sontx .shiks .pic{ width:100%; position:relative;} 
.sontx .shiks .pic img{ width:100%; height:auto;}
.sontx .shiks .pic span{ height:1px; line-height:1px; background:#de3435; left:50%; width:0%; position:absolute; bottom:0; transition:all 0.5s linear;}
.sontx .shiks a:hover .pic span{ left:0; width:100%; transition:all 0.5s linear;}
.sontx .shiks .tit{ padding:0 5%; font-size:14px; margin-top:10px; line-height:20px; height:20px; overflow:hidden; color:#333;}
.sontx .shiks a:hover .tit{ color:#de3435;}
.sontx .shiks .con{ padding:0 5%; font-size:14px; color:#999; line-height:20px; height:20px; overflow:hidden;}
.cp-main{ padding-right:400px; position:relative;}


.roc-cp{ position:absolute; right:0; top:0; width:400px; padding:100px 30px; background:#fff;}
.lec-cp .pic{ padding:100px; background:#f8f8f8;}
.nexlt{ /*background:url(../images/d.jpg) repeat-y 50% top;*/ height:110px;}
.nexlt a{ display:block; width:50%; line-height:1.6; height:100%; padding:30px 50px; color:#999; transition:background 0.5s linear;}
.nexlt a span{ font-size:18px; color:#333;}
.nexlt a i{ display:inline-block; width:23px; height:23px; margin-top:10px; position:relative;}
.nexlt a:hover{ color:#fff; background:#dd3434; transition:background 0.5s linear;}
.nexlt a:hover span{ color:#fff;}
.nexlt a.prev-sol i{ background:url(../images/p1-1.png) no-repeat; margin-right:20px; left:0;transition:all 0.2s linear;}
.nexlt a.prev-sol em{ text-align:left;}
.nexlt a.prev-sol:hover i{ background:url(../images/p1-2.png) no-repeat; left:-30px;transition:all 0.2s linear;}

.nexlt a.next-sol i{ background:url(../images/p2-1.png) no-repeat; margin-left:20px; right:0;transition:all 0.2s linear;}
.nexlt a.next-sol em{ text-align:right;}
.nexlt a.next-sol:hover i{ background:url(../images/p2-2.png) no-repeat; right:-30px;transition:all 0.2s linear;}
.btlq{ padding-left:15px; color:#999; line-height:2;}
.btlq dt{ font-size:20px; color:#333; line-height:1.2;}
.btlq dd{ margin-top:20px;}
.blx-ol{ margin-top:20px; text-align:center;}
.blx-ol span{ display:inline-block; cursor:pointer; line-height:32px; width:80px; text-align:center; color:#666; background:#f3f3f3; margin:0 3px;}
.blx-ol span.cur{ color:#fff; background:#dd3434;}
.tab-slt{ margin-top:15px;}
.tab-cont{ display:none;}
.tab-cont .sontx .shiks{ width:48%; margin:0 1% 10px;}
.opnlt{ padding:80px 40px;}
.opnlt .cos-olt li{ bottom:0;}
.opnlt .melt-nav{ bottom:0;}
.conlt-ol{ width:1000px; margin:0 auto;}
.cont-slq{ padding:30px 20px; border-top:1px dotted rgba(0,0,0,.1); margin-top:50px; color:#666; line-height:2; font-size:14px;}
.cont-slq p{ margin:10px 0;}
.sontx{ padding:0 80px;}


@media (max-width: 1160px){
.moctn{ width:100%; margin:0 auto;}	
	}

@media (min-width: 641px){
.solt-os .zs-olt.animateon{ top:0px;transition:all 2s ease;}

.years-news li:hover a{ color:#fff; left:-50px; transition:left 0.5s linear;}
.header-T .nav li a:hover,.melt-nav a:hover,.cos-olt li a:hover .pic img,.cos-olt li a:hover .bg-col,.melt-nav > a:hover,.years-news li:hover,.cos-olt li a:hover .tit .msic span,.cos-olt li a:hover .tit .msic i{ transition:all 0.3s linear;}
.btlst.animateon,.melt-nav.animateon,.comp-main .pic.animateon img,.comp-main .tit.animateon,.cos-olt li.animateon{ transition:all 1s ease;}
.lec-cn.animateon,.roc-cn.animateon{ transition:all 2s ease;}
.header-T .nav li:hover .zonlk{   top:35px; z-index:10; opacity:1; transition:all 0.5s linear;}
}
@media (max-width: 640px){
	.sontx{ padding:0;}
.warp{ padding:0}
body{ padding-top:50px;}
.nav{ display:none;}
.solt-os .zs-olt{ top:0;}
.header-T{ height:50px; position:fixed; left:0; top:0; width:100%; z-index:10; padding:0 2%;}
.header-T .logo{ padding:5px 0;}
.header-T .logo img{ height:40px; width:auto;}
.mob-nav{ display:block; height:50px; width:50px; background:url(../images/nav-cd.jpg) no-repeat center center; background-size:22px;}
.header-T .nav{ position:fixed; right:0; width:50%; top:50px; z-index:11; padding-top:0;}
.header-T .nav li{ float:none; background:#fff; width:100%; margin:0; border-bottom:1px solid #e8e8e8;}
.header-T .nav li a{ line-height:45px;}
.header-T .nav li a:hover, .header-T .nav li a.cur{ background:#fff; color:#666;}
.opt0{filter:alpha(opacity=100);-moz-opacity:1; opacity:1;}
.btlst{ top:0;}
.melt-nav{ bottom:0; }
.Product-os.warp{ padding:25px 0;}
.melt-nav{ margin:20px 0;}
.melt-nav > a{ margin:0 1%; padding:0 10px;}
.vod-more{ margin-top:30px;}
.comp-on{ padding:30px 0;}
.comp-main{ width:100%; padding:0 15px;}
.comp-main .pic img{ width:181px; height:181px;}
.meli-main.warp,.news-on,.cont-us{ padding:30px 0;}
.cos-olt li{ width:47%; bottom:0; margin:0 0 35px 2%;}
.cos-olt li a .tit{ height:25px; top:auto; bottom:-25px;}
.cos-olt li a .tit .msic i{ display:none;}
.cos-olt li a .tit .msic span{ opacity:1; color:#666; top:0;}
.nexlt{display:none}
.years-news li{ padding:15px 0;}
.years-news li a{ width:100%;}
.years-news li a .time{ width:100%; text-align:center; font-size:16px;}
.years-news li a:hover .time{ color:#dcdcdc}
.years-news li a .time span{ font-size:36px;}
.years-news li a dl{ width:100%; padding:0px 3% 0;}
.years-news li a dl dt{ text-align:center;}
.years-news li:hover{ background:#fff;}
.years-news li:hover a dl dd{ color:#666;}
.cont-main{ width:100%; margin:20px 0; padding:0 3%;}
.lec-cn{ left:0; width:100%; padding:0 3%;}
.roc-cn{ width:100%; right:0; margin-top:20px;}
.foot{ padding:20px 3%;}
.melt-nav .mores p{ left:auto; right:0; z-index:5;}
.melt-nav .mores p a{ line-height:35px;}
.ny-banner{ height:160px;}
.ny-main{ padding:30px 0;}
.olx-text{ padding:30px 3%;}
.colmt{ padding:20px 2%;}
.colmt dl{ width:100%; margin-bottom:10px;}
.sontx .shiks{ width:47%; margin:0 0 10px 2%;}
.page-ols{ padding:20px 0;}
.cp-main{ padding:0;}
.roc-cp{ position:relative; width:100%; padding:20px 3%;}
.lec-cp .pic{ padding:10px;}
.nexlt{ height:50px;}
.nexlt a{ padding:5px 10px;width:100%;}
.nexlt a span{ font-size:14px;}
.nexlt a:hover{ background:#fff; color:#666;}
.nexlt a:hover span{ color:#333;}
.nexlt a.prev-sol i{ margin-right:10px;}
.nexlt a.next-sol i{ margin-left:10px;}
.nexlt a.prev-sol:hover i{ background:#fff url(../images/p1-1.png) no-repeat; left:0;}
.nexlt a.next-sol:hover i{ background:#fff url(../images/p2-1.png) no-repeat; right:0;}
.conlt-ol{ width:100%;}
.cont-slq{ padding:15px 3%;}
.cont-slq img{ width:100%; height:auto;}
.header-T .nav li .zonlk{ position:absolute;  top:0px; right: auto; left:0;width:100%; text-align:center; border: none; border-right:1px solid #e8e8e8; box-shadow:0px 0px 0px #999; opacity:0; transition:all 0.5s linear; z-index:-1;}
.header-T .nav li .zonlk.cur{ left:-100%; opacity:1; z-index:2;transition:all 0.5s linear;}
.header-T .nav li .zonlk a{ line-height:45px;background:#f3f3f3;}

}



@media (max-width: 1110px){
.solt-os.warp{padding-top:30px;}
.zs-olt{ width:100%;}
.zs-olt li{width:31.3%;margin:0 1%;}
}
@media (max-width: 480px){

.zs-olt{ padding:0 2%;}
.zs-olt li{width:100%;margin:0 0 20px;}

}