﻿.container{display:block; width:100%; margin-top:80px;}
.container .products{display:block; width:1200px; margin:0 auto;}
.container .products .mtitle{display:block;background:url(../images/tit_bg.jpg) no-repeat center 20px; height:70px; margin-bottom:20px;}
.container .products .mtitle h4{display:block; line-height:40px; font-size:26px; color:#282828; text-align:center;}
.container .products .mtitle .tip{display:block; line-height:30px; font-size:20px; color:#282828; text-align:center;}

.container .products  .list{width:248px;border:1px solid #e1e1e1;}
.container .products  .show{width:930px;}

.container .products  .list li a{display:block; width:228px;height:54px; background:url(../images/li.jpg) no-repeat left top; padding-left:20px; font-size:16px; color:#fff; line-height:54px; font-weight:bold;}
.container .products  .list li a:hover{background:url(../images/lih.jpg) no-repeat left top;}
.container .products  .list li dd a{display:block;height:58px; line-height:58px; border-bottom:1px solid #e1e1e1; background:none; font-size:15px; color:#09579f; font-weight:bold;background:#fff url(../images/ar.png) no-repeat 90% center;}
.container .products  .list li dd a:hover{background:#f0f0f0 url(../images/ar.png) no-repeat 90% center; color:#09579f;}
.container .products  .show .title{display:block; height:50px;}
.container .products  .show .title h4{display:block; line-height:50px; font-size:22px; color:#09579f;}
.container .products  .show .title h4 .en{font-size:15px; color:#666666; padding-left:10px; text-transform:uppercase; line-height:50px; font-weight:normal;}
.container .products  .show .title .more{float:right;line-height:20px; margin-top:15px; font-size:13px; text-transform:uppercase; padding-right:17px; background:url(../images/arrow.png) no-repeat right center;}
.container .products  .show .title .more:hover{background:url(../images/arrowh.png) no-repeat right center; color:#09579f;}
.container .products  .show .con{display:block; padding-top:20px;}
.container .products  .show .con ul{display:block; width:950px;}
.container .products  .show .con ul li{float:left; width:300px; margin-right:15px; margin-bottom:15px;}
.container .products  .show .con ul li a{display:block; width:300px; border-bottom:1px solid #e1e1e1;}
.container .products  .show .con ul li a img{display:block; width:300px; height:225px;}
.container .products  .show .con ul li a .tit{display:block; line-height:40px; font-size:15px; background:url(../images/arr.jpg) no-repeat 98% center;}
.container .products  .show .con ul li a .tit:hover{background:url(../images/arrh.jpg) no-repeat 98% center;}



.container .case{display:block; width:100%; margin-top:80px;background:url(../images/case_bg.jpg) no-repeat center bottom; padding-bottom:60px;}
.container .case .title{display:block;}
.container .case .title h4{display:block;line-height:40px; font-size:26px; color:#282828;}
.container .case .title .tip{display:block; line-height:24px; font-size:20px; color:#282828;}
.container .case .con{display:block; padding-top:15px;}




.h_pro{display:block; width:1200px; margin:0 auto; position:relative; z-index:2; left:0; top:0;}

.h_pro .arrow_l{position:absolute; right:50px; top:-65px; z-index:8;width:44px; height:44px; background:url(../images/left.jpg) no-repeat left center; cursor:pointer;}
.h_pro .arrow_l:hover{background:url(../images/lefth.jpg) no-repeat left center; }
.h_pro .arrow_l.current{background:url(../images/lefth.jpg) no-repeat left center; }

.h_pro .arrow_r{position:absolute; right:0px; top:-65px; z-index:9;width:44px; height:44px; background:url(../images/right.jpg) no-repeat left center; cursor:pointer;}
.h_pro .arrow_r:hover{background:url(../images/righth.jpg) no-repeat left center;}
.h_pro .arrow_r.current{background:url(../images/righth.jpg) no-repeat left center;}

.h_pro #scrollarea{display:block; width:1200px; height:500px; margin:0 auto; overflow:hidden; }
.h_pro #inrea{display:block; width:800%;}
.h_pro #area1{float:left;}
.h_pro #area2{float:left;}
.h_pro #scrollarea li{float:left; width:385px; margin-left:18px; font-size:15px; color:#666;   }
.h_pro #scrollarea li a{display:block; width:385px;height:500px; background:#e2e0e0; position:relative; z-index:2; left:0; top:0;}
.h_pro #scrollarea li a:hover img{background:#3188cf; color:#fff;}
.h_pro #scrollarea li img{display:block; width:385px; height:289px; margin-bottom:10px;}
.h_pro #scrollarea li .tit{display:block; width:345px;padding:0px 20px; height:40px; line-height:40px; color:#09579f; font-size:16px;  margin:0 auto; font-weight:bold;text-align:left;}
.h_pro #scrollarea li .detail{display:block; width:345px;padding:0px 20px; margin:0 auto; font-size:14px; line-height:22px;  text-align:left; height:88px; overflow:hidden;}
.h_pro #scrollarea li .moret{display:block;height:18px; line-height:18px; font-size:15px; color:#282828;padding-right:55px; background:url(../images/art.png) no-repeat right center; position:absolute; right:20px; bottom:20px; z-index:8;}
.h_pro #scrollarea li .moret:hover{display:block;height:18px; line-height:18px; font-size:15px; color:#282828;padding-right:55px; background:url(../images/arth.png) no-repeat right center;color:#09579f;}


.container .quality{display:block; width:100%;  background:#f0f0f0 url(../images/quality_bg.jpg) no-repeat center top;}
.container .quality .q_in{display:block; width:100%; background:url(../images/quality_bg2.jpg) no-repeat center bottom;}
.container .quality .inner{display:block; padding:70px 0px;}
.container .quality .title{display:block;width:100%; height:70px; background:url(../images/kuang2.png) no-repeat center 20px;}
.container .quality .title h4{display:block;line-height:40px; font-size:26px; color:#fff; text-align:center;}
.container .quality .title .tip{display:block; line-height:30px;font-size:20px; color:#fff; text-align:center; }
.container .quality .mm{display:block; width:700px; margin:0 auto; font-size:15px; color:#fff; text-align:center; padding:15px 0px;}
.container .quality .con{display:block; width:100%;margin-top:40px;}
.container .quality .con .fl{width:645px; height:636px;background:url(../images/pic_bg.png) no-repeat left top; padding-bottom:14px;}
.container .quality .con .fl li{float:left; width:100%; position:relative; z-index:2; left:0; top:0; height:620px;}
.container .quality .con .fl li .tiao{display:block; padding-left:35px;padding-top:30px;}
.container .quality .con .fl li .num{display:block;line-height:50px; font-size:32px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#09579f; padding-left:25px;}
.container .quality .con .fl li .detail{display:block;width:400px; padding-top:15px;padding-left:25px;}
.container .quality .con .fl li .detail h2{display:block; line-height:40px;   margin:0 auto;font-size:24px; font-style:italic; color:#09579f;}

.container .quality .con .fl li .detail i{display:block;font-size:14px; line-height:24px; margin:0 auto;}
.container .quality .con .fl li .imgt{display:block;}


.container .quality .con .fl .szg_huan{display:block; width:645px; height:636px; position:relative;z-index:2;overflow:hidden;margin-left:13px;}
.container .quality .con .fl .huan{display:block; width:645px; height:636px; position:relative;z-index:2;overflow:hidden;}
.container .quality .con .fl .huan .ze{display:block; position:absolute;width:410px;padding:0px 5px; left:0; bottom:0; height:38px; z-index:3;color:#fff;line-height:34px;font-size:16px;}
.container .quality .con .fl .huan .pic{display:block; width:1200%;}
.container .quality .con .fl .huan .pic li{float:left; width:645px; height:636px;}
.container .quality .con .fl .huan  .btnt{ position:absolute;left:170px; bottom:30px; z-index:22;height:2px;}
.container .quality .con .fl .huan  .btnt li{float:left;width:30px; height:2px;line-height:2px;background:#ababab;font-size:2px;margin-right:5px;cursor:pointer;color:#fff;text-align:center;}
.container .quality .con .fl .huan  .btnt li.red{background:#09579f;}

.container .quality .con .fr{width:461px;}
.container .quality .con .fr .service{display:block; margin-top:61px;}
.container .quality .con .fr .service .mtitle{display:block; margin-left:133px; width:328px; height:67px; background:#fff;}
.container .quality .con .fr .service .mtitle h4{display:block; line-height:67px; color:#282828; text-align:center; font-size:24px; }
.container .quality .con .fr .service .mcon{display:block; width:100%; padding-bottom:330px; background:url(../images/service.jpg) no-repeat right bottom;}
.container .quality .con .fr .service .mcon dl{display:block; width:100%; height:54px;margin-bottom:14px; }
.container .quality .con .fr .service .mcon dl dt{float:left;width:133px; height:44px; background:#09579f; line-height:44px; font-size:17px; text-align:center; color:#fff; font-weight:bold;}
.container .quality .con .fr .service .mcon dl dd{float:right;width:318px; font-size:13px; line-height:22px;padding:5px 0px;}


.container .company{display:block; width:1200px; margin:0 auto; margin-top:80px;}
.container .company .fl{width:383px;height:490px; background:#09579f; position:relative; z-index:2; left:0; top:0;}
.container .company .fl .title{display:block;background:url(../images/kk.jpg) no-repeat left 20px; margin-left:38px; margin-top:40px;}
.container .company .fl .title .en{line-height:40px; font-size:28px; text-transform:uppercase; font-family:Candara,Arial, Helvetica, sans-serif; color:#fff;padding-left:30px;}
.container .company .fl .title h4{display:block; line-height:40px; color:#fff; padding-left:80px; font-size:28px; }
.container .company .fl .con{display:block; position:absolute; left:38px; top:160px;z-index:8;}

.container .company .fr{width:710px;}
.container .company .fr .title{display:block; padding-bottom:25px; border-bottom:1px solid #e1e1e1;}
.container .company .fr .title h2{display:block;line-height:40px; font-size:25px; color:#666; font-weight:normal;}
.container .company .fr .title .tip{display:block; line-height:20px; font-size:17px; color:#8c8c8c;}

.container .company .fr .title .more{float:right;line-height:20px; margin-top:15px; font-size:13px; text-transform:uppercase; padding-right:17px; background:url(../images/arrow.png) no-repeat right center;}
.container .company .fr .title .more:hover{background:url(../images/arrowh.png) no-repeat right center; color:#09579f;}
.container .company .fr .con{display:block; padding-top:25px; font-size:14px; line-height:24px;}
.container .company .fr .con a{font-size:14px; line-height:24px; }
.container .company .fr .con a:hover{color:#09579f;}


.container .news{display:block; width:1200px; margin:0 auto; margin-top:80px;padding-top:80px; border-top:1px solid #e1e1e1; }
.container .news .mtitle{display:block;background:url(../images/tit_bg.jpg) no-repeat center 20px; height:70px; margin-bottom:40px;}
.container .news .mtitle h4{display:block; line-height:40px; font-size:26px; color:#282828; text-align:center;}
.container .news .mtitle .tip{display:block; line-height:30px; font-size:20px; color:#282828; text-align:center;}
.container .news .gs_news{width:442px; background:#f0f0f0;}
.container .news .gs_news .g_in{display:block; padding:20px 35px;}
.container .news .gs_news .g_in .title{display:block;height:46px; border-bottom:1px solid #ccc; background:url(../images/news_tit.jpg) no-repeat left top;}
.container .news .gs_news .g_in .title h2{display:block; line-height:46px; color:#fff; padding-left:25px; font-size:20px;}
.container .news .gs_news .g_in .title .more{float:right;line-height:20px; margin-top:15px; font-size:13px; text-transform:uppercase; padding-right:17px; background:url(../images/arrow.png) no-repeat right center;}
.container .news .gs_news .g_in .con{display:block; padding-top:20px;}
.container .news .gs_news .g_in .con .rescommend .tit{display:block;line-height:40px; font-size:20px; color:#09579f;}
.container .news .gs_news .g_in .con  .rescommend .detail{display:block; font-size:14px; line-height:26px;}
.container .news .gs_news .g_in .con .rescommend  .pic{display:block; width:359px; height:190px;overflow:hidden; margin-top:10px;}
.container .news .gs_news .g_in .con .rescommend   .pic img{display:block; width:359px; }
.container .news .gs_news .g_in .con ul{display:block; width:100%; margin-top:20px; border-top:1px dashed #ccc;padding-top:20px;}
.container .news .gs_news .g_in .con ul li{display:block;line-height:40px;}
.container .news .gs_news .g_in .con ul li a{display:block; width:100%; line-height:40px;font-size:15px;padding-left:15px; background:url(../images/quan.jpg) no-repeat left center;}
.container .news .gs_news .g_in .con ul li .time{float:right; line-height:40px; font-size:14px;}


.container .news .industry_news{width:718px;}
.container .news .industry_news .title{display:block; line-height:60px; border-bottom:1px solid #e1e1e1;}
.container .news .industry_news .title h4{display:block; line-height:60px; color:#09579f; font-size:22px;}
.container .news .industry_news .title h4 .en{padding-left:10px; font-size:15px;line-height:60px; color:#666; text-transform:uppercase; font-family:Candara,Arial, Helvetica, sans-serif; font-weight:normal;}
.container .news .industry_news .title .more{float:right;line-height:20px; margin-top:25px; font-size:13px; text-transform:uppercase; padding-right:17px; background:url(../images/arrow.png) no-repeat right center;}
.container .news .industry_news .con{display:block;}
.container .news .industry_news .con dl{display:block; width:100%;}
.container .news .industry_news .con dl dd{display:block; border-bottom:1px solid #e1e1e1;padding:30px 0px;}
.container .news .industry_news .con dl dd .wz{float:left; width:550px;padding-left:20px; background:url(../images/quan.jpg) no-repeat left 20px;}
.container .news .industry_news .con dl dd .wz .tit{display:block;line-height:40px; font-size:17px; color:#09579f;}
.container .news .industry_news .con dl dd .wz .tit:hover{font-weight:bold;}
.container .news .industry_news .con dl dd .wz .detail{display:block; font-size:14px;}
.container .news .industry_news .con dl dd .m_t{float:right;width:50px;}
.container .news .industry_news .con dl dd .m_t .time{display:block; line-height:40px; font-size:17px; }
.container .news .industry_news .con dl dd .m_t .moret{display:block; width:100%; height:24px;line-height:24px;background:url(../images/art.png) no-repeat right center; margin-top:15px;}
.container .news .industry_news .con dl dd .m_t .moret:hover{background:url(../images/arth.png) no-repeat right center;}


