@charset "utf-8";
/* CSS Document */
/*基本*/
*{ padding:0px; margin:0px }
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form,fieldset, 
legend, input, button,textarea, p, blockquote, th, td { margin: 0; padding: 0;}
body{color:#000;	margin:0px auto; font-family: "Microsoft YaHei"; font-size:14px; background:#fff; }
div{ margin:0; padding:0; border:0; }
img{ margin:0; padding:0; border:0; }
p{ margin: 0px;}
b,strong {font-weight: bold;}
table { border-collapse: collapse; border-spacing: 0; /* Remove most spacing between table cells.*/}
li{ list-style: none outside none;}
.clr{ clear:both;}

/*链接*/
a{ text-decoration:none; color:inherit; background: transparent;  outline:none; }
a:visited { color:inherit; }
a:focus { outline:none; }
a:hover{ color:inherit;}
a:active{ outline:none;}

/*标题*/
h1 { font-size: 1.3em;margin:  0;}
h2 {font-size: 1.2em; margin: 0;}
h3 { font-size: 1.17em;margin: 0;}
h4 {font-size: 1em;margin:0;}
h5 {font-size: 0.83em;margin: 0;}
h6 { font-size: 0.67em;margin: 0;}


/*==========@@元件 开始@@==========*/
/*常用颜色*/
.blue {color: #00F !important;}
.green {color: #0F0 !important;}
.red {color: #F00 !important;}
.black {color: #000000 !important;}
.white {color: #FFFFFF !important;}
.gray { color:gray; !important; }
.purple { color:purple;  !important;}

/*浮动*/
.clear { display:block; clear:both; height:3px; overflow:hidden; line-height:3px; }
.float_left { float:left; }
.float_right { float:right; }
.scroll-to-top { display: none; padding: 12px; position: fixed; z-index: 10001; bottom: 5px; right: 20px; text-align: center; font-size:18px; background:#e62b48; color:#fff;}
.scroll-to-top>i { display: inline-block}

/*对齐方式*/
.left { text-align: left}
.right {text-align: right}
.center{ text-align: center}

/* 布局框架 */
body{ min-width:1200px; background-color:#fff; background-image:url("../img/bg.jpg"); background-repeat: repeat-x; background-position:top center; }


/* 头部 */
.header{  }
.top{ display:none; }
.top1{ height:100px; border-bottom:#e62b46 solid 4px; } /*background-color:rgba(255, 255, 255, 0.45);*/
.top1 .logo{ float:left; width:260px; overflow:hidden;}
.top1 .logo img{  width:260px; }

.top_r{ width:245px; height:35px; }
#searchform {width:245px; height:23px; padding-top: 7px;}
#input_text {width:175px; height:20px; line-height:21px; color:#999;  float:left;}
#input_btn{ width:60px; height:20px; border:1px solid #999;}

.top2{ height:520px; background:url("../img/h1.jpg") no-repeat center top; }
.headpic{ height:330px; background:url("../img/h2.jpg") no-repeat center top; }
.banner{ width:1200px; height:209px;  margin:0 auto;}

/* 导航 */
.hdmenu{ float:left; margin-top:40px;}
.nav{ margin-left:180px; width:720px; height:36px; }
.nav ul{padding: 0;}
.nav li{float:left; padding-left: 40px;}
.nav.en li{ padding-left: 30px;}
.nav li a:hover{ color:#e62b48; text-decoration:none;}
.nav .active{ color:#e62b48; }

/* 中部 */
.container{width:1200px; overflow:hidden;margin:0 auto;}

/* 尾部 */
.footer{ margin:0 auto; height:300px; background-color:#222; border-bottom:#ccc solid 1px; color:#eee;}
.footer .ln1{ height:60px;}
.footer .block1{ float:left; width:450px; line-height:50px;}
.footer .block2{ float:right; width:650px; color:#ccc;}
.ftnav{ margin-top:20px;  width:720px; height:36px; }
.ftnav ul{padding: 0;}
.ftnav li{float:left; padding-left: 20px;}
.ftnav li a:hover{ color:#eee; }

.bottom {margin: 0 auto; text-align:center; line-height:2em;  background-color:#222; color:#ccc; position: relative;}
.weixin {width:980px; margin:0 auto; }
.weixin div {width:980px; height:0px; padding-top:7px;  position: absolute;}
.footer_logo{ margin-left:100px;}



/***** 首页  ******/

.f1{ margin-top:20px; height:700px; overflow:hidden;}
.f1 .bt{ margin-top:20px; text-align:center;}
.f1 .bt .tit{ display:block; width:400px; height:100px; margin:0 auto; background:url("../img/t1.jpg") no-repeat center; font-size:0px; }
.f1 .bt .more{ float:right; width:55px; height:35px;  background:url("../img/m1.jpg") no-repeat center;  }
.f1 .ct{ margin-top:60px; width:1200px; overflow:hidden; }
.f1 .ct ul{  }
.f1 .ct ul li{ float:left; margin-left:30px; width:270px; height:400px; }
.f1 .ct .ipic{  }
.f1 .ct .ipic img{ width:268px; border:#ccc solid 1px; }
.f1 .ct ul li.n0{ margin-left:0px;  }
.f1 .ct .itit{ text-align:center; line-height:40px; }

.f2{ height:400px; background:#e62b48; color:#fff; overflow:hidden;}
.f2 .bt{ margin-top:60px; text-align:center;}
.f2 .bt .tit{  font-size:30px; }
.f2 .ct{ margin-top:30px;  }
.f2 .ct .pn{ line-height:2em;  }
.f2 .mt{ margin-top:60px; height:50px; text-align:center;}
.f2 .more{ border:#fff solid 1px; padding:10px 25px; overflow:hidden; }

.f3{ margin-top:20px; height:600px; overflow:hidden;}
.f3 .bt{ margin-top:20px; text-align:center;}
.f3 .bt .tit{ display:block; width:400px; height:100px; margin:0 auto; background:url("../img/t2.jpg") no-repeat center; font-size:0px; }
.f3 .ct{ margin-top:0px; }
.f3 .ct ul{  }
.f3 .ct ul li{ display:block; margin-top:30px; height:90px; border-bottom:#ccc dotted 1px; }
.f3 .ct .tm{ float:left; width:65px; height:75px; background:#222; color:#fff; text-align:center; }
.f3 .ct .tm .d{ line-height:2em; font-size:24px; }
.f3 .ct .itit{ margin-left:100px; font-size:22px; }
.f3 .ct .idsc{ margin-left:100px; font-size:14px; color:#999; }


/*  栏目页 */
.page{}
.rbody {}
.rbody .tt{ height:65px; background:#f6f6f6; font-size:24px; overflow:hidden; }
.rbody .tt .sjt{ float:left; padding:0 60px; height:65px; line-height:65px; background:#e62b48; color:#fff; }
.rbody .ct{  }
.rbody .ct p{ margin:10px; }
.rbody .ct img{ max-width:1150px; }
.rbody .ft{ height:60px; }

.article{}
.thumblist{}
.thumblist li{ float:left; margin-left:30px; margin-top:40px; width:270px; height:400px; }
.thumblist li.n0{ margin-left:0px;  }
.thumblist .pic{  }
.thumblist .pic img{ width:268px; border:#ccc solid 1px; }
.thumblist .ctn{ text-align:center; line-height:40px; }

.remarklist{}
.remarklist li{ display:block; margin-top:30px; height:90px; border-bottom:#ccc dotted 1px; }
.remarklist .tm{ float:left; width:65px; height:75px; background:#222; color:#fff; text-align:center; }
.remarklist .tm .d{ line-height:2em; font-size:24px; }
.remarklist .itit{ margin-left:100px; font-size:22px; }
.remarklist .idsc{ margin-left:100px; font-size:14px; color:#999; }

/* 详细 */
.show{ margin-top:40px;}
.show .hd{}
.show .hd .caption{ font-size:24px; text-align:center;}
.show .nf{ margin-top:20px; text-align:center; color:#999; }
.show .bd{ margin-top:40px;}
.show .wb{ height:40px; border-bottom:#ccc solid 1px;}


/* 产品焦点图 */
#outBox{ width: 1002px; height: 540px; margin: 20px 0px; }
#outBox .w{ width: 450px; height: 450px; }
#outBox .leftBox{ width: 450px; height: 540px; float: left;}
#outBox .normalBox{ overflow: hidden; position: relative; border: 1px solid #f2f2f2;}
#outBox .normalBox img{ width:450px;}
#outBox .normalBox .w{display: none;}
#outBox .botBox{width: 100%;height: 90px; margin-top:10px; background: #fff url("../img/ar.png") no-repeat 0px -40px;overflow: hidden;}
#outBox .botBox ul li{float: left;width: 54px;height: 54px;border: 2px solid #fff;border-radius: 5px;margin-left: 26.5px;opacity: 0.5;}
#outBox .botBox img{width: 50px;height: 40px;}
#outBox .bord{border-color: #e4393c !important;opacity: 1 !important;}
#outBox .moveBox{ width: 200px; height: 200px; background: rgba(222,0,0,0.4); position: absolute; top: 0; left: 0; display: none;cursor: move; }
#outBox .magBox{ width: 540px; height: 540px; border: 1px solid #f2f2f2; position: relative; float: left; overflow: hidden; display: none; }

#outBox .magBox ul li{ display: none; position: absolute; top: 0; left: 0;}
#n,#outBox .m{ display: block !important; }
#outBox .box{ width: 110px; margin: auto; }

/* 图片列表 */



/*  各个表格 */

.table1{  font-size:14px; line-height:40px;}
.table_tit{ width:802px; margin:0 auto; padding-top:20px; height:55px; background-image:url(../img/table_tit.jpg);}
.table1_border{width:761px; margin:0 auto; margin-bottom:20px; border:1px solid #66ccff;}
.small_input{ width:200px; height:28px; line-height:28px;}
.big_input{ width:598px; height:28px; line-height:28px;}


/* page */
.pageft{ text-align:center; }
.pageft .pagination{  }
.pageft .pagination li a{ color:#e62b48; }
.pageft .pagination li.active a{ color:#fff; background:#e62b48; border-color:#e62b48; }