﻿.container{display:block; width:100%; margin-top:80px;}
.container .wrap{display:block; max-width:1200px; margin:0 auto;}
.container .wrap .news{width:61%;}
.container .wrap .fl{width:36%;}
.container .wrap .news .title{display:block; height:50px;}
.container .wrap .news .title h4{display:block; height:50px; line-height:50px; font-size:24px; color:#282828;}
.container .wrap .news .title .more{float:right; line-height:50px; font-size:14px; text-align:right;}
.container .wrap .news .con{display:block; padding-top:15px;}
.container .wrap .news .con .rescommend{width:38%; }
.container .wrap .news .con .rescommend .pic{display:block; width:100%;  position:relative; z-index:2; left:0; top:0;}
.container .wrap .news .con .rescommend .pic img{display:block; width:100%;}
.container .wrap .news .con .rescommend .pic .time{display:Block; position:absolute; left:10px; top:10px;z-index:8; width:63px; height:51px; background:#004b9b;padding:3px 0px;}
.container .wrap .news .con .rescommend .pic .time .d{display:block;line-height:30px; font-size:22px; color:#fff; text-align:center;}
.container .wrap .news .con .rescommend .pic .time .yy-m{display:block; line-height:20px; font-size:13px; color:#fff; text-align:center;}
.container .wrap .news .con .rescommend .tit{display:block;font-size:17px; line-height:40px; color:#282828;}
.container .wrap .news .con .rescommend .detail{display:block;font-size:13px; line-height:20px; padding-top:4px;}
.container .wrap .news .con ul{float:right;width:60%;}
.container .wrap .news .con ul li{display:block; width:100%; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #eee;}
.container .wrap .news .con ul li .time{float:left;width:20%;height:70px; border-right:1px solid #eee;}
.container .wrap .news .con ul li .time .d{display:block;line-height:40px; font-size:32px; color:#004a9b; text-align:center;}
.container .wrap .news .con ul li .time .yy-m{display:block;line-height:20px; font-size:14px; text-align:center; color:#004a9b;}
.container .wrap .news .con ul li .wz{float:right; width:77%;}
.container .wrap .news .con ul li .wz .tit{display:block; line-height:30px; font-size:17px; color:#282828;}
.container .wrap .news .con ul li .wz .tit:hover{color:#004b9b;}
.container .wrap .news .con ul li .wz .detail{display:block; font-size:14px; line-height:20px; color:#888;}
.container .wrap .news .con ul li .wz .detail:hover{color:#004b9b;}

.container .wrap .profile .title{display:block; height:50px;}
.container .wrap .profile .title h4{display:block; height:50px; line-height:50px; font-size:24px; color:#282828;}
.container .wrap .profile .title .more{float:right; line-height:50px; font-size:14px; text-align:right;}
.container .wrap .profile .con{display:block; width:100%; background:#edf2f7;}
.container .wrap .profile .con .gs{float:left; width:50%;}
.container .wrap .profile .con .gs img{display:block; width:100%;}
.container .wrap .profile .con .detail{float:right;padding:4% 3%; width:44%; font-size:13px; line-height:24px;}

.container .wrap .honor{display:block;width:96%; padding:1.5%; border:1px solid #e1e1e1;margin-top:12px; position:relative; z-index:2; left:0; top:0;}
.container .wrap .honor ul{display:block; width:100%;}
.container .wrap .honor ul li{float:left; width:32%; margin-right:1.33%;}
.container .wrap .honor ul li a{display:block; width:100%;}
.container .wrap .honor ul li a img{display:block; width:100%;}
.container .wrap .honor .title{display:block; width:50%; height:101px; background:url(../images/black.png) repeat left top; position:absolute; z-index:8; left:0; top:0;}


.container .products{display:block; width:100%; margin-top:80px;}
.container .products .title{display:block;}
.container .products .title h4{display:block; line-height:40px; font-size:28px; text-align:center; color:#282828;}
.container .products .title .tip{display:block;line-height:30px; font-size:18px; text-align:center;}
.container .products .mtitle{display:block; width:100%;height:150px; background:#eae9e9; margin-top:40px;}
.container .products .mtitle ul{display:block; max-width:1200px; margin:0 auto;}
.container .products .mtitle ul li{float:left;width:16.6%; }
.container .products .mtitle ul li a{display:block; width:100%; font-size:20px; text-align:center;padding-top:100px;height:50px; color:#282828;}
.container .products .mtitle ul li a.p_i01{background:url(../images/p_icon06.png) no-repeat center 20px;}
.container .products .mtitle ul li a.p_i01:hover{background:#004b9b url(../images/p_icon06h.png) no-repeat center 20px; color:#fff;}
.container .products .mtitle ul li a.p_i01.current{background:#004b9b url(../images/p_icon06h.png) no-repeat center 20px; color:#fff;}

.container .products .mtitle ul li a.p_i02{background:url(../images/p_icon03.png) no-repeat center 20px;}
.container .products .mtitle ul li a.p_i02:hover{background:#004b9b url(../images/p_icon03h.png) no-repeat center 20px; color:#fff;}
.container .products .mtitle ul li a.p_i02.current{background:#004b9b url(../images/p_icon03h.png) no-repeat center 20px; color:#fff;}

.container .products .mtitle ul li a.p_i03{background:url(../images/p_icon02.png) no-repeat center 20px;}
.container .products .mtitle ul li a.p_i03:hover{background:#004b9b url(../images/p_icon02h.png) no-repeat center 20px; color:#fff;}
.container .products .mtitle ul li a.p_i03.current{background:#004b9b url(../images/p_icon02h.png) no-repeat center 20px; color:#fff;}


.container .products .mtitle ul li a.p_i04{background:url(../images/p_icon07.png) no-repeat center 20px;}
.container .products .mtitle ul li a.p_i04:hover{background:#004b9b url(../images/p_icon07h.png) no-repeat center 20px; color:#fff;}
.container .products .mtitle ul li a.p_i04.current{background:#004b9b url(../images/p_icon07h.png) no-repeat center 20px; color:#fff;}

.container .products .mtitle ul li a.p_i05{background:url(../images/p_icon05.png) no-repeat center 20px;}
.container .products .mtitle ul li a.p_i05:hover{background:#004b9b url(../images/p_icon05h.png) no-repeat center 20px; color:#fff;}
.container .products .mtitle ul li a.p_i05.current{background:#004b9b url(../images/p_icon05h.png) no-repeat center 20px; color:#fff;}


.container .products .mtitle ul li a.p_i06{background:url(../images/p_icon08.png) no-repeat center 20px;}
.container .products .mtitle ul li a.p_i06:hover{background:#004b9b url(../images/p_icon08h.png) no-repeat center 20px; color:#fff;}
.container .products .mtitle ul li a.p_i06.current{background:#004b9b url(../images/p_icon08h.png) no-repeat center 20px; color:#fff;}


.container .products .mtitle ul li a.p_i09{background:url(../images/p_icon09.png) no-repeat center 20px;}
.container .products .mtitle ul li a.p_i09:hover{background:#004b9b url(../images/p_icon09h.png) no-repeat center 20px; color:#fff;}
.container .products .mtitle ul li a.p_i09.current{background:#004b9b url(../images/p_icon09h.png) no-repeat center 20px; color:#fff;}



.container .products .con{display:block; width:100%;  background:url(../images/pro_bg.jpg) no-repeat center top;padding:70px 0px;}
.container .products .con .c_in{display:block; max-width:1200px; margin:0 auto; }
.container .products .con dl{display:none; width:100%;}
.container .products .con dl dd{float:left;width:28%;  background:#fff; margin-right:2.3%; padding:1.5%;}
.container .products .con dl dd a.pic{display:block;margin-bottom:10px;}
.container .products .con dl dd a.pic img{display:block;width:100%;}
.container .products .con dl dd a.tit{display:block;line-height:50px; font-size:20px; height:50px; text-align:center;}
.container .products .con dl dd a.tit:hover{color:#004b9b;}
.container .products .con dl dd a.moret{display:block;font-size:15px; text-transform:uppercase; color:#666; text-align:center;background:url(../images/ar.png) no-repeat 60% center;}
.container .products .con dl dd a.moret:hover{color:#004b9b;}


.container .application{display:block; max-width:1200px; margin:0 auto; margin-top:80px;}
.container .application .title h4{display:block;height:50px; line-height:50px; font-size:28px; color:#282828; text-align:center;}
.container .application .title .tip{display:block; max-width:1100px; margin:0 auto; font-size:15px; line-height:24px; text-align:center;}

.container .application .con{display:block; padding-top:50px;}


.h_app{display:block; max-width:1200px; margin:0 auto; position:relative; z-index:2; left:0; top:0;}

.h_app .arrow_l{position:absolute; left:48%; top:-38px; z-index:8;width:28px; height:28px; background:url(../images/left.jpg) no-repeat left center; cursor:pointer;}
.h_app .arrow_l:hover{background:url(../images/lefth.jpg) no-repeat left center; }
.h_app .arrow_l.current{background:url(../images/lefth.jpg) no-repeat left center; }

.h_app .arrow_r{position:absolute; left:50.5%; top:-38px; z-index:9;width:28px; height:28px; background:url(../images/right.jpg) no-repeat left center; cursor:pointer;}
.h_app .arrow_r:hover{background:url(../images/righth.jpg) no-repeat left center;}
.h_app .arrow_r.current{background:url(../images/righth.jpg) no-repeat left center;}

.h_app #scrollarea{display:block; max-width:1200px; margin:0 auto; overflow:hidden; }
.h_app #inrea{display:block; width:800%;}
.h_app #area1{float:left;}
.h_app #area2{float:left;}
.h_app #scrollarea li{float:left; width:380px; margin-left:20px; font-size:15px; color:#fff;background:#000000;  text-align:center;}
.h_app #scrollarea li .video{display:block;width:100%;}
.h_app #scrollarea li .video video{display:block; width:100%;}
.h_app #scrollarea li a{display:block; width:100%; background:#000; position:relative; z-index:2; left:0; top:0;}
.h_app #scrollarea li img{display:block; width:100%;  margin-bottom:10px;}
.h_app #scrollarea li .tit{display:block; height:40px; line-height:40px; font-size:15px; text-align:center; color:#fff; text-align:center;}



.container .solution{display:block; width:100%; margin-top:80px;  background:#f0f0f0 url(../images/solution_bg.jpg) no-repeat center top;}
.container .solution .inner{display:block; position:relative; z-index:2; left:0; top:0; height:750px;}
.container .solution  .con{display:block;height:610px;padding-top:80px;}
.container .solution  .title{width:100%; height:100px; background:#fff; position:absolute; left:0; bottom:0; z-index:10;}
.container .solution  .title li{float:left; width:50%;}
.container .solution  .title li a{display:block; width:100%; height:100px; font-size:28px; text-align:center; color:#666; line-height:100px; font-weight:bold; position:relative; z-index:2; left:0; top:0;}
.container .solution  .title li a:hover:after{display:block; width:40px; height:26px; content:"";background:url(../images/arrow.png) no-repeat left bottom; position:absolute; left:50%; top:-26px; z-index:8;}
.container .solution  .title li a:hover{background:#004a9b; color:#fff;}


.container .solution  .title li a.current:after{display:block; width:40px; height:26px; content:"";background:url(../images/arrow.png) no-repeat left bottom; position:absolute; left:50%; top:-26px; z-index:8;}
.container .solution  .title li a.current{background:#004a9b; color:#fff;}

.container .solution  .con dd{display:none; width:100%;}
.container .solution  .con dd .wz{float:left; width:48%;padding-top:50px;}
.container .solution  .con dd .pic{float:right;width:50%;}
.container .solution  .con dd .pic img{width:100%;}

.container .solution  .con dd .wz h4{display:block;line-height:50px; font-size:28px; color:#fff; }
.container .solution  .con dd .wz .detail{display:block; font-size:15px; line-height:24px; color:#fff; padding-top:30px;}
.container .solution  .con dd .wz ol{display:block; margin-top:80px;}
.container .solution  .con dd .wz ol li{float:left; width:33.3%; background:url(../images/dot.jpg) repeat-y left top;}
.container .solution  .con dd .wz ol li i{display:block; width:100%;line-height:40px;font-size:28px; font-style:normal; text-align:center; color:#004a9b;}
.container .solution  .con dd .wz ol li em{display:block;line-height:24px; font-size:14px; font-style:normal; text-align:center;}
.container .solution  .con dd .wz .more{display:block; width:226px; height:50px; line-height:50px; font-size:15px; color:#282828; text-align:center; background:#f5d121; margin-top:50px;}


.container .industry{display:block; max-width:1200px; margin:0 auto; margin-top:80px;}
.container .industry .title{display:block; }
.container .industry .title h4{display:block; line-height:50px; font-size:28px; color:#282828; text-align:center;}
.container .industry .title .tip{display:block;line-height:30px; font-size:18px; text-align:center;}
.container .industry .con{display:block; width:100%; padding-top:30px;}
.container .industry .con li{float:left; width:16.6%;}
.container .industry .con li a{display:block; width:100%; font-size:16px; line-height:40px; text-align:center;}
.container .industry .con li a .icon{display:block; width:95px;height:95px; background:url(../images/icon_T.png) no-repeat left top; margin:0 auto; margin-bottom:5px;}

.container .industry .con li a .icon_T01{background:url(../images/icon_T.png) no-repeat left top; }
.container .industry .con li a .icon_T02{background:url(../images/icon_T.png) no-repeat -95px top; }
.container .industry .con li a .icon_T03{background:url(../images/icon_T.png) no-repeat -190px top; }
.container .industry .con li a .icon_T04{background:url(../images/icon_T.png) no-repeat -285px top; }
.container .industry .con li a .icon_T05{background:url(../images/icon_T.png) no-repeat left -190px; }
.container .industry .con li a .icon_T06{background:url(../images/icon_T.png) no-repeat -95px -190px; }


.container .industry .con li a:hover .icon_T01{background:url(../images/icon_T.png) no-repeat left -95px; }
.container .industry .con li a:hover .icon_T02{background:url(../images/icon_T.png) no-repeat -95px -95px; }
.container .industry .con li a:hover .icon_T03{background:url(../images/icon_T.png) no-repeat -190px -95px; }
.container .industry .con li a:hover .icon_T04{background:url(../images/icon_T.png) no-repeat -285px -95px; }
.container .industry .con li a:hover .icon_T05{background:url(../images/icon_T.png) no-repeat left -285px; }
.container .industry .con li a:hover .icon_T06{background:url(../images/icon_T.png) no-repeat -95px -285px; }
