﻿.container{display:block; width:100%;}
.container .products{display:block; background:#f0f0f0; padding-top:200px; padding-bottom:80px; }
.container .products .title{display:block; padding-top:30px; background:url(../images/p_en.png) no-repeat center top;}
.container .products .title h2{display:block; font-size:32px; line-height:40px; color:#282828; text-align:center; background:url(../images/line.png) no-repeat center center;}
.container .products .title h2 i{line-height:40px; font-style:normal; padding:0px 5px;}
.container .products .title h2 .blue{line-height:40px; color:#004592;}
.container .products .title .en{display:block; font-size:18px; line-height:24px; text-align:center;}

.container .products .con{display:block; margin-top:18px;}
.container .products .con ul{display:block; width:100%;}
.container .products .con ul li{float:left; width:29%; padding:1%; margin-right:2.333%; margin-bottom:28px; background:#fff;}
.container .products .con ul li:hover{box-shadow:0px 0px 5px 3px #c2d3e5;}

.container .products .con ul li a.pic{display:block; width:100%;}
.container .products .con ul li a.pic img{display:block; width:100%;}

.container .products .con ul li a.tit{display:block; font-size:17px; line-height:50px; font-weight:bold; text-align:center; color:#004592;}
.container .products .con ul li a.tit:hover{text-decoration:underline;}

.container .products .con ul li a.detail{display:block; font-size:14px; line-height:20px; height:40px; overflow:hidden; }
.container .products .con ul li a.detail:hover{text-decoration:underline;}

.container .products .con .consl{display:block; width:350px; margin:0 auto; margin-top:20px;}
.container .products .con .consl .moret{float:left; width:160px; height:48px; background:#ff7521; line-height:48px; font-size:14px; color:#fff; text-align:center; background:#ff7521; font-weight:bold; }
.container .products .con .consl  .tel{float:left; width:155px;  margin-left:30px;}
.container .products .con .consl  .tel .tt{display:block; font-size:14px; line-height:16px; font-weight:bold; }
.container .products .con .consl  .tel .code{display:block; height:32px; line-height:32px; font-size:25px;  color:#ff7521; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #acacac;}


.container .madvantage{display:block; width:100%; background:url(../images/mg_bg.jpg) no-repeat center top;}
.container .madvantage .inner{display:block; padding-top:80px;}
.container .madvantage .inner .fl{width:25%; background:#fff; height:860px;}
.container .madvantage .inner .fr{width:68%;}

.container .madvantage .inner .fl .title{display:block; padding-top:50px;}
.container .madvantage .inner .fl .title .en{display:block; font-size:42px; line-height:50px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; color:#f2f2f2; text-align:center; font-weight:bold;}
.container .madvantage .inner .fl .title  h2{display:block; line-height:40px; font-size:38px; color:#282828; text-align:center;}
.container .madvantage .inner .fl .title  h4{display:block; line-height:34px; height:34px; font-size:32px; color:#004592; text-align:center;}
.container .madvantage .inner .fl .con{display:block; margin-top:90px; }
.container .madvantage .inner .fl .con ul{display:block; margin-left:36px;}
.container .madvantage .inner .fl .con ul li{display:block; margin-bottom:22px;}
.container .madvantage .inner .fl .con ul li a{display:block;  height:53px; background:#004592; border-top-left-radius:50px; border-bottom-left-radius:50px; overflow:hidden;}
.container .madvantage .inner .fl .con ul li a .tit{float:left; font-size:20px; line-height:53px; color:#fff; font-weight:bold;}
.container .madvantage .inner .fl .con ul li a .num{float:right; font-size:20px; line-height:53px; color:#fff; font-family:Arial, Helvetica, sans-serif; margin-right:20px; }
.container .madvantage .inner .fl .con ul li a:hover{background:#ff7521;  border-top-left-radius:50px; border-bottom-left-radius:50px;  }
.container .madvantage .inner .fl .con ul li a.current{background:#ff7521;  border-top-left-radius:50px; border-bottom-left-radius:50px;  }

.container .madvantage .inner .fl .con ul li.micon01 a{display:block; padding-left:56px; background:#004592 url(../images/mg_icon01.png) no-repeat 20px center;}
.container .madvantage .inner .fl .con ul li.micon02 a{display:block; padding-left:56px; background:#004592 url(../images/mg_icon02.png) no-repeat 20px center;}
.container .madvantage .inner .fl .con ul li.micon03 a{display:block; padding-left:56px; background:#004592 url(../images/mg_icon03.png) no-repeat 20px center;}
.container .madvantage .inner .fl .con ul li.micon04 a{display:block; padding-left:56px; background:#004592 url(../images/mg_icon04.png) no-repeat 20px center;}

.container .madvantage .inner .fl .con ul li.micon01 a:hover{display:block; padding-left:56px; background:#ff7521 url(../images/mg_icon01h.png) no-repeat 20px center;}
.container .madvantage .inner .fl .con ul li.micon02 a:hover{display:block; padding-left:56px; background:#ff7521 url(../images/mg_icon02h.png) no-repeat 20px center;}
.container .madvantage .inner .fl .con ul li.micon03 a:hover{display:block; padding-left:56px; background:#ff7521 url(../images/mg_icon03h.png) no-repeat 20px center;}
.container .madvantage .inner .fl .con ul li.micon04 a:hover{display:block; padding-left:56px; background:#ff7521 url(../images/mg_icon04h.png) no-repeat 20px center;}


.container .madvantage .inner .fl .con ul li.micon01 a.current{display:block; padding-left:56px; background:#ff7521 url(../images/mg_icon01h.png) no-repeat 20px center;}
.container .madvantage .inner .fl .con ul li.micon02 a.current{display:block; padding-left:56px; background:#ff7521 url(../images/mg_icon02h.png) no-repeat 20px center;}
.container .madvantage .inner .fl .con ul li.micon03 a.current{display:block; padding-left:56px; background:#ff7521 url(../images/mg_icon03h.png) no-repeat 20px center;}
.container .madvantage .inner .fl .con ul li.micon04 a.current{display:block; padding-left:56px; background:#ff7521 url(../images/mg_icon04h.png) no-repeat 20px center;}

.container .madvantage .inner .fr .title{display:block; margin-top:56px; }
.container .madvantage .inner .fr .title .tel{float:left; line-height:34px; border:2px solid #fff; border-radius:34px; padding:5px 20px; overflow:hidden; margin-top:25px;}
.container .madvantage .inner .fr .title .tel .tt{float:left; line-height:34px; color:#fff; font-size:14px; }
.container .madvantage .inner .fr .title .tel .code{float:left; line-height:34px; color:#fff; margin-left:8px; font-size:28px; color:#fff; font-family:Arial, Helvetica, sans-serif;}
.container .madvantage .inner .fr .title .mtitle{float:right;}
.container .madvantage .inner .fr .title .mtitle h2{display:block; height:44px;  font-size:38px; line-height:44px; color:#fff; text-align:right;}
.container .madvantage .inner .fr .title .mtitle .tip{display:block; height:32px; line-height:32px; font-size:23px; color:#fff; height:30px; text-align:right;}
.container .madvantage .inner .fr .title .mtitle .yellow{color:#ff7521; line-height:30px; font-size:28px; font-family:Arial, Helvetica, sans-serif;}

.container .madvantage .inner .fr .con{display:block; margin-top:110px;}
.container .madvantage .inner .fr .con ul{display:block;}
.container .madvantage .inner .fr .con ul li{display:none;}
.container .madvantage .inner .fr .con ul li h2{display:block; height:40px; line-height:40px; color:#ff7521; font-size:28px; font-weight:bold;}
.container .madvantage .inner .fr .con ul li dl{display:block; margin-top:10px;}
.container .madvantage .inner .fr .con ul li dl dd{display:block; height:36px; line-height:36px; font-size:18px; color:#666; padding-left:24px; background:url(../images/k.png) no-repeat left center;}
.container .madvantage .inner .fr .con ul li .mg_pic{display:block; margin-top:65px;}


.container .case{display:block; margin-top:80px;}
.container .case .title{display:block; padding-top:30px; background:url(../images/c_en.png) no-repeat center top;}
.container .case .title h2{display:block; font-size:32px; line-height:40px; color:#282828; text-align:center; background:url(../images/line.png) no-repeat center center;}
.container .case .title h2 i{line-height:40px; font-style:normal; padding:0px 5px;}
.container .case .title h2 .blue{line-height:40px; color:#004592;}
.container .case .title .en{display:block; font-size:18px; line-height:24px; text-align:center;}

.container .case .con{display:block; margin-top:34px;}
.container .case .con .rescommend{float:left; width:50%;  }
.container .case .con .rescommend dl{display:block;width:100%;}
.container .case .con .rescommend dl dd{display:none; width:100%;position:relative; z-index:2; left:0; top:0;}

.container .case .con .rescommend .pic{width:100%;}
.container .case .con .rescommend .pic img{display:block; width:100%;}

.container .case .con .rescommend .wz{display:block; width:110%; position:absolute; z-index:8; left:90%; top:30px; height:240px; background:url(../images/yellow.png) repeat left top;}
.container .case .con .rescommend .wz .w_in{display:block; padding:40px;}
.container .case .con .rescommend .wz .w_in .tit{display:block; line-height:30px; font-size:24px; color:#fff; font-weight:bold;}
.container .case .con .rescommend .wz .w_in .tit:hover{text-decoration:underline;}
.container .case .con .rescommend .wz .w_in .detail{display:block; font-size:14px; line-height:22px; color:#fff; margin-top:15px;}
.container .case .con .rescommend .wz .w_in .detail:hover{text-decoration:underline;}
.container .case .con .rescommend .wz .w_in .moret{display:block; width:124px; height:34px; border:2px solid #fff; line-height:34px; color:#fff; font-size:14px; text-align:center; font-weight:bold; margin-top:18px;}
.container .case .con .rescommend .wz .w_in .moret:hover{background:#fff; color:#ff7521; }


.container .case .con ul{float:right; width:49%; margin-top:280px; }
.container .case .con ul li{float:left; width:31%; margin-right:2.333%;}
.container .case .con ul li a.pic{display:block; width:100%;text-align:center;font-size:14px; line-height:24px; height:24px;}
.container .case .con ul li a.pic img{display:block; width:98%; border:2px solid #aaa;}

.container .case .con ul li a.pic:hover img{border:2px solid #ff7521;}
.container .case .con ul li a.pic:hover{color:#ff7521;}

.container .case .con ul li a.pic.current img{border:2px solid #ff7521;}
.container .case .con ul li a.pic.current{color:#ff7521;}


.container .company{display:block; width:100%; margin-top:80px;  background:url(../images/about_bg.jpg) no-repeat left top; background-size:50% auto;}
.container .company .title{display:block; padding-top:25px; background:url(../images/a_en.png) no-repeat right top;}
.container .company .title h4{display:block; height:40px; line-height:40px; font-size:32px; color:#004592; text-align:right;}
.container .company .con{display:block; width:1198px; border:1px solid #e1e1e1; background:#fff; margin-top:10px;}
.container .company .con .c_in{display:block; padding:38px;}
.container .company .con .c_in .gs{display:block; font-size:14px; line-height:28px;}
.container .company .con .c_in .gs:hover{text-decoration:underline;}

.container .company .con .c_in ul{display:block; width:100%; margin-top:15px;}
.container .company .con .c_in ul li{float:left; width:24%; margin-right:1%;}
.container .company .con .c_in ul li a{display:block; width:100%;}
.container .company .con .c_in ul li a img{display:block; width:100%;}


.container .news{display:block; margin-top:70px;}
.container .news .title{display:block; padding-top:30px; background:url(../images/n_en.png) no-repeat center top;}
.container .news .title h2{display:block; font-size:32px; line-height:40px; color:#282828; text-align:center; background:url(../images/line.png) no-repeat center center;}
.container .news .title h2 i{line-height:40px; font-style:normal; padding:0px 5px;}
.container .news .title h2 .blue{line-height:40px; color:#004592;}
.container .news .title .en{display:block; font-size:18px; line-height:24px; text-align:center;}
.container .news .con{display:block; margin-top:24px;}
.container .news .con .rescommend{display:block; width:100%;}
.container .news .con .rescommend dl{display:block;}
.container .news .con .rescommend dl dd{float:left; width:46%; padding:1%; margin-right:2%; background:#f0f0f0;}
.container .news .con .rescommend dl dd .pic{width:36%; float:left;}
.container .news .con .rescommend dl dd .pic img{display:block; width:100%;}
.container .news .con .rescommend dl dd .wz{float:right; width:60%;}
.container .news .con .rescommend dl dd .wz .time{display:block; line-height:40px; font-size:32px; font-family:Arial, Helvetica, sans-serif;}
.container .news .con .rescommend dl dd .wz .tit{display:block; font-size:18px; color:#ff7521; line-height:24px; font-weight:bold; margin-top:10px;}
.container .news .con .rescommend dl dd .wz .tit:hover{text-decoration:underline;}
.container .news .con .rescommend dl dd .wz .detail{display:block; font-size:14px; line-height:22px; margin-top:10px;}
.container .news .con .rescommend dl dd .wz .moret{display:block; width:90px; height:24px; line-height:24px; font-size:13px; text-align:center; border:2px solid #004592; color:#004592; margin-top:25px;}
.container .news .con .rescommend dl dd .wz .moret:hover{background:#004592; color:#fff;}

.container .news .con ul{display:block; width:100%; margin-top:30px;}
.container .news .con ul li{float:left; width:48%; margin-right:2%; margin-bottom:38px; }
.container .news .con ul li .time{width:16%; float:left; border-left:2px solid #dcdcdc;}
.container .news .con ul li .time .d{display:block; font-size:32px; line-height:40px; text-align:center; color:#aaa; }
.container .news .con ul li .time .yy-m{display:block; height:28px; line-height:28px; font-size:15px; color:#aaa; text-align:center;}

.container .news .con ul li .wz{width:80%; float:right; }
.container .news .con ul li .wz .tit{display:block; height:30px; line-height:30px; font-size:16px; color:#004592; font-weight:bold;}
.container .news .con ul li .wz .detail{display:block; font-size:14px; line-height:22px;}