﻿.container{display:block; width:100%; margin-top:80px;}
.container .aboutus{display:block; max-width:1200px; margin:0 auto; }
.container .aboutus .title{display:block; width:100%;}
.container .aboutus .title h4{display:block;width:100%;  height:40px; line-height:40px; text-align:center; font-size:24px; color:#0a5591; background:url(../images/ge.jpg) no-repeat center center;}
.container .aboutus .title .tip{display:block; line-height:30px; text-align:center; font-size:18px; color:#666; }
.container .aboutus .con{display:block; margin-top:30px;background:url(../images/a_bg.jpg) repeat left top;}
.container .aboutus .con .fl{width:20%;height:415px; background:url(../images/a_fl_bg.jpg) no-repeat left top;}
.container .aboutus .con .fr{width:80%;}

.container .aboutus .con .fl .n_tit{display:block; width:80%; margin:0 auto; padding-top:30px;}
.container .aboutus .con .fl .n_tit img{display:block; }

.container .aboutus .con .fl ul{display:block; width:80%; margin:0 auto; margin-top:60px;}
.container .aboutus .con .fl ul li{display:block;height:42px; line-height:42px; background:url(../images/white.png) repeat left top; border-radius:4px; width:100%;  margin-bottom:13px;}
.container .aboutus .con .fl ul li a{display:block; font-size:15px; color:#fff; font-weight:bold; line-height:42px; text-align:center;}

.container .aboutus .con .fl ul li.g_icon01 a{background:url(../images/g_icon01.png) no-repeat 22% center;}
.container .aboutus .con .fl ul li.g_icon02 a{background:url(../images/g_icon02.png) no-repeat 22% center;}
.container .aboutus .con .fl ul li.g_icon03 a{background:url(../images/g_icon03.png) no-repeat 22% center;}
.container .aboutus .con .fl ul li.g_icon04 a{background:url(../images/g_icon04.png) no-repeat 21% center;}

.container .aboutus .con .fr .gs{float:left; width:57.3%;}
.container .aboutus .con .fr .gs img{display:block; width:100%;}
.container .aboutus .con .fr .wz{float:right; width:33%;padding-right:50px; padding-top:40px;}
.container .aboutus .con .fr .wz .tit{display:block; line-height:40px; font-size:22px; color:#282828; font-weight:bold; }
.container .aboutus .con .fr .wz .detail{display:block; padding-top:17px;font-size:14px; line-height:24px;}
.container .aboutus .con .fr .wz .moret{display:block; width:100px;padding-left:30px; height:40px; line-height:40px;  font-size:14px; font-family:Arial, Helvetica, sans-serif; margin-top:20px; border-radius:4px; background:#fff url(../images/ar.jpg) no-repeat right center;}
.container .aboutus .con .fr .wz .moret:hover{background:#fff url(../images/arh.jpg) no-repeat right center; color:#3672a2; font-weight:bold;}


.container .products{display:block; width:100%; margin-top:80px; background:url(../images/pro_bg.jpg) no-repeat center top;}
.container .products .inner{display:block; padding:70px 0px 50px;}
.container .products .title{display:block; }
.container .products .title h4{display:block; line-height:30px; font-size:24px; color:#fff; text-align:center; background:url(../images/line.png) no-repeat center center;}
.container .products .title .tip{display:block; line-height:30px; font-size:18px; color:#fff; text-align:center;}
.container .products .con{display:block; margin-top:20px;}
.container .products .con ul{display:block; width:100%;}
.container .products .con ul li{float:left; width:31.3%; margin-right:2%; margin-bottom:20px; transition:all .7s linear 0s; -webkit-transition:all .7s linear 0s; -o-transition:all .7s linear 0s; -moz-transition:all .7s linear 0s;}
.container .products .con ul li:hover{transform:translate(0,-7px); -moz-transform:translate(0,-7px);  -o-transform:translate(0,-7px);  -webkit-transform:translate(0,-7px); }
.container .products .con ul li a.pic{display:block; width:100%;background:url(../images/blue.png) repeat left top;}
.container .products .con ul li a.pic img{display:block; width:100%;}
.container .products .con ul li a.pic .tit{display:block; height:40px;  width:96%; font-size:15px; line-height:40px; color:#fff; font-weight:bold; padding:0% 2%; background:url(../images/arrow.png) no-repeat 98% center;}


.container .news{display:block; max-width:1200px; margin:0 auto; margin-top:80px;}
.container .news .title{display:block; width:100%; }
.container .news .title h4{display:block; line-height:30px; font-size:24px; color:#0a5591; text-align:center; background:url(../images/line2.png) no-repeat center center;}
.container .news .title .tip{display:block; line-height:30px; font-size:18px; text-align:center; color:#666;}
.container .news .con{display:block; padding-top:28px;}
.container .news .con .fl{width:32.5%; background:url(../images/a_bg.jpg) repeat left top;}
.container .news .con .fl .r_in{display:block; padding:20px;}
.container .news .con .fl .r_in .ns{display:block; width:100%; position:relative; z-index:2; left:0; top:0;}
.container .news .con .fl .r_in .ns img{display:block; width:100%;}
.container .news .con .fl .r_in .ns .tit{display:block; position:absolute; left:0; bottom:0; z-index:8; width:96%; padding:0% 2%; height:40px; line-height:40px; background:url(../images/blue2.png) repeat left top; font-size:17px; color:#fff; font-weight:bold;}
.container .news .con .fl .r_in a.detail{display:block;font-size:14px; line-height:22px; padding-top:8px;}
.container .news .con .fl .r_in .time{display:block; line-height:20px; font-size:13px; color:#999;margin-top:8px; padding-left:18px; background:url(../images/time.jpg) no-repeat left center;}

.container .news .con .fr{width:66%;}
.container .news .con .fr li{display:block; width:100%; margin-bottom:35px;}
.container .news .con .fr li .time{float:left;width:11%; border-right:1px solid #d0d0d0; margin-right:3%;}
.container .news .con .fr li .wz{width:85%; float:right;}
.container .news .con .fr li .time .d{display:block; line-height:40px; font-size:24px; text-align:center;}
.container .news .con .fr li .time .yy-m{display:block; line-height:30px; font-size:12px; text-align:center; color:#999;}

.container .news .con .fr li .wz .tit{display:block; height:30px; line-height:30px; font-size:15px; color:#282828;}
.container .news .con .fr li .wz .tit:hover{color:#20649a; font-weight:bold;}
.container .news .con .fr li .wz .detail{display:block; font-size:14px; line-height:20px;color:#999;}
.container .news .con .fr li .wz .detail:hover{color:#20649a; text-decoration:underline;}


