﻿.container{display:block; width:100%; margin-top:80px;}
.container .catalog{max-width:1200px;  background:#fff; box-shadow:0px 0px 2px 2px #f0f0f0; margin:0 auto;}
.container .catalog .c_in{display:block; padding:3% 2%; width:96%;}
.container .catalog li{float:left;width:11%; border-right:1px solid #e1e1e1;}
.container .catalog li a{display:block; width:100%;font-size:20px; line-height:40px; color:#01539d;  text-align:center;}
.container .catalog li img{display:block; margin:0 auto; margin-bottom:10px;}
.container .catalog li.none{border:none;}


.container .show{display:block; width:1200px; margin:0 auto; margin-top:80px;}
.container .show .title{display:block;width:100%;}
.container .show .title h4{display:block;line-height:40px; font-size:24px; color:#222; font-weight:normal; text-align:center; padding-bottom:20px; padding-bottom:10px;background:url(../images/ge.jpg) no-repeat center bottom;}
.container .show .title h4 strong{line-height:40px;font-size:24px; color:#222;}
.container .show .title .tip{display:block; line-height:20px; font-size:16px; text-align:center; color:#222;padding-top:10px;}
.container .show .con{display:block; padding-top:20px;}
.h_pro{display:block; width:1200px; margin:0 auto; position:relative; z-index:2; left:0; top:0;}

.h_pro .arrow_l{position:absolute; left:-60px; top:110px; z-index:8;width:43px; height:106px; background:url(../images/left.jpg) no-repeat left center; cursor:pointer;}
.h_pro .arrow_l:hover{background:url(../images/left.jpg) no-repeat left center; }
.h_pro .arrow_l.current{background:url(../images/left.jpg) no-repeat left center; }

.h_pro .arrow_r{position:absolute; right:-60px; top:110px; z-index:9;width:43px; height:106px; background:url(../images/right.jpg) no-repeat left center; cursor:pointer;}
.h_pro .arrow_r:hover{background:url(../images/right.jpg) no-repeat left center;}
.h_pro .arrow_r.current{background:url(../images/right.jpg) no-repeat left center;}

.h_pro #scrollarea{display:block; width:1200px; height:380px; 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:285px; margin-left:18px;  }

.h_pro #scrollarea li a{display:block; width:285px; height:330px; border-bottom:2px solid #e1e1e1;}
.h_pro #scrollarea li a:hover{border-bottom:2px solid #0a489b;}
.h_pro #scrollarea li a:hover img{background:#3188cf; color:#fff;}
.h_pro #scrollarea li img{display:block; width:285px; height:214px; margin-bottom:5px;}
.h_pro #scrollarea li .tit{display:block; width:285px; height:30px; line-height:30px; color:#01539d; font-size:16px;  margin:0 auto; font-weight:bold;text-align:left;}
.h_pro #scrollarea li .detail{display:block; width:285px; margin:0 auto; font-size:13px; line-height:22px; color:#666; margin-top:5px; text-align:left; height:66px; overflow:hidden;}
.h_pro #scrollarea li .detail strong{color:#444;}
.h_pro #scrollarea li .detail:hover{color:#0a489b;}


.container .service{display:block; width:100%; margin-top:80px;}
.container .service .title{display:block;max-width:1200px; margin:0 auto;}
.container .service .title h4{display:block;line-height:40px; font-size:24px; color:#222; text-align:center;}
.container .service .title .tip{display:block; line-height:30px; font-size:16px; color:#222; text-align:center;}
.container .service .con{display:block; width:100%; height:424px; background:url(../images/service_bg.jpg) no-repeat center bottom; margin-top:20px;}
.container .service .con .fl{width:25%;}
.container .service .con .fl .f_in{display:block; padding-top:55px;}
.container .service .con .fl h2{display:block;line-height:40px; font-size:26px; color:#fff; text-align:right;}
.container .service .con .fl h4{display:block;line-height:15px; font-size:15px; color:#fff; text-align:right;}
.container .service .con .fr{width:67.2%;padding-top:60px;}
.container .service .con .fr li{float:left; width:48%; margin-right:2%;margin-bottom:50px;}
.container .service .con .fr li .icon{float:left;width:15%;}
.container .service .con .fr li .icon img{display:block; width:100%;height:auto;}
.container .service .con .fr li .wz{float:right;width:82%;}
.container .service .con .fr li .wz .tit{display:block;line-height:22px; font-size:22px; color:#fff; font-weight:bold;}
.container .service .con .fr li .wz .detail{display:block; font-size:14px; line-height:19px; color:#fff; padding-top:8px;}
.container .service .con .fr li .wz .detail:hover{text-decoration:underline;}


.container .case{display:block; max-width:1200px; margin:0 auto; margin-top:80px;}
.container .case .title{display:block;width:100%;}
.container .case .title h4{display:block;line-height:40px; font-size:24px; color:#222; font-weight:normal; text-align:center; padding-bottom:20px; padding-bottom:10px;background:url(../images/ge.jpg) no-repeat center bottom;}
.container .case .title h4 strong{line-height:40px;font-size:24px; color:#222;}
.container .case .title .tip{display:block; line-height:20px; font-size:16px; text-align:center; color:#222;padding-top:10px;}
.container .case .mtitle{width:100%;margin-top:20px;}
.container .case .mtitle li{float:left;width:19%; margin-right:1%;}
.container .case .mtitle li a{display:block; width:184px; height:46px;background:#a09f9f url(../images/ar.png) no-repeat 25px center; line-height:46px;font-size:16px; color:#fff;font-weight:bold; padding-left:55px;}
.container .case .mtitle li a:hover{background:#01539d url(../images/ar.png) no-repeat 25px center; }
.container .case .mtitle li a.current{background:#01539d url(../images/ar.png) no-repeat 25px center; }

.container .case .con{display:block; padding-top:20px;}
.container .case .con .rescommend{float:left; width:40%;padding-bottom:17px; border-bottom:2px solid #e1e1e1;overflow:hidden;}
.container .case .con .rescommend:hover{border-bottom:2px solid #0a489b;}
.container .case .con .rescommend .pic{width:100%;height:auto;overflow:hidden;}
.container .case .con .rescommend .pic img{display:block; width:100%; transition:all .7s linear 0s; -webkit-transition:all .7s linear 0s; -moz-transition:all .7s linear 0s; -o-transition:all .7s linear 0s; }
.container .case .con .rescommend .pic:hover img{transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05);}
.container .case .con .rescommend .tit{display:block;line-height:40px; font-size:20px; color:#01539d; font-weight:bold;margin-top:7px;}
.container .case .con .rescommend .detail{display:block; font-size:14px; line-height:24px;margin-top:7px;}
.container .case .con .fr{float:right; width:58%; overflow:hidden;}
.container .case .con ul{width:100%;}
.container .case .con ul li{float:left; width:48%; margin-right:2%; margin-bottom:15px;}
.container .case .con ul li a{display:block; width:100%;height:auto; position:relative; z-index:2; left:0; top:0;overflow:hidden;}
.container .case .con ul li a img{width:100%; height:auto; transition:all .7s linear 0s; -webkit-transition:all .7s linear 0s; -moz-transition:all .7s linear 0s; -o-transition:all .7s linear 0s;}
.container .case .con ul li a:hover img{transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05);}
.container .case .con ul li a .tit{display:block;width:94%;  padding:0px 3%;position:absolute; left:0px; bottom:0; z-index:8;height:38px; background:url(../images/white.png) repeat left top;line-height:38px;font-size:14px; color:#444;}
.container .case .con ul li a .tit:hover{background:#fff;}


.container .customer{display:block; max-width:1200px; margin:0 auto; margin-top:80px;}
.container .customer.title{display:block;width:100%;}
.container .customer .title h4{display:block;line-height:40px; font-size:24px; color:#222; font-weight:normal; text-align:center; padding-bottom:20px; padding-bottom:10px;background:url(../images/ge.jpg) no-repeat center bottom;}
.container .customer .title h4 strong{line-height:40px;font-size:24px; color:#222;}
.container .customer .title .tip{display:block; line-height:20px; font-size:16px; text-align:center; color:#222;padding-top:10px;}
.container .customer .con{display:block; padding-top:20px;width:1200px; overflow:hidden;}
.container .customer .con ul{display:block; width:100%;}
.container .customer .con li{float:left; width:18%; margin-right:2%;}
.container .customer .con li img{width:100%;}

.container .company{display:block; width:100%; margin:0 auto; margin-top:80px; background:url(../images/profile_bg.jpg) no-repeat center top;}
.container .company .inner{max-width:1200px; margin:0 auto;}
.container .company .inner .title h4{display:block; line-height:40px; font-size:24px; color:#0a489b; text-align:center;}
.container .company .inner .title .en{display:block; line-height:20px; font-size:15px; text-align:center; color:#222; width:100%; text-transform:uppercase;color:#666;}
.container .company .con{display:block; width:90%; margin:0 auto;font-size:14px; line-height:26px; padding-top:15px;}
.container .company .con a{font-size:14px; line-height:26px;}

.container .style{display:block; max-width:1200px; margin:0 auto; margin-top:50px;}
.h_style{display:block; width:1200px; margin:0 auto; position:relative; z-index:2; left:0; top:0;}

.h_style .arrow_l{position:absolute; left:-60px; top:50px; z-index:8;width:43px; height:106px; background:url(../images/left.jpg) no-repeat left center; cursor:pointer;}
.h_style .arrow_l:hover{background:url(../images/left.jpg) no-repeat left center; }
.h_style .arrow_l.current{background:url(../images/left.jpg) no-repeat left center; }

.h_style .arrow_r{position:absolute; right:-60px; top:50px; z-index:9;width:43px; height:106px; background:url(../images/right.jpg) no-repeat left center; cursor:pointer;}
.h_style .arrow_r:hover{background:url(../images/right.jpg) no-repeat left center;}
.h_style .arrow_r.current{background:url(../images/right.jpg) no-repeat left center;}

.h_style #scrollarea{display:block; width:1200px; height:214px; margin:0 auto; overflow:hidden; }
.h_style #inrea{display:block; width:800%;}
.h_style #area1{float:left;}
.h_style #area2{float:left;}
.h_style #scrollarea li{float:left; width:285px; margin-left:18px;  }

.h_style #scrollarea li a{display:block; width:285px; height:214px; position:relative; left:0; top:0; z-index:2;}
.h_style #scrollarea li a:hover{border-bottom:2px solid #0a489b;}
.h_style #scrollarea li a:hover img{background:#3188cf; color:#fff;}
.h_style #scrollarea li img{display:block; width:285px; height:214px; margin-bottom:5px;}
.h_style #scrollarea li .tit{display:none; position:absolute; left:0; bottom:0; z-index:5; width:275px; padding:0px 5px; height:35px; background:url(../images/white.png) repeat center center; font-size:14px; line-height:35px; color:#444;text-align:center;}
.h_style #scrollarea li a:hover .tit{display:block;}




.container .news{display:block; max-width:1200px; margin:0 auto; margin-top:80px;}
.container .news .gs_news{width:67%;}
.container .news .gs_news .title{display:block;height:40px; background:url(../images/line.jpg) no-repeat left bottom;border-bottom:1px solid #e1e1e1;padding-bottom:7px;}
.container .news .gs_news .title h4{display:block;line-height:40px; font-size:22px; color:#222;}
.container .news .gs_news .title .en{ line-height:40px; font-size:14px; text-transform:uppercase;padding-left:6px; color:#666;font-weight:normal;}
.container .news .gs_news .title .moret{float:right; padding-right:15px; background:url(../images/jia.jpg) no-repeat right center;line-height:20px; height:20px; font-size:13px; color:#999; text-align:right;margin-top:10px;}
.container .news .gs_news .title .moret:hover{background:url(../images/jiah.jpg) no-repeat right center; color:#0a489b;}
.container .news .gs_news .con{display:block; padding-top:20px;}
.container .news .gs_news .con .rescommend{float:left; width:40%; background:#f0f0f0;}
.container .news .gs_news .con .rescommend .pic{display:block; width:100%; }
.container .news .gs_news .con .rescommend .pic img{display:bloc; width:100%; }
.container .news .gs_news .con .rescommend .wz{padding:5% 2.5%;}
.container .news .gs_news .con .rescommend .wz .tit{display:block;line-height:30px; font-size:18px; color:#0a489b; font-weight:bold;}
.container .news .gs_news .con .rescommend .wz .time{display:block; line-height:20px; font-size:14px; color:#999999; padding:7px 0px;}
.container .news .gs_news .con .rescommend .wz .detail{display:block; font-size:14px; line-height:24px; }
.container .news .gs_news .con ul{float:right; width:56%;}
.container .news .gs_news .con ul li{display:block; padding-bottom:18px; border-bottom:1px solid #e1e1e1; margin-bottom:18px;}
.container .news .gs_news .con ul li .time{float:left; width:15%;padding-right:6px; border-right:1px solid #e1e1e1;}
.container .news .gs_news .con ul li .wz{float:right;width:82%;}
.container .news .gs_news .con ul li .time .d{display:block;line-height:40px; font-size:34px; width:100%; text-align:center; color:#e1e1e1; }
.container .news .gs_news .con ul li .time .yy-m{display:block;line-height:20px; font-size:14px; color:#c7c7c7; text-align:center;}
.container .news .gs_news .con ul li .wz .tit{display:block;line-height:30px; font-size:16px; color:#666666; font-weight:bold;}
.container .news .gs_news .con ul li .wz .tit:hover{color:#0a489b;}
.container .news .gs_news .con ul li .wz .detail{display:block; line-height:20px;font-size:14px; color:#999;}
.container .news .gs_news .con ul li .wz .detail:hover{color:#0a489b;}

.container .news .industry_news{width:29%;}
.container .news .industry_news .title{display:block;height:40px; background:url(../images/line.jpg) no-repeat left bottom;border-bottom:1px solid #e1e1e1;padding-bottom:7px;}
.container .news .industry_news .title h4{display:block;line-height:40px; font-size:22px; color:#222;}
.container .news .industry_news .title .en{line-height:40px; font-size:14px; text-transform:uppercase;padding-left:6px; color:#666; font-weight:normal;}
.container .news .industry_news .title .moret{float:right; padding-right:15px; background:url(../images/jia.jpg) no-repeat right center;line-height:20px; height:20px; font-size:13px; color:#999; text-align:right;margin-top:10px;}
.container .news .industry_news .title .moret:hover{background:url(../images/jiah.jpg) no-repeat right center; color:#0a489b;}
.container .news .industry_news .con{display:block; padding-top:20px;}
.container .news .industry_news .con dl{display:block; padding-bottom:15px; border-bottom:1px solid #e1e1e1; margin-bottom:15px;}
.container .news .industry_news .con dt{display:block;height:30px; padding-left:35px; background:url(../images/q.jpg) no-repeat left center; color:#0a489b; line-height:30px;}
.container .news .industry_news .con dt a{display:block; line-height:30px;color:#0a489b; font-size:17px;font-weight:bold;}
.container .news .industry_news .con dd{display:block; margin-top:8px;}
.container .news .industry_news .con dd a{display:block; font-size:14px; line-height:24px; padding-left:35px; background:url(../images/a.jpg) no-repeat left 5px;}


