* {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; border:0px;}
BODY {MARGIN: 0px auto; HEIGHT: 100%}
HTML {MARGIN: 0px auto; HEIGHT: 100%}
div{display: block;}

BODY {FONT-SIZE: 14px; COLOR: #000000; LINE-HEIGHT: 24px;font-family: 微软雅黑; background: #fff;}
td,p,span {font-size:14px; line-height:24px;}
A {FONT-SIZE: 14px; COLOR: #000000; TEXT-DECORATION: none}
li {list-style-type: none;}
img {text-align: center;}

.content img {max-width: 100%}
.foot {FONT-SIZE: 12px; COLOR: #000000}
.foot a{FONT-SIZE: 12px; COLOR: #000000}
.foot a:hover{FONT-SIZE: 12px; COLOR: #ff6100}

.fl {float: left;}
.fr {float: right;}
.clear {clear: both;}

#menu { width:976px; height:50px; margin:0 auto; font-weight:bold; background: url(../images/menu1.gif) 0 0 repeat-x;}
#menu ul { list-style: none; margin: 0px; padding: 0px;}
#menu ul li { float:left;}
#menu ul li a { display:block; width:120px; height:50px; line-height:44px; text-align:center; background: url(../images/menu1.gif) center 0 no-repeat; font-size:14px; color:#FFFFFF;}
#menu ul li a:hover { background: url(../images/menu2.gif) center 0 no-repeat; color:#000000;}
#menu ul li a#current { background: url(../images/menu2.gif) center 0 no-repeat; font-weight:bold; color:#000;}

.cpmenu {width: 100%;}
.cpmenu h1 { font-weight: normal;font-size: 16px; color: #fff; line-height: 45px; padding: 0 10px; width: 174px; background: #22489f }
.cpmenu ul {padding: 5px;}
.cpmenu li {padding: 5px;height: 47px;line-height: 47px; border-bottom:1px dashed #e0e0e0;}
.cpmenu li a {line-height: 47px; font-size: 15px; color: #4d4d4d;}


.news_list{list-style:none;}
.news_list li{border-bottom:#CCC 1px dashed; background:url(../images/right_8.gif) no-repeat left 8px; line-height:25px; padding-left:15px; }
.news_list li span{ float:right;}
.news_list2{width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;}

.gduo{ width: 60%; margin: 0 auto;}
.gduo span{ font-weight:bold; display: block;padding:0 20px; line-height: 45px; height: 45px; text-align: center;background: #22489f; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius :5px;color: #fff}
.gduo a{  font-weight:bold; display: block;padding:0 20px; line-height: 45px; height: 45px; text-align: center;background: #22489f; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius :5px; color: #fff}

.wid1200 {width: 1200px; margin: 0 auto;}


/* 顶部 */
.top { background: #22489f; }
.title {height: 76px; align-items: center; display: flex; justify-content: space-between;}
.tiltel h2 {font-size: 18px;color: #666666;}
.tiltel p {color: #02b2b5;font-size: 20px;}
.nav {background: #2b2b2b; height: 50px;}
.menu li {margin-left: 30px;}
.menu li, .menu li a {text-align: center; line-height: 76px; color: #fff; float: left; font-size: 16px;list-style-type: none;}
.menu li::after{ content:''; display:inline-block; background:url(../images/line.jpg) center no-repeat; width: 1px; height:13px; margin-left:30px; background-size:contain;}
.top .lang{ float: right; display: inline-block; height: 76px; line-height: 70px;}
.top .lang a{display: inline-block;background: rgba(255,255,255,0.3);color: #fff;border-radius: 50%;height: 33px;width: 33px;line-height: 33px;text-align: center;opacity: 0.3;margin: 0 3px;}
.top .lang a.on,
.top .lang a:hover{ background:none; opacity:1; border:2px solid #fff; line-height:31px;}
.top .EN img{vertical-align: middle;}

/*banner*/
.focus {width:100%; height:400px; overflow:hidden; position:relative; }
.focus ul {height:400px; position:absolute;}
.focus ul li {float:left; width:100%; height:400px; overflow:hidden; position:relative; background:#000;}
.focus ul li div {position:absolute; overflow:hidden;}
.focus .btnBg {position:absolute; width:100%; height:20px; left:0; bottom:0; background:#000; display:none;}
.focus .btn {position:absolute; width:100%; height:23px; padding:0px 10px 0px 10px; right:0; bottom:6px; text-align:center;}
.focus .btn span {display:inline-block; _display:inline; _zoom:1; width:12px; height:12px; line-height:12px; text-align:center; _font-size:0; margin-left:5px; cursor:pointer; background:#22489f;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;}
.focus .btn span.on {background:#22489f;}
.focus .preNext {width:45px; height:100px; position:absolute; top:170px; background:url(../img/sprite.png) no-repeat 0 0; cursor:pointer;}
.focus .pre {left:0;}
.focus .next {right:0; background-position:right top;}

.banimg {width: 100%}

.i_jsimg {width:345px; height:215px; overflow:hidden; position:relative; }
.i_jsimg ul {height:215px; position:absolute;}
.i_jsimg ul li {float:left; width:100%; height:215px; overflow:hidden; position:relative; background:#fff;}
.i_jsimg ul li div {position:absolute; overflow:hidden;}
.i_jsimg .btnBg {position:absolute; width:100%; height:20px; left:0; bottom:0; background:#fff; display:none;}
.i_jsimg .btn {position:absolute; width:100%; height:23px; padding:0px 10px 0px 10px; right:0; bottom:6px; text-align:center;}
.i_jsimg .btn span {display:inline-block; _display:inline; _zoom:1; width:12px; height:12px; line-height:12px; text-align:center; _font-size:0; margin-left:5px; cursor:pointer; background:#22489f;-webkit-border-radius: 20px;-moz-border-radius: 20px;}
.i_jsimg .btn span.on {background:#22489f;;}
.i_jsimg .preNext {width:45px; height:100px; position:absolute; top:170px; background:url(../img/sprite.png) no-repeat 0 0; cursor:pointer;}
.i_jsimg .pre {left:0;}
.i_jsimg .next {right:0; background-position:right top;}

/*首页*/
.i_about {width: 486px; height: 215px;}
.i_boxtil {width: 140px; height: 215px; background: #487abb;}
.i_boxtil h2 {font-size: 20px; color: #fff; line-height: 28px;}
.i_boxtil i{ display: block; height: 3px; width: 29px; background:#a4bddd; }
.i_boxtil span { color:#9db8db; font-size: 12px; text-transform:uppercase; padding-top:5px; line-height: 18px;}
.i_boxtil a {display: block; position: relative; top: 80px; left: 11px; background: url(/images/Icon3_Home.png) right center no-repeat;}
.i_tec {width: 486px; height: 215px;margin-left: 18px;}
.i_link {width: 194px;height: 215px;	}
.i_link img {position: relative;}
.mrrg {margin-right: 24px;}
.i_pro {width: 384px; height: 200px;background: url(/images/Pro_ImgBJ.jpg) center center no-repeat; margin-top: 20px; margin-bottom: 20px;}
.i_pro:hover {background: url(/images/Pro_ImgBJon.jpg) center center no-repeat;}
.i_pro:hover>.protil h2 {color: #fff;}
.i_pro:hover>.protil span {color: #fff;}
.i_pro:hover>.protil i {background: #fff;}
.protil {width: 119px; height: 200px; float: left;}
.protil h2 {font-size: 18px; color: #6b6b6b;}
.protil i { display: block; height:1px; width:45px; background:#000; margin:8px 0; }
.protil span {color:#9db8db; font-size: 12px; text-transform:uppercase;}
.protil a {display: block;position: relative;top: 67px;left: 11px;}

.proimg {width: 265px; float: left; height: 200px;}
.proimg span {display: block;padding: 30px}
.proimg img {max-width: 100%;max-height: 100%}





/*新闻资讯*/
.i_news {padding: 20px 0; overflow: hidden;height: 28px;}
.newsicon {background: url(/images/Home_NewIcon.jpg) center center no-repeat; width: 25px; height: 28px;}
.newstil span {line-height: 28px; font-size: 16px; color: #333;}
.newslist {width: 558px; height: 28px; float: left;overflow: hidden; behavior: url(ie-css3.htc)}
.newslist li {float: left;width: 558px;height: 28px; line-height: 28px;margin-left: 10px;}
.newslist ul {position: relative; transition: bottom 1s;}

.leftnews1 {width: 100%;overflow: hidden;}
.leftnews1 img {float: left;padding-right: 10px;}
.leftnews1 h2 {color: #2b2b2b;font-size: 16px; line-height: 24px;}
.leftnews1 p {color: #999;font-size: 14px;line-height: 20px;padding-top: 5px;}
.leftnews {overflow: hidden;}
.leftnews p {float: left;margin: 0;line-height: 40px;font-size: 16px;color: #2b2b2b}
.leftnews a:hover>p,.leftnews a:hover>span {color: #c40000;}
.leftnews span {float: right;line-height: 40px;font-size: 16px;color: #2b2b2b}

.NewsList2 {width: 600px;  height: 280px;}
.rightnews {width: 515px; float: right;}
.rightnews a {height: 48px;width: 100%;display: block; color: #2b2b2b}
.rightnews p {font-size: 15px; padding-left: 15px; float: left;line-height: 48px;color: #2b2b2b}
.rightnews span {font-size: 15px; color: #666666;line-height: 48px;float: right;text-align: right;color: #2b2b2b}

/*底部*/
.foot {width: 100%; height: 52px; background-color: #22489f; display: inline-block;}
.ftlogo {width: 164px; height: 52px; border: 1px solid #ffffff; color: #fff;font-size: 20px; line-height: 52px; text-align: center; margin: 40px auto; }
.ftinclud {padding: 10px 0; text-align: center;}
.ftinclud p,.ftinclud span,.ftinclud a {color: #aaa; font-size: 14px; line-height: 32px;color: #568ec1;}
.ftright {width: 140px;padding-top: 80px;}
.ftright img {float: right;}
.ftright p {font-size: 16px; color: #4a4a4a; }
.ftright span {font-size: 14px; color: #4a4a4a; }
.ftright ul {float: right;padding-top: 10px;}
.ftright li {font-size: 14px;color: #d5d5d5;line-height: 30px;text-align: center;width: 120px;}	


/*子页面*/
.fenyetil {overflow: hidden;padding: 55px 0; text-align: center;}
.fenyetil ul {display: table; margin: 0 auto;}
.fenyetil li {text-align: center;padding: 0 9px; max-width:200px; float: left;}
.fenyetil li a {display: block; padding: 0 15px; min-width:140px; height:40px; line-height:40px; font-size: 16px; color: #728391; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border-radius:40px; background:#f3f3f3;}
.fenyetil li .cur,.fenyetil li a:hover{background: #22489f;color: #fff; padding: 0 15px;}

.pagetxt {display:inline-block; border:#ededed 1px solid; text-align:center; line-height:35px;padding: 0 1em; font-size: 14px; border-radius: 3px; margin-top: 50px;}
.pagenum {margin: 0 5px}
.pagetxt:hover {color: #fff; background: #008cd6;border-color: #008cd6;}
.zoom {padding: 4px; border: 1px solid #C6C6C6; width:270px;height:240px;text-align:center;float: left; margin: 10px;box-shadow: 0 0 6px #cdcdcd; display: inline-flex; display: -webkit-flex;align-items:center;}
.zoom img {max-width:100%;width: 100%;max-height: 100%;}
.zoom:hover {box-shadow:0 0 8px #22489f;}
.ryimg {width: 300px; float: left;}
.ryimg p {text-align: center;}



.Factory .FactoryTex{ float: left; width:50%; line-height: 25px; }
.Factory .FactoryTex .h3{ margin:15px 0; font-size:24px; color:#008cd6; }
.Factory .FactoryTex .text{ color:#666666; }
.Factory .FactoryTex .blue{ color:#008cd6; padding:15px 0 5px; display: block; }
.Factory .FactoryTex p i{color:#008cd6; font-style:initial; padding-right: 10px;}
.Factory .FactoryPic{ float: right; width:47.5%; text-align: right; position: relative; }
.Factory .FactoryPic img {max-width: 100%}
.Factory .FactoryPic .video_btn{ position: absolute; left: 0; top: 0; width:100%; height: 100%; background:rgba(0, 0, 0, 0.2) url(../images/video_btn.png) no-repeat center;}


.Factory_list{ float: left; width:100%; box-shadow:0 0px 10px #cccccc; margin:40px 0;}
.Factory_list ul{ display: block; margin-bottom:2%;  }
.Factory_list li{ float: left; width:23.6%; text-align: center; margin-left:1.1%; padding-bottom:1%; }
.Factory_list li:nth-child(4n){ margin-right:0; }
.Factory_list li p{margin:0; line-height:30px; overflow:hidden; white-space: nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
.FactoryTiele{ text-align: center; font-size: 24px;color:#FFF; margin:40px 0;  position: relative;}
.FactoryTiele span{ background-color:#22489f; padding:5px 20px; position:relative;z-index: 2;font-size: 24px;line-height: 34px;}
.FactoryTiele::after,.FactoryTiele::before{ position: absolute; left:25%; content:''; height: 1px; width:50%; background:#bbbbbb; display:inline-block; z-index: 1; }
.FactoryTiele::after{ top:50%;}
.FactoryTiele::before{ top:60%;}
.Factory_list .ul li .figure{position: relative;height: 170px; border:1px solid #999;text-align: center;}
.Factory_list .ul li .figure img{max-width: 100%;max-height: 100%;}



.n-list li{ display:block; padding-bottom:16px; border-bottom:1px solid #f0f0f0; overflow:hidden;  }
.n-list li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.n-list li h2{ padding:16px 0 14px 0; font-size:16px; line-height:27px; font-weight:normal; text-align:left;}
.n-list li h2 a{ font-size:20px; font-weight:bold; line-height:29px; color:#D52516; text-decoration:none; }
.n-list li h2 a:hover{ color:#076ce0; }
.n-list li .note b{ position:relative; display:block; float:left; margin-right:16px; width:156px; height:104px; font-style:normal; }
.n-list li .note b img{ min-width:100%; min-height:100%; width:100%; _height:100%; }
.n-list li .note p{ font-size:14px; line-height:23px; font-weight:500; color:#555; }
.n-list li .note .info{ padding-top:10px; }
.n-list li .note .info span{ margin-right:10px; padding-left:20px; color:#777; background:url(../images/sprite.gif) no-repeat; }
.n-list li .note .info .time{ background-position:0 -158px; }
.n-list li .note .info .view{ background-position:0 -36px; }
.n-list li .note .info .comm{ background-position:0 4px; }
.n-list .nodata{ margin-top:30px; color:#666; font-size:14px; line-height:100px; text-align:center; }

.xwright {padding-top: 20px;}
.xwright h3 {display:block; margin-bottom:10px; padding-bottom:10px; line-height:1em; color:#888; font-size:18px; font-weight:300; border-bottom:1px solid #f0f0f0;}
.xwright li a {display:block; color:#D52516; font-size:16px; font-weight:normal; line-height:30px;}
.xwright li a:hover {color: #076ce0;}


.HomeSearch{ float: right; width:21%; height: 28px; line-height: 28px; background:#FFF; border:solid 1px #e4e4e4; position: relative;}
.HomeSearch input{ width:79%; padding:0 40px 0 7px; height: 28px; line-height: 28px; float:left; }
.HomeSearch .btn{ display: block; position: absolute; right:0; top: 0; width:36px; height:28px; float: right; background:url(../images/Home_SearchIcon.jpg) no-repeat; background-size:100% 100%; }


.sscont li {float: left;width: 275px; margin-left: 25px; margin-bottom: 10px;}
.sscont span {width: 100%; height: 174px;border:2px solid #ededed; line-height: 174px; text-align: center; display: inline-flex;}
.sscont img {max-width: 100%;max-height: 100%; margin: 0 auto;}
.sscont p {font-size: 16px; color: #333; line-height: 40px; text-align: center;}


.singlepage{ /*单片 设置文字两端对齐*/ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; width:100%; float: left;}

.About01{text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden; min-height:246px; padding-bottom:5%;}
.About01 .box1{padding:15px 15px 15px 15px;color:#333;font-size:14px;line-height:30px;background:#f3f3f3;}
.About01 .box1 .pic{float:right; margin:0 1% 1% 3%;}
.About01 .box1 .h3{font-size:18px;color:#22489f;margin:0 0 10px 0; font-weight:normal;}
.About01 .box1 h2{ padding:3% 1%; color:#728391; }
.About01 .box1 p{ line-height:30px; text-indent:2em;}
.About02{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden; }
.About02 .ul{ padding-bottom:5%;}
.About02 .ul li{ display:block; float:left; width:33.33%;  text-align: center;}
.About02 .ul img{ max-width:98px; margin: 0 auto; display: block;}
.About02 .ul h2{ font-weight:normal; color:#22489f; font-size:16px; margin:0; overflow:hidden; white-space: nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; padding-top:7%;}
.About02 .ul p{ margin:10px 0 0; color:#728391;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; }
@media(max-width:1000px){
.About01 .box1 .pic{ float:none; margin:0 auto 3% auto; display:block;}	
.About02 .ul figure{ padding:3% 0;}
.About02 .ul{ text-align: center; }
}
@media(max-width:1000px){
.About02 .ul li{ width:100% !important; padding:0 !important; margin:2% 0; display: inline-block; float:initial; text-align: center;}
}

.CateT{ position: relative; font-size: 24px; color:#008cd6; width:1200px; text-align: center; text-transform: uppercase; font-weight:initial; background:url(../images/bg_line.jpg) repeat-x center center; margin:0 auto;}
.CateT span{ display:inline-block; background:#fff; padding:0 4%; max-width:92%; margin:0 auto; line-height:24px;font-size: 24px; color:#008cd6;}

.Pro_Info table{ width: 100%; min-width: 845px; float: left; border-bottom:solid 1px #cccccc; margin-bottom: 30px; font-size: 12px;}
.Pro_Info table tr:first-child td{ border-top:solid 1px #cccccc; border-bottom:solid 1px #cccccc; border-right:none; padding:15px 0; margin-top:0px; text-align: center; }
.Pro_Info table tr:nth-child(2){ }
.Pro_Info table tr td{ text-align: center; padding:25px 0; border-right:solid 1px #cccccc; font-size: 14px; color: #666460;}
.Pro_Info table tr td.koge{ padding:5px 0; }
.Pro_Info table tr td:last-child{ border-right:none; }
.Pro_Info table tr td .delete{ display: inline-block; width:13px; height: 14px; background:url(../images/delete.png) center no-repeat; cursor: pointer; }
.Pro_Info a {color: #666460;}
.Pro_Info a:hover {color: #22489f;}


.webeditor {
	position: relative;
    padding: 25px 30px 23px 30px;
    margin: 20px 0;
    font-size: 14px;
    line-height: 1.6;
    background-color: #f7f7f7;
    font-style: normal;
    border: 0;
    border-radius: 0;
}



/*Timeline000312 发展历程*/
.Timeline000312 .year{ position:relative; padding:2% 0 4% 0; color:#6e6e6e;}
.Timeline000312 .line{ width:1px; height:96%; left:50%; margin-left:-0.5px; top:4%; position:absolute; background-color:#ededed; z-index:0;}
.Timeline000312 ul{ position:relative; z-index:1; overflow: hidden;}
.Timeline000312 ol{ background:url(../images/Timeline000312-dot_big.jpg) no-repeat center top; height:13px; overflow:hidden; line-height:50px;}
.Timeline000312 li{ float:right; width:50%;position:relative; border-bottom:1px solid #ededed; padding-bottom:50px; padding-top:50px; line-height:18px;}
.Timeline000312 li.first{ padding-top:18px;}
.Timeline000312 li.first img{ top:0;}
.Timeline000312 li.odd{ float:left;padding-top:58px; }
.Timeline000312 li i{ background:url(../images/Timeline000312-dot.jpg) no-repeat; width:8px; height:8px; position:absolute; left:-4px; bottom:-4px;}
.Timeline000312 li.odd i{ display:none;}
.Timeline000312 li div{ padding-right:150px; padding-left:47px;}
.Timeline000312 li.odd div{ padding-left:150px; padding-right:47px;}
.Timeline000312 li img{ position:absolute;top:36px; right:10px; width:120px; height:90px;overflow:hidden;}
.Timeline000312 li.odd img{left:10px; right:auto; top:42px;}
.Timeline000312 li img{ max-width:120px; max-height:90px; transition:all ease 0.5s;}
.Timeline000312 li h3{ margin:0; font-size:20px; color:#6e6e6e; padding-bottom:7px; font-weight:normal;}
.Timeline000312 li div a{ color:#6e6e6e;}
.Timeline000312 li div a:hover{ color:#22489f;}
.Timeline000312 .more{ text-align:center; padding-bottom:50px;}
.Timeline000312 .more a{width: 102px;padding-left: 14px;height: 26px; text-align:left;line-height: 26px;display: inline-block;color: #fff;font-size: 14px; background:url(../images/Timeline000312-more_hover.png) no-repeat 90% center #6e6e6e;}
.Timeline000312 .more a:hover{ color:#fff; background-image:url(../images/Timeline000312-more.png); background-color:#22489f;}