.container{display:block; width:100%;}
.container .customer{display:block; width:100%;  background:url(../images/customer_bg.jpg) repeat-x left top;}
.container .customer .inner{display:block; padding:70px 0px;}
.container .customer .inner .title{display:block; background:url(../images/k.png) no-repeat center center; height:100px;}
.container .customer .inner .title h4{display:block; height:50px; line-height:50px; font-size:28px; color:#282828; text-align:center; }
.container .customer .inner .title h4 .blue{color:#002f69;}
.container .customer .inner .title .en{display:block; line-height:30px; font-size:15px; text-align:center; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}



.container .customer .inner .con .style{display:block; max-width:1100px; margin:0 auto; margin-top:40px;overflow:hidden;}
.container .customer .inner .con .style .h_cs{display:block; max-width:1100px; margin:0 auto;margin-top:20px; position:relative; z-index:2; left:0; top:0;}

.container .customer .inner .con .style .h_cs .arrow_l{position:absolute; left:-70px; top:30px; z-index:8;width:42px; height:80px; background:url(../images/left.jpg) no-repeat left center; cursor:pointer;}
.container .customer .inner .con .style .h_cs .arrow_l:hover{background:url(../images/lefth.jpg) no-repeat left center; }
.container .customer .inner .con .style .h_cs .arrow_l.current{background:url(../images/lefth.jpg) no-repeat left center; }

.container .customer .inner .con .style .h_cs .arrow_r{position:absolute; right:-70px; top:30px; z-index:9;width:42px; height:80px; background:url(../images/right.jpg) no-repeat left center; cursor:pointer;}
.container .customer .inner .con .style .h_cs .arrow_r:hover{background:url(../images/righth.jpg) no-repeat left center;}
.container .customer .inner .con .style .h_cs .arrow_r.current{background:url(../images/righth.jpg) no-repeat left center;}

.container .customer .inner .con .style .h_cs #scrollarea{display:block; max-width:1100px;  margin:0 auto; overflow:hidden; }
.container .customer .inner .con .style .h_cs #inrea{display:block; width:800%;}
.container .customer .inner .con .style .h_cs #area1{float:left;}
.container .customer .inner .con .style .h_cs #area2{float:left;}
.container .customer .inner .con .style .h_cs #scrollarea li{float:left; width:240px;  margin-right:28px; }
.container .customer .inner .con .style .h_cs #scrollarea li a{display:block; width:240px;  }
.container .customer .inner .con .style .h_cs #scrollarea li a:hover img{background:#3188cf; color:#fff;}
.container .customer .inner .con .style .h_cs #scrollarea li img{display:block; width:240px;height:120px; margin:0 auto; }
.container .customer .inner .con .style .h_cs #scrollarea li .tit{display:block; line-height:40px; font-size:15px;  color:#282828;  background:url(../images/arrow.png) no-repeat 95% center;}
.container .customer .inner .con .style .h_cs #scrollarea li a:hover .tit{color:#002f69; font-weight:bold; text-decoration:underline;}


.container .products{display:block; max-width:1200px; margin:0 auto; margin-top:80px;}
.container .products .list{width:20%;}
.container .products .show{width:78%;}

.container .products .list .title{display:block; width:100%; padding:15px 0px; background:#002f69;}
.container .products .list .title h4{display:block; line-height:30px; font-size:22px; color:#fff; text-align:center; }
.container .products .list .title .en{display:block; height:30px; line-height:30px; font-size:15px; color:#fff; font-family:Arial, Helvetica, sans-serif; text-align:center; text-transform:uppercase; background:url(../images/line.jpg) no-repeat center center;}
.container .products .list .con{display:block; border:3px solid #002f69; padding:2%;}
.container .products .list .con ul{display:block; width:96%; margin:0 auto;}
.container .products .list .con ul li{display:block;   background:url(../images/li_bg.jpg) repeat-x left top; height:48px; line-height:48px; margin-bottom:2px;}
.container .products .list .con ul li a{display:block;padding-left:30px; height:48px; line-height:48px; font-size:14px; font-weight:bold; background:url(../images/ar.png) no-repeat 7px center;overflow:hidden;}
.container .products .list .con ul li a:hover{color:#002f69; text-decoration:underline;}

.container .products .show .title{display:block; width:100%; height:50px; border-bottom:2px solid #002f69;}
.container .products .show .title h4{display:block; line-height:50px; font-size:22px; color:#002f69; padding-left:35px; background:url(../images/hot.jpg) no-repeat left center;}
.container .products .show .title h4 .en{line-height:50px; padding-left:7px; font-size:15px; color:#002f69; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;  font-weight:normal;}
.container .products .show .title .more{float:right;padding-right:14px; line-height:50px; font-size:12px;background:url(../images/jia.jpg) no-repeat right center;}
.container .products .show .con{display:block; width:100%; padding-top:15px;}
.container .products .show .con ul{display:block; width:100%;}
.container .products .show .con ul li{float:left; width:32%; margin-right:1.3%; margin-bottom:20px; transition:all .7s linear 0s;  -webkit-transition:all .7s linear 0s; -moz-transition:all .7s linear 0s; -o-transition:all .7s linear 0s;}
.container .products .show .con ul li:hover{ transform:translate(0,-5px); -webkit-transform:translate(0,-5px);  -moz-transform:translate(0,-5px);  -o-transform:translate(0,-5px);}
.container .products .show .con ul li a.pic{display:block; width:100%;}
.container .products .show .con ul li a.pic img{display:block; width:100%;}
.container .products .show .con ul li a.tit{display:block; width:97%; height:40px; background:url(../images/pic_tit_bg.jpg) no-repeat center top; background-size:100% auto; font-size:15px; color:#fff; line-height:40px; font-weight:bold; padding-left:3%; position:relative; z-index:2; left:0; top:0;}
.container .products .show .con ul li a.tit .moret{display:block; position:absolute; right:0; z-index:9; top:0; height:40px; width:61px; background:url(../images/p_more.png) no-repeat right top;}
.container .products .show .con ul li a.tit:hover{text-decoration:underline;}

.container .company{display:block; width:100%; margin-top:80px; background:#eeeff0 url(../images/gs_bg.jpg) no-repeat center top; }
.container .company .inner{position:relative; z-index:2; left:0; top:0;}
.container .company .inner .fl{width:50%;}
.container .company .inner .fl img{display:block; width:50%;position:absolute; left:0; bottom:0; z-index:8;}
.container .company .inner .fr{width:50%; position:relative; z-index:2; left:0; top:0;}
.container .company .inner .fr img{display:block; width:100%;}
.container .company .inner .fr .more{display:block; position:absolute; z-index:8; left:0; bottom:0; width:160px; height:40px;  line-height:40px; background:#fff url(../images/p_more.png) no-repeat right center; padding-left:55px; font-size:14px;}


.container .company .inner .fl .wz{display:block; padding-top:80px; }
.container .company .inner .fl .wz .tit{display:block; line-height:40px; font-size:26px; color:#282828; font-weight:bold; }
.container .company .inner .fl .wz .detail{display:block; font-size:15px; line-height:25px; padding-top:11px;padding-right:25px;}


.container .hot_products{display:block; max-width:1200px; margin:0 auto; margin-top:80px;overflow:hidden;}
.container .hot_products .title{display:block; background:url(../images/k.png) no-repeat center center; height:100px;}
.container .hot_products .title h4{display:block; height:50px; line-height:50px; font-size:28px; color:#282828; text-align:center; }
.container .hot_products .title h4 .blue{color:#002f69;}
.container .hot_products .title .en{display:block; line-height:30px; font-size:15px; text-align:center; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.container .hot_products .con{display:block; padding-top:12px;}

.container .hot_products .h_pro{display:block; max-width:1200px; margin:0 auto;margin-top:20px; position:relative; z-index:2; left:0; top:0;}

.container .hot_products .h_pro .arrow_l{position:absolute; left:-55px; top:90px; z-index:8;width:42px; height:80px; background:url(../images/left.jpg) no-repeat left center; cursor:pointer;}
.container .hot_products .h_pro .arrow_l:hover{background:url(../images/left.jpg) no-repeat left center; }
.container .hot_products .h_pro .arrow_l.current{background:url(../images/left.jpg) no-repeat left center; }

.container .hot_products .h_pro .arrow_r{position:absolute; right:-55px; top:90px; z-index:9;width:42px; height:80px; background:url(../images/right.jpg) no-repeat left center; cursor:pointer;}
.container .hot_products .h_pro .arrow_r:hover{background:url(../images/right.jpg) no-repeat left center;}
.container .hot_products .h_pro .arrow_r.current{background:url(../images/right.jpg) no-repeat left center;}

.container .hot_products .h_pro #scrollarea{display:block; max-width:1200px;  margin:0 auto; overflow:hidden; }
.container .hot_products .h_pro #inrea{display:block; width:1200%;}
.container .hot_products .h_pro #area1{float:left;}
.container .hot_products .h_pro #area2{float:left;}
.container .hot_products .h_pro  ul li{float:left; width:300px; margin-right:25px; margin-bottom:20px;}
.container .hot_products .h_pro  ul li a.pic{display:block; width:300px;}
.container .hot_products .h_pro  ul li a.pic img{display:block; width:300px; height:225px;}
.container .hot_products .h_pro  ul li a.tit{display:block; width:97%; height:40px; background:url(../images/pic_tit_bg.jpg) no-repeat center top; background-size:100% auto; font-size:13px; color:#fff; line-height:40px; font-weight:bold; padding-left:3%; position:relative; z-index:2; left:0; top:0; overflow:hidden;}
.container .hot_products .h_pro  ul li a.tit .moret{display:block; position:absolute; right:0; z-index:9; top:0; height:40px; width:61px; background:url(../images/p_more.png) no-repeat right top;}
.container .hot_products .h_pro  ul li a.tit:hover{text-decoration:underline;}


.container .news{display:block; max-width:1200px; margin:0 auto; margin-top:80px;}
.container .news .title{display:block; background:url(../images/k.png) no-repeat center center; height:100px;}
.container .news .title h4{display:block; height:50px; line-height:50px; font-size:28px; color:#282828; text-align:center; }
.container .news .title h4 .blue{color:#002f69;}
.container .news .title .en{display:block; line-height:30px; font-size:15px; text-align:center; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.container .news .gs_news{width:66%;}
.container .news .industry_news{width:30%;}

.container .news .gs_news .mtitle{display:block; height:50px; }
.container .news .gs_news .mtitle h4{display:block; line-height:50px; font-size:22px; color:#002f69; padding-left:40px; background:url(../images/m_icon01.jpg) no-repeat left center;}
.container .news .gs_news .mtitle .more{float:right; line-height:50px; padding-right:15px; background:url(../images/jia.jpg) no-repeat right center; font-size:12px;}
.container .news .gs_news .mcon{display:block; width:100%; padding-top:10px;}
.container .news .gs_news .mcon .rescommend .ns{float:left;width:50%;}
.container .news .gs_news .mcon  .rescommend .ns img{display:block; width:100%;}

.container .news .gs_news .mcon  .rescommend .wz{float:right; width:47%; border-top:2px solid #002f69; padding-top:25px; }
.container .news .gs_news .mcon  .rescommend .wz .tit{display:block; font-size:17px; line-height:50px; color:#e1140f; font-weight:bold;}
.container .news .gs_news .mcon  .rescommend .wz .tit:hover{text-decoration:underline;}

.container .news .gs_news .mcon  .rescommend .wz .detail{display:block; font-size:14px; line-height:24px; padding-top:16px;}
.container .news .gs_news .mcon  .rescommend .wz .detail:hover{text-decoration:underline;}
.container .news .gs_news .mcon  .rescommend .wz .detail .moret{font-size:14px; color:#002f69; }
.container .news .gs_news .mcon  .rescommend .wz .time{display:block; font-size:14px; line-height:24px; padding-top:25px;}

.container .news .gs_news .mcon  ul{display:block; width:100%; margin-top:35px;}
.container .news .gs_news .mcon  ul li{float:left; width:48%; margin-right:2%; padding-bottom:18px; border-bottom:1px solid #e1e1e1; margin-bottom:18px;}
.container .news .gs_news .mcon  ul li .time{float:left; width:15%;}
.container .news .gs_news .mcon  ul li .time .d{display:block; height:40px; width:100%; line-height:40px; font-size:24px; color:#999; text-align:center; }
.container .news .gs_news .mcon  ul li .time .yy-m{display:block; line-height:20px; font-size:13px; text-align:center; color:#999; font-family:Arial, Helvetica, sans-serif;}

.container .news .gs_news .mcon  ul li .wz{float:right; width:79%; padding-left:4%; border-left:1px solid #eee;}
.container .news .gs_news .mcon  ul li .wz .tit{display:block; font-size:16px; line-height:30px; color:#002f69; font-weight:bold; }
.container .news .gs_news .mcon  ul li .wz .tit:hover{text-decoration:underline;}

.container .news .gs_news .mcon  ul li .wz .detail{display:block; font-size:14px; line-height:18px; height:36px; overflow:hidden;}
.container .news .gs_news .mcon  ul li .wz .detail:hover{text-decoration:underline;}


.container .news .industry_news .mtitle{display:block; height:50px; padding-bottom:10px;border-bottom:2px solid #002f69;}
.container .news .industry_news .mtitle h4{display:block; line-height:50px; font-size:22px; color:#002f69; padding-left:40px; background:url(../images/m_icon02.jpg) no-repeat left center;}
.container .news .industry_news .mtitle .more{float:right; line-height:50px; padding-right:15px; background:url(../images/jia.jpg) no-repeat right center; font-size:12px;}
.container .news .industry_news .mcon{display:block; width:100%; margin-top:10px;}

.container .news .industry_news .mcon dl{display:block; width:100%; padding-bottom:14px; margin-bottom:14px; border-bottom:1px solid #e1e1e1;}
.container .news .industry_news .mcon dl dt{display:block;  padding-left:25px;background:url(../images/arr.jpg) no-repeat left 5px; }
.container .news .industry_news .mcon dl dt .time{display:block; line-height:20px; font-size:14px; }
.container .news .industry_news .mcon dl dt .tit{display:block; line-height:30px; font-size:15px; color:#002f69; font-weight:bold;}
.container .news .industry_news .mcon dl dt .tit:hover{text-decoration:underline;}

.container .news .industry_news .mcon dl dd{display:block; padding-left:25px;}
.container .news .industry_news .mcon dl dd a{display:block; font-size:14px; line-height:22px; padding-top:5px;}
.container .news .industry_news .mcon dl dd a:hover{text-decoration:underline;}