﻿/* CSS Document */

*{ margin: 0;padding: 0; border:none;}
/**{font-family: "WenQuanYi Micro Hei Mono", "WenQuanYi Micro Hei", "微软雅黑","Microsoft Yahei Mono", "Microsoft Yahei", sans-serif !important;}*/
body {-webkit-text-size-adjust:none; background-color:#f7f8fa; font-size:13px;font-family: "WenQuanYi Micro Hei Mono", "WenQuanYi Micro Hei", "微软雅黑","Microsoft Yahei Mono", "Microsoft Yahei", sans-serif !important;}
a{ text-decoration:none;}
ul {list-style: none;}
li{ list-style-type:none;}
.clear{ clear:both;}


.Head{ width:100%; height:30px; border-bottom:1px solid #eeeded; overflow:hidden; position:relative !important;}
.Head .Header{ width:1200px; height:30px; margin:0px auto; /*border:1px solid #999;*/}
.Head .Header .Header-left{ width:400px; height:30px; float:left; /*border:1px solid #0FF;*/}
.Head .Header .Header-left p{ color:#232323; line-height:30px; letter-spacing:2px; font-size:14px; float:left;}
.Head .Header .Header-right{ width:150px; height:30px; float:right;}
.Head .Header .Header-right ul{}
.Head .Header .Header-right ul li{ width:70px; height:30px; float:left; /*border:1px solid #00C;*/ text-align:center; line-height:30px;}
.Head .Header .Header-right ul p{ float:left; margin-top:4px;}
.Head .Header .Header-right ul li a{ color:#232323;}

.Logo{ width:100%; height:80px; overflow:hidden; position:relative !important;}
.Logo .Logoer{ width:1200px; height:80px; margin:0px auto; /*border:1px solid #06F;*/}
.Logo .Logoer .Logoer-left{ background:url(../images/logo.png) no-repeat; width:385px; height:65px; margin-top:8px; float:left;}
.Logo .Logoer .Logoer-right{ background:url(../images/tel.png) no-repeat; width:234px; height:20px; float:right; margin-top:30px;}

.Nav{ width:100%; height:40px; overflow:hidden; position:relative !important; background:#00408d;}
.Nav .Naver{ width:950px; height:auto; margin:0px auto; /*border:1px solid #0FF;*/}
.Nav .Naver ul{}
.Nav .Naver ul li{ width:130px; height:40px; text-align:center; float:left; line-height:40px; border-left:1px solid #00326f; font-size:14px;}
.Nav .Naver ul li:first-child{ border-left:none;}
.Nav .Naver ul li a{ color:#fff;}
.Nav .Naver ul li a:hover{ display:block; background:#00326f;}
 
 
 #box_ban{width:100%; height:500px;  margin:0 auto; /*z-index:-9999;*/ margin-top:3px;}
.columnSpace{padding:0 0 3px;}
.FrontPublic_slideShow01-d3_c1 div .wrapper{height:500px;overflow:hidden;position:relative;}
.FrontPublic_slideShow01-d3_c1 .fn-clear{zoom:1;left:50%;width:1920px;height:500px;overflow:hidden;margin-left:-960px;position:absolute;}
.FrontPublic_slideShow01-d3_c1 .box_skitter ul{display:none;width:999999px;height:500px;position:relative;}
.FrontPublic_slideShow01-d3_c1 .box_skitter ul li{width:1920px;height:500px;text-align:center;font-size:0;float:left;display:inline;}
.FrontPublic_slideShow01-d3_c1 .box_skitter .container_skitter{overflow:hidden;position:relative;}
.FrontPublic_slideShow01-d3_c1 .box_skitter .image{overflow:hidden;position:relative;}
.FrontPublic_slideShow01-d3_c1 .box_skitter .image img{display:none;}
.FrontPublic_slideShow01-d3_c1 .box_skitter .box_clone{position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20;}
.FrontPublic_slideShow01-d3_c1 .box_skitter .box_clone img{position:absolute;top:0;left:0;z-index:20;}
.FrontPublic_slideShow01-d3_c1 .box_skitter .prev_button{position:absolute;top:50%;left:20%;width:57px;height:62px;margin-top:-31px;overflow:hidden;background:url(../images/prev.png) no-repeat left top!important;z-index:999;text-indent:-9999em;}
.FrontPublic_slideShow01-d3_c1 .box_skitter .next_button{position:absolute;top:50%;right:20%;width:57px;height:62px;margin-top:-31px;overflow:hidden;z-index:999;text-indent:-9999em;background:url(../images/next.png) no-repeat left top!important;}
.FrontPublic_slideShow01-d3_c1 .box_skitter .label_skitter{z-index:150;position:absolute;display:none;}.FrontPublic_slideShow01-d3_c1 .loading{position:absolute;top:50%;right:50%;z-index:10000;margin:-16px -16px;color:#fff;text-indent:-9999em;overflow:hidden;background:url(../images/ajax-loader.gif) no-repeat left top;width:31px;height:31px;}
.FrontPublic_slideShow01-d3_c1 #slideshow ul{display:none}.FrontAdv_picture01-d1_c1{width:100%;overflow:hidden;color:#000;clear:both;text-align:left;}


.Main{ width:100%; height:auto; overflow:hidden; position:relative !important;}
.Index-about{ width:1060px; height:auto; margin:0px auto; /*border:1px solid #0CF;*/ margin-top:10px; }
.Index-about .Index-about-left{ width:384px; height:400px; overflow:hidden; background:url(../images/factory.jpg) no-repeat; float:left; margin-top:40px; z-index:-999; position:relative !important;}

.Index-about .Index-about-right{ width:650px; height:auto; overflow:hidden; float:right;}
.Index-about .Index-about-right .Index-about-right-right{ width:81px; height:80px; background:url(../images/left-border.png) no-repeat; float:right; z-index:-999;}
.Index-about .Index-about-right .Index-about-right-top{ width:620px; height:45px; border-bottom:1px solid #000000; margin-top:60px;}
.Index-about .Index-about-right .Index-about-right-top font{ color:#00326f; font-size:16px; font-weight:bold; letter-spacing:2px;}
.Index-about .Index-about-right .Index-about-right-top p{ color:#999999; letter-spacing:2px;}
.Index-about .Index-about-right .Index-about-right-content{ width:620px; height:auto; overflow:hidden; /*border:1px solid #09C; */margin-top:10px;}
.Index-about .Index-about-right .Index-about-right-content p{ line-height:25px; text-indent:2em;}
.Index-about .Index-about-right .Index-about-right-foot{ width:620px; height:140px; overflow:hidden; margin-top:10px;}
.Index-about .Index-about-right .Index-about-right-foot ul{}
.Index-about .Index-about-right .Index-about-right-foot ul li{ float:left; width:195px; height:140px; margin-left:10px; background:#1550ac; line-height:140px; text-align:center; font-size:18px; letter-spacing:2px;}
.Index-about .Index-about-right .Index-about-right-foot ul a li{ color:#fff; cursor:pointer;}

.Index-about-more{ width:1060px; height:30px; margin:0px auto; /*margin-bottom:20px;border:1px solid #30F;*/}
.Index-about-more .Index-about-more-link{ width:108px; height:120px; background:url(../images/More.jpg) no-repeat; margin-top:-100px; z-index:999; margin-left:130px; cursor:pointer;}


.Index-pro{ width:100%; height:540px; overflow:hidden; position:relative !important;background:url(../images/pro-bg.jpg) no-repeat center; margin-top:40px; /*border:1px solid #39F;*/}
.Index-pro .Index-pro-top{ width:672px; height:100px; margin:0px auto; background:url(../images/Index-pro.png) no-repeat; margin-top:10px;}
.Index-pro .Index-pro-options{ width:1000px; height:60px; background:#fff; margin:0px auto; margin-top:20px;}
.Index-pro .Index-pro-options ul{}
.Index-pro .Index-pro-options ul li{ width:140px; height:60px; text-align:center; float:left; line-height:60px; font-size:14px;}
.Index-pro .Index-pro-options ul a li{ color:#000;}
.Index-pro .Index-pro-options ul a li:hover{ display:block; background:#00326f; color:#fff;}
.Index-pro .Index-pro-options ul .qita{ display:block; background:#00326f; color:#fff;}
.Index-pro .Index-pro-pic{ width:1200px; height:320px; /*border:1px solid #993;*/ margin:0px auto; margin-top:20px;}
.Index-pro .Index-pro-pic ul{}
.Index-pro .Index-pro-pic ul li{ width:280px; height:320px; float:left; margin-left:20px;}
.Index-pro .Index-pro-pic ul li img{ width:280px; height:260px;}
.Index-pro .Index-pro-pic ul li p{ width:280px; height:35px; background:#fff; /*margin-top:1px;*/ line-height:35px; text-align:center;}
.Index-pro .Index-pro-pic ul li a p{ color:#000;}

.Index-news{ width:100%; height:500px; overflow:hidden; position:relative !important;}
.Index-news .Index-news-top{ width:672px; height:104px; margin:0px auto; background:url(../images/Index-news.png) no-repeat; margin-top:10px;}
.Index-news .Index-news-content{ width:880px; height:360px; /*border:1px solid #0FF;*/ margin:0px auto; margin-top:20px;}
.Index-news .Index-news-content .Index-news-content-left{ width:320px; height:360px; float:left; /*border:1px solid #0CC;*/}
.Index-news .Index-news-content .Index-news-content-left .Index-news-content-left-top{ width:81px; height:80px; background:url(../images/left-border.png) no-repeat; float:right; z-index:-999; position:relative;}
.Index-news .Index-news-content .Index-news-content-left .Index-news-content-left-content{ width:260px; height:320px; /*border:1px solid #960;*/ margin-left:25px; z-index:999; position:relative; margin-top:16px;}
.Index-news .Index-news-content .Index-news-content-left .Index-news-content-left-foot{ width:81px; height:80px; background:url(../images/zuoxiajiao-border.png) no-repeat; z-index:-9999; position:relative; margin-top:-60px;}
.Index-news .Index-news-content .Index-news-content-right{ width:500px; height:360px; float:right; /*border:1px solid #C36;*/}
.Index-news .Index-news-content .Index-news-content-right ul{}
.Index-news .Index-news-content .Index-news-content-right ul li{ width:100%; height:35px; border-bottom:1px dashed #000;}
.Index-news .Index-news-content .Index-news-content-right ul li img{ float:left; margin-left:4px; margin-top:8px;}
.Index-news .Index-news-content .Index-news-content-right ul li font{ float:left; margin-left:4px; line-height:35px;} 
.Index-news .Index-news-content .Index-news-content-right ul li p{ float:right; margin-right:4px; line-height:35px;}
.Index-news .Index-news-content .Index-news-content-right ul li a{ color:#000;}

.Index-content{ width:100%; height:500px; overflow:hidden; position:relative !important; background:url(../images/pro-bg.jpg) no-repeat center; margin-top:10px;}
.Index-content .Index-content-top{ width:678px; height:100px; background:url(../images/Index-content.png) no-repeat;  margin:0px auto; margin-top:10px;}
.Index-content .Index-content-content{ width:1100px; height:250px; margin:0px auto; /*border:1px solid #933;*/ margin-top:20px;}
.Index-content .Index-content-content ul{}
.Index-content .Index-content-content ul li{ width:200px; height:250px; float:left; margin-left:45px; margin-right:25px; /*border:1px solid #000;*/}
.Index-content .Index-content-content ul li img{ width:180px; height:207px; margin-left:10px;}
.Index-content .Index-content-content ul li p{ text-align:center; color:#fff;}
.Index-content .Index-content-foot{ width:1000px; height:40px; margin:0px auto; /*border:1px solid #0C6;*/ margin-top:50px; text-align:center; color:#fff;}

.Index-classification{ width:100%; height:280px; overflow:hidden; position:relative !important;}
.Index-classification .Index-classification-middle{ width:1280px; height:280px; margin:0px auto; /*border:1px solid #00C;*/ margin-top:20px;}
.Index-classification .Index-classification-middle ul{}
.Index-classification .Index-classification-middle ul li{ width:171px; height:auto; float:left; margin-left:10px;}
.Index-classification .Index-classification-middle ul li .Index-classification-middle-top{ width:100%; height:30px; border-bottom:1px dotted #000; line-height:30px; font-size:20px; font-family:"黑体"; font-weight:bold;}

.Index-classification .Index-classification-middle ul li .Index-classification-middle-top img{ margin:0px 4px;}
.Index-classification .Index-classification-middle ul li dl{ margin-top:10px;}
.Index-classification .Index-classification-middle ul li dl dt{ width:100%; height:30px; line-height:30px;}
.Index-classification .Index-classification-middle ul li dl dt img{ margin-top:8px; float:left;}
.Index-classification .Index-classification-middle ul li dl dt font{ margin-left:4px; float:left;}
.Index-classification .Index-classification-middle ul li dl dt font a{ color:#000;}
.Index-classification .Index-classification-middle ul li dl dt font a:hover{ color:#00326f;}

.Foot{ width:100%; height:40px; overflow:hidden; position:relative !important; background:#00408d; margin-top:10px;}
.Foot .Footer{ width:1200px; height:40px; margin:0px auto; /*border:1px solid #9F3;*/}
.Foot .Footer .Footer-left{ width:820px; height:40px; float:left;}
.Foot .Footer .Footer-left a{ color:#fff;}
.Foot .Footer .Footer-left p{ color:#fff; line-height:40px;}
.Foot .Footer .Footer-right{ width:220px; height:40px; float:right; line-height:40px;}
.Foot .Footer .Footer-right p{ color:#fff;}

.Inside{ width:1060px; height:auto; margin:0px auto; /*border:1px solid #9F0;*/ margin:10px auto;}
.Left{ width:280px; height:auto; /*border:1px solid #ebebeb;*/ float:left;}
.Left .Left-top{ width:100%; height:60px; background:#00408d;}
.Left .Left-top p{ text-align:center; line-height:60px; color:#fff; font-size:24px; font-weight:bold;}
.Left .Left-content{ width:278px; height:auto; border:1px solid #ebebeb;}
.Left .Left-content ul{}
.Left .Left-content ul li{ width:100%; height:auto; overflow:hidden;}
.Left .Left-content ul li .Left-content-top{ width:278px; height:40px; background:#ebebeb; border-bottom:1px solid #CCC; line-height:40px; padding-left:6px;}
.Left .Left-content ul li .Left-content-top a{ color:#00408d; font-size:16px;}
.Left .Left-content ul li dl{}
.Left .Left-content ul li dl dt{ width:278px; height:35px; border-bottom:1px dotted #ccc; line-height:35px;}
/*.Left .Left-content ul li dl dt img{ margin:13px 6px 0px 8px; float:left;}*/
.Left .Left-content ul li dl dt p{ width:13px; height:13px; background:url(../images/sanjiaqi.png) no-repeat; float:left; margin:13px 6px 0px 8px;}
.Left .Left-content ul li dl dt a{ color:#000;}
.Left .Left-content ul li dl dt:hover a{ display:block; width:278px; height:35px; background:#00408d; color:#fff; cursor:pointer;}
}
.Left .Left-content ul li dl dt:hover a p{ width:13px; height:13px; background:url(../images/sanjiaqi1.png) no-repeat;}

.Right{ width:760px; height:auto; border:1px solid #ebebeb; float:right;}
.Right .Right-top{ width:100%; height:40px; border-bottom:1px dotted #ebebeb;}
.Right .Right-top p{ line-height:40px; margin-left:10px;}
.Right .Right-top p a{ color:#00408d;}
.Right .Right-content{ width:100%; height:auto; overflow:hidden; margin:10px auto;}
.Right .Right-news{ width:100%; height:auto; overflow:hidden;}
.Right .Right-news ul{}
.Right .Right-news ul li{ width:100%; height:40px; border-bottom:1px dotted #ebebeb; line-height:40px;}
.Right .Right-news ul li img{ float:left; margin:12px 4px 0px 4px;}
.Right .Right-news ul li font{ float:left;}
.Right .Right-news ul li font a{ color:#000;}
.Right .Right-news ul li font a:hover{ color:#00408d;}
.Right .Right-news ul li p{ float:right; margin-right:6px;}
.Right .Right-news .Page{ width:100%; height:40px; text-align:center; margin-top:20px; letter-spacing:4px;}
.Right .Right-news .Right-news-title{ width:100%; height:40px; overflow:hidden; text-align:center; margin-top:20px; border-bottom:1px dotted #ebebeb; padding-bottom:10px;}
.Right .Right-news .Right-news-title font{ font-family:"黑体"; font-weight:bold; font-size:22px;}
.Right .Right-news .Right-news-title p{ color:#999; margin-top:4px; font-size:12px;}
.Right .Right-news .Right-news-content{ width:100%; height:auto; margin-top:10px;}
.Right .Quick{ width:100%; height:80px; overflow:hidden; margin-top:20px;}
.Right .Quick .Quick-left{ width:100%; height:40px; border-bottom:1px dotted #ccc; line-height:40px;}
.Right .Quick .Quick-left a{ color:#000;}
.Right .Quick .Quick-left a:hover{ color:#00408d;}
.Right .Quick .Quick-right{ width:100%; height:40px; line-height:40px;}
.Right .Quick .Quick-right a{ color:#000;}
.Right .Quick .Quick-right a:hover{ color:#00408d;}

.Right .Right-pro{ width:100%; height:auto; overflow:hidden;}
.Right .Right-pro ul{}
.Right .Right-pro ul li{ width:220px; height:245px; padding:2px; float:left; border:1px solid #ebebeb; margin-left:20px; margin-top:10px; /*background:#fff;*/}
.Right .Right-pro ul li img{ width:220px; height:204px;}
.Right .Right-pro ul li p{ width:100%; height:36px; background:#fff; margin-top:2px; text-align:center; line-height:36px;}
.Right .Right-pro ul li a p{ color:#000;}
.Right .Right-pro ul li:hover{ border:1px solid #00408d;}
.Right .Right-pro ul li:hover p{ background:#00408d; color:#fff;}

.Right .Right-pro1{ width:100%; height:auto; overflow:hidden;}
.Right .Right-pro1 ul{}
.Right .Right-pro1 ul li{ width:180px; height:246px; padding:2px; float:left; border:1px solid #ebebeb; margin-left:50px; margin-top:10px; /*background:#fff;*/}
.Right .Right-pro1 ul li img{ width:180px; height:207px;}
.Right .Right-pro1 ul li p{ width:100%; height:36px; background:#fff; margin-top:2px; text-align:center; line-height:36px;}
.Right .Right-pro1 ul li a p{ color:#000;}
.Right .Right-pro1 ul li:hover{ border:1px solid #00408d;}
.Right .Right-pro1 ul li:hover p{ background:#00408d; color:#fff;}

.Right .Page{ width:100%; height:40px; text-align:center; margin-top:20px; letter-spacing:4px;}
.Right .Page a{ color:#000;}
.Right .Page a:visite{ color:#00408d;}
.Right .Right-pro-top{ width:100%; height:320px; /*border-bottom:1px solid #999;*/}
.Right .Right-pro-top .Right-pro-top-left{ width:100%; height:297px; border:1px solid #ebebeb; background:#fff; padding:2px; margin-top:12px; /*margin-left:20px;*/ float:left; text-align:center; /*margin-right:20px;*/}
.Right .Right-pro-top .Right-pro-top-left img{ width:320px; height:297px; }
.Right .Right-pro-top .Right-pro-top-right{ width:320px; height:auto; float:left; margin-left:40px; /*border:1px solid #33C;*/}
.Right .Right-pro-top .Right-pro-top-right dl{ margin-top:10px;}
.Right .Right-pro-top .Right-pro-top-right dl dt{ width:100%; height:60px; font-family:"黑体"; font-size:20px;}
.Right .Right-pro-content{ width:100%; height:auto; overflow:hidden; margin-top:10px;}
.Right .Right-pro-content .Right-pro-content-label{ width:100%; height:40px; border-bottom:1px solid #ebebeb; margin-top:10px;}
.Right .Right-pro-content .Right-pro-content-label dl{}
.Right .Right-pro-content .Right-pro-content-label dl dt{ width:100px; height:40px; background:#fff; float:left; text-align:center; line-height:40px; border-left:1px solid #ebebeb;  border-top:1px solid #ebebeb;  border-right:1px solid #ebebeb; margin-left:10px;}
.Right .Right-pro-content .Right-pro-content-label dl dt a{ color:#000;}
.Right .Right-pro-content .Right-pro-content-detailed{ width:100%; height:auto; overflow:hidden; margin-top:10px;}

.Right .Right-pro-content .Right-pro-detailed{ margin:10px 10px 0px 10px;}

.Link{ width:100%; position:relative !important; background:#00408d; height:80px}
.Link .Linker{ width:1200px;  margin:0px auto;color:#fff;}
.Link .Linker ul{ float:left; margin-left:4px;}
.Link .Linker ul li{ float:left; margin-left:10px; line-height:20px;}
.Link .Linker ul li a{ color:#fff;}