﻿.container{display:block; width:100%; margin-top:80px;}
.container .wrap{display:block; }
.container .wrap .company{width:46%; position:relative; z-index:2; left:0; top:0;}
.container .wrap .company .szg_huan{display:block; width:540px;  position:relative;z-index:7;overflow:hidden;}
.container .wrap .company .huan{display:block; width:540px;  position:relative;z-index:3;overflow:hidden;}
.container .wrap .company .huan .ze_out{display:block; position:absolute;width:100%;left:0; bottom:94px; height:34px; z-index:3;color:#666;line-height:34px;font-size:14px; font-weight:bold; background:#fff;}
.container .wrap .company .huan .ze{display:block; padding-left:33%; width:97%;}
.container .wrap .company .huan  .pic{display:block; width:1200%;}
.container .wrap .company .huan  .pic li img{display:block; width:100%;}
.container .wrap .company .huan  .pic li{float:left; width:540px; }
.container .wrap .company .huan  .btnt{position:absolute;right:0px; bottom:108px; z-index:9;height:6px;}
.container .wrap .company .huan  .btnt li{float:left;width:6px; height:6px;line-height:6px;background:#313131;font-size:15px;margin-right:5px;color:#fff;text-align:center; border-radius:6px; cursor:pointer;}
.container .wrap .company .huan  .btnt li.red{background:#c7011d; cursor:pointer;}



.container .wrap .company .wz{display:block; position:absolute; left:0px; bottom:0px; z-index:4;}
.container .wrap .company .wz .mtitle{float:left; width:30%; height:140px; background:#c7011d;}
.container .wrap .company .wz .mtitle .m_in{display:block; padding:30px 15px; }
.container .wrap .company .wz .mtitle .m_in h4{display:block; line-height:40px; height:40px; font-size:28px; color:#fff; font-weight:normal;}
.container .wrap .company .wz .mtitle .m_in .en{display:block; height:20px; line-height:20px; font-size:12px; color:#fff; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;padding-bottom:20px; border-bottom:2px solid #fff;}
.container .wrap .company .wz .m_d{float:right; width:70%; margin-top:46px;}
.container .wrap .company .wz .m_row02{display:block; width:100%; background:url(../images/black.png) repeat left top; height:94px;  }
.container .wrap .company .wz .m_row02 a{display:block; font-size:14px; line-height:20px; color:#fff; padding:15px 0px; padding-left:3%;}
.container .wrap .company .wz .m_row02 a:hover{text-decoration:underline;}




.container .wrap .news{width:50%;}
.container .wrap .news .title{display:block; }
.container .wrap .news .title h4{line-height:50px; font-size:24px; color:#282828;}
.container .wrap .news .title .more{float:right; width:55px; height:24px; line-height:24px; text-align:center; font-size:14px; color:#fff; background:#c7011d;}
.container .wrap .news .title .more:hover{font-weight:bold;}

.container .wrap .news .con{display:block; margin-top:15px;}
.container .wrap .news .con ul{display:block;}
.container .wrap .news .con ul li{display:block; margin-bottom:22px;}
.container .wrap .news .con ul li .time{float:left; width:16%; border-right:1px solid #d7d7d7;}
.container .wrap .news .con ul li .time .d{display:block; height:50px; line-height:50px; font-size:24px; color:#999; font-family:Arial, Helvetica, sans-serif; width:100%; text-align:center;}
.container .wrap .news .con ul li .time .yy-m{display:block; height:18px; line-height:18px; font-size:14px; text-align:center; color:#999;}

.container .wrap .news .con ul li .wz{float:right; width:80%;}
.container .wrap .news .con ul li .wz .tit{display:block; height:30px; line-height:30px; font-size:17px; color:#282828; overflow:hidden;}
.container .wrap .news .con ul li .wz .tit:hover{color:#c7011d; text-decoration:underline; font-weight:bold;}

.container .wrap .news .con ul li .wz .detail{display:block; font-size:14px; line-height:20px; height:40px; overflow:hidden;}
.container .wrap .news .con ul li .wz .detail:hover{color:#c7011d; text-decoration:underline;}


.container .products{display:block; width:100%; margin-top:78px; background:url(../images/pro_bg.jpg) no-repeat center top;}
.container .products .inner{display:block; padding:70px 0px;}
.container .products .inner .title{display:block;}
.container .products .inner .title h4{line-height:50px; font-size:32px; color:#282828;}
.container .products .inner .title .more{float:right; height:24px; line-height:24px; font-size:14px; color:#fff; text-align:center; width:56px; background:#c7011d; margin-top:13px;}
.container .products .inner .title .more:hover{text-decoration:underline;}

.container .products .inner .mtitle{display:block; margin-top:30px;}
.container .products .inner .mtitle ul{display:block; width:100%;}
.container .products .inner .mtitle ul li{float:left; width:15.1%; margin-right:1.5%; margin-bottom:12px;}
.container .products .inner .mtitle ul li a{display:block; width:87%; height:42px; line-height:42px; font-size:15px; font-weight:bold; color:#a3a3a3; padding:0px 6%; background:#c7011d url(../images/arh.png) no-repeat 95% center; color:#fff; border:1px solid #fff;}
.container .products .inner .mtitle ul li a:hover{background:#c7011d url(../images/arh.png) no-repeat 95% center; color:#fff; border:1px solid #fff; text-decoration:underline;}

.container .products .inner .con{display:block; margin-top:24px;}
.container .products .inner .con   .c_pro{display:block; }
.container .products .inner .con   .c_pro #scrollarea{display:block; max-width:1200px;  margin:0 auto; overflow:hidden; }
.container .products .inner .con   .c_pro #inrea{display:block; width:800%;}
.container .products .inner .con   .c_pro #area1{float:left;}
.container .products .inner .con   .c_pro #area2{float:left;}
.container .products .inner .con   .c_pro #scrollarea li{float:left; width:280px; margin-right:20px; position:relative; z-index:2; left:0; top:0;}
.container .products .inner .con   .c_pro #scrollarea li a.pic{display:block; width:100%;}
.container .products .inner .con   .c_pro #scrollarea li a.pic img{display:block; width:100%; }
.container .products .inner .con   .c_pro #scrollarea li a.tit{display:block; width:100%; font-size:15px; color:#c7011d; font-weight:bold; line-height:40px; text-align:center;}
.container .products .inner .con   .c_pro #scrollarea li a.tit:hover{ text-decoration:underline; }


.container .products .inner .con   .c_pro .arrow_l{position:absolute; left:1%; width:35px; height:250px; background:url(../images/left.png) no-repeat left center; cursor:pointer;}
.container .products .inner .con   .c_pro .arrow_l.current{position:absolute; left:1%;  width:35px; height:250px; background:url(../images/lefth.png) no-repeat left center; cursor:pointer;}
.container .products .inner .con   .c_pro .arrow_r{position:absolute; right:1%;  width:35px; height:250px; background:url(../images/right.png) no-repeat left center; cursor:pointer;}
.container .products .inner .con   .c_pro .arrow_r.current{position:absolute;right:1%; width:35px; height:250px; background:url(../images/righth.png) no-repeat left center; cursor:pointer;}


.container .mwrap{display:block; margin-top:80px;}
.container .mwrap .video{width:32%;}
.container .mwrap .service{width:62%;}

.container .mwrap .video .title{display:block; height:40px;}
.container .mwrap .video .title h4{line-height:40px; font-size:24px; color:#282828;}
.container .mwrap .video .title .more{float:right; width:55px; height:24px; line-height:24px; text-align:center; font-size:14px; color:#fff; background:#c7011d; margin-top:8px;}
.container .mwrap .video .title .more:hover{text-decoration:underline;}
.container .mwrap .video .con{display:block; margin-top:20px;}
.container .mwrap .video ul{display:block; width:100%; }
.container .mwrap .video ul li{display:block; width:100%; margin-bottom:12px; position:relative; z-index:2; left:0; top:0;}
.container .mwrap .video ul li .tit{display:block; height:30px; background:#000; line-height:30px; width:90%; padding:0px 5%; position:absolute; z-index:8; left:0px; bottom:0px;}
.container .mwrap .video ul li .tit h4{line-height:30px; font-size:14px; color:#fff; font-weight:normal;}
.container .mwrap .video ul li .tit .moret{float:right; font-size:12px; color:#fff; line-height:30px;}

.container .mwrap .service .title{display:block; height:40px;}
.container .mwrap .service .title h4{line-height:40px; font-size:24px; color:#282828;}
.container .mwrap .service .title .more{float:right; width:55px; height:24px; line-height:24px; text-align:center; font-size:14px; color:#fff; background:#c7011d; margin-top:8px;}
.container .mwrap .service .title .more:hover{text-decoration:underline;}
.container .mwrap .service .con{display:block; margin-top:20px;}
.container .mwrap .service .con ul{display:block; width:100%;}
.container .mwrap .service .con ul li{display:block; padding-bottom:38px; margin-bottom:38px; border-bottom:1px solid #d7d7d7;}
.container .mwrap .service .con ul li .pic{width:28%; float:left;}
.container .mwrap .service .con ul li .pic img{display:block; width:100%;}
.container .mwrap .service .con ul li .wz{width:68%; float:right;}
.container .mwrap .service .con ul li .wz h2{display:block;height:50px; line-height:50px; font-size:18px; color:#282828;}
.container .mwrap .service .con ul li .wz .detail{display:block; font-size:14px; line-height:22px; }
