@charset "utf-8";

/* CSS Document */

*{margin:0px; padding:0px;}

body{ font-size:14px; font-family:"微软雅黑","Microsoft YaHei","msyh"; color: #333;}

a{ color: #333; text-decoration: none; }

li{ list-style: none; }

button, textarea, input, select{ outline: none; }

.left{ float: left; }

.right{ float: right; }

.zkh{font-family: "zcoolkuhei";}

.fr{ float: right; }

.fl{ float: left; }

.mt1{ margin-top: 10px; }

.mt2{ margin-top: 20px; }

.mt3{ margin-top: 30px; }

.mt5{ margin-top: 50px; }

.mt7{ margin-top: 70px; }

.mb1{ margin-bottom: 10px; }

.mb2{ margin-bottom: 20px; }

.mb3{ margin-bottom: 30px; }

.mb5{ margin-bottom: 50px; }

.mb7{ margin-bottom: 70px; }



.pt1{ padding-top: 10px; }

.pt2{ padding-top: 20px; }

.pt3{ padding-top: 30px; }

.pt5{ padding-top: 50px; }

.pt7{ padding-top: 70px; }

.pb1{ padding-bottom: 10px; }

.pb2{ padding-bottom: 20px; }

.pb3{ padding-bottom: 30px; }

.pb5{ padding-bottom: 50px; }

.pb7{ padding-bottom: 70px; }



.f07{ font-size: 0.7rem }

.f08{ font-size: 0.8rem }

.f09{ font-size: 0.9rem }

.f10{ font-size: 1rem }

.f11{ font-size: 1.1rem }

.f12{ font-size: 1.2rem }

.f13{ font-size: 1.3rem }

.f14{ font-size: 1.4rem }

.f15{ font-size: 1.5rem }

.f16{ font-size: 1.6rem }

.f17{ font-size: 1.7rem }

.f18{ font-size: 1.8rem }

.f19{ font-size: 1.9rem }

.f20{ font-size: 2rem }

.f30{ font-size: 3rem }

.f40{ font-size: 4rem }

.hide{ display: none; }



::selection{color:#fff;background:rgba(170,170,170,0.55);}

::-moz-selection{color:#fff;background:rgba(170,170,170,0.55);}

::-webkit-selection{color:#fff;background:rgba(170,170,170,0.55);}



.cyellow{ color: #fee912; }

.cgray{ color: #3d3f3e; }

.mx12 img{ max-width: 1200px; margin: 10px auto; }

.bgcenter{ background-position: center; background-repeat: no-repeat; }

.pfull{ background-size: cover; background-position: center; background-repeat: no-repeat; }

.clear{ clear: both; }

.container{ width: 100%; }

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

.wrapper>.title{ font-size: 2rem; }

/*图片水平垂直居中*/

/*.pic{ width: 200px; height: 200px; vertical-align: middle; display: table-cell; text-align: center; }

.pic img{ display: block; vertical-align: middle; margin: 0 auto; max-width: 200px; max-height: 200px; }*/

/*文字单行显示超过隐藏*/

.aline{ width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }



/* banner */

.banner .slideBox{ width:100%; height:630px; overflow:hidden; position:relative;}

.banner .slideBox .hd{ height:15px; overflow:hidden; position:absolute; width: 100%; left: 0px; bottom: 7px; z-index:1; }

.banner .slideBox .hd ul{ overflow:hidden; zoom:1; display: table; margin: 0 auto;  }

.banner .slideBox .hd ul li{ float:left; margin:0 4px;  width:14px; height:14px; background:#666; cursor:pointer; border-radius: 50%; }

.banner .slideBox .hd ul li.on{ background:#f90; color:#666; }

.banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }

.banner .slideBox .bd li{ zoom:1; vertical-align:middle; }

.banner .slideBox .bd img{ width:100%; height:630px; display:block;  }

.banner .slideBox .bd li a{ width: 100%; height: 630px; display: block; background-position: center; background-repeat:no-repeat;  margin-left:auto; margin-right:auto; }



/* 下面是前/后按钮代码，如果不需要删除即可 */

.banner .slideBox .prev,

.banner .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(/static/images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }

.banner .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }

.banner .slideBox .prev:hover,

.banner .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.banner .slideBox .prevStop{ display:none;  }

.banner .slideBox .nextStop{ display:none;  }



.pageinfo .wrapper{ height: 28px; line-height: 28px; padding: 1.5rem 0 1rem 0; margin-bottom: 30px; border-bottom: 7px solid #eee; }

.pageinfo .location{ color: #999; float: left; }

.pageinfo .location span{ color: #09f; }



.pageinfo .location-t{ float: right; font-weight: bold; }

.pageinfo .location-t span{ color: #34a1fe; font-size: 20px; font-style: normal; font-variant: normal; line-height: 140%;  }

.pageinfo .location-t i{ color: #a4c2f4; font-size: 20px; line-height: 28px; text-transform: uppercase; }



.news-con{ padding: 0px 0 50px 0; }

.news-con .right{ width: 935px; }

.news-con .right .title,.article .title{ padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #0cf; color: #09f; font-weight: bold; }

.sidebar{ width: 250px; float: left; }

.sidebar ul li a{ display: block;  border-top: 3px solid #09f; }

.sidebar ul li a img{ display: block; width: 100%; }

.sidebar ul li{ margin-bottom: 10px; position: relative; }

.sidebar ul li.a div{ position: absolute; right: 25px; top: 20px; text-align: right; line-height: 1.5rem; }

.sidebar ul li.a div p{ font-size: 0.92rem;  }

.sidebar ul li.a div p span{ color: #aaa; }



.sidebar ul li.a2 div{ position: absolute; left: 25px; top: 20px; text-align: left; line-height: 1.5rem; }

.sidebar ul li.a2 div p{ font-size: 0.92rem;  }

.sidebar ul li.a2 div p span{ color: #aaa; }



.con{ width: 900px; float: right; }

.con ul li{ border-bottom: 1px dashed #aaa; padding-bottom: 15px; margin-bottom: 15px; position: relative; }

.con ul li .date{ width: 70px; height: 70px; background: #198ede; text-align: center; color: #fff; font-weight: 300; float: left; }

.con ul li .date .day{ font-size: 2.5rem; line-height: 3rem;  }

.con ul li .date .ym{ }

.con ul li .area{ float: right; width: 813px; }

.con ul li .area .t{ margin-bottom: 5px; width: 733px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.con ul li .area .keyword{ margin-bottom: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #0071bf; }

.con ul li .area .t a{ font-size: 1.1rem;   }

.con ul li .area .p a{ font-size: 0.85rem; color: #999; }

.con ul li .more{ display: block; position: absolute; right: 0px; top: 0px; color: #09f; font-size: 0.88rem; }

.con ul li:hover .more{ text-decoration: underline; }



.article{ width: 900px; float: right; }

.article .t{ font-size: 1.5rem; font-weight: bold; text-align: center;  }

.article .info{ font-size: 0.85rem; margin-top:20px; text-align: center; }

.article .jianjie{ padding:15px; border: 1px solid #bbb; background: #eee; font-size: 0.85rem; margin-top: 20px; }

.article .news-text{ margin-top: 20px; }

.article .news-text img{ max-width: 100%; }



.sidebar-p{ width: 250px; float: left; }

.sidebar-p .t{ background-color: #09f; padding:0 20px; line-height: 75px; color: #fff; font-size: 24px; }

.sidebar-p .t i{ font-size: 14px; }



.sidebar-p ul li{ position: relative; margin-top: 5px; margin-top: 2px;  }

.sidebar-p ul li a{ height: 50px; text-overflow: ellipsis; white-space: nowrap; line-height: 50px; padding:0 20px; display: block; overflow: hidden; box-sizing: border-box; background-color: #eeeeee; border-left: 3px solid #95caef; font-size: 16px; }

.sidebar-p ul li.active a, .sidebar-p ul li a:hover{ background-color: #09f; color: #fff }

.tj_box .t,.tj_new .t{font-weight:normal;font-size:14px}

.product-list{ width: 935px; float: right; }

.product-list ul li{ float: left; width: 31%; height:335px; border: 1px solid #ddd; box-sizing: border-box; margin-left: 2.333%; margin-bottom: 20px; }

.product-list ul li .pic{ 

	width: 287px;

    height: 229px;

    display: table-cell;

    vertical-align: middle;

    text-align: center;

	overflow:hidden;

}

.product-list ul li .info{ height:110px; margin:10px 15px 0px 15px;}



.product-list ul li a img{/* transition: 3s all;*/ }

.product-list ul li .t{ text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 24px; font-size: 18px; }

.product-list ul li .p{ margin-top:10px; line-height: 22px; overflow: hidden; height: 44px; }

.product-list ul li .t a{ color: #777; }

.product-list ul li:hover{ border: 1px solid #0cf; }

.product-list ul li:hover .t{ color: #09f; }

.product-list ul li:hover img{ /*transform: scale(1.1);*/ }

.fenye{ display: table; margin:0 auto; }
.dw p{padding:0;margin:0;font: 16px/22px "Microsoft YaHei";}
.dw .content{ width: 1200px; margin: 0 auto; position: relative; font-family: "Microsoft YaHei", serif;}
.dw { height: 210px; position: fixed; left: 0; bottom: 0; z-index: 9;}
.dw .dw1 { position: fixed; left: 0; bottom: 10%; width: 155px; height: 125px; background: url("../images/dwb1.png") no-repeat;}
.dw .dw1 p { font-size: 18px; color: #ffffff;padding: 70px 0 0 25px; line-height:23px;}
.dw .dw1 p span { display:block; font-weight: bold;}
.dw .dw2 { display:block; position: fixed; left: 0; bottom: 0; width: 0; height: 163px; background: url("../images/dwb2.png") no-repeat center 0; overflow:hidden;}
.dw .dw2 p { padding: 110px 0 0 320px; float: left; font-size: 30px; color: #ffffff;}
.dw .dw2 p span { font-size: 50px; color: #f80a0a; font-weight: bold;}
.dw .dw2 em { display: block; float: left; padding: 78px 0 0 25px; font-size: 14px; color: #ffffff; line-height: 85px; font-style:normal;}
.dw .dw2 em span { margin-left: 15px;}
.dw .dw2 a { text-decoration: none;display: block; float: left; margin: 78px 0 0 20px; width: 200px; height: 85px; background: #f80a0a; font-size: 16px; color: #ffffff; text-align: center; line-height: 85px; font-weight: bold;}
.dw .dw2 .dwx { position: absolute; right: 15px; top: 85px; width: 30px; height: 30px;}