@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:16px; 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;}
.more{ float:right; margin-right:10px; }
.ln{ clear:both; height:10px;}


/*链接*/
a{ text-decoration:none; color:inherit; background: transparent;  outline:none; }
a:visited { color:inherit; }
a:focus { outline:none; }
a:hover{ color:inherit; text-decoration:none!important;}
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;}


/*==========@@元件 开始@@==========*/
/*常用颜色*/
.lan {color: #00f !important;}
.lv {color: #0f0 !important;}
.hong {color: #f00 !important;}
.hei {color: #000 !important;}
.bai {color: #fff !important;}
.hui { color:#ccc !important; }
.purple { color:purple  !important;}
.jin { color:#E87E04 !important; }

.dahong{ color:#dc2d2a !important;}
.juhuang{ color:#fd9937 !important;}
.shenlan{ color:#2b5ba5 !important;}

.dahong-bk{ background-color:#dc2d2a !important;}
.juhuang-bk{ background-color:#fd9937 !important;}
.shenlan-bk{ background-color:#2b5ba5 !important;}

/* 宽度 */
.header , .footer,.wp , .top_slide{  margin:0px auto; width:100vw;  max-width:1920px; }
.container{ width:1400px; }
.lside{ display:none; width:260px; }
.rbody { width:1400px;  }


/*浮动*/
.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:#2c5ca4; color:#fff;}
.scroll-to-top>i { display: inline-block}

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


/* 头部 */
.header{  }
.top{ display:none; }
.top1{ height:100px; border-bottom:#eee solid 0px;  background:#fff url(../img/hbg.jpg) repeat-x center bottom; } /*background-color:rgba(255, 255, 255, 0.45);*/
.top1 .logo{ float:left; margin-top:0px; width:560px; overflow:hidden;}
.top1 .logo img{  width:560px; }
.top1 .qlnk{ float:right; margin-top:20px; width:380px; overflow:hidden;}
.top1 .qlnk ul{ }
.top1 .qlnk ul li{ display:inline; margin-left:20px; font-size:10px; color:#999; }
.top1 .qlnk ul li:hover{  color:#f60; }

.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{ position:relative; height:670px; background:url("../img/s1.jpg") no-repeat; overflow:hidden;}
.top2 .top_slide{ width:1920px!important; height:670px; }
.top2 .tx{ margin-top:250px; height:135px; text-align:center;  } /*background:url(../img/t1.png) no-repeat center top;*/
#banner_text{position:absolute; left:40px; top:260px; width:1900px; text-align:center; color:#fff;  z-index:400;}
#banner_text h2{ font-size:48px; line-height:2em;}
#banner_text h3{ font-size:55px; line-height:2em;}
#banner_text p{ font-size:22px; line-height:2em;}

.headpic{ height:500px; background:url("../img/h1.jpg") no-repeat center top; }
.hdp9,.hdp14,.hdp15,.hdp16,.hdp17,.hdp18,.hdp19,.hdp20,.hdp21{ background-image:url("../img/h2.jpg") ;}
.hdp10{ background-image:url("../img/h3.jpg") ;}
.hdp11{ background-image:url("../img/h4.jpg") ;}
.hdp12{ background-image:url("../img/h5.jpg") ;}
.hdp13{ background-image:url("../img/h6.jpg") ;}

/* 导航 */
.hdmenu{ float:left; width:780px; margin-top:0px; margin-left:30px; margin-right:-100px; }
.nav{  height:100px; line-height:100px; }
.nav ul{padding: 0;}
.nav li{ float:left; text-align:center; width:110px; height:100px; background:#fff; color:#333; }
.nav.en li{ }
.nav li:hover{  color:#2c5ca4; border-bottom:#2c5ca4 solid 2px; }
.nav .active{  color:#2c5ca4; border-bottom:#2c5ca4 solid 2px;  }
/*导航栏下拉*/
.nav  li:hover ul.subnavigationlist { display:block;  }
.nav  ul.subnavigationlist{ display:none; position:absolute; background:#fff; z-index:600;}
.nav  ul.subnavigationlist li { float:none; width:180px; height:50px; line-height:50px; padding:0px; margin-left:0px; border-bottom:#fff solid 1px; overflow:hidden; }
.nav  ul.subnavigationlist li a { display:block; white-space:nowrap; font-weight:normal; background:#2c5ca4; color:#fff;   padding:0px 10px; text-align:left;}
.nav  ul.subnavigationlist li a:hover {  color:#ff0; }

/* 中部 */
.wp{ background:#fff; }
.container{ overflow:hidden;margin:0 auto;padding:0;}

/* 尾部 */
.footer{ margin:0 auto; height:450px; background:url("../img/b5.png"); color:#fff;  border-bottom:#ccc solid 1px; }
.footer .ln1{ height:40px; margin-top:40px;}
.footer .snm{ height:60px; margin-top:80px; margin-left:20px; font-size:28px; }
.footer .block1{ float:left; margin-left:20px; width:500px; line-height:50px;}
.footer .blockm{ float:left; margin-left:20px; width:0px; height:140px; background:#fff;}
.footer .block2{ float:left; margin-left:20px; width:740px; line-height:50px; }
.footer .block3{ float:right; width:60px; }
.ftnav{ margin-top:20px;   height:36px;  }
.ftnav ul{padding: 0;}
.ftnav li{float:left; padding-left: 20px; width:160px; overflow:hidden;}
.ftnav li a:hover{ color:#ccc; }

.bottom {margin: 0 auto;   text-align:center; line-height:4em;  background-color:#2a2a2a; 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:0px; height:720px; overflow:hidden;}
.f1 .bt{ margin-top:10px; text-align:center;}
.f1 .bt .tit{ display:block; height:140px; margin:0 auto; background:url("../img/t1.png") 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:40px; margin-left:0px; margin-right:0px; overflow:hidden; }
.f1 .ct .hd{ height:80px; }
.f1 .ct .hd ul{  margin-left:100px; }
.f1 .ct .hd ul li{ float:left; margin-left:120px; margin-top:20px; width:200px; height:50px; line-height:50px; background:#dc2d2a; color:#fff; text-align:center; }
.f1 .ct .bd{   }
.f1 .ct .bd ul{  }
.f1 .ct .bd ul li{ float:left; margin-left:30px; margin-top:20px; width:380px; height:380px; border:#eee solid 0px; }
.f1 .ct .bd .ipic{  width:380px; height:320px; border-radius:10px!important; overflow:hidden; }
.f1 .ct .bd .ipic img{ width:380px;  }
.f1 .ct .bd ul li.n0{ margin-left:0px;  }
.f1 .ct .bd .itit{ text-align:center; line-height:40px; }
.f1 .sjt{ display:none; margin-top:0px; margin-left:10px; height:30px; text-align:left; border-bottom:#ccc solid 0px; }
.f1 .sjt .more{ float:right; width:55px; height:20px; background:url("../img/more_en.png") no-repeat ; }

.f2{ margin-top:0px; height:850px;  background:url("../img/b1.jpg") no-repeat center;  overflow:hidden;}
.f2 .bt{ margin-top:0px; text-align:center;}
.f2 .bt .tit{ display:none; height:80px; margin:0 auto; background:url("../img/t3.png") no-repeat center; font-size:0px; }
.f2 .bt .x1{  font-size:30px; line-height:2em; color:#2c5ba3; }
.f2 .bt .x2{ margin-top:40px; }
.f2 .ct{ margin-top:0px; margin-right:-100px;   text-align:center;  }
.f2 .ct ul li{ float:left;  margin-top:0px; margin-left:-1px; width:481px; height:850px; background:#fff url("../img/l1.png") no-repeat center 200px; border-left:#ccc solid 1px; }
.f2 .ct ul li dt{ margin-top:350px; color:#2c5ca4; font-size:28px; }
.f2 .ct ul li dd{ margin-top:50px;  font-size:18px; line-height:2em; }

.f2 .ct ul li:hover{ background-color:rgba(200,200,200,0.1); color:#fff; }
.f2 .ct ul li:hover dt{ color:#fff; }

.f2 .ct ul li:nth-child(1){ background-image:url("../img/l1.png"); }
.f2 .ct ul li:nth-child(2){ background-image:url("../img/l2.png"); }
.f2 .ct ul li:nth-child(3){ background-image:url("../img/l3.png"); }
.f2 .ct ul li:nth-child(4){ background-image:url("../img/l4.png"); }
.f2 .ct ul li:hover:nth-child(1){ background-image:url("../img/l1h.png"); }
.f2 .ct ul li:hover:nth-child(2){ background-image:url("../img/l2h.png"); }
.f2 .ct ul li:hover:nth-child(3){ background-image:url("../img/l3h.png"); }
.f2 .ct ul li:hover:nth-child(4){ background-image:url("../img/l4h.png"); }

.f3{ margin-top:0px; height:850px; background:url("../img/b2.png") no-repeat center; overflow:hidden;}
.f3 .p1{ float:left; width:520px; margin-top:10px; }
.f3 .p2{ float:right; width:660px; margin-top:10px; margin-right:10px; }
.f3 .bt{ margin:0 auto; margin-top:80px;  text-align:left; overflow:hidden;   }
.f3 .bt .tit{ float:left; width:240px; height:140px; margin:0 auto; background:url("../img/t4.png") no-repeat center; font-size:0px;  }
.f3 .bt .more{ float:right; width:55px; height:20px; background:url("../img/more_en.png") no-repeat ; }
.f3 .ct{ margin-top:80px; }
.f3 .ct .apic{ float:left; width:600px; height: 380px;   }
.f3 .ct .atxt{ float:right; margin-top:-120px;  width:740px; height: 400px; text-indent:2em;  color:#fff; line-height:3em; overflow:hidden; }
.f3 .ct .more{ float:right; width:220px; height: 65px; background: url("../img/m1.png") no-repeat left;  }
.f3 .ct .p2 .idsc{ margin-left:100px; font-size:14px; color:#999; }

.f4{ margin-top:40px; height:700px; background:#fff; overflow:hidden;}
.f4 .bt{  height:80px;  text-align:center; overflow:hidden;   }
.f4 .bt .tit{ display:inline-block; text-indent:-1em; width:80px; height:60px; white-space:nowrap;  font-size:40px; border-bottom:#2b5ba5 solid 1px;  }
.f4 .ct { margin-top:20px;  line-height:50px; background:#fff;  overflow:hidden; }
.f4 .ct .hd{  height:50px; overflow:hidden; }
.f4 .ct ul{padding: 0;}
.f4 .ct .hd ul li{ float:left; margin-left:10px; text-align:center; width:162px; height:50px; color:#fff; background:#2c5ca4; }
.f4 .ct .hd ul li:nth-child(1){ margin-left:0px; }
.f4 .ct .hd ul li:hover{  background:#ffc000;  }
.f4 .ct .hd .on{  background:#ffc000;  }
.f4 .ct .bd{ margin-top:80px;  height:450px; line-height:50px;  overflow:hidden; }
.f4 .ct .bd ul{ display:none;}
.f4 .ct .bd ul.n0{ display:block; }
.f4 .ct .bd ul li{ float:left; margin-left:20px; text-align:center; width:333px; height:360px; border:#ccc solid 1px; overflow:hidden; }
.f4 .ct .bd ul li:nth-child(1){ margin-left:0px; }
.f4 .ct .bd ul li:hover{ background-color:rgba(43,91,165,0.5); border:#2c5ca4 solid 1px; }
.f4 .ct .bd .ipic{ width:330px; }
.f4 .ct .bd .ipic img{ width:330px; height:300px; }

.f5{ overflow:hidden; }
.f5 .pnav{ margin-top:60px;  height:80px; line-height:50px; background:#fff; border-bottom:#ccc solid 1px; overflow:hidden; }
.f5 .pnav ul{padding: 0;}
.f5 .pnav li{ float:left; text-align:center; width:170px; height:50px; color:#333; }
.f5 .pnav li:hover{  color:#2c5ca4; border-bottom:#2c5ca4 solid 2px; }
.f5 .pnav .active{  color:#2c5ca4; border-bottom:#2c5ca4 solid 2px;  }
.f5 .subp li{ width:154px!important; font-size:14px; }

.f5   ul.prdclist{ overflow:hidden; zoom:1; }
.f5   ul.prdclist li{ height:540px;  _display:inline; overflow:hidden; text-align:center;  }
.f5   ul.prdclist li.el0{ background:#eff2f7;  }
.f5 .prdclist .pic{ float:right; width:640px; text-align:center; }
.f5 .prdclist .pic img{ width:640px; height:480px; display:block;  padding:2px; border:0px solid #ccc; }
.f5 .prdclist .pic a:hover img{ border-color:#999;  }
.f5 .prdclist .title{ margin-top:80px; line-height:2em; font-size:36px; color:#2c5ba3;   }
.f5 .prdclist .desc{  line-height:2em; text-align:left; }
.f5 .prdclist .mr{ float:left; margin-top:60px; width:206px; height: 60px; background:#2c5ca6 url("../img/m1.png") no-repeat center; }

/*  栏目页 */
.location{ float:right;}
.location .breadcrumb{ text-align:right; background:none;}

.lside{ float:left; margin-top:10px; }
.sidepnl{ margin-left:10px; margin-bottom:20px; border:1px solid #ccc; background:#fff; overflow:hidden; }
.sidepnl .tt{ height:45px; line-height:45px; background:#fd9937; color:#fff; text-indent:1em; overflow:hidden; }
.sidepnl .tt1{ height:30px; line-height:30px;  text-indent:1em; overflow:hidden; }
.sidepnl .tt1 h2{  font-weight:bold; line-height:inherit; }
.sidepnl .tt h2{ line-height:45px; text-align:center; }
.sidepnl .tt a {  color:#fff; font-weight:normal; }
.sidepnl .ct{ overflow:hidden; margin:0 auto; line-height:45px; min-height:45px; background:#f0f0f0; }
.subchannellist {  text-align:center;}
.subchannellist li { height:45px; line-height:45px; border-bottom:#fff solid 1px;  }
.subchannellist li.n1{ }
.subchannellist li a {  margin-left:20px;  }
.subchannellist li a:hover { color:#0256ac;text-decoration:none; }
.subchannellist .current  { background:#f60; }
.subchannellist .current a { display:inline-block; width:150px;  color:#fff; }
.sidepnl .flnk{ line-height:30px; text-align:center; }
.sidepnl .flnk {  }
.sidepnl .flnk li{ height:45px; line-height:45px; border-bottom:#fff solid 1px; }

.rbody { float:right;  margin-top:10px;  }
.rbody .tt{ height:45px; border-bottom:#ccc solid 1px;   overflow:hidden; }
.rbody .tt .sjt{ float:left; padding:0 ; height:30px; line-height:45px; font-weight:bold;  }
.rbody .ct{ overflow:hidden;  }
.rbody .ct .nr{ margin:10px 10px; line-height:2em; overflow:hidden;  }
.rbody .ct p{ margin:10px; }
.rbody .ct img{ max-width:1250px; }
.rbody .ft{ height:60px; }

.page{  margin:0 auto; background:#fff; overflow:hidden; }
.page .cmp{ margin-top:20px; height:60px;  background: url("../img/lg.png") no-repeat left top; overflow:hidden; }
.page .ctts{ background: url("../img/ct.png") no-repeat right top; }

.article{  margin:0 auto; background:#fff; overflow:hidden; }
.titlelist{}
.titlelist li{  margin-top:10px; border-bottom:#ccc solid 1px;  height:30px; }
.titlelist li.n0{ margin-left:0px;  }
.titlelist .itit{ float:left; width:500px; }
.titlelist .tm{ float:left; width:120px;  text-align:center; }
.titlelist .vw{ float:left; width:80px;  text-align:right; }

.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; }

.thumblist{}
.thumblist li{ float:left; margin-left:10px; margin-top:20px; width:220px; height:320px; border:#ccc solid 1px; text-align:center; }
.thumblist li.n0{ margin-left:0px;  }
.thumblist li.d23,.thumblist li.d24{ height:210px; }
.thumblist .pic{ margin-top:10px;  overflow:hidden;  }
.thumblist .p21,.thumblist .p22{ height:240px; overflow:hidden;  }
.thumblist .p23,.thumblist .p24{ height:160px; overflow:hidden;  }
.thumblist .pic img{ width:200px;  }
.thumblist .ctn{ text-align:center; line-height:40px; }

.photolist{}
.photolist li{ float:left; margin-left:30px; margin-top:20px; width:160px; height:240px; }
.photolist li.n0{ margin-left:0px;  }
.photolist .pic{ height:185px; overflow:hidden;  }
.photolist .pic img{ width:155px; border:#ccc solid 1px; }
.photolist .ctn{ text-align:center; line-height:40px; }

/*带摘要文字列表*/
.desclist{ }
.desclist li { height:140px; padding-left:10px; border-bottom:#ccc solid 1px;  overflow:hidden;width:100%;/*解决ie6bug*/}
.desclist li a{  }
.desclist li .InfoTime{ float:right;}
.desclist .info_wrap{ margin-left:140px; margin-top:10px;}
.desclist .tm{ float:left; margin-left:-120px; margin-top:10px; padding:10px 10px; width:80px;  line-height:2em; text-align:center; font-size:12px; overflow:hidden;}
.desclist .tm:first-line{ font-size:28px;}
.desclist .InfoTitle{ display:block; text-align:left; font-size:22px; line-height:2em;}
.desclist .infodesc{ margin:10px 10px; 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; min-height:400px;}
.show .wb{ height:40px; border-bottom:#ccc solid 1px;}


/* 产品焦点图 */
#outBox{ width: 1400px; height: 680px; margin: 20px 0px; }
#outBox .w{ width: 700px; height: 700px; }
#outBox .leftBox{ width: 700px; height: 760px; float: left;}
#outBox .normalBox{ overflow: hidden; position: relative; border: 1px solid #f2f2f2;}
#outBox .normalBox img{ width:700px;}
#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: 700px; height: 700px; 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:#333; }
.pageft .pagination li.active a{ color:#fff; background:#2b5ba5; border-color:#2b5ba5; }