.container{display:block; width:100%; margin-top:80px;}
.about{display:block; background:url(../images/a_bg.jpg) repeat-x left bottom;}
.about .wz{width:52%;}
.about .wz .title{display:block;}
.about .wz .title h2{display:block; height:50px; line-height:50px; font-size:42px; color:#282828;}
.about .wz .title .more{float:right; width:30px; height:70px; line-height:70px; border:2px solid #d8d8d8; font-size:34px; color:#d8d8d8; text-align:center;}
.about .wz .title .more:hover{border:2px solid #263c92; color:#263c92;}
.about .wz .con{display:block; font-size:14px; line-height:30px; margin-top:30px;}
.about .wz .con a{display:block; font-size:14px; line-height:30px;color:#282828; }
.about .wz .con a:hover{color:#263c92; text-decoration:underline;}
.about .wz .mm_honor{display:block; margin-top:32px; height:139px;}
.about .wz .mm_honor .mm_in{display:block; padding:35px 50px; padding-right:0px;}
.about .wz .mm_honor .mm_in ul{display:block;}
.about .wz .mm_honor .mm_in ul li{float:left; width:50%;}
.about .wz .mm_honor .mm_in ul li.mm01{background:url(../images/line.jpg) no-repeat right center;}
.about .wz .mm_honor .mm_in ul li.mm01{width:51%; margin-right:9%; min-width:186px;}
.about .wz .mm_honor .mm_in ul li.mm02{float:right; width:30%; margin-right:0%; min-width:180px;}
.about .wz .mm_honor .mm_in ul li .icon{float:left; width:60px;}
.about .wz .mm_honor .mm_in ul li .mm{float:left;}
.about .wz .mm_honor .mm_in ul li .mm .tit{display:block; font-size:27px;height:44px; line-height:44px; color:#fff; font-weight:bold;}


.about .gs{width:42%;}
.about .gs img{display:block; width:100%;}


.products{display:block; margin-top:80px;}
.products .title{display:block;}
.products .title h2{display:block; height:50px; line-height:50px; font-size:42px; color:#282828; text-align:center;}
.products .title h2 i{font-style:normal; line-height:50px; font-size:42px; padding:0px 10px;}
.products .title .tip{display:block; font-size:18px; line-height:30px; text-align:center; color:#282828;}

.products .mcate_first{display:block; padding-top:45px; padding-bottom:20px; background:#f0f0f0; margin-top:20px;}
.products .mcate_first .mtitle{display:block;}
.products .mcate_first .mtitle .mtit{width:200px; float:left;}
.products .mcate_first .mtitle .mtit h4{display:block; height:40px; line-height:40px; color:#263c92; font-size:30px;}
.products .mcate_first .mtitle ul{float:left; margin-left:30px;}
.products .mcate_first .mtitle ul li{float:left; line-height:46px; margin-right:20px;}
.products .mcate_first .mtitle ul li a{display:inline-block; line-height:46px; font-size:19px; color:#666; font-weight:bold; border-bottom:2px solid #cbcbcb; padding:0px 15px;}
.products .mcate_first .mtitle ul li a:hover{background:#273d92; border-bottom:2px solid #273d92; color:#fff;}
.products .mcate_first .mtitle .moret{float:right; width:34px; height:40px; border:2px solid #d8d8d8; font-size:34px; text-align:center; line-height:40px; color:#d8d8d8;}
.products .mcate_first .mtitle .moret:hover{border:2px solid #263c92; color:#263c92;}
.products .mcate_first .mcon{display:block; margin-top:38px;}
.products .mcate_first .mcon ul{display:block;}
.products .mcate_first .mcon ul li{float:left; width:31%; margin-right:2.333%; position:relative; z-index:2; left:0; top:0; overflow:hidden; margin-bottom:25px;}
.products .mcate_first .mcon ul li:nth-child(1n){width:32%; margin-right:2%;}
.products .mcate_first .mcon ul li:nth-child(2n){width:32%; margin-right:2%;}
.products .mcate_first .mcon ul li:nth-child(3n){width:32%; margin-right:0%;}

.products .mcate_first .mcon ul li a{display:block;width:100%;}
.products .mcate_first .mcon ul li a img{display:block; width:100%;}
.products .mcate_first .mcon ul li span{display:block; position:absolute; left:0px; top:100%; z-index:8; width:100%; height:100%;opacity: 1;transition: 0.5s;}
.products .mcate_first .mcon ul li:hover span{top:0px; }
.products .mcate_first .mcon ul li span::before{content: "";display: block;width: 100%;height: 100%;
position: relative;left: 0;top: 0;background: #263C92;opacity: 0.8;z-index:2;}

.products .mcate_first .mcon ul li span::after {content: "";display: block;width: 90%; height: 84%;border: 1px solid #fff;
box-sizing: border-box;position: absolute;left: 5%;top: 8%; position: absolute; z-index:5;}

.products .mcate_first .mcon ul li span em{display:block;width:100%; text-align:center; font-size:20px; line-height:32px; color:#fff; text-align:center; font-weight:bold; font-style:normal; color:#fff; position: absolute;opacity: 1;top: 105px; z-index:9; padding-top:68px; background:url(../images/more.png) no-repeat center top;}

.msite{display:block; margin-top:60px; background:#273d92;}
.msite .fl{width:50%;}
.msite .fr{width:46%; padding-top:34px; margin-right:2%;}
.msite .fr .title{display:block;}
.msite .fr .title h2{display:block; height:50px; line-height:50px; color:#fff; font-size:35px; color:#fff;}
.msite .fr .title .moret{float:right; width:30px; height:40px; border:2px solid #fff; line-height:40px; font-size:34px; font-weight:bold; text-align:center; color:#fff;}
.msite .fr .title .moret:hover{background:#fff; color:#273d92;}
.msite .fr .con{display:block; margin-top:34px;}
.msite .fr .con dl{display:block; margin-bottom:38px;}
.msite .fr .con dl dt{display:block;}
.msite .fr .con dl dt a{display:block; height:38px; line-height:38px; border:2px solid #fff; font-size:20px; color:#fff; font-weight:bold; padding:0px 5%; background:url(../images/ar.png) no-repeat 95% center;}
.msite .fr .con dl dt a:hover{background:#fff; color:#273d92; background:#fff url(../images/arh.png) no-repeat 95% center;}
.msite .fr .con dl dd{display:block; font-size:16px; color:#fff; line-height:32px; padding:0px 5%; padding-top:20px;}

.msite .fl .szg_huan{display:block; width:640px; height:auto; position:relative;z-index:2;overflow:hidden;}
.msite .fl .huan{display:block; width:640px;  position:relative;z-index:2;overflow:hidden;}
.msite .fl .huan  .ze{display:block; position:absolute;width:630px;padding:0px 5px; left:0; bottom:0; height:38px; z-index:3;color:#fff;line-height:34px;font-size:16px;}
.msite .fl .huan  .pic{display:block; width:1200%;}
.msite .fl .huan  .pic li{float:left; width:640px;}
.msite .fl .huan  .pic li img{display:block; width:100%;}

.msite .fl .huan  .btnt{ position:absolute;right:0px; bottom:7px; z-index:22;height:22px;}
.msite .fl .huan  .btnt li{float:left;width:22px; height:22px;line-height:22px;background:#313131;font-size:15px;margin-right:5px;cursor:pointer;color:#fff;text-align:center;}
.msite .fl .huan  .btnt li.red{background:#f90209;}


.mmodelling{display:block; margin-top:60px;}
.mmodelling .title{display:block;}
.mmodelling .title .mtit{width:250px; float:left;}
.mmodelling .title .mtit h4{display:block; height:40px; line-height:40px; color:#263c92; font-size:30px;}
.mmodelling .title ul{float:left; margin-left:30px;}
.mmodelling .title ul li{float:left; line-height:46px; margin-right:20px;}
.mmodelling .title ul li a{display:inline-block; line-height:46px; font-size:19px; color:#666; font-weight:bold; border-bottom:2px solid #cbcbcb; padding:0px 15px;}
.mmodelling .title ul li a:hover{background:#273d92; border-bottom:2px solid #273d92; color:#fff;}
.mmodelling .title .moret{float:right; width:34px; height:40px; border:2px solid #d8d8d8; font-size:34px; text-align:center; line-height:40px; color:#d8d8d8;}
.mmodelling .title .moret:hover{border:2px solid #263c92; color:#263c92;}

.mmodelling .con{display:block; margin-top:38px;}
.mmodelling .con ul{display:block;}
.mmodelling .con ul li{float:left; width:31%; margin-right:2.333%; position:relative; z-index:2; left:0; top:0; overflow:hidden; margin-bottom:25px;}
.mmodelling .con ul li:nth-child(1n){width:32%; margin-right:2%;}
.mmodelling .con ul li:nth-child(2n){width:32%; margin-right:2%;}
.mmodelling .con ul li:nth-child(3n){width:32%; margin-right:0%;}

.mmodelling .con ul li a{display:block;width:100%;}
.mmodelling .con ul li a img{display:block; width:100%;}
.mmodelling .con ul li span{display:block; position:absolute; left:0px; top:100%; z-index:8; width:100%; height:100%;opacity: 1;transition: 0.5s;}
.mmodelling .con ul li:hover span{top:0px; }
.mmodelling .con ul li span::before{content: "";display: block;width: 100%;height: 100%;
position: relative;left: 0;top: 0;background: #263C92;opacity: 0.8;z-index:2;}

.mmodelling .con ul li span::after {content: "";display: block;width: 90%; height: 84%;border: 1px solid #fff;
box-sizing: border-box;position: absolute;left: 5%;top: 8%; position: absolute; z-index:5;}

.mmodelling .con ul li span em{display:block;width:100%; text-align:center; font-size:20px; line-height:32px; color:#fff; text-align:center; font-weight:bold; font-style:normal; color:#fff; position: absolute;opacity: 1;top: 105px; z-index:9; padding-top:68px; background:url(../images/more.png) no-repeat center top;}

.mhonor{display:block; width:100%; margin-top:80px;  background:url(../images/mh01.jpg) no-repeat center center;}
.mhonor .inner{display:block; padding:60px 0px;}
.mhonor .wz{width:48%;}
.mhonor .wz .title{display:block;}
.mhonor .wz .title h2{display:block; height:55px; line-height:55px; font-size:48px; color:#fff;}
.mhonor .wz .title h2 i{font-size:32px; font-style:normal; color:#fff; padding:0px 5px; line-height:55px; font-weight:normal;}
.mhonor .wz .title .tip{display:block; font-size:24px; line-height:24px; color:#fff; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.mhonor .wz .con{display:block; margin-top:30px;}
.mhonor .wz .con ul li{display:block; font-size:24px; line-height:48px; color:#fff; padding-left:15px; background:url(../images/cr.png) no-repeat left center;}

.mhonor .pic{width:50%;}
.mhonor .pic img{display:block; width:100%;}

.mproject{display:block; margin-top:80px;position:relative; z-index:2; left:0; top:0;}
.mproject .title{display:block;}
.mproject .title h2{display:block; height:50px; line-height:50px; font-size:42px; color:#282828; text-align:center;}
.mproject .title h2 i{font-style:normal; line-height:50px; font-size:42px; padding:0px 10px;}
.mproject .title .tip{display:block; font-size:18px; line-height:30px; text-align:center; color:#282828;}

.mproject .con{display:block; margin-top:24px;}
.mproject .con .c_pro{display:block; }
.mproject .con .c_pro #scrollarea{display:block; width:100%;  margin:0 auto; overflow:hidden; }
.mproject .con .c_pro #inrea{display:block; width:1600%;}
.mproject .con .c_pro #area1{float:left;}
.mproject .con .c_pro #area2{float:left;}
.mproject .con .c_pro #scrollarea li{float:left; width:400px; margin-right:30px; position:relative;  left:0; top:0; background:#f0f0f0; border-bottom:4px solid #d6d5d5;}
.mproject .con .c_pro #scrollarea li:hover{background:#dee2f3; border-bottom:4px solid #263c92;}
.mproject .con .c_pro #scrollarea li a.pic{display:block; width:100%;}
.mproject .con .c_pro #scrollarea li a.pic img{display:block; width:100%;}
.mproject .con .c_pro #scrollarea li .m_wl{display:block; position:absolute; width:110px; right:20px; bottom:90px; z-index:8; border:5px solid #fff;}
.mproject .con .c_pro #scrollarea li .m_wl img{display:block; width:100%;}
.mproject .con .c_pro #scrollarea li .m_wl:hover{border:5px solid #263c92;}

.mproject .con .c_pro #scrollarea li .wz{display:block; width:94%; padding:3%; background:#f0f0f0;}
.mproject .con .c_pro #scrollarea li .wz .tit{display:block; height:30px; line-height:30px; font-size:19px; color:#263c92; font-weight:bold;}
.mproject .con .c_pro #scrollarea li .wz .tit:hover{text-decoration:underline;}

.mproject .con .c_pro #scrollarea li .wz .detail{display:block; font-size:14px; line-height:24px; height:48px; color:#282828; margin-top:20px; overflow:hidden; }
.mproject .con .c_pro #scrollarea li .wz .detail:hover{color:#263c92; text-decoration:underline;}


.mproject .con .c_pro .arrow_l{position:absolute; left:0px; width:50px; height:440px; background:url(../images/left.png) no-repeat left center; cursor:pointer;}
.mproject .con .c_pro .arrow_l.current{position:absolute; left:0px;  width:50px; height:440px; background:url(../images/lefth.png) no-repeat left center; cursor:pointer;}
.mproject .con .c_pro .arrow_r{position:absolute; right:0px;  width:50px; height:440px; background:url(../images/right.png) no-repeat left center; cursor:pointer;}
.mproject .con .c_pro .arrow_r.current{position:absolute;right:0px; width:50px; height:440px; background:url(../images/righth.png) no-repeat left center; cursor:pointer;}
.mproject .con .more{display:block; width:31%; margin:0 auto; height:44px; line-height:44px; border:3px solid #d8d8d8; text-align:center; font-size:15px; font-weight:bold; margin-top:46px;}
.mproject .con .more:hover{border:3px solid #263c92; color:#263c92;}


.news{display:block; width:100%;  margin-top:80px; background:url(../images/n_bg.jpg) no-repeat center top;}
.news .inner{display:block; padding:60px 0px;}
.news .title{display:block;}
.news .title h2{display:block; height:50px; line-height:50px; font-size:42px; color:#fff; text-align:center;}
.news .title h2 i{font-style:normal; line-height:50px; font-size:42px; padding:0px 10px;}
.news .title .tip{display:block; font-size:18px; line-height:30px; text-align:center; color:#fff;}
.news .con{display:block; margin-top:22px;}
.news .con .fl{width:46%;}
.news .con .fr{width:50%;}
.news .con .fl .ns{display:block; width:100%; position:relative; z-index:2; left:0; top:0; }
.news .con .fl .ns img{display:block; width:100%;}
.news .con .fl .ns .time{display:block; position:absolute; left:18px; bottom:18px; z-index:8; width:62px; height:82px; background:#263c92;}
.news .con .fl .ns .time .d{display:block; font-size:36px; color:#fff; text-align:center; line-height:50px; font-family:Arial, Helvetica, sans-serif;}
.news .con .fl .ns .time .yy-m{display:block; font-size:14px; line-height:20px; text-align:center; height:20px; color:#fff; font-family:Arial, Helvetica, sans-serif;}
.news .con .fl .wz{display:block; padding:20px; color:#fff;}
.news .con .fl .wz .tit{display:block; font-size:22px; line-height:40px; height:40px; color:#fff; font-weight:bold;}
.news .con .fl .wz .tit:hover{text-decoration:underline;}
.news .con .fl .wz .detail{display:block; font-size:14px; line-height:24px; color:#fff; height:72px; overflow:hidden; margin-top:6px;}
.news .con .fl .wz .detail:hover{text-decoration:underline;}


.news .con .fr li{display:block; padding:42px 0px; border-bottom:1px solid #99a3ce;}
.news .con .fr li .time{width:10%; float:left;}
.news .con .fr li .time .d{display:block; font-size:34px; line-height:50px; color:#fff; text-align:center; font-family:Arial, Helvetica, sans-serif;}
.news .con .fr li .time .yy-m{display:block; font-size:14px; line-height:20px; color:#fff; font-family:Arial, Helvetica, sans-serif; text-align:center; color:#fff;}

.news .con .fr li .wz{width:86%; float:right;}
.news .con .fr li .wz .tit{display:block; height:40px; line-height:40px; font-size:22px; color:#fff;}
.news .con .fr li .wz .detail{display:block; font-size:14px; line-height:20px; color:#c7cbdd; height:40px; overflow:hidden;}


.customer{display:block; margin-top:80px;}
.customer .title{display:block;}
.customer .title h2{display:block; height:50px; line-height:50px; font-size:42px; color:#282828; text-align:center;}
.customer .title h2 i{font-style:normal; line-height:50px; font-size:42px; padding:0px 10px;}
.customer .title .tip{display:block; font-size:18px; line-height:30px; text-align:center; color:#282828;}
.customer .con{display:block; margin-top:25px;}
.customer .con ul{display:block; width:100%;}
.customer .con ul li{float:left; width:15.666%; margin-right:1%; margin-bottom:16px;}
.customer .con ul li img{display:block; width:99%; border:1px solid #cbcbcb;}