/*reset*/
html, body, div, span, object, iframe, a, img, dl, dt, dd, ul, li, form{margin:0; padding:0; border:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
ul{list-style:none}
table{border-collapse:collapse; border-spacing:0}
:focus{outline:0}
:link, :visited, ins{text-decoration:none}
/*layout*/
.clearfix:after{content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden}
.clearfix{zoom:1}
.clear{clear:both}
/*typography*/
body, input, textarea{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#555}
body{line-height:2; background:#f1f1f1}
input, textarea{outline:none}
a:link, a:visited{color:#555}
a:hover, a:active{color:#f00!important}
/*多行文字垂直居中*/
.wrap-div{display:table; border:1px solid #FF0099; background-color:#FFCCFF; width:760px; height:400px; _position:relative; overflow:hidden}
.wrap-sub{vertical-align:middle; display:table-cell; _position:absolute; _top:50%}
.wrap-con{_position:relative; _top:-50%}
/*全屏*/
.fullWidth{margin:0 auto; width:100%; max-width:1440px; min-width:1002px; _width:expression(document.body.clientwidth <1002?"1002px":"auto")}
/*两列同高*/
.equal{padding-bottom:32767px; margin-bottom:-32767px}
/*头部*/
.topbg{width:100%; height:36px; margin:0 auto; background:#a70213}
.topdiv{width:1002px; height:100%; margin:0 auto}
.topdiv a{ display:block; float:right; height:100%; font-size:16px; line-height:36px; padding-left:22px; margin-left:34px}
.topdiv a.cn{background:url(../images/cn.jpg) left center no-repeat}
.topdiv a.en{background:url(../images/en.jpg) left center no-repeat; margin-right:54px}
.topdiv a:link, .topdiv a:visited{color:#fff}
.topdiv a:hover, .topdiv a:active{color:#0f0!important}

.shadow{width:100%; height:10px; background:url(../images/shadow.png) bottom center repeat-x; position:absolute; z-index:3; bottom:-10px; left:0}
.headbg{width:100%; height:100px; margin:0 auto; background:#fff; position:relative; z-index:60}
.header{width:1002px; height:100px; margin:0 auto}
.logo{float:left; width:530px; height:100px; overflow:hidden}
/*导航菜单*/
.nav-menu{float:right; width:380px; height:55px; background:url(../images/menubg2.png) no-repeat; background-position:0px -100px; padding-left:20px}
.nav-menu li{float:left; height:55px; line-height:55px}
.nav-menu li.no{background:none}
.nav-menu li a{display:block; width:80px; font-size:16px; text-align:center}
.nav-menu li a:link, .nav-menu li a:visited{color:#00293c}
.nav-menu li a:hover, .nav-menu li a:active{color:#f00!important}
.nav-menu li .current:link, .nav-menu li .current:visited{color:#fff}
.nav-menu li .current:hover, .nav-menu li .current:active{color:#fff!important}
.nav-menu li.no{border-right:0}
.menu0{background-position:0px 0px}
.menu1{background-position:80px 0px}
.menu2{background-position:160px 0px}
.menu3{background-position:240px 0px}
.menu4{background-position:320px 0px}

.smallNav{position:absolute; top:46px; left:0px; z-index:18; display:none}
.smallNav dd{height:36px; line-height:36px; background:#fff; border-top:#ccc 1px solid}

.searchdiv {float:right; width:219px; height:22px; background:url(../images/search.png) center no-repeat; margin-right:20px; margin-top:8px}
#keyword{float:left; width:150px; height:22px; line-height:22px; padding:0; margin:0; margin-left:8px; border:none; background:none}
#submit2{float:right; width:60px; height:22px; cursor:pointer; padding:0; margin:0; border:none; background:none}

.banner{width:100%; height:550px; overflow:hidden}
.banner2{width:100%; height:300px; overflow:hidden}
/*内容*/
.mainbg{width:100%; margin:0 auto; background:#f1f1f1}
.mainB{width:1002px; height:810px; margin:0 auto; overflow:hidden}
.mainB .tit {width:100%; height:80px; margin:0 auto; text-align:center}
.mainB .tit .cn{float:left; height:100%; line-height:80px; font-size: 24px; color:#015ca3; font-weight:bold}
.mainB .tit .en{float:left; height:100%; line-height:80px; font-size: 20px; font-weight:bold; margin-left:20px}
.mainB .tit .en a:link, .mainB .tit .en a:visited{color:#000}
.mainB .tit .en a:hover, .mainB .tit .en a:active{color:#f00!important}
.mainB .con{width:100%; height:490px; font-size:0; line-height:0}

.aboutbg{width:100%; margin:0 auto; background:#f1f1f1}
.aboutdiv{width:1002px; height:490px; margin:0 auto; overflow:hidden}
.aboutdiv .tit {width:100%; height:80px; margin:0 auto; text-align:center}
.aboutdiv .tit .cn{float:left; height:100%; line-height:80px; font-size: 24px; color:#015ca3; font-weight:bold}
.aboutdiv .tit .en{float:left; height:100%; line-height:80px; font-size: 20px; font-weight:bold; margin-left:20px}
.aboutdiv .tit .en a:link, .aboutdiv .tit .en a:visited{color:#000}
.aboutdiv .tit .en a:hover, .aboutdiv .tit .en a:active{color:#f00!important}

.aboutbox{width:100%}
.aboutpic{ float:left; width:440px}
.abouttxt{ float:right; width:540px; font-size: 15px; line-height:24px}
.aboutmore{width:100%; height:80px; text-align:right; clear:both}

.factorybox{width:100%; height:132px; padding-top:10px; clear:both}

.probg{width:100%; margin:0 auto; background:f1f1f1}
.prodiv{width:1002px; height:330px; margin:0 auto; overflow:hidden}
.prodiv .tit {width:100%; height:80px; margin:0 auto; text-align:center}
.prodiv .tit .cn{float:left; height:100%; line-height:80px; font-size: 24px; color:#015ca3; font-weight:bold}
.prodiv .tit .en{float:left; height:100%; line-height:80px; font-size: 20px; font-weight:bold; margin-left:20px}
.prodiv .tit .en a:link, .prodiv .tit .en a:visited{color:#000}
.prodiv .tit .en a:hover, .prodiv .tit .en a:active{color:#f00!important}

.probox{width:1100px}
.probox li{ float:left; width:180px; height:210px; margin-right:25px}
.probox li a{display:block; width:100%; height:180px; border:#ccc 1px solid; box-sizing:border-box; overflow:hidden}
.probox li p{display:block; width:100%; height:30px; line-height:30px; text-align:center; margin:0; padding:0; overflow:hidden}

.mainB .con a{display:block}

.inpica{float:left; width:336px; height:480px}
.inpicb{float:left; width:330px; height:480px}
.inpicc{float:right; width:330px; height:480px}

.picbox{width:1100px}
.picbox li{ float:left; width:490px; height:231px; margin-right:20px}
.picbox li a{display:block; width:100%; height:195px; overflow:hidden}
.picbox li p{display:block; width:100%; height:36px; line-height:36px; text-align:center; margin:0; padding:0; overflow:hidden}

/*内页*/
.equal{padding-bottom:32767px; margin-bottom:-32767px}

.containbg{width:100%; margin:0 auto; padding-top:15px; background:#fff}
#contain{width:1002px; margin:0px auto; clear:both; overflow:hidden}
.containL{float:left; width:220px; overflow:hidden}
.containR{float:right; width:775px; overflow:hidden}

.containL .tit{width:100%; height:56px; line-height:45px; text-align:center; font-size:16px; font-weight:bold; color:#fff; background:url(../images/lefttit.png) right bottom no-repeat}
.containL .con{ width:206px; margin:0 auto; background:#ddd}

.menuLi li{width: 100%; height: 32px; border-bottom:#999 1px dashed; font-size:14px; overflow:hidden}
.menuLi li a{display: block; width: 168px; height: 32px; line-height: 32px; padding-left: 40px; background: url(../images/first-bg-02.gif) no-repeat}
.menuLi li a:link, .menuLi li a:visited{color: #000; background-position:0px 0px}
.menuLi li a:hover, .menuLi li a:active{color: #008cd4!important; background-position:0px -32px}
.menuLi li a.bigOne{font-size:14px; font-weight:bold}
.menuLi li a.bigOne:link, .menuLi li a.bigOne:visited{color: #000}
.menuLi li a.bigOne:hover, .menuLi li a.bigOne:active{color: #008cd4!important; }
.menuLi li a.current:link, .menuLi li a.current:visited{color: #008cd4; background-position:0px -32px}
.menuLi li a.current:hover, .menuLi li a.current:active{color: #008cd4!important; background-position:0px -32px}
.menuLi li a.smallone{background:#f1f1f1}

.menuLi li a.current:link, .menuLi li a.current:visited{color: #008cd4; background-position:0px -32px}
.menuLi li a.current:hover, .menuLi li a:.currentactive{color: #008cd4!important; background-position:0px -32px}

.leftbg{width: 206px; margin: 0 auto}

.contactDtit{width:100%; height:43px; line-height:43px; text-align:center; font-size:16px; font-weight:bold;background:url(../images/contactDtit.png) 20px 0px no-repeat; margin-top:20px}
.contactD{padding-top:10px}

.searchDtit{width:100%; height:43px; line-height:43px; text-align:center; font-size:16px; font-weight:bold; color:#fff; background:url(../images/searchDtit.png) 20px 0px no-repeat; margin-top:20px}

.containR .tit{width:100%; height:45px; line-height:45px; font-size:16px; font-weight:bold; background:url(../images/titLe.png) 15px 0px no-repeat; border-bottom:#ccc 1px solid}
.containR .tit span{padding-left:60px}
.containR .con{width:96%; min-height:300px; margin:10px auto; overflow:hidden; padding-bottom:32767px; margin-bottom:-32767px}

.containAll{width:100%; margin:0px auto; min-height:405px; height:auto!important; height:405px; background:#fff}
.containAll .tit{width:100%; height:45px; line-height:45px; font-size:16px; font-weight:bold; background:url(../images/titLe.png) 15px 0px no-repeat; border-bottom:#ccc 1px solid}
.containAll .tit span{padding-left:60px}
.containAll .con{width:1002px; margin:0 auto; overflow:hidden}

.topE{width:50px; height:50px; position:fixed; right:0px; bottom:10px; z-index:999; background:url(../images/top-ico.png) no-repeat; cursor:pointer;}
.topE.current{ background-position:0px -50px;}
/*底部*/
.footerBg{width:100%; clear:both; background:#a70213}
.footer{width:1002px; text-align:center; color:#fff; padding:20px 0px; margin:0 auto}
.footl{ float:left; width:200px; text-align:center}
.footc{ float:left; width:600px; text-align:center}
.footr{ float:right; width:200px; text-align:center}
.footer a:link, .footer a:visited{color:#fff}
.footer a:hover, .footer a:active{color:#0f0!important}

.arrow{width:1300px; height:0px; margin:0 auto; position:relative}
.arleft{width:45px; height:45px; background:url(../images/l.png) top left no-repeat; position:absolute; z-index:999; top:255px; left:0; cursor:pointer}
.arright{width:45px; height:45px; background:url(../images/r.png) top left no-repeat; position:absolute; z-index:999; top:255px; right:0; cursor:pointer}

.arleft2{width:45px; height:45px; background:url(../images/l.png) top left no-repeat; position:absolute; z-index:999; top:135px; left:0; cursor:pointer}
.arright2{width:45px; height:45px; background:url(../images/r.png) top left no-repeat; position:absolute; z-index:999; top:135px; right:0; cursor:pointer}.arleft{width:45px; height:45px; background:url(../images/l.png) top left no-repeat; position:absolute; z-index:999; top:255px; left:0; cursor:pointer}