@charset "utf-8";
/* CSS Document */
body{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; background-color:#FFFFFF; margin:0px; padding:0px; text-align:center;}
img, a img, p{ padding:0px; margin:0px; border:none; outline:none;}
a:link { color: #333333; text-decoration: none; }
a:visited { text-decoration: none; color: #333333; }
a:hover { text-decoration: underline; color: #b90000; }
a:active { text-decoration: none; color: #333333; }
ul, ul li, dl, dt, dd{ padding:0px; margin:0px; list-style:none;}
.clear_b{ clear:both; height:1px; overflow:hidden;}

.f1, .f1 a:link, .f1 a:visited{ color:#b90000;}
.d9gnone{display:none;}
.wapper{ width:1200px; margin:0px auto; overflow:hidden;text-align:left;}
.fl{ float:left; display:inline;}
.fr{ float:right; display:inline;}
.header{ background-color:#b90000; height:24px;}
.headerleft{ font-size: 14px; color: #FFFFFF; background: url(../images/ico0.gif) no-repeat left center; padding-left:30px; line-height:24px;}
.headerright img{ padding:2px 2px 0px 2px;}
.headerright img:hover{filter:alpha(opacity=60);  -moz-opacity:0.6;  -khtml-opacity: 0.6;  opacity: 0.6;  }

.top{ width:1200px; margin:0px auto; text-align:left; position:relative; height:94px; z-index:1000;}
.logo{ position:absolute; top:15px; left:0px;}
.navlist{position:absolute; top:0px; left:260px;}
.navlist li{ float:left; display:inline; padding-left:10px; position:relative; z-index:1010;}
.navlist li a{ padding: 0px 25px; line-height: 94px; height: 94px; overflow: hidden; font-size: 16px; display:inline-block; text-transform:uppercase; }
.navlist li a:hover, .navlist li.on a, .navlist li.select a{ background-color:#b90000; color:#FFFFFF; text-decoration:none;}
.navlist li .xiala{ position:absolute; width:250px;z-index:1011;background-color:#b90000; top:94px; display:none;}
.navlist li .xiala a{ display:block; line-height:38px; height:38px; overflow:hidden; color:#FFFFFF;}
.navlist li .xiala a:hover{background-color:#f7f7f7; color:#333333;}
.ewm{ display:none;position:absolute; top:8px; right:0px;}

#indexbanner{height:500px; overflow:hidden;}
.slideBox{width:100%; height:500px; overflow:hidden; position:relative; margin:0px auto; z-index:10;}
.slideBox ul { padding:0px; margin:0px; list-style:none; width:100%; height:500px; overflow:hidden; }
.slideBox ul li{padding:0px; margin:0px; list-style:none; float:left; width:100%; height:500px; overflow:hidden;}
.slideBox ul li a{ display:block;width:100%; height:500px; overflow:hidden; background-position:center top; background-repeat:no-repeat;background-color:#FFFFFF}
.slideBox .hd{ height:5px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:20;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:30px; height:5px;text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00;}
.slideBox .prev,
.slideBox .next{ position:absolute; left:2%; top:180px; display:block;width:80px; height:137px; background:url(../images/left.png) no-repeat center top;filter:alpha(opacity=50);opacity:0.5; }
.slideBox .next{ left:auto; right:2%; background:url(../images/lr.png) no-repeat center top;}
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }


.indextitle{ padding:70px 0px 50px 0px; margin:0px; text-align:center;}
.indexabout{width:1050px; margin:0px auto; overflow:hidden;text-align:left;}
.indexaboutleft{ width:470px; font-size:14px; line-height:1.8; padding-top:15px;}
.indexaboutleft img{-webkit-box-shadow:0px 4px 10px 2px #b7b7b7; -moz-box-shadow:0px 4px 10px 2px #b7b7b7;  box-shadow:0px 4px 10px 2px #b7b7b7;}
.indexaboutright{ width:543px; height:355px; background: url(../images/bfbg.gif) no-repeat center top; position:relative; z-index:1}
.img2{ position:absolute; left:14px; top:14px; z-index:2}
.img3{ position:absolute; left:14px; top:14px; z-index:3}

/*首页产品*/
.picScroll{width:1200px; margin:0px auto; text-align:left;}
.picScroll .bd {position: relative; }
.picScroll .prev, .picScroll .next { position: absolute; top:-30px; right:60px; display: block; width: 26px; height:27px; background: url(../images/ico.png) 0px 0px; z-index: 9; overflow: hidden; }
.picScroll .next {right:26px; background-position:0px -33px; }
.picScroll .prev:hover { background-position:-74px 0px; }
.picScroll .next:hover { background-position:-74px -33px; }
.picScroll .prevStop { background-position:-33px 0px !important; }
.picScroll .nextStop { background-position:-33px -33px !important; }
.picScroll .scrollWrap {overflow:hidden; position:relative; width:1185px;}
.picScroll ul { overflow: hidden; zoom: 1; }
.picScroll li { width:212px; float: left; display: inline; padding-left:25px;}
.picScroll li u{border:#FFFFFF 1px solid; border-bottom:none; display:block; width:210px; height:171px; overflow:hidden;}
.movielist_tt{ height:36px; line-height:36px; overflow:hidden; text-align:center; font-size:18px; color:#FFFFFF; background-color:#064f75;}
.movielist_tt a{color:#FFFFFF;}
.picScroll li:hover u{border:#b90000 1px solid; border-bottom:none;}
.picScroll li:hover .movielist_tt{ background-color:#b90000;}


.indexnewsbg{ width:940px; margin:0px auto; background: url(../images/index_80.jpg) no-repeat left 30px; min-height:640px; height:auto !important; height:640px; text-align:left;}
.indexnewslist li{ float:left; padding:0px 0px 40px 60px; overflow:hidden; width:390px;}
.left1{ width:50px; float:left;background: url(../images/index_87.png) no-repeat left top; height:108px; color:#FFFFFF;}
.left1 b{ display:block; text-align:center; font-size:18px; line-height:58px;}
.left1 span{ display:block; text-align:center; font-size:36px; padding-top:8px;}
.right1{ width:320px; float:right; color:#666666;}
.right1 b{ font-size:16px; /*font-weight:normal;*/ display:block; padding-bottom:5px;}
.right1 p{ line-height:20px; height:60px; overflow:hidden;}

.serlist{ text-align:center; padding:30px 0px 40px 0px; overflow:hidden;}
.serlist li{width:400px; text-align:center; float:left;}
.serlist li img:hover{ padding-left:10px;}

.footer{ background-color:#b90000; padding:15px 0px; color:#FFFFFF;}
.footer a{color:#FFFFFF;padding:0px 2px;}
.links{display:none;background: url(../images/links.gif) no-repeat left 7px; padding-left:15px; font-size:14px;}
.links a{ padding:0px 8px;}
.footer .fl{ line-height:24px; width:830px;}
.footer .fr{ font-size:22px; line-height:40px;}
.footer .fr u{background: url(../images/index_102.gif) no-repeat left center; padding-left:60px; display:block; text-decoration:none;}
.footer .fr b{background: url(../images/index_109.gif) no-repeat left center; padding-left:60px; display:block; font-weight:normal;}

/*内页*/
.localtion{border-top:#b90000 2px solid;}
.weizhi{width:1200px; margin:0px auto; text-align:left; line-height:40px; height:40px; overflow:hidden; font-size:14px; color:#b90000}
.weizhi a{ color:#666}
.weizhi a:hover{ color:#b90000}
.aboutcontent{width:1200px; margin:0px auto; text-align:left; overflow:hidden; padding-bottom:50px;}
.aboutleft{ width:270px;}
.lefttitle{font-size: 22px; padding:0px; margin:0px; line-height:60px; height:60px; overflow:hidden;}
.aboutlist li{height:40px; line-height:40px;border-bottom: 1px solid #D5D5D5;border-top: 1px solid white;overflow:hidden; background-color:#F4F5F7;}
.aboutlist li a{ display:block; padding-left:15px; font-size:16px;  text-transform: capitalize;}
.aboutlist li a:hover, .aboutlist li.on a{background-color:#b90000; color:#FFFFFF; text-decoration:none;}

.aboutright{ width:870px; min-height:450px; height:auto !important; height:450px;}
.newslistzh{ overflow:hidden; font-size:14px; color:#999999;}
.newslistzh li{border-bottom: 1px dashed #DFDFDF;line-height:40px;overflow: hidden;}
.newslistzh li a{display: block;overflow: hidden;background:url(../images/xx.gif) no-repeat 5px -25px; padding:0px 0px 0px 20px;text-overflow: ellipsis;white-space: nowrap; width:710px; float:left;}
.newslistzh li i{ float:right; font-style:normal;}
.pager{ font-size:14px; text-align:right;padding-top:30px;}
.pager a{ border:#a0a0a0 1px solid; padding:3px 6px; margin:0px 3px;}
.pager a:hover{border:#b90000 1px solid; background-color:#b90000; color:#FFFFFF; text-decoration:none;}
.pager .current a{ border:#b90000 1px solid; background-color:#b90000; color:#FFFFFF;}
.newstitle{font-size: 22px; padding:20px 0px; margin:0px; overflow:hidden;}
.newstext{ font-size:16px; line-height:1.8; color:#666666; padding-bottom:30px;}
.newstext img{max-width:870px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<870?"870px":"");overflow:hidden;}
.pl-nav-box p{ padding:0px; margin:0px; font-size:14px; color:#666666; line-height:25px;}
.pl-nav-box .black{ font-weight:bold; color:#333333;}
.pl-nav-box a{color:#b90000;}

.abouttext{ font-size:16px; line-height:1.8;}
.abouttext a, .newstext a{ color:#005BB0; text-decoration:underline;}

.desbiaoge{ font-size:13px;}
.desbiaoge th{color: #666666; font-weight:normal; text-align:left; width:140px;}

.prolist dt{height:40px; line-height:40px;border-bottom: 1px solid #D5D5D5;border-top: 1px solid white;overflow:hidden; background-color:#F4F5F7;}
.prolist dt a{ display:block; padding-left:15px; font-size:16px;  text-transform: capitalize;}
.prolist dt a:hover, .prolist dt.on a, .prolist dd a:hover{background-color:#b90000; color:#FFFFFF; text-decoration:none;}
.prolist dd{border-bottom: 1px solid #D5D5D5;border-top:none;background-color:#F4F5F7;}
.prolist dd a{ display:block; padding-left:30px; font-size:16px;  text-transform: capitalize; line-height:36px; height:36px; overflow:hidden;}
.prolist dd a.on{color:#b90000;background-color:#F4F5F7;}
.prolist dd a.on:hover{ text-decoration:underline;}

.productlist{ width:897px; overflow:hidden;color: #666666;}
.productlist li{ float:left; width:272px; padding:0px 27px 2px 0px; font-size: 13px;}
.productlist li u{ display:block; width:270px; height:220px; border:#DDDDDD 1px solid;}
.productlist li b{ display:block; line-height:16px; height:32px; overflow:hidden; font-weight:normal; margin:5px 0px;}
.productlist li i{ display:block; font-style:normal;color: #999999;line-height:16px; height:16px;}
.productlist li p{line-height:16px; height:48px;}
.productlist li:hover u{border:#b90000 1px solid;}

.producttop{ padding-bottom:30px; /*overflow:hidden;*/}
.proimg{ width:270px; overflow:hidden;}
.prorighttext{ width:480px;font-size:13px; line-height:22px;overflow:hidden;}
.prodestitle{border-bottom: 2px solid #999999; height:30px;  font-size:20px; padding:0px; margin:0px 0px 30px 0px;}

.relprolist { overflow: hidden; width:882px;}
.relprolist li { width:122px; float: left; display: inline; padding:0px 25px 15px 0px;}
.relprolist li u{border:#EEEEEE 1px solid; border-bottom:none; display:block; width:120px; height:98px; overflow:hidden;}
.relprolist li .movielist_tt{ height:36px; line-height:36px; overflow:hidden; text-align:center; font-size:12px; color:#FFFFFF; background-color:#EEEEEE;}
.relprolist li .movielist_tt a{color:#000000;}
.relprolist li:hover u{border:#b90000 1px solid; border-bottom:none;}
.relprolist li:hover .movielist_tt{ background-color:#b90000;}
.relprolist li:hover .movielist_tt a{ color:#FFFFFF;}

/*弹出*/
.zctcbg{ width:100%; height:100%; background-color:#000000;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5; position:fixed; z-index:1000; left:0px; top:0px;display:none}
.zctccontent{ width:600px; height:400px;position:fixed; z-index:1010; left:0px; top:0px;display:none}
.close{ color:#FFFFFF; padding:3px 5px; background-color:#b90000; cursor:pointer;}


/*p#back-to-top{position:fixed;  display:none;  bottom:70px; right:50px; width:60px; height:60px; z-index:10000;} 
p#back-to-top a{display:block;width:60px; height:60px;background:#eaeaea url(../images/top.gif) no-repeat -51px 0; text-indent:-999em;}
p#back-to-top a:hover{background-position:-113px 0}
*/
/*feedback*/
.feedbackbt{ overflow:hidden;font-size: 13px; line-height: 34px; height:34px; margin-bottom:20px;}
.feedbackbt i{ font-style:normal;}

.feedbacklist li{ overflow:hidden; font-size:13px; padding:3px 0px;}
.feedbacklist li b{ float:left; width:120px; text-align:right;padding:5px 0px;}
.feedbacklist li div{ float:left; padding-left:10px;}
.feedbacklist li div input{ border:#CCC 1px solid; padding:5px; font-family:Arial, Helvetica, sans-serif}
 .feedbacklist li div textarea{ border:#CCC 1px solid; padding:5px; font-family:Arial, Helvetica, sans-serif}
.red{ color:#F00;}
.btn{ margin:10px 0px; width: 130px;line-height: 32px;color: #FFF;text-align: center;border-radius: 2px;font-size: 16px;cursor: pointer;outline: none;border: none;
background-color: #b90000;
background: -webkit-linear-gradient(#f46767, #b90000);
background: -o-linear-gradient(#f46767, #b90000);
background: -moz-linear-gradient(#f46767, #b90000);
background: linear-gradient(#f46767, #b90000);
}

/*==========以下部分是Validform必须的===========*/
.Validform_checktip { margin-left:8px;/* line-height:20px; height:20px;*/ overflow:hidden; color:#999; font-size:12px; }
.Validform_right { color:#71b83d; padding-left:20px; background:url(../images/right.png) no-repeat left center; }
.Validform_wrong { color:red; padding-left:20px; /*white-space:nowrap;*/ background:url(../images/error.png) no-repeat left center; }
.Validform_loading { padding-left:20px; background:url(../images/onLoad.gif) no-repeat left center; }
.Validform_error { background-color:#ffe7e7; }
#Validform_msg { color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');
}
#Validform_msg .iframe { position:absolute; left:0px; top:-1px; z-index:-1; }
#Validform_msg .Validform_title { line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#FF5C03; }
#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited { line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none; }
#Validform_msg a.Validform_close:hover { color:#000000; }
#Validform_msg .Validform_info { padding:8px; border:1px solid #FF5C03; border-top:none; text-align:left; color:#000000;}

/*产品放大镜*/
.protop_l{ width:352px; float:left; display:inline-block; margin-top:8px;}
.ZoomMain {width:352px;height:370px;position:relative;} 
.ZoomMain ul, .ZoomMain li{ padding:0px; margin:0px; list-style:none;}
.ZoomMain .zoom {height:285px;width:350px;position:relative;border:1px solid #D8D8D8; text-align:center;} 
.ZoomMain .zoom img{max-width:350px;max-height:285px;width: expression(this.width > 350 && this.width > this.height ? 350 :true); height:expression(this.height >285 ? 285: true);vertical-align:middle; overflow:hidden;}
.ZoomMain .zoom .move{position:absolute;left:0; top:0;display:none;width:195px; height:195px;background:#DEBE92;opacity:0.2;filter:Alpha(Opacity=20);} 
.ZoomMain .zoomDetail{display:none;border:1px solid #D8D8D8;width:350px; height:285px; position:absolute;left:352px; top:0px; overflow:hidden;} 

.desScroll{width:352px; margin-top:15px;}
.desScroll .bd {position: relative; }
.desScroll .prev, .desScroll .next { position: absolute; top:20px; left:-28px; display: block; width: 26px; height:27px; background: url(../images/ico.png) 0px 0px; z-index: 9; overflow: hidden; }
.desScroll .next {left:354px; background-position:0px -33px; }
.desScroll .prev:hover { background-position:-74px 0px; }
.desScroll .next:hover { background-position:-74px -33px; }
.desScroll .prevStop { background-position:-33px 0px !important; }
.desScroll .nextStop { background-position:-33px -33px !important; }
.desScroll .scrollWrap {overflow:hidden; position:relative; width:352px;}
.desScroll ul { overflow: hidden; zoom: 1; }
.desScroll li { width:76px; height:62px; float: left; display: inline; padding:0px 6px;}
.desScroll li .Selector{border:#CCCCCC 1px solid; display:block; width:74px; height:60px; overflow:hidden;}
.desScroll li .Active{ border-color:#b90000;}


/*********************放大镜配置文件*******************************************************************************************/
.MagicZoom, .MagicZoom * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
/* Style of the small image link */
.MagicZoom, .MagicZoom:hover { display: inline-block; outline: 0 !important; font-size: 0 !important; line-height: 100% !important; direction: ltr; max-width: 100%; }
/* Style of the main image */
.MagicZoom img { border: 0 !important; margin: 0 !important; outline: 0 !important; padding: 0 !important; height: auto; }
.MagicZoom > img { width: 100%; }
.MagicZoom.magic-for-ie8, .MagicZoom.magic-for-ie8 > img { max-width: none !important; }
.MagicZoom.magic-for-ie7 > img, .MagicZoom.magic-for-ie5 img { width: auto; }
td > .MagicZoom > img, td > .MagicZoom.magic-for-ie8 > img { max-width: none; width: auto; }
/* Style of the hint text and image */
.MagicZoomHint { background: url(../images/hint.html) no-repeat 2px 50%; color: #444; font-size: 8pt; font-family: sans-serif; line-height: 24px; margin: 0; min-height: 24px; padding: 2px 2px 2px 20px !important; text-align: left; text-decoration: none; }
/* Style of loading message and icon shown during load */
.MagicZoomLoading { background: #fff url(../images/loader.html) no-repeat 2px 50%; border: 1px solid #ccc; color: #444; font-family: sans-serif; font-size: 8pt; line-height: 1.5em; margin: 0; padding: 4px 4px 4px 24px !important; text-align: left; text-decoration: none; }
/* Style to hide external title on a page. Only needed for #id method */
.MagicZoomExternalTitle { display: none; }
.magic-temporary-img img { max-height: none !important; max-width: none !important; }
/* Style of the zoomed image */
.MagicZoomBigImageCont { background: #ffffff; border: 1px solid #D8D8D8; -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; top:258px; margin-top:-1px;}
.MagicZoomBigImageCont.inner-zoom { border: 0; display: none; }
.MagicZoomBigImageCont img { max-width: none !important; max-height: none !important; height: auto !important; width: auto !important; }
/* Style of text on the zoomed image */
.MagicZoomHeader { background: #666; color: #fff; font-size: 10pt !important; line-height: normal !important; text-align: center !important; }
/* Style of square magnify area under the cursor */
.MagicZoomPup { background: #dadad1; border: 3px solid #aaa; cursor: move; }
/* Style of loading message and icon shown during load */
.MagicZoomLoading { background: #fff url(../images/loader.html) no-repeat 2px 50%; border: 1px solid #ccc; color: #444; font-family: sans-serif; font-size: 8pt; line-height: 1.5em; margin: 0; padding: 4px 4px 4px 24px !important; text-align: left; text-decoration: none; }
/* Style of shadow effect behind zoomed image */
.MagicBoxShadow { -moz-box-shadow: 3px 3px 4px #888888; -webkit-box-shadow: 3px 3px 4px #888888; box-shadow: 3px 3px 4px #888888; border-collapse: separate; /* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888') !important;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')" !important; }
/* Style of glow effect behind zoomed image */
.MagicBoxGlow { -moz-box-shadow: 0px 0px 4px 4px #888888; -webkit-box-shadow: 0px 0px 4px 4px #888888; box-shadow: 0px 0px 4px 4px #888888; border-collapse: separate; /* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888') !important;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888')" !important; }

#online{ position:fixed; right:0; top:200px; z-index:999999; width:150px;}
.onlinetop{ font-size:18px; text-align:center; background-color:#b90000; line-height:40px; height:40px; color:#FFFFFF;}
.ontel{ border-bottom:#FFFFFF 2px solid; background-color:#dedede; color:#b90000; line-height:22px; font-size:18px; padding:10px 0px 10px 12px; text-align:left}
.onlist{display:none;border-bottom:#FFFFFF 2px solid; background-color:#dedede; padding:15px 0;}
#back-to-top{ cursor:pointer;}