@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; border:none; font-family:"微软雅黑"; outline:none;}
a{ text-decoration:none; color:#333;}
dl,dt,dd,ol,ul,li{ list-style:none;}
body,html{ width:100%; height:100%;}

.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}

/*引导页*/
.top{ width:90%; padding:20px 5%; position:fixed; left:0; top:0; z-index:999;}
.top .logo{ height:70px; float:left;}
.top .logo img{ height:70px; display:block;}
.top .nav{ float:right; display:block; text-align:right;}
.top .nav li{ display:inline-block; font-size:14px; height:70px; line-height:70px; text-transform:uppercase; margin-left:40px;}
.top .nav li a{ color:#fff;}
.top .nav li a:hover{ color:#da251d;}

.box{ width:100%; height:100%; position:relative;}
.box .middle{ width:200px; height:200px; position:absolute; left:50%; margin-left:-100px; z-index:99; top:50%; margin-top:-100px;}
.box .middle img{ width:100%; display:block;}
.box .left,.box .right{ width:50%; height:100%; float:left; position:relative;}
.box .left p,.box .right p{ width:100%; height:100%; overflow:hidden; display:block;}
.box .left p img,.box .right p img{ height:100%; min-width:100%; display:block;}
.box .left strong{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(255,255,255,.7); opacity:1; filter:alpha(opacity=100); transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -ms-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear;}
.box .right strong{ width:100%; height:100%; position:absolute; right:0; top:0; background-color:rgba(0,0,0,.7); opacity:1; filter:alpha(opacity=100); transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -ms-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear;}
.box .left strong img{ width:310px; height:340px; position:absolute; left:10%; top:50%; margin-top:-170px;}
.box .right strong img{ width:260px; height:340px; position:absolute; right:10%; top:50%; margin-top:-170px;}
.box .left:hover strong,.box .right:hover strong{ opacity:0; filter:alpha(opacity=0);}

.footer{ width:100%; background-color:#222;}
.footer span{ display:block; height:60px; padding:40px; margin:auto;}
.footer span img{ height:60px; display:block; margin:auto;}
.footer p{ width:90%; display:block; border-top:1px solid #333; height:40px; line-height:40px; font-size:14px; text-align:center; margin:auto; color:#999;}
.footer p a{ color:#999;}

/*header*/
.header{ width:100%; height:40px; background-color:#da251d;}
.header .yy{ width:90px; float:right; margin-right:10%;}
.header .yy p{ width:100%; height:40px; line-height:40px; cursor:pointer;}
.header .yy p strong{ width:21px; height:14px; padding-top:13px; overflow:hidden; display:block; float:left;}
.header .yy p strong img{ height:14px; display:block;}
.header .yy p span{ width:60px; display:block; float:right; font-size:14px; color:#fff; text-transform:uppercase;}
.header .yy ul{ display:none; width:110px; margin-left:-20px; position:absolute; top:40px; z-index:99;}
.header .yy ul li{ width:90px; padding:0 19px; display:block; height:40px; border:1px solid #cacaca; border-top:none; overflow:hidden; cursor:pointer; background-color:#fff;}
.header .yy ul li strong{ width:21px; height:14px; padding-top:13px; overflow:hidden; display:block; float:left;}
.header .yy ul li strong img{ height:14px; display:block;}
.header .yy ul li span{ width:57px; display:block; float:right; font-size:14px; color:#333; height:40px; line-height:40px; text-transform:uppercase;}
.header .yy ul li:hover span{ color:#da251d;}
.header .yy:hover ul{ display:block;}

.header .ser{ width:20px; height:20px; position:relative; padding:10px 0; margin-right:2%;}
.header .ser strong{ width:20px; height:20px; display:block; overflow:hidden; cursor:pointer; background-image:url(../images/ser01.png); background-position:center; background-repeat:no-repeat;}
.header .ser p{ width:0; height:24px; position:absolute; right:0; top:7px; border-radius:30px; transition:width 1s; -moz-transition:width 1s; -webkit-transition:width 1s; -o-transition:width 1s; overflow:hidden; background-color:#da251d;}
.header .ser:hover p{ width:170px; padding:0 15px; border:1px solid #fff;}
.header .ser p span{ display:block; float:left; width:150px; height:24px; overflow:hidden;}
.header .ser p span input{ width:100%; display:block; height:24px; line-height:24px; font-size:14px; color:#fff; overflow:hidden; background-color:#da251d;}
.header .ser p a{ width:20px; height:24px; display:block; float:left; overflow:hidden; cursor:pointer;}
.header .ser p a input{ width:20px; height:24px; display:block; background-color:#da251d; background-image:url(../images/ser01.png); background-position:center right; background-repeat:no-repeat; cursor:pointer;}

/*nav*/
.head{ width:80%; padding:20px 10%; padding-bottom:0; height:90px; left:0; top:0; z-index:999; background-color:#fff;}
.head.pos{ position:fixed;}
.head .logo{ height:70px; float:left;}
.head .logo img{ height:70px; display:block;}
.head .nav{ float:right; display:block; text-align:right;}
.head .nav li{ display:inline-block; font-size:14px; height:90px; line-height:70px; text-transform:uppercase; margin-left:40px; position:relative;}
.head .nav li a{ color:#333;}
.head .nav li:hover a{ color:#da251d;}
.head .nav li dl{ display:none; width:120px; position:absolute; top:90px; padding:10px 0; background-color:rgba(0,0,0,0.7); left:50%; margin-left:-60px; z-index:999;}
.head .nav li dl dt{ width:100%; text-align:center; height:30px; line-height:30px; overflow:hidden; display:block;}
.head .nav li dl dt a{ color:#fff !important;}
/*.head .nav li:hover dl{ display:block;}
.head .nav li dl dt a:hover{ color:#da251d !important;}*/

/*banner*/
.TB-focus{ width:100%; position:relative;}
.TB-focus .hd{ display:none;}
.TB-focus .bd{ width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:0;}
.TB-focus .bd ul{ display:block; height:100% !important; overflow:hidden; width:100%;}
.TB-focus .bd li{ width:100%; height:100%; overflow:hidden; display:block;}
.TB-focus .bd img{ width:100%; display:block;}
.TB-focus .bd li p{ width:48%; position:absolute; right:0; top:0; height:100%; background-image:url(../images/mask.png);}
.TB-focus .bd li p i{ width:18%; height:100%; display:block; float:left;}
.TB-focus .bd li p span{ width:82%; height:100%; display:table; vertical-align:middle; text-align:left; float:left; overflow:hidden;}
.TB-focus .bd li p span em{ display:table-cell; vertical-align:middle; text-align:left; font-style:normal;}
.TB-focus .bd li p span b{ display:block; width:410px; font-size:34px; line-height:42px; color:#fff; overflow:hidden;}
.TB-focus .bd li p strong{ width:410px; display:block; font-size:14px; line-height:24px; max-height:96px; overflow:hidden; color:#fff; margin-top:3%; font-weight:normal;}
.TB-focus .bd li p a{ width:180px; height:44px; display:block; margin-top:4%; background-color:#da251d;}
.TB-focus .bd li p a img{ width:100%; display:block;}
.TB-focus .bd li p a:hover{ background-color:#111;}

.TB-focus .prev,.TB-focus .next { width:50px; height:50px; margin-top:-25px; display:block; background-position:center; background-repeat:no-repeat; position:absolute; top:50%; z-index:10; cursor:pointer; text-indent:-9999px; filter:alpha(opacity=0) !important;opacity:0 !important; cursor:pointer;}
.TB-focus .prev { background-image:url(../images/left01.png); left:1%; }
.TB-focus .next { background-image:url(../images/right01.png); right:1%; }
.TB-focus:hover .prev,
.TB-focus:hover .next { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }

.zd{ width:80%; padding:5% 10%; background-image:url(../images/about.jpg); background-repeat:no-repeat; background-size:cover;}
.zd .title{ text-align:center;}
.zd .title span{ display:block; font-size:34px; text-transform:uppercase; color:#fff;}
.zd .title p{ display:block; margin-top:1.5%; font-size:18px; color:#fff; line-height:30px;}
.zd .list{ width:100%; display:block; text-align:center;}
.zd .list li{ width:16.66%; display:block; float:left; overflow:hidden; margin-top:3%;}
.zd .list li strong{ display:block; width:100%; height:100px; overflow:hidden;}
.zd .list li strong img{ display:block; height:100px; margin:auto;}
.zd .list li span{ display:block; margin-top:5%; height:30px; line-height:30px; color:#fff; font-size:18px; overflow:hidden;}
.zd .list li p{ width:100%; max-width:180px; margin:auto; font-size:14px; line-height:24px; color:#fff;}

/*产品*/
.pbox{ width:100%;}
.pbox dt{ width:100%; display:block; overflow:hidden; position:relative;}
.pbox dt .tu{ width:50%; float:left;}
.pbox dt .tu img{ width:100%; display:block;}
.pbox dt .wen{ width:50%; display:block; height:100%; position:absolute; right:0; top:0; background-position:left center; background-repeat:no-repeat;}
.pbox dt .wen div{ width:80%; height:100%; padding:0 10%; display:table; vertical-align:middle; text-align:left; overflow:hidden;}
.pbox dt .wen div p{ width:100%; height:100%; display:table-cell; vertical-align:middle; overflow:hidden;}
.pbox dt .wen p strong{ display:block; width:100%; max-width:300px; font-size:34px; line-height:42px; color:#333; overflow:hidden; font-weight:normal;}
.pbox dt .wen p span{ display:block; width:100%; max-width:560px; font-size:14px; line-height:24px; color:#333; overflow:hidden; max-height:96px; overflow:hidden; color:#333; margin-top:3%;}
.pbox dt .wen p a{ width:180px; height:44px; display:block; margin-top:4%; background-color:#da251d;}
.pbox dt .wen p a img{ width:100%; display:block;}
.pbox dt .wen p a:hover{ background-color:#111;}

.pbox dd{ width:100%; display:block; overflow:hidden; position:relative;}
.pbox dd .tu{ width:50%; float:right;}
.pbox dd .tu img{ width:100%; display:block;}
.pbox dd .wen{ width:50%; display:block; height:100%; position:absolute; left:0; top:0; background-position:right center; background-repeat:no-repeat;}
.pbox dd .wen div{ width:80%; height:100%; padding:0 10%; display:table; vertical-align:middle; text-align:left; overflow:hidden;}
.pbox dd .wen div p{ width:100%; height:100%; display:table-cell; vertical-align:middle; overflow:hidden;}
.pbox dd .wen p strong{ display:block; width:100%; max-width:300px; font-size:34px; line-height:42px; color:#333; overflow:hidden; font-weight:normal;}
.pbox dd .wen p span{ display:block; width:100%; max-width:560px; font-size:14px; line-height:24px; color:#333; overflow:hidden; max-height:96px; overflow:hidden; color:#333; margin-top:3%;}
.pbox dd .wen p a{ width:180px; height:44px; display:block; margin-top:4%; background-color:#da251d;}
.pbox dd .wen p a img{ width:100%; display:block;}
.pbox dd .wen p a:hover{ background-color:#111;}

/*合作*/
.hz{ width:78%; padding:5% 11%; background-image:url(../images/hz.jpg); background-repeat:no-repeat; background-size:cover;}
.hz .title{ text-align:center;}
.hz .title span{ display:block; font-size:34px; text-transform:uppercase; color:#fff;}
.hz .focusBox{ margin-top:2%; width:100%;}
.hz .focusBox .pic li a{ width:17%; margin:0 1.5%; margin-top:2%; display:block; float:left; overflow:hidden; border:1px solid #cacaca; box-sizing:border-box;}
.hz .focusBox .pic li a img{ width:100%; display:block;}

/*关于*/
.about{ width:100%; display:block; height:320px; overflow:hidden; position:relative; background-position:bottom center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}
.about .wen{ width:50%; display:block; height:100%; position:absolute; right:0; top:0;}
.about .wen div{ width:80%; height:100%; padding:0 10%; display:table; vertical-align:middle; text-align:left; overflow:hidden;}
.about .wen div p{ width:100%; height:100%; display:table-cell; vertical-align:middle; overflow:hidden;}
.about .wen p strong{ display:block; width:100%; max-width:300px; font-size:34px; line-height:42px; color:#fff; overflow:hidden; font-weight:normal;}
.about .wen p span{ display:block; width:100%; max-width:560px; font-size:14px; line-height:24px; color:#fff; overflow:hidden; max-height:96px; overflow:hidden; margin-top:3%;}
.about .wen p a{ width:180px; height:44px; display:block; margin-top:4%; background-color:#111;}
.about .wen p a img{ width:100%; display:block;}
.about .wen p a:hover{ background-color:#da251d;}

/*foot*/
.foot{ width:80%; padding:0 10%; background-image:url(../images/bottom.jpg); background-position:left bottom; background-repeat:no-repeat; background-color:#27282a; padding-top:40px;}
.foot .left{ width:48%; height:220px; overflow:hidden; border-right:1px solid #b4b4b4; box-sizing:border-box;}
.foot .left strong{ width:330px; display:block; margin-top:10px; overflow:hidden;}
.foot .left strong img{ width:100%; display:block;}
.foot .left p{ width:90%; display:block; font-size:14px; color:#fff; line-height:24px; height:120px; overflow:hidden; margin-top:15px;}
.foot .right{ overflow:hidden; height:262px; width:49%; margin-left:3%;}
.foot .right dl{ display:block; float:left; width:97%; margin-left:3%; overflow:hidden; height:220px; position:relative;}
.foot .right dl dt{ display:block; height:36px; line-height:36px; font-size:18px; color:#fff; margin-bottom:20px;}
.foot .right dl dd{ display:block; line-height:30px; font-size:14px; color:#fff;}
.foot .right dl dd a{ color:#fff;}
.foot .right dl p{ position:absolute; right:0; top:56px; display:block; overflow:hidden; width:20%; max-width:120px;}
.foot .right dl p strong{ width:100%; max-width:120px; overflow:hidden; display:block;}
.foot .right dl p strong img{ width:100%; display:block;}
.foot .right dl p span{ text-align:center; height:30px; line-height:30px; font-size:14px;overflow:hidden; display:block; color:#fff;}
.foot .bot{ width:100%; text-align:center; height:36px; line-height:36px; font-size:14px; color:#fff; }
.foot .bot a{ color:#fff;}

/*内页*/
.banner{ width:100%;}
.banner img{ width:100%; display:block;}

.nei{ width:80%; margin:3% 10%; margin-bottom:5%;}
.nei .left{ width:20%; overflow:hidden; background-color:#da251d; padding-top:2%;}
.nei .left .biao{ width:70%; margin:auto;}
.nei .left .biao span{ display:block; height:42px; line-height:42px; font-size:24px; color:#fff; background-image:url(../images/title.jpg); background-position:left bottom; background-repeat:no-repeat;}
.nei .left .biao a{ display:block; height:38px; line-height:38px; font-size:18px; text-transform:uppercase; color:#fff;}
.nei .left .list{ width:120px; margin:auto; margin-top:5%; padding-bottom:10%;}
.nei .left .list li{ width:120px; height:38px; line-height:38px; font-size:14px; text-align:center; margin-bottom:10px;}
.nei .left .list li a{ width:120px; height:38px; display:block; background-color:#fff; color:#333;}
.nei .left .list li a:hover,.nei .left .list li.on a{ background-color:#e38b29; color:#fff;}

.nei .right{ width:76%; overflow:hidden;}
.nei .right .biaot{ width:98%; margin-left:2%; height:40px; border-bottom:1px solid #cacaca;}
.nei .right .biaot h1{ display:block; font-weight:normal; color:#333; float:left; border-bottom:1px solid #da251d; height:39px; line-height:40px; font-size:24px;}
.nei .right .biaot p{ text-align:right; height:40px; line-height:40px; font-size:14px;}
.nei .right .biaot p a:hover,.nei .right .biaot p span{ color:#da251d;}
.content{ width:100%;}

/*关于我们*/
.content .wen{ width:98%; margin-left:2%; font-size:14px; line-height:24px; color:#333; padding-top:2%;}
.content .wen img{ max-width:100%;}

/*荣誉*/
.content .cp{ width:100%; overflow:hidden;}
.content .cp li{ width:31.33%; height:198px; display:block; overflow:hidden; float:left; margin-left:2%; margin-top:2%;}
.content .cp li a{ width:100%; height:198px; display:block; overflow:hidden; position:relative;}
.content .cp li a img{ height:198px; display:block;
	transition-delay:0s;
    transition-duration:1s;
    transition-property:all;
    transition-timing-function:ease;
	/* Firefox 4 */
	-moz-transition-delay:0s;
    -moz-transition-duration:1s;
    -moz-transition-property:all;
    -moz-transition-timing-function:ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration:1s;
    -webkit-transition-property:all;
    -webkit-transition-timing-function:ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration:1s;
    -o-transition-property:all;
    -o-transition-timing-function:ease;
}
.content .cp li p{ width:140px; height:48px; padding:11px 20px; background-color:rgba(255,255,255,0.7); position:absolute; right:5%; bottom:5%;}
.content .cp li p strong{ width:140px; display:block; height:24px; line-height:24px; overflow:hidden; font-size:16px; color:#333;}
.content .cp li p span{ width:140px; text-align:right; display:block; height:24px; line-height:24px; overflow:hidden; font-size:14px; color:#666;}
.content .cp li:hover p{ background-color:rgba(194,28,41,0.7);}
.content .cp li:hover strong,.content .cp li:hover span{ color:#fff;}  
.content .cp li:hover img{
	transform:scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1); 	/* IE 9 */
	-moz-transform:scale(1.1, 1.1); 	/* Firefox */
	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.1); 	/* Opera */
}

.fanye{ width:100%; text-align:center; font-size:14px; padding-top:2%;}
.fanye a{ margin:0 3px;}
.fanye span{ margin:0 3px; color:#da251d;}
.fanye a:hover{ color:#da251d;}

/*新闻*/
.content .xinwen{ width:98%; margin-left:2%; overflow:hidden; display:block;}
.content .xinwen li{ width:100%; height:70px; padding:2% 0; border-bottom:1px solid #cacaca; overflow:hidden; display:block;}
.content .xinwen li h1{ width:12%; font-weight:normal; overflow:hidden; height:70px; float:left; display:block; text-align:center;}
.content .xinwen li h1 img{ width:100%; display:block;}
/*.content .xinwen li h1 span{ display:block; font-size:18px; height:22px; line-height:22px; color:#fff;}
.content .xinwen li h1 a{ display:block; font-size:14px; height:22px; line-height:22px; color:#fff;}*/
.content .xinwen li div{ height:70px; width:86%; float:right; display:block;}
.content .xinwen li div span{ height:20px; line-height:20px; font-size:16px;}
.content .xinwen li div p{ height:48px; line-height:24px; font-size:14px; color:#666; overflow:hidden; margin-top:2px;}
.content .xinwen li div:hover span{ color:#da251d;}

/*新闻内页*/
.content .tou{ width:98%; margin-left:2%; text-align:center; font-size:18px; color:#da251d; line-height:40px; margin-top:2%;}
.content .sj{ width:98%; margin-left:2%; font-size:14px; text-align:center; line-height:20px; color:#666; border-bottom:1px solid #cacaca; padding-bottom:1%;}
.content .back{ width:98%; margin-left:2%; margin-top:3%; border-top:1px solid #cacaca; padding-top:1%;}
.content .back .pre{ font-size:14px; color:#333; line-height:24px;}
.content .back .pre a{ color:#333;}
.content .back .pre a:hover{ color:#da251d;}
.content .back .fh a{ color:#da251d; font-size:14px;}

/*产品*/
.content .ry{ width:100%; display:block;}
.content .ry li{ width:31.33%; display:block; overflow:hidden; float:left; margin-top:2%; margin-left:2%;}
.content .ry li strong{ width:100%; height:200px; display:block; overflow:hidden;}
.content .ry li strong img{ width:100%; display:block;}
.content .ry li span{ width:100%; display:block; height:36px; line-height:36px; overflow:hidden; font-size:14px; text-align:center; border-bottom:1px solid #cacaca;}
.content .ry li:hover span{ color:#da251d; border-bottom:1px solid #da251d;} 

/*联系*/
#container{ width:58%; height:360px; border:1px solid #cacaca; float:left; overflow:hidden; margin-top:2%; margin-left:2%;}
.lx{ width:35%; overflow:hidden; padding-top:3%; line-height:30px; font-size:14px;}

/*新闻*/
.newsbox{ width:100%; padding:5% 0; background-color:#eee;}
.newsbox .title{ text-align:center;}
.newsbox .title span{ display:block; font-size:34px; text-transform:uppercase; color:#333;}
#tab{ width:80%; margin:auto; display:block;}
#tab .tab_menu{ width:100%; text-align:center; margin-top:3%;}
#tab .tab_menu li{ display:inline-block; margin:0 1%; width:140px; height:36px; line-height:36px; font-size:16px; background-color:#fff; cursor:pointer; border-radius:5px;}
#tab .tab_menu li.selected{ background-color:#da251d; color:#fff;}
#tab .tab_box{ width:100%; overflow:hidden;}
#tab .tab_box ul{ width:100%; display:block;}
#tab .tab_box ul li{ width:23%; margin:0 1%; display:block; float:left; overflow:hidden; margin-top:3%; border-bottom:1px solid #cacaca; padding-bottom:10px;}
.hide{ display:none;}
#tab .tab_box ul li strong{ width:100%; overflow:hidden; height:160px; display:block;}
#tab .tab_box ul li strong img{ width:100%; display:block;}
#tab .tab_box ul li p{ width:100%; text-align:center; height:30px; font-size:16px; line-height:30px; padding-top:10px; overflow:hidden; display:block;}
#tab .tab_box ul li span{ display:block; width:100%; font-size:14px; color:#666; text-align:center; height:24px; line-height:24px; overflow:hidden;}
#tab .tab_box ul li:hover{ border-bottom:1px solid #da251d;}
#tab .tab_box ul li:hover p{ color:#da251d;}
/*.news{ width:76%; margin:auto; min-width:1150px;}
.news .n01{ width:48%; overflow:hidden; background-color:#fff; max-width:560px; height:500px;}
.news .n01 .title{ padding-top:48px; padding-left:30px; width:530px; height:118px; background-image:url(../images/ntitle01.jpg); background-position:top left; background-repeat:no-repeat;}
.news .n01 .title p{ display:block; overflow:hidden; width:530px; height:32px; line-height:32px; font-size:24px; color:#fff;}
.news .n01 .title strong{ display:block; overflow:hidden; width:530px; height:20px; line-height:20px; font-size:14px; color:#f1f1f1; text-transform:uppercase;}
.news .n01 .title a{ display:block; overflow:hidden; width:530px; margin-top:12px; height:18px; line-height:18px; font-size:14px; color:#fff; text-transform:uppercase;}

.news .list{ width:560px; display:block; overflow:hidden} 
.news .list dt{ width:520px; padding:15px 20px; height:80px; border-bottom:1px solid #cacaca; display:block; overflow:hidden;}
.news .list .left{ width:80px; height:80px; overflow:hidden;}
.news .list .left span{ display:block; text-align:right; width:80px; height:22px; line-height:22px; font-size:14px; color:#da251d; padding-bottom:6px; background-image:url(../images/nline.jpg); background-position:right bottom; background-repeat:no-repeat; overflow:hidden;}
.news .list .left p{ display:block; text-align:right; width:80px; height:46px; line-height:46px; font-size:48px; color:#da251d; padding-top:6px; overflow:hidden;}
.news .list .right{ width:410px; height:80px; overflow:hidden;}
.news .list .right span{ width:410px; height:24px; display:block; line-height:24px; color:#da251d; font-size:16px; overflow:hidden;}
.news .list .right p{ display:block; width:410px; height:48px; line-height:24px; font-size:14px; color:#666; padding-top:8px; overflow:hidden;}
.news .list dd{ width:520px; padding:15px 20px; height:20px; border-bottom:1px solid #cacaca; display:block; overflow:hidden;}
.news .list dd span{ text-align:right; width:80px; height:20px; display:block; line-height:20px; color:#666; font-size:18px; overflow:hidden; float:left;}
.news .list dd a{ width:410px; height:20px; display:block; line-height:20px; color:#333; font-size:16px; overflow:hidden; float:right;}
.news .list dd a:hover{ color:#da251d;}
.news .list dd:last-child{ border-bottom:none;}

.news .n02{ width:48%; max-width:560px; overflow:hidden; background-color:#fff; height:500px;}
.news .n02 .title{ padding:20px 30px; padding-right:20px; width:510px; height:116px; background-image:url(../images/ntitle02.jpg); background-position:top left; background-repeat:no-repeat;}
.news .n02 .title b{ display:block; text-align:right; height:18px; margin-right:10px;}
.news .n02 .title b a{ height:18px; line-height:18px; font-size:14px; color:#da251d; text-transform:uppercase;}
.news .n02 .title p{ display:block; overflow:hidden; width:500px; height:32px; line-height:32px; font-size:24px; color:#da251d; margin-top:10px;}
.news .n02 .title strong{ display:block; overflow:hidden; width:500px; height:20px; line-height:20px; font-size:14px; color:#666; text-transform:uppercase;}
.news .n02 .title span{ text-align:right; display:block; overflow:hidden; width:510px; height:24px; line-height:24px; font-size:16px; color:#da251d; margin-top:-24px;}
.news .Tfocus{ width:560px; height:324px; position:relative; padding-bottom:20px;}
.news .Tfocus .bd{ width:560px; height:324px;}
.news .Tfocus .bd .xw{ width:560px; height:324px; display:block; overflow:hidden;}
.news .xw strong{ width:560px; height:180px; display:block; overflow:hidden;}
.news .xw strong img{ width:100%; display:block;}
.news .xw span{ width:520px; padding:0 20px; height:44px; line-height:44px; font-size:16px; color:#da251d; display:block; overflow:hidden; margin-top:6px;}
.news .xw p{ width:520px; padding:0 20px; height:72px; line-height:24px; font-size:14px; color:#666; display:block; overflow:hidden;}

.news .Tfocus .hd{ display:block; width:520px; position:absolute; right:20px; bottom:15px;}
.news .Tfocus .hd ul{ display:block; overflow:hidden; text-align:right; width:100%;}
.news .Tfocus .hd ul li{ width:10px; height:10px; display:inline-block; border-radius:10px; margin-left:5px; background-color:#999; color:#333; cursor:pointer;}
.news .Tfocus .hd ul li.on{ background-color:#da251d; color:#fff;}*/

/*悬浮链接*/
.container{width:1200px;margin:0 auto;padding:0;}
.container:after{content:"";display:block;clear:both;}
.clearfix:after{content:"";display:block;clear:both;}
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.color-white{color:white!important;}
.red{color:#fc8080!important;}
.fz12{font-size:12px;}
.fz14{font-size:14px;}
.wfs{width:100%;position:relative;}
.p_r{position:relative;}

.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#da251d;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

/*案例*/
.content .ry01{ width:100%; display:block;}
.content .ry01 li{ width:31.33%; display:block; overflow:hidden; float:left; margin-top:2%; margin-left:2%;}
.content .ry01 li strong{ width:100%; height:200px; display:block; overflow:hidden;}
.content .ry01 li strong img{ height:200px; display:block;}
.content .ry01 li span{ width:100%; display:block; height:30px; line-height:30px; padding-top:5px; overflow:hidden; font-size:18px;}
.content .ry01 li p{ width:100%; display:block; height:48px; line-height:24px; overflow:hidden; font-size:14px;}
.content .ry01 li:hover span{ color:#da251d;}