﻿.inner {
    display: block;
    max-width: 1200px;
    margin: 0 auto;
}
.container{display:block; width:100%; margin-top:80px;}

.container .products{display:block; max-width:1200px; margin:0 auto;}
.container .products .title{display:block; }
.container .products .title h4{display:block; height:50px; line-height:50px; font-size:32px; color:#282828; text-align:center; }
.container .products .title h4 .blue{line-height:50px; color:#0145a5;}
.container .products .title .tip{display:block; height:24px; line-height:24px; font-size:20px; color:#282828; text-align:center; background:url(../images/line.png) no-repeat center center;}
.container .products .con{display:block; width:100%; margin-top:25px;}
.container .products .con ul{display:block; width:100%;}
.container .products .con ul li{display:block; width:100%; margin-bottom:17px;border-bottom:1px solid #e1e1e1; position:relative; z-index:2; left:0; top:0;}
.container .products .con ul li .ititle_out{float:left; width:19%; }
.container .products .con ul li .ititle{display:block; width:100%;background:#d7d7d7; height:215px;}
.container .products .con ul li .ititle .tit{display:block; font-size:20px; color:#282828; line-height:22px; text-align:center; font-weight:bold; padding-top:48px;}
.container .products .con ul li .ititle .en{display:block; font-size:12px; line-height:20px; color:#282828; text-transform:uppercase; text-align:center; }
.container .products .con ul li .ititle .moret{display:block; width:50%; height:38px;background:#0145a5; line-height:38px; text-align:center; font-size:14px; color:#fff; margin:0 auto; margin-top:40px;}

.container .products .con ul li .ititle:hover{background:#0145a5;}
.container .products .con ul li .ititle:hover .tit{color:#fff;}
.container .products .con ul li .ititle:hover .en{color:#fff; }
.container .products .con ul li .ititle:hover .moret{color:#0145a5; background:#fff;}

.container .products .con ul li .ititle.current{background:#0145a5;}
.container .products .con ul li .ititle.current .tit{color:#fff;}
.container .products .con ul li .ititle.current .en{color:#fff; }
.container .products .con ul li .ititle.current .moret{color:#0145a5; background:#fff;}




.container .products .con ul li  .inav{display:none; position:absolute; left:19%; top:0; z-index:5; width:75%;padding:20px 3%; background:#f0f0f0; height:175px;}
.container .products .con ul li  .inav a{display:inline-block; height:40px; line-height:40px; font-size:15px; color:#282828;background:url(../images/dian.png) no-repeat left center; padding-left:12px; margin-right:50px; border-bottom:1px solid #e1e1e1;}
.container .products .con ul li  .inav a:hover{color:#075432; text-decoration:underline; }

.container .products .con ul li .icc{float:right; width:80%; }
.container .products .con ul li .icc dd{float:left; width:24%; margin-right:1%;}
.container .products .con ul li .icc dd a{display:block; width:100%; font-size:14px; text-align:center; line-height:40px; color:#282828; }
.container .products .con ul li .icc dd a img{display:block; width:100%;}
.container .products .con ul li .icc dd a:hover i{color:#0145a5; text-decoration:underline; }
.container .products .con ul li .icc dd a i{display:block; height:40px; line-height:40px; font-weight:normal; font-style:normal; font-size:14px; color:#282828; text-align:center; overflow:hidden;}

.container .products .more_out{display:block; width:100%; height:50px; background:url(../images/dot.jpg) repeat-x left center; margin-top:50px;}
.container .products .more_out .more{display:block; width:240px; height:44px; border-radius:44px; margin:0 auto; line-height:44px; font-size:15px; color:#0145a5; text-align:center; font-weight:bold; background:#fff; border:2px solid #0145a5;}
.container .products .more_out .more:hover{background:#0145a5;color:#fff; }


.container .mvideo{display:block; width:100%; margin-top:80px; background:url(../images/v_bg.jpg) no-repeat center top;}
.container .mvideo .inner{display:block; padding-top:80px;}
.container .mvideo .inner .title{display:block; }
.container .mvideo .inner .title h4{display:block; height:50px; line-height:50px; font-size:32px; color:#fff; text-align:center; }
.container .mvideo .inner .title h4 .blue{line-height:50px; color:#0145a5;}
.container .mvideo .inner .title .tip{display:block; height:24px; line-height:24px; font-size:20px; color:#fff; text-align:center; background:url(../images/line02.png) no-repeat center center;}
.container .mvideo .inner .con{display:block; width:100%; padding-top:40px;}
.container .mvideo .inner .con ul{display:block; width:100%;}
.container .mvideo .inner .con ul li{float:left; width:32%; margin-right:1.3333%;}
.container .mvideo .inner .con ul li .tit{display:block; height:40px; line-height:40px; font-size:15px; font-weight:bold; text-align:center; color:#282828; border-bottom:1px solid #282828; }

.container .mvideo .more_out{display:block; width:100%; height:50px; background:url(../images/dot.jpg) repeat-x left center; margin-top:50px;}
.container .mvideo .more_out .more{display:block; width:240px; height:44px; border-radius:44px; margin:0 auto; line-height:44px; font-size:15px; color:#0145a5; text-align:center; font-weight:bold; background:#fff; border:2px solid #0145a5;}
.container .mvideo .more_out .more:hover{background:#0145a5;color:#fff; }


.container .mproject{display:block; max-width:1200px; margin:0 auto; margin-top:80px;}
.container .mproject .title{display:block; }
.container .mproject .title h4{display:block; height:50px; line-height:50px; font-size:32px; color:#282828; text-align:center; }
.container .mproject .title h4 .blue{line-height:50px; color:#0145a5;}
.container .mproject .title .tip{display:block; height:24px; line-height:24px; font-size:20px; color:#282828; text-align:center; background:url(../images/line.png) no-repeat center center;}
.container .mproject .con{display:block; width:100%; margin-top:25px;}
.container .mproject .con .rescommend{display:block; width:100%;}
.container .mproject .con .rescommend .r_fl{float:left; width:50%; background:url(../images/p_tit.jpg) no-repeat left top; height:450px; position:relative; z-index:2; left:0; top:0; }
.container .mproject .con .rescommend .r_fl .wz{display:block; position:absolute; right:0px; width:96%;bottom:0px; z-index:6; height:380px; background:#f0f0f0; }
.container .mproject .con .rescommend .r_fl .wz .w_in{display:block; padding:40px;}
.container .mproject .con .rescommend .r_fl .wz .w_in .tit{display:block; font-size:22px; line-height:26px; color:#282828; }
.container .mproject .con .rescommend .r_fl .wz .w_in .tit:hover{color:#075432; text-decoration:underline;}
.container .mproject .con .rescommend .r_fl .wz .w_in .detail{display:block; font-size:15px; line-height:28px; padding-top:30px; color:#282828;}
.container .mproject .con .rescommend .r_fl .wz .w_in .detail:hover{color:#075432; text-decoration:underline;}
.container .mproject .con .rescommend .r_fl .wz .w_in .moret{display:block; width:150px; height:40px; line-height:40px; border:1px solid #282828; text-align:center; font-size:14px; color:#282828; font-weight:bold; margin-top:30px;}
.container .mproject .con .rescommend .r_fl .wz .w_in .moret:hover{background:#075432; border:1px solid #075432; color:#fff;}


.container .mproject .con .rescommend .pic{float:right; width:50%;}
.container .mproject .con .rescommend .pic img{display:block; width:100%;}
.container .mproject .con ul{display:block; width:100%; margin-top:40px;}
.container .mproject .con ul li{float:left; width:32%; margin-right:1.3%; }
.container .mproject .con ul li a{display:block; height:40px; line-height:40px; font-size:16px; color:#282828; padding-left:12px; background:url(../images/dian.png) no-repeat left center; overflow:hidden;}
.container .mproject .con ul li a:hover{color:#16794e; text-decoration:underline; font-weight:bold;}
.container .mproject .con ul li:nth-child(1n){margin-right:2%;}
.container .mproject .con ul li:nth-child(2n){margin-right:2%;}
.container .mproject .con ul li:nth-child(3n){float:right; margin-right:0%;}


.container .iquality{display:block; width:100%; height:250px; background:url(../images/iquality_bg.jpg) no-repeat center top; margin-top:80px;}
.container .iquality .inner{display:block; position:relative; z-index:2; left:0; top:0;}
.container .iquality .inner .wz{position:absolute; display:block; left:0px; top:60px; z-index:5;}
.container .iquality .inner .wz i{display:block; font-style:Normal; width:242px; height:42px; background:#0145a5; border-radius:42px; color:#fff; line-height:42px; font-size:20px; color:#fff; text-align:center; border-radius:42px; font-weight:bold;}
.container .iquality .inner .wz h2{display:block; width:285px; height:40px; line-height:40px; font-size:27px; color:#fff; font-weight:bold; margin-top:8px;background:url(../images/xian.jpg) no-repeat left bottom;}


.container .iquality .inner .wz .tip{display:block; height:24px; line-height:24px; color:#fff; font-size:24px; padding-top:15px;}

.container .iquality .inner .tel{display:block; position:absolute; right:0; top:90px; z-index:5; padding-left:42px; background:url(../images/tel02.png) no-repeat left center; }
.container .iquality .inner .tel .tt{display:block; font-size:14px; line-height:20px; color:#fff;}
.container .iquality .inner .tel .code{color:#fff; display:block; font-size:25px; line-height:30px; font-family:Arial, Helvetica, sans-serif; }



.container .news{display:block; max-width:1200px; margin:0 auto; margin-top:80px;}
.container .news .title{display:block; }
.container .news .title h4{display:block; height:50px; line-height:50px; font-size:32px; color:#282828; text-align:center; }
.container .news .title h4 .blue{line-height:50px; color:#0145a5;}
.container .news .title .tip{display:block; height:24px; line-height:24px; font-size:20px; color:#282828; text-align:center; background:url(../images/line.png) no-repeat center center;}
.container .news .h_news{display:block; width:100%; margin-top:5px;margin-bottom:30px;}
.container .news .h_news h4{display:block; height:40px; line-height:40px; font-size:22px; color:#282828; font-weight:bold; padding-left:15px; background:url(../images/strip.jpg) no-repeat left center;}
.container .news .h_news .more{float:right; height:40px; line-height:40px; font-size:14px; font-weight:bold; color:#282828; text-align:right; }
.container .news .h_news .more:Hover{color:#075432; text-decoration:underline;}
.container .news .h_news .con{display:block; width:100%; padding-top:10px;}
.container .news .h_news .con ul{display:block; width:100%; }
.container .news .h_news .con ul li{float:left; width:46%;padding:1.5%; margin-right:2%; background:#f0f0f0;margin-bottom:25px;}
.container .news .h_news .con ul li:nth-child(2n){float:right; margin-right:0%;}
.container .news .h_news .con ul li .pic{float:left; width:32%;}
.container .news .h_news .con ul li .pic img{display:block; width:100%;}
.container .news .h_news .con ul li .wz{float:right; width:64%;}
.container .news .h_news .con ul li .wz .tit{display:block; font-size:17px; line-height:22px; color:#0145a5; font-weight:bold; padding-top:5px;}
.container .news .h_news .con ul li .wz .tit:hover{color:#075432; text-decoration:underline;}
.container .news .h_news .con ul li .wz .time{display:block; height:20px; line-height:20px; font-size:14px; color:#282828; padding:8px 0px;}
.container .news .h_news .con ul li .wz  .detail{display:block; font-size:14px; line-height:22px; color:#282828; }
.container .news .h_news .con ul li .wz  .detail:hover{color:#075432; text-decoration:underline;}

.container .news .supply_news{width:63%;}
.container .news .supply_news .mtitle{display:block; height:48px; line-height:48px; border-bottom:2px solid #0145a5;}
.container .news .supply_news .mtitle .more{float:right; line-height:48px; font-size:14px; color:#282828; text-align:right; font-weight:bold; }
.container .news .supply_news .mtitle .more:hover{color:#075432; text-decoration:underline;}
.container .news .supply_news .mtitle h4{display:block; height:48px; line-height:48px; background:url(../images/n_tit.jpg) no-repeat left center; font-size:21px; color:#fff; padding-left:45px;}
.container .news .supply_news .con{display:block; padding-top:20px;}
.container .news .supply_news .con .rescommend{display:block; width:100%;}
.container .news .supply_news .con .rescommend .pic{float:left; width:43%;}
.container .news .supply_news .con .rescommend .pic img{display:block; width:100%;}
.container .news .supply_news .con .rescommend .wz{float:right; width:54%;}
.container .news .supply_news .con .rescommend .wz .tit{display:block; height:40px; line-height:40px; font-size:18px; color:#0145a5; font-weight:bold; }
.container .news .supply_news .con .rescommend .wz .tit:hover{color:#075432; text-decoration:underline;}
.container .news .supply_news .con .rescommend .wz .time{display:block; height:30px; line-height:30px; font-size:14px; color:#282828;}
.container .news .supply_news .con .rescommend .wz .detail{display:block; font-size:14px; line-height:26px; color:#282828; }
.container .news .supply_news .con .rescommend .wz .detail:hover{color:#075432; text-decoration:underline;}
.container .news .supply_news .con .rescommend .wz .moret{display:block; width:120px; height:40px; line-height:40px; color:#282828; border:1px solid #282828; text-align:center; font-weight:bold; font-size:14px; margin-top:25px;}
.container .news .supply_news .con .rescommend .wz .moret:hover{background:#075432; color:#fff; border:1px solid #075432;}
.container .news .supply_news .con ul{display:block; width:100%; margin-top:25px;}
.container .news .supply_news .con ul li{display:block; height:34px;width:100%; overflow:hidden;}
.container .news .supply_news .con ul li a{display:block; height:34px; line-height:34px; font-size:15px; color:#282828; padding-left:12px; background:url(../images/dian.png) no-repeat left center; }
.container .news .supply_news .con ul li .time{float:right; line-height:34px; font-size:14px;}
.container .news .supply_news .con ul li a:hover{color:#0145a5; text-decoration:underline;}


.container .news .industry_news{width:33%;}
.container .news .industry_news .mtitle{display:block; height:48px; line-height:48px; border-bottom:2px solid #0145a5;}
.container .news .industry_news .mtitle .more{float:right; line-height:48px; font-size:14px; color:#282828; text-align:right; font-weight:bold; }
.container .news .industry_news .mtitle .more:hover{color:#075432; text-decoration:underline;}
.container .news .industry_news .mtitle h4{display:block; height:48px; line-height:48px; background:url(../images/n_tit.jpg) no-repeat left center; font-size:21px; color:#fff; padding-left:45px;}
.container .news .industry_news .con{display:block; width:100%; padding-top:20px;}
.container .news .industry_news .con dl{display:block; width:94%; margin-bottom:20px; background:#f0f0f0;padding:3%; border-left:1px solid #0145a5;}
.container .news .industry_news .con dl dt .time{display:block; font-size:14px; line-height:20px; color:#282828;}
.container .news .industry_news .con dl dt .tit{display:block; font-size:16px; font-weight:bold; height:30px; line-height:30px;color:#0145a5; }
.container .news .industry_news .con dl dt .tit:hover{color:#075432; text-decoration:underline;}
.container .news .industry_news .con dl dd a{display:block; font-size:14px; line-height:22px; color:#282828; padding-top:10px;}
.container .news .industry_news .con dl dd a:hover{color:#075432; text-decoration:underline;}


.container .about{display:block; width:100%;  background:url(../images/about_bg.jpg) no-repeat center top; margin-top:60px;}
.container .about .inner{display:block; padding-top:70px;}
.container .about .title{display:block; }
.container .about .title h4{display:block; height:50px; line-height:50px; font-size:32px; color:#282828; text-align:center; }
.container .about .title h4 .blue{line-height:50px; color:#0145a5;}
.container .about .title .tip{display:block; height:24px; line-height:24px; font-size:20px; color:#282828; text-align:center; background:url(../images/line.png) no-repeat center center;}
.container .about .con{display:block; width:100%; margin-top:25px; padding-bottom:40px;background:#fff; box-shadow:0px 0px 2px 3px #f0f0f0;}
.container .about .con .rescommend{display:block; width:100%; background:#fff;}
.container .about .con .rescommend .pic{width:50%; float:left;}
.container .about .con .rescommend .pic img{display:block; width:100%;}
.container .about .con .rescommend .wz{float:right; width:45%; padding:1.5%; background:url(../images/code.png) no-repeat 97% 20px;}
.container .about .con .rescommend .wz .tit{display:block; height:40px; line-height:40px; font-size:24px; color:#0145a5; font-weight:bold; }
.container .about .con .rescommend .wz .tit:hover{color:#075432; text-decoration:underline;}
.container .about .con .rescommend .wz .detail{display:block; font-size:14px; line-height:26px; color:#282828; padding-top:15px;}
.container .about .con .rescommend .wz .detail:hover{color:#075432; text-decoration:underline;}

.container .about .con ul{display:block; width:100%; margin-top:40px;}
.container .about .con ul li{float:left; width:16.666%; background:url(../images/dot02.jpg) repeat-y left top;}
.container .about .con ul li.none{background:none;}
.container .about .con ul li a{display:block; }
.container .about .con ul li a .icon{display:block; margin:0 auto;}
.container .about .con ul li a .icon img{display:block; margin:0 auto;}
.container .about .con ul li a i{display:block;font-style:normal; height:40px; line-height:40px; font-size:18px; color:#282828; text-align:center; font-weight:bold;}
.container .about .con ul li a:hover i{color:#0145a5; text-align:center; }



.container .style{display:block; width:100%;  overflow:hidden; margin-top:50px;}
.container .style .title{display:block;width:100%; height:50px;background:url(../images/g_bg.jpg) no-repeat center center; }
.container .style .title ul{display:block; width:280px; margin:0 auto;}
.container .style .title ul li{float:left; width:50%;}
.container .style .title ul li a{display:block; width:100%;height:50px;line-height:50px;font-size:22px;color:#282828; text-align:center;}
.container .style .title ul li a.current{ display:block;font-size:22px; color:#0145a5; text-align:center; font-weight:bold; background:url(../images/ge.png) no-repeat right center;margin-right:20px;}

.container .style .con{display:block; padding-top:20px;width:100%;}
.container .style .con .c_style #scrollarea{display:block; width:1200px;  margin:0 auto; overflow:hidden; }
.container .style .con .c_style #inrea{display:block; width:800%;}
.container .style .con .c_style #area1{float:left;}
.container .style .con .c_style #area2{float:left;}
.container .style .con .c_style #scrollarea li{float:left; width:290px;  margin-right:25px; }
.container .style .con .c_style #scrollarea li a{display:block; width:290px; background:#0145a5;  position:relative; z-index:2; left:0; top:0; border-bottom:1px solid #c1c1c1;}
.container .style .con .c_style #scrollarea li a:hover img{ opacity: 0.5;  filter: alpha(opacity=50);}
.container .style .con .c_style #scrollarea li a img{display:block; width:290px;height:218px; margin:0 auto; }
.container .style .con .c_style #scrollarea li .tit{display:block; width:100%; height:40px; line-height:40px; font-size:15px; color:#282828;  background:#f3f3f3 ; text-align:center;}
.container .style .con .c_style #scrollarea li .tit:hover{color:#075432; border-bottom:1px solid #075432;background:#f3f3f3 url(../images/arrowh.jpg) no-repeat right center;}
.container .style .con .c_style .arrow_l{position:absolute; left:1%; width:38px; height:260px; background:url(../images/left.png) no-repeat left center; cursor:pointer;}
.container .style .con .c_style .arrow_l.current{position:absolute; left:1%;  width:38px; height:260px; background:url(../images/lefth.png) no-repeat left center; cursor:pointer;}
.container .style .con .c_style .arrow_r{position:absolute; right:1%;  width:38px; height:260px; background:url(../images/right.png) no-repeat left center; cursor:pointer;}
.container .style .con .c_style .arrow_r.current{position:absolute;right:1%; width:38px; height:260px; background:url(../images/righth.png) no-repeat left center; cursor:pointer;}



.customer{display:block; width:100%; margin-top:80px; background:#f0f0f0;}
.customer .inner{display:block; padding:40px 0px;}
.customer .inner ul{display:block; width:100%;}
.customer .inner .title{width:18%;}
.customer .inner .title h4{display:block;height:40px; line-height:40px; font-size:24px; color:#282828; }
.customer .inner .title .en{display:block; font-size:12px; line-height:15px; color:#282828; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.customer .inner .con{width:81%;}
.customer .inner .con li{float:left; width:19%; margin-right:1%;}
.customer .inner .con li img{display:block; width:100%;}

.typo_img{width:100%;height:auto;}