﻿.container{display:block; width:100%; margin-top:80px; }
.container .wrap{display:block; width:100%;}
.container .wrap .fl{width:50%;  background:url(../images/c_bg.jpg) no-repeat right top;}
.container .wrap .fl .f_in{float:right; width:600px; height:500px; }
.container .wrap .fl .f_in .title{display:block; padding-top:60px; padding-left:175px; }
.container .wrap .fl .f_in .title  h2{float:left; width:150px; height:50px; line-height:50px; font-size:24px; color:#fff;}
.container .wrap .fl .f_in .title  .wz{float:right; width:268px; font-size:14px; line-height:24px; padding-top:20px; }

.container .wrap .fl .f_in .szg_huan{display:block; width:550px; height:386px; position:relative;z-index:2;overflow:hidden;margin-left:60px; margin-top:20px; }
.container .wrap .fl .f_in .huan{display:block; width:550px; height:386px; position:relative;z-index:2;overflow:hidden;}
.container .wrap .fl .f_in .huan .ze{display:block; position:absolute;width:530px;padding:0px 10px; left:0; bottom:0; height:38px; z-index:3;color:#fff;line-height:34px;font-size:16px; background:url(../images/black.png) repeat left top;}
.container .wrap .fl .f_in .huan .pic{display:block; width:1200%;}
.container .wrap .fl .f_in .huan .pic li img{display:block; width:550px; height:386px;}
.container .wrap .fl .f_in .huan .pic li{float:left; width:550px; height:386px;}
.container .wrap .fl .f_in .huan  .btnt{ position:absolute;right:0px; bottom:7px; z-index:22;height:22px;}
.container .wrap .fl .f_in .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;}
.container .wrap .fl .f_in .huan  .btnt li.red{background:#125d56;}


.container .wrap .fr{width:50%;}
.container .wrap .fr .f_in{float:left; width:540px; margin-left:60px;}
.container .wrap .fr .principle{display:block; width:88%; padding:6%;  background:#f0f0f0; margin-bottom:40px; }
.container .wrap .fr .principle .title{display:block; height:50px; line-height:50px; border-bottom:1px solid #b1b1b1;}
.container .wrap .fr .principle .title h4{display:block; line-height:50px; font-size:24px; color:#125c56; }
.container .wrap .fr .principle .title .more{float:right; line-height:20px; margin-top:15px; font-size:13px; font-weight:bold; text-align:right;text-transform:uppercase; }
.container .wrap .fr .principle .con{display:block; font-size:14px; line-height:24px; padding-top:20px; }
.container .wrap .fr .principle .con a{font-size:14px; line-height:24px;}
.container .wrap .fr .principle .con a strong{color:#125d56; }
.container .wrap .fr .msign{display:block; width:100%; height:240px; background:url(../images/m_bg.jpg) no-repeat left top; background-size:100% auto; position:relative; z-index:2; left:0; top:0; }
.container .wrap .fr .msign .m_in{display:block; background:url(../images/white.png) repeat left top; position:absolute; left:4%; width:84%; padding:15px 4%; bottom:15px; z-index:5; }
.container .wrap .fr .msign .m_in h4{display:block; height:40px;  line-height:40px; font-size:24px; color:#125c56; }
.container .wrap .fr .msign .m_in .m_c{display:block; font-size:15px; line-height:24px; }
.container .wrap .fr .msign .m_in .m_c a{font-size:15px; line-height:24px; font-weight:bold; padding:0px 5px;}



.container .products{display:block; width:100%; margin-top:80px;}
.container .products .title{display:block; }
.container .products .title .en{display:block; height:60px; line-height:60px; font-size:52px; color:#efefef;  font-weight:bold; text-transform:uppercase; width:100%; text-align:center; font-family:Arial MT Black,Arial, Helvetica, sans-serif;}
.container .products .title h4{display:block; height:40px; line-height:40px; color:#125c56; font-size:32px; color:#125c56; text-align:center; background:url(../images/line.jpg) no-repeat center center;}
.container .products .con{display:block; width:100%; background:#f0f0f0;  margin-top:24px;}
.container .products .con ul{display:block; }
.container .products .con ul li{display:block; width:100%; margin-bottom:50px; }
.container .products .con ul li .p_tit{display:block; width:100%; height:56px; background:url(../images/p_tit.jpg) no-repeat left top; }
.container .products .con ul li .p_tit h4{display:block; font-size:24px; line-height:56px; color:#fff; padding-left:25px;}
.container .products .con ul li .p_tit .more{float:right; line-height:56px; margin-right:10px; font-size:14px; font-weight:bold; color:#fff; margin-right:8px; }
.container .products .con ul li .p_con{display:block; margin-top:20px; }


.container .products .con ul li dl{display:block; width:100%;}
.container .products .con ul li dl dd{float:left; width:48.5%; margin-right:1.5%; background:url(../images/white.jpg) repeat-x left bottom; position:relative; z-index:2; left:0; top:0;}
.container .products .con ul li dl dd .pic{float:left; width:52%;}
.container .products .con ul li dl dd .pic img{display:block; width:100%;}
.container .products .con ul li dl dd .wz{float:right; width:45%;}
.container .products .con ul li dl dd .wz .tit{display:block; height:40px; line-height:40px; font-size:18px; color:#125c56;  font-weight:bold; }

.container .products .con ul li dl dd .wz .detail{display:block; font-size:14px; line-height:24px; padding-right:10px; padding-top:15px; }
.container .products .con ul li dl dd .wz .moret{display:block; position:absolute; right:15px; bottom:0px; z-index:5; width:115px; height:36px; background:#125d56; line-height:36px; font-size:14px; font-weight:bold; text-align:center; color:#fff; font-weight:bold; }

.container .products .con ul li dl dd:nth-child(2n){float:right; width:48.5%; margin-right:0%;}




.container .case{display:block; width:100%; margin-top:80px;}
.container .case .inner{display:block; padding:40px 0px; background:url(../images/k.png) no-repeat right bottom; background-size:auto 88%;}
.container .case .inner  h4{display:block; height:40px; line-height:40px; font-size:32px; color:#282828; margin-bottom:10px; }
.container .case .inner  h4 i{font-style:normal; font-size:14px; text-transform:uppercase; margin-left:8px; font-weight:normal; }
.container .case .inner  .c_huan{display:block; width:100%; position:relative;z-index:2;overflow:hidden;}
.container .case .inner  .c_huan .mtitle{float:right;width:360px; background:url(../images/line02.jpg) no-repeat left top; margin-top:45px; margin-right:60px; padding-left:70px;}
.container .case .inner  .c_huan .mtitle ul{display:block; width:100%;}
.container .case .inner  .c_huan .mtitle ul li{display:block; width:100%; margin-bottom:25px;}
.container .case .inner  .c_huan .mtitle ul li a{display:block; width:100%;border-bottom:1px solid #e1e1e1;height:72px;}
.container .case .inner  .c_huan .mtitle ul li a .num{float:left; width:32px; height:72px; background:#dcdbdb; line-height:76px; text-align:center; font-size:22px; color:#fff; font-family:Arial, Helvetica, sans-serif;}
.container .case .inner  .c_huan .mtitle ul li a .tit{float:left; width:170px; margin-left:25px; font-size:20px; line-height:26px; color:#666; padding-top:6px;}
.container .case .inner  .c_huan .mtitle ul li a .img{float:right; width:100px;}
.container .case .inner  .c_huan .mtitle ul li a .img img{display:block; width:100%;}

.container .case .inner  .c_huan .mtitle ul li a:hover .num{background:#125d56;}
.container .case .inner  .c_huan .mtitle ul li a:hover .tit{color:#125d56;}
.container .case .inner  .c_huan .mtitle ul li a:hover{border-bottom:1px solid #125d56; }


.container .case .inner  .c_huan .mtitle ul li a.current .num{background:#125d56;}
.container .case .inner  .c_huan .mtitle ul li a.current .tit{color:#125d56;}
.container .case .inner  .c_huan .mtitle ul li a.current{border-bottom:1px solid #125d56; }



.container .case .inner  .c_huan .scroll{float:left; width:660px; position:relative;z-index:2;overflow:hidden; margin-top:20px; }
.container .case .inner  .c_huan .scroll .pic{display:block; width:1600%;}
.container .case .inner  .c_huan .scroll .pic li{float:left; width:660px; height:495px; position:relative; z-index:2; left:0; top:0;}
.container .case .inner  .c_huan .scroll .pic li img{display:block; width:100%;}
.container .case .inner  .c_huan .scroll .pic li .wz{display:block; position:absolute; z-index:5; left:0px; bottom:0px; background:url(../images/black.png) repeat left top; width:100%; height:80px; padding:8px 0px;}
.container .case .inner  .c_huan .scroll .pic li .wz .tit{display:block; height:40px; line-height:40px; font-size:22px; color:#fff; padding:0px 10px;}
.container .case .inner  .c_huan .scroll .pic li .wz .detail{display:block;width:70%; font-size:14px; line-height:20px; color:#fff;height:40px; padding:0px 10px;}
.container .case .inner  .c_huan .scroll .pic li .wz .moret{display:block; position:absolute; right:0px; top:0px; z-index:7;background:#eb8f02; width:90px; height:60px; font-size:14px; text-align:center; font-weight:bold; line-height:22px; color:#282828; font-style:normal; padding:25px 0px;}
.container .case .inner  .c_huan .scroll .pic li .wz .moret i{display:block; font-style:normal; font-weight:normal;height:22px; line-height:20px; width:22px; border:1px solid #282828; border-radius:22px; color:#282828; font-size:22px; text-align:center; margin:0 auto; margin-bottom:6px;}




.container .material{display:block; width:100%; margin-top:60px;  padding-top:80px;  background:url(../images/mt_bg.jpg) no-repeat center top; position:relative; z-index:5; left:0; top:0; height:610px;overflow:hidden; }
.container .material .m_in{display:block; position:absolute; left:50%; top:70px; margin-left:-600px; width:100%; background:url(../images/white02.png) repeat left top;  padding-bottom:30px;}
.container .material .m_in .inner{float:left; width:1200px; padding-top:30px; }
.container .material .m_in .inner .title{display:block; height:55px; line-height:55px; padding-left:50px; }
.container .material .m_in .inner .title h4{display:block; line-height:55px; font-size:32px; color:#282828;}
.container .material .m_in .inner .title h4 .en{padding-left:10px; line-height:30px; font-size:14px; color:#666; text-transform:uppercase; margin-top:25px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; }

.container .material .m_in .inner .title .tel{float:right; line-height:55px;}
.container .material .m_in .inner .title .tel .tt{line-height:55px; font-size:15px; font-weight:bold;}
.container .material .m_in .inner .title .tel .code{line-height:55px; font-size:26px; color:#f3aa1f; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
.container .material .m_in .inner .con{display:block; width:100%; margin-top:30px; }
.container .material .m_in .inner .con ul{display:block; margin-left:50px;}
.container .material .m_in .inner .con ul li{display:block; width:100%; margin-bottom:30px;}
.container .material .m_in .inner .con ul li .l_tit{float:left; width:210px; }
.container .material .m_in .inner .con ul li .l_tit h2{display:block; width:94%;padding-left:6%; height:43px; background:url(../images/m_tit.png) no-repeat left top; font-size:22px; color:#fff;  line-height:43px; }

.container .material .m_in .inner .con ul li .l_cc{float:right; width:910px;}
.container .material .m_in .inner .con ul li .l_cc dd{float:left; width:23.4%; margin-right:1.6%;}
.container .material .m_in .inner .con ul li .l_cc dd a{display:block; width:100%;}
.container .material .m_in .inner .con ul li .l_cc dd a img{display:block; width:100%;}
.container .material .m_in .inner .con ul li .l_cc dd a .tit{display:block; width:92%; height:38px; line-height:38px; font-size:14px; border-bottom:1px solid #a1a1a1; background:url(../images/ar.png) no-repeat 94% center; padding:0px 3%;}
.container .material .m_in .inner .con ul li .l_cc dd a:hover .tit{background:#125d56 url(../images/arh.png) no-repeat 94% center; color:#fff; }

.container .material .m_in .inner .con ul li .l_cc dd:nth-child(1){margin-right:2.1%;}
.container .material .m_in .inner .con ul li .l_cc dd:nth-child(2){margin-right:2.1%;}
.container .material .m_in .inner .con ul li .l_cc dd:nth-child(3){margin-right:2.1%;}
.container .material .m_in .inner .con ul li .l_cc dd:nth-child(4){float:right; width:23.4%; margin-right:0%; }


.container .about{display:block; width:100%; margin-top:70px; }
.container .about .title{display:block; }
.container .about .title .en{display:block; height:60px; line-height:60px; font-size:52px; color:#efefef;  font-weight:bold; text-transform:uppercase; width:100%; text-align:center; font-family:Arial MT Black,Arial, Helvetica, sans-serif;}
.container .about .title h4{display:block; height:40px; line-height:40px; color:#125c56; font-size:32px; color:#125c56; text-align:center; background:url(../images/line.jpg) no-repeat center center;}
.container .about .con{display:block; width:100%; height:740px; background:url(../images/a_bg.jpg) repeat-x left top; }
.container .about .con .profile{display:block; width:1200px;  margin:0 auto; margin-top:35px; background:#fff; box-shadow:0px 0px 5px 1px #f0f0f0; }
.container .about .con .profile .gs{float:left; width:576px;}
.container .about .con .profile .gs img{display:block; width:100%; }
.container .about .con .profile .wz{float:right; width:530px; padding:40px;}
.container .about .con .profile .wz .tit{display:block; height:50px; line-height:50px; font-size:24px; color:#125c56; font-weight:bold; border-bottom:1px solid #e1e1e1;  }
.container .about .con .profile .wz .detail{display:block; font-size:15px; line-height:26px; margin-top:15px;}
.container .about .con .profile .wz .moret{display:block; width:140px; height:40px; font-size:14px; color:#fff; font-weight:bold; text-align:center; background:#125d56; margin-top:40px; line-height:40px; }

.container .about .con .style{display:block; width:1200px; margin:0 auto; margin-top:25px; }
.container .about .con .style .s_tit{display:block; height:50px; line-height:50px; }
.container .about .con .style .s_tit h4{display:blcok; height:40px; line-height:40px; font-size:24px; color:#125c56; width:114px; padding-bottom:10px; background:url(../images/line03.png) no-repeat left bottom; }

.container .about .con .style .c_pro{display:block; margin-top:25px;}
.container .about .con .style .c_pro #scrollarea{display:block; width:1200px;  margin:0 auto; overflow:hidden; }
.container .about .con .style .c_pro #inrea{display:block; width:800%;}
.container .about .con .style .c_pro #area1{float:left;}
.container .about .con .style .c_pro #area2{float:left;}
.container .about .con .style .c_pro #scrollarea li{float:left; width:285px; margin-right:15px; position:relative; z-index:2; left:0; top:0; }
.container .about .con .style .c_pro #scrollarea li a.pic{display:block; width:100%;}
.container .about .con .style .c_pro #scrollarea li a.pic img{display:block; width:100%; background:#fff; }
.container .about .con .style .c_pro #scrollarea li .wz{display:none; position:absolute; z-index:5; left:0; top:0; width:100%; height:214px; background:url(../images/black.png) repeat left top;}
.container .about .con .style .c_pro #scrollarea li .wz .tit{display:block; padding-top:50px; height:30px; line-height:30px; font-size:18px; font-weight:bodl; color:#fff; text-align:center; font-weight:bold; }
.container .about .con .style .c_pro #scrollarea li .wz .moret{display:block; width:90px; height:32px; border:1px solid #fff; margin:0 auto; font-size:14px; text-align:center; color:#fff; line-height:32px; margin-top:20px; }
.container .about .con .style .c_pro #scrollarea li:hover .wz{display:block; }


.container .about .con .style .c_pro .arrow_l{position:absolute; left:1%; width:43px; height:214px; background:url(../images/left.png) no-repeat left center; cursor:pointer;}
.container .about .con .style .c_pro .arrow_l.current{position:absolute; left:1%;  width:43px; height:214px; background:url(../images/lefth.png) no-repeat left center; cursor:pointer;}
.container .about .con .style .c_pro .arrow_r{position:absolute; right:1%;  width:43px; height:214px; background:url(../images/right.png) no-repeat left center; cursor:pointer;}
.container .about .con .style .c_pro .arrow_r.current{position:absolute;right:1%; width:43px; height:214px; background:url(../images/righth.png) no-repeat left center; cursor:pointer;}

.container .news{display:block; width:1200px; margin:0 auto; margin-top:80px; }
.container .news .gs_news{width:586px;}
.container .news .gs_news .title{display:block; width:100%; height:55px; }
.container .news .gs_news .title ul{display:block; }
.container .news .gs_news .title ul li{float:left; width:120px;}
.container .news .gs_news .title ul li a{display:block; width:100%;  line-height:53px; font-size:21px; color:#282828; text-align:center; font-weight:bold; }
.container .news .gs_news .title ul li a:hover{display:block; font-size:22px; color:#125c56; font-weight:bold; line-height:53px; border-bottom:2px solid #125c56;}
.container .news .gs_news .title ul li a.current{display:block; font-size:22px; color:#125c56; font-weight:bold; line-height:53px; border-bottom:2px solid #125c56;}
.container .news .gs_news .title .more{float:right; font-size:14px; font-weight:bold; margin-top:20px; line-height:30px; }
.container .news .gs_news .con{display:block; width:100%; margin-top:12px; }
.container .news .gs_news .con .rescommend{display:block; width:100%; height:156px; background:#125d56; overflow:hidden; }
.container .news .gs_news .con .rescommend .r_en{float:left; width:30%; font-size:32px; line-height:156px; color:#fff; text-align:center; }
.container .news .gs_news .con .rescommend .r_pic{float:right; width:67%;}
.container .news .gs_news .con .rescommend .r_pic img{display:block; width:100%;}
.container .news .gs_news .con .r_wz{display:block; width:100%; margin-top:20px;  padding-bottom:20px; border-bottom:1px solid #e1e1e1; margin-bottom:20px; }
.container .news .gs_news .con .r_wz .tit{display:block; height:40px; line-height:40px; font-size:17px; color:#282828; font-weight:bold; }
.container .news .gs_news .con .r_wz .time{float:right; line-height:40px; font-size:14px; color:#666; text-align:right; }
.container .news .gs_news .con .r_wz .detail{display:block; font-size:14px; line-height:26px; }
.container .news .gs_news .con .r_wz .detail .moret{color:#125d56; font-weight:bold; }
.container .news .gs_news .con ul{display:block; width:100%; margin-top:16px;}
.container .news .gs_news .con ul li{display:block; }
.container .news .gs_news .con ul li a{display:block; height:40px; line-height:40px; font-size:15px; color:#666; padding-left:17px; background:url(../images/circle.png) no-repeat left center; }
.container .news .gs_news .con ul li .time{float:right; line-height:40px; font-size:14px; text-align:right; color:#666; }
.container .news .gs_news .con ul li a:hover{color:#125d56; text-decoration:underline; }

.container .news .qa{width:535px;}
.container .news .qa .title{display:block; height:55px; }
.container .news .qa .title h4{display:block; line-height:55px; font-size:22px; color:#125c56; font-weight:bold; }
.container .news .qa .title .more{float:right; font-size:14px; font-weight:bold; margin-top:20px; line-height:30px;}
.container .news .qa .con{display:block; width:100%; margin-top:6px;}
.container .news .qa .con .pic{display:block; width:100%; margin-bottom:20px; }
.container .news .qa .con .pic img{display:block; width:100%; }

.container .news .qa .con  dl{display:block; width:100%; }
.container .news .qa .con  dl dt{display:block; }
.container .news .qa .con  dl dt a{display:block; padding-left:26px; height:40px; background:url(../images/q.jpg) no-repeat left center; line-height:40px; font-size:16px; color:#282828; font-weight:bold; }
.container .news .qa .con  dl dd{display:block; padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #e1e1e1; }
.container .news .qa .con  dl dd a{display:block; font-size:14px; line-height:24px; padding-left:26px;}

