﻿.container{display:block; width:100%; margin-top:60px;}

.products{display:block;}
.products .title{display:block; background:url(../images/p_en.jpg) no-repeat center top;}
.products .title h4{display:block; height:40px; line-height:40px; font-size:34px; color:#282828; text-align:center; padding-top:24px;}
.products .mtitle{display:block; margin-top:25px;}
.products .mtitle ul{display:block; width:580px; margin:0 auto;}
.products .mtitle ul li{float:left; margin-right:8px;}
.products .mtitle ul li a{display:inline-block; height:40px; border-radius:40px; line-height:40px; padding:0px 30px; font-size:20px; color:#fff; background:#9f9e9e; font-weight:bold;}
.products .mtitle ul li a:hover{background:#1b53b6;}
.products .mtitle ul li a.current{background:#1b53b6;}
.products .con{display:block; margin-top:30px;}
.products .con dl{display:block;}
.products .con dl dd{float:left; width:31%; margin-right:2.333%; margin-bottom:30px; background:#fff; box-shadow:0px 0px 5px 3px #f0f0f0;}
.products .con dl dd:hover{box-shadow:0px 0px 5px 3px #7ca4ec;}
.products .con dl dd a.pic{display:block; width:100%;}
.products .con dl dd a.pic img{display:block; width:100%;}
.products .con dl dd .wz{display:block; padding:18px;}
.products .con dl dd .wz .tit{display:block; height:30px; line-height:30px; font-size:18px; color:#1b53b6; font-weight:bold; overflow:hidden; text-align:center;}
.products .con dl dd .wz .tit:hover{text-decoration:underline;}
.products .con dl dd .wz .detail{display:block; font-size:14px; line-height:22px; height:66px; overflow:hidden; margin-top:8px;}
.products .con .more{display:block; width:304px; height:46px; line-height:46px; margin:0 auto; border:2px solid #9f9e9e; margin:0 auto; text-align:center; font-size:14px; font-weight:bold;}
.products .con .more:hover{color:#1b53b6; border:2px solid #1b53b6;}

.mfeature{display:block; margin-top:60px; width:100%; height:1100px; background:url(../images/mf_bg.jpg) no-repeat center top;}
.mfeature .title{display:block; background:url(../images/mf_tit.png) no-repeat center top; height:88px;}
.mfeature .title h4{display:block; padding-top:24px; background:url(../images/f_en.png) no-repeat center 3px; font-size:34px; line-height:40px; height:40px; text-align:center; color:#282828; }
.mfeature .con{display:block; margin-top:20px;}
.mfeature .con ul{display:block;width:100%;}
.mfeature .con ul li{float:left; width:46%; margin-right:4%;}
.mfeature .con ul li:nth-child(2n){float:right; width:46%; margin-right:0%;}
.mfeature .con ul li .tit{display:block; height:50px; line-height:50px; color:#fff; font-size:32px; padding-left:50px; background:url(../images/num01.png) no-repeat left center;}
.mfeature .con ul li .tit:hover{text-decoration:underline;}
.mfeature .con ul li.li02 .tit{background:url(../images/num02.png) no-repeat left center;}
.mfeature .con ul li .detail{display:block; font-size:16px; line-height:28px; color:#fff;}
.mfeature .con ul li .detail:hover{text-decoration:underline;}
.mfeature .con ul li .mpic{display:block; margin-top:28px; position:relative; z-index:2; left:0; top:0;}
.mfeature .con ul li .mpic .more{display:block; width:90%;  padding:0px 5%; height:48px; background:url(../images/black.png) repeat left top; position:absolute; z-index:8; left:0px; bottom:0px; font-size:14px; color:#fff; font-weight:bold; line-height:48px;}
.mfeature .con ul li .mpic .more .arrow{display:block; position:absolute; right:5%; top:0px; z-index:9; height:48px; width:30px; background:url(../images/arrow.png) no-repeat right center;}
.mfeature .con ul li .mpic .more:hover{background:#1b53b6;}

.mfeature .con .box{display:block; width:100%; margin-top:60px; background:url(../images/white.jpg)  repeat-x left bottom; }
.mfeature .con .box .wz{width:46%; float:left;}
.mfeature .con .box .wz .tit{display:block; height:50px; line-height:50px; color:#fff; font-size:32px; padding-left:50px; background:url(../images/num03.png) no-repeat left center;}
.mfeature .con .box .wz .w_in{display:block; padding:44px; }
.mfeature .con .box .wz .w_in a.detail{display:block; font-size:16px; line-height:28px; color:#282828; padding-top:20px;}
.mfeature .con .box .wz .w_in a.detail:hover{color:#1b53b6; text-align:underline;}
.mfeature .con .box .wz .w_in a.more{display:block; height:42px; line-height:42px; font-size:14px; font-weight:bold; color:#9f9e9e; padding:0px 5%; border:2px solid #9f9e9e; margin-top:60px; background:url(../images/arrow2.png) no-repeat 95% center;}
.mfeature .con .box .wz .w_in a.more:hover{border:2px solid #1b53b6;background:url(../images/arrow2h.png) no-repeat 95% center; color:#1b53b6;}

.mfeature .con .box .pic{width:50%; float:right;}
.mfeature .con .box .pic a{display:block; width:100%;}
.mfeature .con .box .pic img{display:block; width:100%;}

.wrap{display:block; margin-top:60px;}
.wrap .about{width:48%; background:#9f9e9e;}
.wrap .about .a_in{display:block; padding:26px 23px;}
.wrap .about .a_in .title{display:block; padding-left:30px; background:url(../images/a_en.jpg) no-repeat left center;}
.wrap .about .a_in .title h4{display:block; font-size:28px; line-height:34px; color:#fff; height:34px;}
.wrap .about .a_in .title .en{display:block; font-size:16px; line-height:20px; text-transform:uppercase; letter-spacing:6px; color:#fff; font-family:Arial, Helvetica, sans-serif;}
.wrap .about .a_in .title .more{float:right; font-size:14px; color:#fff; text-align:center; font-weight:bold; height:22px; line-height:22px; width:58px; border:2px solid #fff; margin-top:25px;}
.wrap .about .a_in .title .more:hover{color:#1b53b6; border:2px solid #1b53b6;}
.wrap .about .a_in .con{display:block; margin-top:15px;font-size:14px; line-height:24px; color:#282828;}
.wrap .about .a_in .con img{float:left; margin-right:12px; }
.wrap .about .a_in .con a{font-size:14px; line-height:24px;color:#282828;}
.wrap .about .a_in .con a:hover{color:#1b53b6; text-decoration:underline;}

.wrap .service{width:48%;  background:url(../images/mservice_bg.jpg) no-repeat center top;}
.wrap .service .s_in{display:block; padding:34px 32px;}
.wrap .service .s_in .title{display:block; padding-top:20px; background:url(../images/c_en.png) no-repeat left top;}
.wrap .service .s_in .title h4{display:block; height:40px; line-height:40px; font-size:34px; color:#fff;}
.wrap .service .s_in .con{display:block; margin-top:45px; border:1px solid #fff; padding:25px;}
.wrap .service .s_in .con ul{display:block; width:100%;}
.wrap .service .s_in .con ul li{float:left; width:48%; margin-right:2%;}
.wrap .service .s_in .con ul li .tit{display:block; height:40px; line-height:40px; font-size:20px; color:#fff; font-weight:bold;}
.wrap .service .s_in .con ul li .tit:hover{text-decoration:underline;}
.wrap .service .s_in .con ul li .detail{display:block; font-size:15px; line-height:22px; color:#fff; margin-top:20px;}
.wrap .service .s_in .con ul li .detail:hover{text-decoration:underline;}
.wrap .service .s_in .con ul li.li01{width:46%; padding-right:3%;margin-right:3%; border-right:1px solid #fff;}
.wrap .service .s_in .con ul li.li02{float:right; width:46%; margin-right:0%; border-right:0px;}

.news{display:block; margin-top:60px;}
.news .title{display:block; background:url(../images/n_en.png) no-repeat center top; padding-top:24px;}
.news .title h4{display:block; height:40px; line-height:40px; font-size:34px; color:#282828; text-align:center;}
.news .con{display:block; margin-top:32px; background:#f0f0f0;}
.news .con .res{width:32%; background:#dad9d9;}
.news .con ul{width:64%; margin-top:40px;}

.news .con .res a.ns{display:block; width:100%; background:#dad9d9;}
.news .con .res a.ns img{display:block; width:100%;}
.news .con .res .wz{display:block; padding:22px;}
.news .con .res .wz .tit{display:block; height:30px; line-height:30px; font-size:18px; color:#1b53b6; font-weight:bold;}
.news .con .res .wz .detail{display:block; font-size:14px; line-height:24px; color:#282828; margin-top:16px; height:72px; overflow:hidden;}
.news .con .res .wz .moret{display:block; height:30px; line-height:30px; border:2px solid #1b53b6; font-size:14px; color:#1b53b6; padding:0px 5%; background:url(../images/arrow2h.png) no-repeat 95% center; font-weight:bold; margin-top:22px;}
.news .con .res .wz .moret:hover{background:#1b53b6 url(../images/arrow.png) no-repeat 95% center; color:#fff;}

.news .con ul li{display:block; width:100%; margin-bottom:24px;}
.news .con ul li .time{width:7%; float:left; padding:0.5%; border:1px solid #9f9e9e;}
.news .con ul li .time .d{display:block; height:50px; line-height:50px; font-size:28px; color:#9f9e9e; text-align:center;  font-family:Arial, Helvetica, sans-serif;}
.news .con ul li .time .yy-m{display:block; font-size:14px; line-height:30px; text-align:center; color:#9f9e9e;font-family:Arial, Helvetica, sans-serif;}
.news .con ul li .wz{width:88%; float:right;}
.news .con ul li .wz .tit{display:block; height:30px; line-height:30px; font-size:16px; font-weight:bold; color:#9f9e9e;}
.news .con ul li .wz .tit:hover{color:#1b53b6; text-decoration:underline;}
.news .con ul li .wz .detail{display:block; font-size:14px; line-height:22px; margin-top:5px;}
.news .con ul li .wz .detail:hover{color:#1b53b6; text-decoration:underline;}
