﻿.container{display:block; width:100%; }
.container .madvantage{display:block; width:100%; height:450px; background:url(../images/ag_bg.jpg) no-repeat center top;}
.container .madvantage .inner{padding-top:80px;}
.container .madvantage .title{width:28%; padding-bottom:240px; background:url(../images/line.jpg) no-repeat 50px bottom;}
.container .madvantage .title .en{display:block;}
.container .madvantage .title .en img{display:block;}
.container .madvantage .title h4{display:block; height:40px; line-height:40px; font-size:36px; color:#0060a4; }

.container .madvantage .con{width:65%;}
.container .madvantage .con dl{float:left; width:45%; margin-right:5%; margin-bottom:40px; }
.container .madvantage .con dl dt{display:block; height:50px; line-height:50px; font-size:32px; color:#0060a4; font-weight:bold; padding-left:50px; background:url(../images/icon01.jpg) no-repeat left 10px; }
.container .madvantage .con dl dd{display:block; margin-top:15px; font-size:18px; line-height:26px; padding-left:50px;}

.container .madvantage .con dl.dl01 dt{ padding-left:50px; background:url(../images/icon01.jpg) no-repeat left 10px;}
.container .madvantage .con dl.dl02 dt{ padding-left:50px; background:url(../images/icon02.jpg) no-repeat left 10px;}
.container .madvantage .con dl.dl03 dt{ padding-left:50px; background:url(../images/icon03.jpg) no-repeat left 10px;}
.container .madvantage .con dl.dl04 dt{ padding-left:50px; background:url(../images/icon04.jpg) no-repeat left 10px;}


.container .company{display:block; width:100%; background:#f0f0f0; margin-top:60px;}
.container .company .fl{width:50%; background:url(../images/gs_bg.jpg) no-repeat right top;}
.container .company .fr{width:50%;}

.container .company .fl .f_in{float:right; max-width:600px; padding:92px 0px;}
.container .company .fl .f_in .title{display:block;}
.container .company .fl .f_in .title h4{display:block;height:50px; line-height:50px; font-size:36px; color:#fff; }
.container .company .fl .f_in .con{display:block; margin-top:30px; width:80%; font-size:14px; line-height:28px; color:#fff;}
.container .company .fl .f_in .con:hover{text-decoration:underline;}

.container .company .fl .f_in .consl{display:block; margin-top:60px;}

.container .company .fl .f_in .consl .moret{float:left; width:126px; height:42px; line-height:42px; border:2px solid #fff; border-radius:40px; font-size:14px; color:#fff; padding:0px 20px; background:url(../images/ar.png) no-repeat 90% center; margin-right:15px; font-weight:bold; }
.container .company .fl .f_in .consl .moret:hover{background:#fff url(../images/arh.png) no-repeat 90% center; color:#0060a4;}

.container .company .fl .f_in .consl .tel{float:left; width:240px; height:44px; line-height:44px; background:#fe9c02; border-radius:44px; text-align:center;}
.container .company .fl .f_in .consl .tel .tt{font-size:14px; color:#fff; line-height:44px; font-weight:bold; margin-right:4px; }
.container .company .fl .f_in .consl .tel .code{color:#fff;font-size:22px; line-height:44px; font-family:Arial, Helvetica, sans-serif;}
.container .company .fl .f_in .consl .tel .code:hover{text-decoration:underline;}

.container .company .fr .f_in{float:left; max-width:600px; padding-top:40px; padding-bottom:20px; }
.container .company .fr .f_in ul{display:block; width:96%; margin-left:4%;}
.container .company .fr .f_in ul li{float:left; width:48%; margin-right:2%; margin-bottom:15px;}
.container .company .fr .f_in ul li img{display:block; width:100%;}


.container .products{display:block; width:100%; background:#f0f0f0; margin-top:70px; }
.container .products .inner{display:block; padding:70px 0px;}
.container .products .inner .title{display:block; }
.container .products .inner .title h4{display:block; line-height:50px; font-size:36px; color:#282828; text-align:center; }
.container .products .inner .title .tip{display:block; font-size:20px; line-height:30px; text-align:center;}
.container .products .inner .con{display:block; margin-top:25px;}
.container .products .inner .con ul li{float:left; width:25%; position:relative; z-index:9; left:0; top:0; }
.container .products .inner .con ul li a.pic{display:block; width:100%;}
.container .products .inner .con ul li a.pic img{display:block; width:100%;}
.container .products .inner .con ul li .wz{display:block; position:absolute; left:10%; top:24%; z-index:10;width:80%;}
.container .products .inner .con ul li .wz .tit{display:block; width:88%; padding:20px 5%; border:2px solid #fff;height:52px; font-size:26px; color:#fff; line-height:26px; font-weight:bold; color:#fff; text-align:center;}
.container .products .inner .con ul li .wz .tit:hover{color:#fe9c02; border:2px solid #fe9c02;}

.container .products .inner .con ul li .wz .tip{display:block; font-size:18px; line-height:30px; color:#fff; text-align:center; margin-top:20px;}
.container .products .inner .con ul li .wz .tip:hover{color:#fe9c02;}

.container .products .inner .con ul li .wz .moret{display:block; width:44px; height:44px; background:#fe9c02 url(../images/arrow.png) no-repeat center center; border-radius:44px; margin:0 auto; margin-top:40px;transition:all 0.7s linear 0s; -webkit-transition:all 0.7s linear 0s; -moz-transition:all 0.7s linear 0s; -o-transition:all 0.7s linear 0s; }
.container .products .inner .con ul li .wz .moret:hover{margin-top:30px;transform:translate(0px,-10px); -webkit-transform:translate(0px,-10px); -moz-transform:translate(0px,-10px); -o-transform:translate(0px,-10px);}

.container .products .inner .con ul li a.pic:hover{background:#0060a4;}
.container .products .inner .con ul li a.pic:hover img{filter:alpha(opacity=30); opacity:0.3;}

.container .products .inner .con ul li.li04 .wz .tit{line-height:52px;}


.container .mcase{display:block; width:100%; background:url(../images/case_bg.jpg) no-repeat center top;}
.container .mcase .inner{display:block; padding:80px 0px; }
.container .mcase .inner .title{display:block;}
.container .mcase .inner .title h4{display:block; line-height:50px; font-size:36px; color:#fff; text-align:center;}
.container .mcase .inner .title .tip{display:block; line-height:30px; font-size:20px; color:#fff; text-align:center;}
.container .mcase .inner .con{display:block; margin-top:20px; background:#fff; height:500px;}
.container .mcase .inner .con .mtitle{width:20%; background:#fe9c02; height:500px;}
.container .mcase .inner .con .mtable{width:78%; padding-top:5px; padding-right:5px;}

.container .mcase .inner .con .mtitle .m_in{display:block; margin-top:25px; width:98%; margin-left:2%;}
.container .mcase .inner .con .mtitle .m_in ul li{display:block; height:56px;}
.container .mcase .inner .con .mtitle .m_in ul li a{display:block;  height:56px; line-height:56px; font-size:18px; color:#fff; padding-left:15%;}
.container .mcase .inner .con .mtitle .m_in ul li a:hover{background:#fff; color:#fe9c02; font-weight:bold;}
.container .mcase .inner .con .mtitle .m_in ul li a.current{background:#fff; color:#fe9c02; font-weight:bold;}

.container .mcase .inner .con .mtable dd{display:none;}
.container .mcase .inner .con .mtable table{ width:100%; border:none;}
.container .mcase .inner .con .mtable table th{border:none; height:60px; line-height:60px; background:#fef7eb; font-size:18px; color:#282828; text-align:center; font-weight:bold; }
.container .mcase .inner .con .mtable table td{border:none; line-height:60px; font-size:15px; color:#666; text-align:center; border-bottom:1px solid #e9e8e8;}

.container .mcustomer{display:block; width:100%; background:#f0f0f0; }
.container .mcustomer .inner{position:relative; z-index:2; left:0; top:0; }
.container .mcustomer .inner .title{width:30%; background:#0060a4;  position:absolute; left:0px; bottom:0px; z-index:8;}
.container .mcustomer .inner .title .t_in{display:block; padding:50px 20px;}
.container .mcustomer .inner .title .t_in .mtitle{display:block;padding-bottom:80px;background:url(../images/line02.jpg) no-repeat 36px bottom;}
.container .mcustomer .inner .title .t_in .mtitle .num{display:block; height:80px; line-height:80px; font-size:68px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.container .mcustomer .inner .title .t_in .mtitle .tip{display:block; font-size:24px; line-height:28px; color:#fff; }

.container .mcustomer .inner .title .t_in dl{display:block; width:100%; margin-top:34px;}
.container .mcustomer .inner .title .t_in dl dd{float:left; width:48%; margin-right:2%; margin-bottom:8px;}
.container .mcustomer .inner .title .t_in dl dd a{display:block; width:99%; height:40px; border:1px solid #fff; line-height:40px; font-size:18px; color:#fff; text-align:center; }
.container .mcustomer .inner .title .t_in dl dd a:hover{background:#fff; color:#0060a4; font-weight:bold; }


.container .mcustomer .inner .con{margin-left:33%;  padding-top:50px; padding-bottom:30px; }
.container .mcustomer .inner .con dl{display:block;}
.container .mcustomer .inner .con dl dd{display:none; width:100%;}
.container .mcustomer .inner .con dl dd li{float:left; width:23%; margin-right:2%; margin-bottom:20px;}
.container .mcustomer .inner .con dl dd li img{display:block; width:100%;}


.container .mteam{display:block; width:100%; margin-top:76px; overflow:hidden;}
.container .mteam .title{display:block;}
.container .mteam .title h4{display:block; line-height:50px; font-size:36px; color:#282828; text-align:center; }
.container .mteam .title .tip{display:block; font-size:20px; line-height:30px; text-align:center; }

.container .mteam .con .c_style{display:block; background:#fff;  position:relative; z-index:2; left:0; top:0; }
.container .mteam .con .c_style #scrollarea{display:block; max-width:1170px; overflow:hidden;}
.container .mteam .con .c_style #inrea{display:block; width:800%;}
.container .mteam .con .c_style #area1{float:left;}
.container .mteam .con .c_style #area2{float:left;}
.container .mteam .con .c_style #scrollarea li{float:left; width:260px;  margin-right:20px; }
.container .mteam .con .c_style #scrollarea li a.pic{display:block; width:180px; height:180px;border-radius:180px; overflow:hidden; margin:0 auto;}
.container .mteam .con .c_style #scrollarea li a.pic img{display:block; width:180px; height:180px; }

.container .mteam .con .c_style #scrollarea li .wz{display:block; width:100%; margin-top:20px;}
.container .mteam .con .c_style #scrollarea li .wz .tit{display:block; font-size:20px; line-height:30px; font-weight:bold; color:#282828; text-align:center;}
.container .mteam .con .c_style #scrollarea li .wz .tit:hover{color:#0060a4; text-decoration:underline;}
.container .mteam .con .c_style #scrollarea li .wz .tip{display:block; font-size:16px; line-height:20px; color:#282828; text-align:center;}
.container .mteam .con .c_style #scrollarea li .wz .tip:hover{color:#0060a4; text-decoration:underline;}
.container .mteam .con .c_style #scrollarea li .jy{display:block; height:41px; background:url(../images/jy_bg.jpg) no-repeat center center; font-size:16px; color:#fff; font-weight:bold; text-align:center; line-height:41px; margin-top:5px;}
.container .mteam .con .c_style #scrollarea li .jy:hover{text-decoration:underline; }



.container .mteam .con .c_style .arrow_l{position:absolute; left:-45px; width:42px; height:260px; background:url(../images/left.png) no-repeat left center; cursor:pointer; z-index:9;}
.container .mteam .con .c_style .arrow_l.current{position:absolute; left:-45px;  width:42px; height:260px; background:url(../images/lefth.png) no-repeat left center; cursor:pointer; z-index:9;}
.container .mteam .con .c_style .arrow_r{position:absolute; right:-45px;  width:42px; height:260px; background:url(../images/right.png) no-repeat left center; cursor:pointer; z-index:9;}
.container .mteam .con .c_style .arrow_r.current{position:absolute;right:-45px; width:42px; height:260px; background:url(../images/righth.png) no-repeat left center; cursor:pointer; z-index:9;}


.container .news{display:block; width:100%; background:#f0f0f0; margin-top:75px;}
.container .news .inner{display:block; padding:65px 0px;}
.container .news .title h4{display:block; line-height:50px; font-size:36px; color:#282828; text-align:center; }
.container .news .title .tip{display:block; height:30px; line-height:30px; font-size:20px; text-align:center; color:#666; }

.container .news .gs_news{width:32%; margin-right:2%;}
.container .news .talent_news{width:32%; margin-right:2%;}
.container .news .view_news{width:32%; float:right;}
.container .news  .mtitle{display:block; height:60px; background:#0061a4; }
.container .news  .mtitle h4{line-height:60px; font-size:24px; color:#fff; padding-left:20px;  font-weight:normal;}
.container .news  .mtitle .moret{float:right; font-size:14px; color:#fff; width:42px; line-height:22px; border:1px solid #fff; text-align:center; margin-right:20px; margin-top:20px;}
.container .news  .mtitle .moret:hover{font-weight:bold; text-decoration:underline;}
.container .news  .mcon{display:block; }
.container .news  .mcon .rescommend{display:block; width:100%; margin-top:6px; position:relative; z-index:2; left:0; top:0;}
.container .news  .mcon .rescommend .pic{display:block; width:100%; height:182px; overflow:hidden; }
.container .news  .mcon .rescommend .pic img{display:block; width:100%;}
.container .news  .mcon .rescommend .tit{display:block; position:absolute; z-index:9; left:0px; bottom:0px; height:50px; width:90%; padding:0px 5%;background:url(../images/black.png) repeat left top; font-size:17px; line-height:50px; color:#fff;}
.container .news  .mcon .rescommend .tit:hover{text-decoration:underline;}
.container .news  .mcon .rescommend .tit .time{float:right; line-height:50px; font-size:14px;}

.container .news  .mcon ul{display:block; width:100%; margin-top:20px;}
.container .news  .mcon ul li{display:block; line-height:34px; height:34px; overflow:hidden;}
.container .news  .mcon ul li a{line-height:34px; font-size:15px; color:#0061a4; padding-left:10px; background:url(../images/circle.png) no-repeat left center;}
.container .news  .mcon ul li a:hover{text-decoration:underline;}
.container .news  .mcon ul li .time{float:right; line-height:34px;font-size:14px; color:#666; }


