@charset "utf-8";







/* CSS Document */



* {padding: 0;margin: 0;}



body {margin: 0px;padding: 0px;color: #555;font-family:"微软雅黑", Arial, Helvetica, sans-serif;font-size:14px;background:#fff;text-align:left;position:relative; line-height:20px; min-width:1200px;}



img {border: 0;position:relative;}



.clear {height:0px;line-height:0px;font-size:0px;clear:both;visibility:hidden;overflow:hidden;padding:0;margin:0;}



div,ul,dl,dd,dt,li,td,tr,table,p,span,h1,h2,h3,h4,h5,h6,form{ margin:0px;  padding:0px; list-style:none; list-style-type: none; word-wrap:break-word;position:relative; border:none; font-weight:400;}



a {color:#555;text-decoration: none;position:relative;cursor:pointer;}



header, footer, nav, section, article, menu, aside {display:block;position:relative;  } 



textarea { resize:none;font-family:"微软雅黑";font-size:14px;}



table { border-collapse:collapse;border-spacing:0;}



th , td { text-align:left;}



input {font-family:"微软雅黑";font-size:14px;}



input:focus {outline:none;}



input.sub {cursor:pointer; background:none; border:none;}



input.text {background:none; border:none;}



/* common main */



.red,a.red { color:#cc0031;}



.white,a.white { color:#fff;}



.whitebg{ background:#fff;}



.c3,a.c3 { color:#333;}



.c4,a.c4 { color:#444;}



.c5,a.c5 { color:#555;}



.c6,a.c6 { color:#666;}



.c7,a.c7 { color:#777;}



.c8,a.c8 { color:#888;}



.c9,a.c9 { color:#999;}



a:hover {color:#d83143;}



.fs12 { font-size:12px;}



.fs14 { font-size:14px;}



.fs16 { font-size:16px;}



.fs18 { font-size:18px;}



.fs20 { font-size:20px;}



.fs22 { font-size:22px;}



.fs24 { font-size:24px;}



.fw-b { font-weight:bold;}



.fw400 { font-weight:400;}



.ti2 { text-indent:2em;}



.lh18 { line-height:18px;}



.lh20 { line-height:20px;}



.lh25 { line-height:25px;}



.lh30 { line-height:30px;}



.lh35 { line-height:35px;}



.lh40 { line-height:40px;}



.unl { text-decoration:underline;}



.unl-no { text-decoration:none;}



.ta-l { text-align:left;}



.ta-c { text-align:center;}



.ta-r { text-align:right;}



.fl { float:left;}



.fr { float:right;}



.va-m { vertical-align:middle;}



.va-t { vertical-align:top;}



.pr { position:relative;}



.pa { position:absolute;}



.oh { overflow:hidden;}



.none { display:none;}



.block { display:block;}



.inblock { display:inline-block;}



.pointer { cursor:pointer;}



.w100 { width:100%;}



.w1000 { width:1000px;}



.w1200 { width:1200px;}



.h5 { height:5px;}



.h10 { height:10px;}



.h15 { height:15px;}



.h20 { height:20px;}



.h25 { height:25px;}



.h30 { height:30px;}



.h40 { height:40px;}



.h50 { height:50px;}



.h60 { height:60px;}



.h70 { height:70px;}



.h100 { height:100%;}



.ma2 { margin:2px;}



.ma5 { margin:5px;}



.ma10 { margin:10px;}



.ma15 { margin:15px;}



.ma20 { margin:20px;}



.pa2 { padding:2px;}



.pa5 { padding:5px;}



.pa10 { padding:10px;}



.pa15 { padding:15px;}



.pa20 { padding:20px;}



.ml5 { margin-left:5px;}



.ml10 { margin-left:10px;}



.ml15 { margin-left:15px;}



.ml20 { margin-left:20px;}



.mr5 { margin-right:5px;}



.mr10 { margin-right:10px;}



.mr15 { margin-right:15px;}



.mr20 { margin-right:20px;}



.mt5 { margin-top:5px;}



.mt10 { margin-top:10px;}



.mt15 { margin-top:15px;}



.mt20 { margin-top:20px;}



.mb5 { margin-bottom:5px;}



.mb10 { margin-bottom:10px;}



.mb15 { margin-bottom:15px;}



.mb20 { margin-bottom:20px;}



.pl5 { padding-left:5px;}



.pl10 { padding-left:10px;}



.pl15 { padding-left:15px;}



.pl20 { padding-left:20px;}



.pr5 { padding-right:5px;}



.pr10 { padding-right:10px;}



.pr15 { padding-right:15px;}



.pr20 { padding-right:20px;}



.pt2 { padding-top:2px;}



.pt5 { padding-top:5px;}



.pt10 { padding-top:10px;}



.pt15 { padding-top:15px;}



.pt20 { padding-top:20px;}



.pb5 { padding-bottom:5px;}



.pb10 { padding-bottom:10px;}



.pb15 { padding-bottom:15px;}



.pb20 { padding-bottom:20px;}



.mga { margin-left:auto;margin-right:auto;}



.main {width:1200px;margin-left:auto;margin-right:auto;}



.absolute-r { position:absolute;left:auto;right:0;}



.absolute-l { position:absolute;left:0;right:auto;}



.comtab { table-layout:fixed;width:100%;border-collapse:collapse;}











.cartoon {



	transition: all 0.2s ease-in-out 0.01s;



    -webkit-transition: all 0.2s ease-in-out 0.01s;



    -moz-transition: all 0.2s ease-in-out 0.01s;



    -o-transition: all 0.2s ease-in-out 0.01s;



    -ms-transition: all 0.2s ease-in-out 0.01s;}



.hover-scale:hover {



	transform:scale(1.1);



    -webkit-transform:scale(1.1);



	-moz-transform:scale(1.1);



	-o-transform:scale(1.1);



	-ms-transform:scale(1.1);}



	



	



/* 详细样式 */



.bannerbox {



	width:100%;



	height:735px;



	max-width:1920px;



	margin:0 auto;



	overflow:hidden;}



#indexbanner {width:100%;height:735px;}



#indexbanner a {display:block;width:100%;height:735px;background-repeat:no-repeat;background-position:center center;position:absolute;left:0;top:0; z-index:1;}



#bannernum {position:absolute;width:100%;bottom:30px;text-align:center; z-index:5;}



#bannernum span { display:inline-block;width:40px;height:6px;background:url(../images/icons/icon04.png) no-repeat; line-height:0px; font-size:0px; margin:0 0px;}



#bannernum span.numsel {background:url(../images/icons/icon03.png) no-repeat;}







.combanner a{ display:block;width:100%;height:500px;max-width:1920px;margin:0 auto;overflow:hidden;background-repeat:no-repeat;background-position:center center;}







.comheadbox{ position:absolute; top:0px; left:0; z-index:99; width:100%; max-width:1920px; height:150px; background:url(../images/darkbg70.png) repeat; border-bottom:1px solid #98212e;}



.comheadbox .logo{ display:block; position:absolute; top:40px; left:0px;z-index:6; margin:0;}



.comheadbox .shop{ display:block; width:135px; height:35px; line-height:35px; color:#fff; text-align:center; font-weight:bold; padding:1px; background:#d83143; position:absolute; right:0px; top:13px;z-index:6;}



.comheadbox .shop img{ margin-right:13px; top:3px;}







.comnav{height: 65px;margin-top: 83px;width: 696px;right: 0px;position: absolute;}



.comnav dl{ float:left; height:65px; margin-left:40px;}



.comnav dl:hover .a1,.comnav dl.sel .a1{ color:#d83143;}



.comnav dl .a1{ display:block; color:#ccc; height:65px; font-size:16px; text-align:center;}



.comnav dl dd{ width:150px; padding-top:16px; position:absolute; top:66px; left:-50%; margin-left:-5px; z-index:60; overflow:hidden; transition:ease-in 0.3s;transform:scale(0); opacity:0;filter:alpha(opacity=0); -moz-opacity:0; }



.comnav dl dd.dd1{ width:300px; margin-left:-80px;}



.comnav dd i{ width:20px; height:12px; display:block; background:url(../images/icons/icon02.png) no-repeat; position:absolute; top:5px; left:50%; margin-left:-10px; z-index:2;}



.comnav dl dd menu{background:#000; width:150px; text-align:center; padding:20px 0px; float:left;}



.comnav dl dd menu a{ color:#ccc; display:block; padding-left:32px;  text-align:left; font-size:14px; height:26px; line-height:26px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}



.comnav dl dd a:hover{ background:#d83143; color:#fff;  transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}



.comnav dl:hover dd{  transition:ease-in 0.3s; opacity:1;transform:scale(1);filter:alpha(opacity=100); -moz-opacity:1; } 







.indexabout{ overflow:hidden; margin:45px 0;}



.indexabout .left{ width:380px; float:left; margin-right:30px; }



.indexabout .left .title{ margin-bottom:23px;}



.indexabout .left .title p{ color:#999;}



.indexabout .left .title span{ font-size:28px; color:#111; margin:10px 0 20px; display:block; font-weight:bold;}



.indexabout .left .title i{ background:#dedede; height:1px; width:50px; display:block;}



.indexabout .left .con{ height:170px; overflow:hidden; }



.indexabout .left .con p{ text-indent:2em; color:#999; line-height:24px;}



.indexabout .left .btn{ display:block; width:98px; height:31px; line-height:31px; border:solid 1px #000; color:#333; text-align:center; margin-top:20px;}



.indexabout .left .btn:hover{ color:#d83143; border:solid 1px #d83143;}



.indexabout .center{ width:380px; float:left; margin-top:40px;}



.indexabout .center li{ background:url(../images/icons/bg01.png) no-repeat; height:44px;  padding-left:140px;}



.indexabout .center li a{ text-align:left; padding-left:40px; line-height:44px; height:44px; display:block;}



.indexabout .center li a:hover{ color:#d83143;}



.indexabout .center li a.a1{ background:url(../images/icons/icon05.png) no-repeat left center;}



.indexabout .center li a.a2{ background:url(../images/icons/icon06.png) no-repeat left center;}



.indexabout .center li a.a3{ background:url(../images/icons/icon07.png) no-repeat left center;}



.indexabout .center li a.a4{ background:url(../images/icons/icon08.png) no-repeat left center;}



.indexabout .center li a.a5{ background:url(../images/icons/icon09.png) no-repeat left center;}



.indexabout .center li a.a1:hover{ background:url(../images/icons/icon005.png) no-repeat left center;}



.indexabout .center li a.a2:hover{ background:url(../images/icons/icon006.png) no-repeat left center;}



.indexabout .center li a.a3:hover{ background:url(../images/icons/icon007.png) no-repeat left center;}



.indexabout .center li a.a4:hover{ background:url(../images/icons/icon008.png) no-repeat left center;}



.indexabout .center li a.a5:hover{ background:url(../images/icons/icon009.png) no-repeat left center;}







.indexabout .right{ width:390px; float:right; margin-top:20px;}



.indexabout .right a{ display:block; width:100%; height:280px; overflow:hidden; }



.indexabout .right a img{ width:100%; display:block;}







.productlistbg{ width:100%; max-width:1920px; background:#212123; padding:40px 0;}



.productlist .tit{ margin-bottom:40px; text-align:center;}



/*.productlist table{ width:100%;}*/



.productlist table td{ border:#212123 solid 1px;}



.productlist table td a{ display:block; height:340px; width:240px; overflow:hidden;}



.productlist table td a .img{height:340px; width:240px; overflow:hidden;}



.productlist table td a .img img{ display:block; height:340px; width:240px; }



.productlist table td a .word{ opacity:0;filter:alpha(opacity=0); -moz-opacity:0; text-align:center; position:absolute; left:0px; top:0px; z-index:7; width:240px; padding-top:100px; height:240px; background:url(../images/darkbg70.png) repeat;transition: all 0.3s ease-in-out 0.01s;-webkit-transition: all 0.3s ease-in-out 0.01s;}



.productlist table td a .word img{ margin-bottom:19px;}



.productlist table td a .word p{ color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}



.productlist table td a .word i{ display:block; margin:15px auto; width:50px; height:1px; background:#fff;}



.productlist table td a:hover .word{transition: all 0.3s ease-in-out 0.01s;-webkit-transition: all 0.3s ease-in-out 0.01s; opacity:1;filter:alpha(opacity=100); -moz-opacity:1;}



.productlist .more{ margin-top:40px;}



.productlist .more a{ display:block; width:100px; height:33px; text-align:center; line-height:33px; color:#fff; background:#d83143; margin:0 auto 20px;}



.productlist .more a:hover{ opacity:0.8;transition: all 0.3s ease-in-out 0.01s;-webkit-transition: all 0.3s ease-in-out 0.01s;}



.productlist .more  p{ color:#afafaf; text-align:center;}







.newslist{ margin-bottom:40px;}



.newslist .tit{ margin-bottom:40px; text-align:center; margin-top:45px;}



.newslist .list a{ display:block; overflow:hidden; height:45px; padding-left:10%; padding-right:3%; line-height:45px; background:url(../images/icons/icon11.png) no-repeat 35px center #f2f2f2; color:#333; }



.newslist .list a.sel{background:url(../images/icons/icon12.png) no-repeat 35px center #fff;}



.newslist .list a p{ width:80%;float:left; text-align:center; font-weight:bold;}



.newslist .list a span{ width:10%; float:right; text-align:right; color:#999;}



.newslist .list a:hover{ background:url(../images/icons/icon13.png) no-repeat 35px center #000; color:#fff;}



.newslist .more{ display:block; width:98px; height:31px; line-height:31px; border:solid 1px #000; color:#333; text-align:center; margin:0 auto; margin-top:30px;}



.newslist .more:hover{ color:#d83143; border:solid 1px #d83143;}







.friend_linkbg{ background:#212123; padding:35px 0px; width:100%; max-width:1920px;}



.friend_link{ overflow:hidden; }



.friend_link .left{ float:left; width:640px; padding-right:80px; border-right:solid 1px #333; height:130px;}



.friend_link .left .title04{ font-size:16px; font-weight:bold; color:#666; margin-bottom:20px;}



.friend_link .left .box{ overflow:hidden;}



.friend_link .left .box a{ float:left; color:#fff; margin-right:30px;}







.friend_link .right{ margin-left:90px; float:left; overflow:hidden;}



.friend_link .right .call{ float:left; width:220px;}



.friend_link .right .call span{ font-size:24px; color:#fff; margin-bottom:10px; display:block;}



.friend_link .right .call p{ font-size:12px; color:#666;}



.friend_link .right .call a{ width:120px; height:35px; line-height:30px; font-size:14px; display:block; text-align:center; background:#6e6e6e; color:#fff; margin-top:7px;}



.friend_link .right .call a img{ margin-right:8px; top:4px;}



.friend_link .right .ewm{ float:right;}



.friend_link .right .ewm img{ display:block; margin:0 auto 10px; width:105px;}



.friend_link .right .ewm p{ text-align:center; font-size:12px;}







.comfooterbg{ border-top:solid 6px #0a0a0a; background:#000; width:100%; max-width:1920px; height:210px; padding-top:30px;}



.comfooter .icon{ text-align:center; margin-bottom:20px;}



.comfooter p{ text-align:center; color:#666; line-height:24px;}



.comfooter p a{ color:#666; margin-left:22px;}



.comfooter p a:hover{ color:#fff;}



.comfooter p span{  margin-left:22px;}



.comfooter .link{ text-align:center; line-height:22px;}



.comfooter .link a{ margin:0 11px; color:#666;}



.comfooter .link a:hover{ color:#fff;}



.comfooter .pic{ text-align:center; margin-top:10px;}



.comfooter .pic a{ display:inline-block; margin:0 5px;}



.comfooter .pic a img{ width:50px; height:55px;}







.combg01{ background:url(../images/pictures/combg01.jpg) repeat-y; width:100%; max-width:1920px;}



.combg02{ background:url(../images/pictures/combg.jpg) no-repeat; width:100%; max-width:1920px; min-height:700px;}







.comlocalbg{ background:#f2f2f2; width:100%; max-width:1920px; height:70px;}



.comlocal{ padding:15px 0; overflow:hidden;}



.comlocal .tit{ float:left; padding-left:55px; background:url(../images/icons/icon16.png) no-repeat 13px center;}



.comlocal .tit h4{ color:#212123; font-size:22px; margin-bottom:8px;}



.comlocal .tit p{ color:#999;}



.comlocal h5{ font-size:24px; color:#d83143; line-height:40px;}



.comlocal .right{ float:right; text-align:right; line-height:40px;}



.comlocal .right a{ display:inline-block; color:#999;}



.comlocal .right a:hover{ color:#d83143;}



.comlocal .right span{ display:inline-block; color:#999; margin:0 4px;}







.comconbox .conleft{ width:217px; float:left;}



.conleft .menu{ padding-top:20px;}



.conleft .menu a{ display:block; padding-left:55px; height:35px; line-height:35px; color:#afafaf;}



.conleft .menu a:hover,.conleft .menu a.sel{ color:#d83143;}



.conleft .phonebox{ padding-left:14px; margin-top:60px;}



.conleft .phonebox .phone{ padding-left:50px; background:url(../images/icons/icon17.png) no-repeat left center;min-height:36px; margin-bottom:10px;}



.conleft .phonebox p{ color:#afafaf;}



.conleft .phonebox .phone .fc{ color:#d83143;}







.comconbox .conright{ width:963px; float:left; padding-left:20px; background:#fff; padding-top:20px; padding-bottom:45px; min-height:700px;}



.conright .deatail .title{ margin-bottom:20px; text-align:center;}



.conright .deatail .title p{ margin-top:10px;}



.conright .deatail .title h1{ font-size:18px; color:#111111; text-align:center;}



.conright .deatail .title p span{ color:#999; font-size:13px; margin:0 10px;}



.conright .deatail .download{ margin-bottom:10px;}



.conright .deatail .download b{ color:#1d87e1;}



.conright .deatail .download a{ color:#d83143;}



.conright .deatail .download a:hover{ text-decoration:underline;}



/*.conright .deatail .con p{ color:#666; text-indent:2em; line-height:24px;}*/



.conright .deatail img{ max-width:100%; margin:20px auto; display:block;}



.conright .deatail01 img{ margin:20px auto; display:block;}







.compage{ text-align:center; margin:25px 0 0;}



.compage a,.compage span{ display:inline-block; height:30px; padding:0 12px; line-height:30px; background:#212123; color:#fff; margin:0 1px;}



.compage a:hover,.compage a.sel,.compage span:hover,.compage span.current{background:#d83143;}



.compage .disabled{ background:#808080;}



.compage .disabled:hover{background:#808080;}



.compage a img{ display:block;}







.detail_page { margin-top:40px;}



.detail_page p{ color:#666; margin-bottom:10px;}



.detail_page p a{ display:inline-block;}



.detail_page p a:hover{ color:#d83143;}



.news_list ul{ margin-top:-20px;}



.news_list li{ padding:20px 0px; padding-left:320px; min-height:200px; border-bottom:solid 1px #eee;}



.news_list li .img{ display:block; position:absolute; left:0px; top:20px;}



.news_list li .img img{ width:300px; height:200px;}



.news_list li .tit{ color:#333; font-size:16px;}



.news_list li .tit:hover{color:#d83143;}



.news_list li .txt{ color:#666; height:120px; overflow:hidden; margin:20px 0;}



.news_list li .time{ color:#999; font-size:12px;}



.news_list li .time span{ margin-right:15px;}







.video_list{ overflow:hidden;}



.video_list .box{ overflow:hidden; width:980px;}



.video_list a{ float:left; margin-right:13px;width:475px; margin-bottom:20px; }



.video_list a .pic{width:475px; height:356px; overflow:hidden;}



.video_list a .pic img{ width:475px; height:356px;}



.video_list a .pic i{ display:block; position:absolute; left:0px; bottom:-356px; z-index:4;width:475px; height:356px; background:url(../images/pictures/pic13.png) no-repeat;transition: all 0.2s ease-in-out 0.01s;



    -webkit-transition: all 0.2s ease-in-out 0.01s;}



.video_list a .tit{ text-align:center; font-size:16px; color:#333; margin-top:10px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}



.video_list a .tit:hover{color:#d83143;}



.video_list a:hover .pic i{ bottom:0px;transition: all 0.3s ease-in-out 0.01s;



    -webkit-transition: all 0.3s ease-in-out 0.01s;}















.conright .adress li{ overflow:hidden; color:#666; margin-bottom:5px;}



.conright .adress li span{ float:left;}



.conright .adress li p{ float:left;}



.conright .map{ border:solid 5px #ccc; margin-top:25px;}



.conright .map img{ display:block; margin:0px;}







.web_map{ padding-top:20px;}



.web_map li{ overflow:hidden; margin-bottom:20px;}



.web_map li .a1{ float:left; width:100px; height:35px; background:#333; line-height:35px; color:#fff; text-align:center; font-size:16px; margin-right:25px;}



.web_map li .a1:hover{ background:#d83143;}



.web_map li .right{ float:left; overflow:hidden; width:1075px;}



.web_map li .right a{ float:left; margin-right:35px; line-height:35px; height:35px;}



.web_map li .right a:hover{ color:#d83143;}







.errorcon{ background:url(../images/pictures/pic16.png) no-repeat; height:722px; margin-top:145px;}



.errorcon .box{ position:absolute; top:345px; left:485px;}



.errorcon .box p{ color:#ccc; line-height:28px;}



.errorcon .box .p1{ color:#999;line-height:28px;}



.errorcon .box a{ color:#999; display:block;line-height:28px;}



.errorcon .box a:hover{ color:#fff;}







.relieffloat{ display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:999; background:url(../images/darkbg70.png) repeat;}



.relieffloat .box{ position:absolute; left:50%; width:1000px; margin-left:-500px; top:100px; background:#fff;}



.relieffloat .box .tit{ height:60px; line-height:60px; color:#fff; font-size:24px; background:#000; padding:0 40px;}



.relieffloat .box .tit .off{ position:absolute; right:15px; top:12px;}



.relieffloat .box .con{ padding:35px; color:#d83143; font-size:16px;}







.comnav dl dd.dd1{ width:300px; margin-left:-80px;}



.comnav dl dd.dd1 menu{ width:300px; background:#000;  overflow:hidden;}



.comnav dl dd.dd1 menu a{ float:left;padding-left:32px; width:118px; }















.picScroll-left{ width:730px; margin:0 auto;}



.picScroll-left .bd{ margin:0 auto; width:575px;}



.picScroll-left .bd li{ width:575px;}



.picScroll-left .bd li img{width:100%;}



.picScroll-left .prev{ background:url(../images/icons/arrow01.png) no-repeat; width:50px; height:85px; display:block; position:absolute; top:50%; margin-top:-25px; left:0px;}



.picScroll-left .next{ background:url(../images/icons/arrow02.png) no-repeat; width:50px; height:85px; display:block; position:absolute; top:50%; margin-top:-25px; right:0px;}



.picScroll-left .prev:hover{background:url(../images/icons/arrow03.png) no-repeat;}



.picScroll-left .next:hover{background:url(../images/icons/arrow04.png) no-repeat;}