/* by dingtiger 2019.3 */
@font-face {
  font-family: 'iconfont';  /* project id 1690771 */
  src: url('//at.alicdn.com/t/font_1690771_o9zacsxc9al.eot');
  src: url('//at.alicdn.com/t/font_1690771_o9zacsxc9al.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1690771_o9zacsxc9al.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1690771_o9zacsxc9al.woff') format('woff'),
  url('//at.alicdn.com/t/font_1690771_o9zacsxc9al.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1690771_o9zacsxc9al.svg#iconfont') format('svg');
}

.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Nexa';
  src: url('../font/Nexa Bold.eot');
  src: url('../font/Nexa Bold.eot?#iefix') format('embedded-opentype'),
      url('../font/Nexa Bold.woff2') format('woff2'),
      url('../font/Nexa Bold.woff') format('woff'),
      url('../font/Nexa Bold.ttf') format('truetype'),
      url('../font/Nexa Bold.svg#Nexa') format('svg');
}

@font-face {
  font-family: 'dinpro';
  src: url('../font/dinpro.eot');
  src: url('../font/dinpro.eot?#iefix') format('embedded-opentype'),
      url('../font/dinpro.woff2') format('woff2'),
      url('../font/dinpro.woff') format('woff'),
      url('../font/dinpro.ttf') format('truetype'),
      url('../font/dinpro.svg#dinpro') format('svg');
}

@font-face {
  font-family: 'dinprob';
  src: url('../font/DINPro-Bold.eot');
  src: url('../font/DINPro-Bold.eot?#iefix') format('embedded-opentype'),
      url('../font/DINPro-Bold.woff2') format('woff2'),
      url('../font/DINPro-Bold.woff') format('woff'),
      url('../font/DINPro-Bold.ttf') format('truetype'),
      url('../font/DINPro-Bold.svg#dinprob') format('svg');
}


*｛margin:0;padding:0;｝
html,body{width:100%;height:100%;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; }
body {font-size:16px; line-height:28px; color: #8e8e8e;font-family:Arial, Helvetica, sans-serif, "microsoft yahei","PingFang SC"; width:100%; overflow-x:hidden;}
ul,li {list-style: none; padding:0px; margin:0px}
img {border:0; margin:0px; padding:0px; display:block;}
input:focus {outline: none;}
.clean{clear:both;}

a:link {color: #717171;text-decoration: none;}
a:visited {color: #717171;text-decoration: none;}
a:hover {color:#009844;text-decoration: none;}
a:active {color: #717171;text-decoration: none;}

.bn:link {color: #fff;text-decoration: none;}
.bn:visited {color: #fff;text-decoration: none;}
.bn:hover {color:#fff;text-decoration: none;}
.bn:active {color: #fff;text-decoration: none;}

.bna:link {color: #aaa;text-decoration: none;}
.bna:visited {color: #aaa;text-decoration: none;}
.bna:hover {color:#009844;text-decoration: none;}
.bna:active {color: #aaa;text-decoration: none;}

.menu_link:link {color: #717171;text-decoration: none;}
.menu_link:visited {color: #717171;text-decoration: none;}
.menu_link:hover {color:#009844;text-decoration:none; border-bottom:2px solid #009844;}
.menu_link:active {color: #717171;text-decoration: none;}

.menu_linka:link {color: #009844;text-decoration: none; border-bottom:2px solid #009844;}
.menu_linka:visited {color: #009844;text-decoration: none; border-bottom:2px solid #009844; }
.menu_linka:hover {color:#009844; text-decoration:none; border-bottom:2px solid #009844; }
.menu_linka:active {color: #009844;text-decoration: none; border-bottom:2px solid #009844; }

.menu_linkb:link {color: #009844;text-decoration: none; }
.menu_linkb:visited {color: #009844;text-decoration: none;}
.menu_linkb:hover {color:#009844; text-decoration:none;}
.menu_linkb:active {color: #009844;text-decoration: none;}

h1{font-size:26px; color:#000; letter-spacing:-1px; line-height:36px;}
h2{font-size:26px; color:#444; letter-spacing:-1px; line-height:26px; display:inline;}
h3{font-size:26px; color:#fff; letter-spacing:-1px; line-height:26px;}
h4{font-size:26px; color:#009844; letter-spacing:-1px; line-height:26px; display:inline;}

/*head*/
.head_a{width:100%; height:30px; background-color:#474747; position:fixed; top:0; z-index:9999;}
.head_a ul{width:1200px; height:30px; margin:0 auto;}
.head_a ul li{width:50%; float:left; color:#fff; font-size:12px; line-height:30px; text-align:left;}
.head_a ul li:last-child{text-align:right; font-family:'dinpro';}

.head_b{width:100%; height:80px; background-color:#fff; position:fixed; top:30px; z-index:9999; box-shadow: 0 0 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 3px rgb(0,0,0,0.2); -moz-box-shadow: 0 0 3px rgb(0,0,0,0.2);}
.head_b ul{width:1200px; height:80px; margin:0 auto;}
.head_b ul li:nth-child(1){width:50%; float:left; height:80px; display:flex; -webkit-display:flex; justify-content:left; align-items:center;}
.head_b ul li:nth-child(2){ float:right; height:80px; display:flex; -webkit-display:flex; justify-content:right; align-items:center; text-align:right;}
.head_b ul li:nth-child(2) dd{ margin-left:40px;}
.head_b ul li span{font-size:12px; font-weight:normal; color:#717171;}
.head_b ul li font{font-size:38px; color:#009844; display:block; margin-top:10px;}

.head_c{width:100%; height:40px;}
.head_c ul{width:1200px; height:40px; margin:0 auto;}
.head_c ul li:nth-child(1){text-align:left;}
.head_c ul li{float:left; width:100; line-height:40px; text-align:right;}

/*add*/
.index_add{width:100%; height:calc(100vh - 85px); background-color:#000; margin-top:110px;}

.txt-box{width:1200px; display: block;  margin:0 auto; text-align:center;}
.swiper-container {width:100%;height:100%;}
.swiper-slide{color:#fff;}
.swiper-slide .title {font-size:48px; color:#fff; margin-top:40vh; font-family:'dinprob';}
.swiper-slide .focu{color:#009844;}
.swiper-slide .titlea {font-size:28px; color:#fff; margin-top:14px; line-height:40px;}
/*index_about*/

.index_about_a{width:1200px; height:auto; padding:80px 0; margin:0 auto;}
.index_about_a ul:nth-child(1){text-align:center; margin-bottom:50px; background-image:url(../image/bottom_line.gif); background-repeat:no-repeat; background-position:center bottom; padding-bottom:20px;}
.index_about_a ul{width:100%; height:auto;}
.index_about_a ul li{float:left; width:32%; margin-right:2%; font-size:12px; background-image:url(../image/about_hl.gif); background-repeat:no-repeat; background-position:bottom left; padding-bottom:25px;}
.index_about_a ul li:nth-child(3){margin-right:0;}

.index_about_a ul li span{font-size:16px; color:#555;}
.index_about_a ul li img{width:100%;}
.index_about_a ul li dd{width:100%; height:100%; position:relative; background-image:url(../image/about_a_bg.png); background-repeat:repeat-x; background-position:top; margin-bottom:15px;}
.index_about_a ul li dd dl{width:100%; height:100%; position:absolute; left:0; top:0; display:flex; -webkit-display:flex; justify-content:center; align-items:center; font-size:45px; color:rgba(255,255,255,0);}

.index_about_a ul li:hover{background-image:url(../image/about_hl_a.gif); cursor:pointer;}
.index_about_a ul li:hover span{color:#009844;
transition:color 0.5s;
-moz-transition:color 0.5s; /* Firefox 4 */
-webkit-transition:color 0.5s; /* Safari 和 Chrome */
-o-transition:color 0.5s; /* Opera */
}

.index_about_a ul li:hover img{opacity:0.5;
transition:opacity 0.5s;
-moz-transition:opacity 0.5s; /* Firefox 4 */
-webkit-transition:opacity 0.5s; /* Safari 和 Chrome */
-o-transition:opacity 0.5s; /* Opera */
}

.index_about_a ul li:hover dd dl{color:rgba(255,255,255,1);
transition:color 0.5s;
-moz-transition:color 0.5s; /* Firefox 4 */
-webkit-transition:color 0.5s; /* Safari 和 Chrome */
-o-transition:color 0.5s; /* Opera */
}

/*index_pro_bg*/
.index_pro_bg{width:100%; height:auto; padding:80px 0; background-image:url(../image/index_pro_bg.jpg); background-size:cover;}
.index_pro_bg ul:nth-child(1){text-align:center; margin-bottom:50px; background-image:url(../image/bottom_line.gif); background-repeat:no-repeat; background-position:center bottom; padding-bottom:20px;}
.index_pro_bg ul:nth-child(2){text-align:center; margin-bottom:25px;}
.index_pro_bg ul ol{width:calc(33.33% - 1.33px); float:left; margin-right:2px; padding:20px 0;}
.index_pro_bg ul ol:nth-child(3n+3){margin-right:0;}
.index_pro_bg ul ol font{font-size:30px; display:block; margin-bottom:5px;}

.foucs_ietma{background-color:#fff; color:#009844; cursor:pointer;}
.foucs_ietma:hover{background-color:#009844; color:#fff; cursor:pointer;}
.foucs_ietm{background-color:#009844; color:#fff; cursor:pointer;}

.index_pro_bg ul{width:1200px; height:auto; margin:0 auto;}
.index_pro_bg ul li{float:left; width:calc(25% - 15px); margin-right:20px; margin-bottom:24px; font-size:12px;}
.index_pro_bg ul li:nth-child(4n+4){margin-right:0;}
.index_pro_bg ul li img{width:100%;}
.index_pro_bg ul li dd{width:calc(100% - 40px); padding:10px 20px; background-color:#fff; border-top:1px solid #eee; position:relative;}
.index_pro_bg ul li dd dl{font-size:20px; position:absolute; right:15px; top:0; line-height:45px; color:#FFF;}
.index_pro_bg ul li span{font-size:14px; color:#000;}

.index_pro_bg ul li:hover{
cursor:pointer; box-shadow:0 0px 15px rgba(0,0,0,0.2); -webkit-box-shadow:0 0px 15px rgba(0,0,0,0.2); -moz-box-shadow:0 0px 15px rgba(0,0,0,0.2);
transition:box-shadow 0.5s;
-moz-transition:box-shadow 0.5s; /* Firefox 4 */
-webkit-transition:box-shadow 0.5s; /* Safari 和 Chrome */
-o-transition:box-shadow 0.5s; /* Opera */
}
.index_pro_bg ul li:hover dd{background-color:#009844; color:#fff;}
.index_pro_bg ul li:hover span{color:#fff;}

/*index_indu*/
.index_indu{width:100%; height:auto; background-image:url(../image/indu_bg.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; padding:100px 0;}
.index_indu ul:nth-child(1){text-align:center; margin-bottom:80px; background-image:url(../image/bottom_line_b.gif); background-repeat:no-repeat; background-position:center bottom; padding-bottom:20px; font-size:14px; color:#fff;}
.index_indu ul{width:1200px; height:auto; margin:0 auto;}
.index_indu ul li{float:left; width:calc(16.6% - 1px); font-size:12px; text-align:center; color:#FFF; border-left:1px solid rgba(255,255,255,0.1); padding:40px 0;}
.index_indu ul li:nth-child(6){width:calc(16.6% - 2px); border-right:1px solid rgba(255,255,255,0.1);}

.index_indu ul li:hover{background-color:rgba(0,0,0,0.1);
transition:background 0.5s;
-moz-transition:background 0.5s; /* Firefox 4 */
-webkit-transition:background 0.5s; /* Safari 和 Chrome */
-o-transition:background 0.5s; /* Opera */
}

.index_indu ul li font{font-size:50px; line-height:50px; display:block; margin-bottom:30px;}
.index_indu ul li span{font-size:14px; font-weight:bold; display:block;}

/*index_ser*/
.index_ser{width:1200px; height:auto; padding:80px 0; margin:0 auto;}
.index_ser ul:nth-child(1){width:100%;  margin-bottom:50px;}
.index_ser ul:nth-child(2){width:100%; position:relative; height:720px;}

.index_ser ul dl{text-align:center; background-image:url(../image/bottom_line.gif); background-repeat:no-repeat; background-position:center bottom; padding-bottom:20px; font-size:12px;}

.index_ser ul li{position:absolute; background-color:rgba(204,204,204,0.4); border-radius:5px; width:calc(200px - 20px); padding:15px 0 15px 20px; font-size:12px; line-height:20px; z-index:9;}
.index_ser ul li:nth-child(1){top:0; left:0;}
.index_ser ul li:nth-child(2){top:0; right:0;}
.index_ser ul li:nth-child(3){bottom:0; left:0;}
.index_ser ul li:nth-child(4){bottom:0; right:0;}
.index_ser ul li:nth-child(5){bottom:0; right:450px;}
.index_ser ul li span{font-size:16px; color:#333;}
.index_ser ul img{margin:0 auto; z-index:8;}

/*index_honor*/
.index_honor{width:1200px; height:auto; padding:0 0 80px 0; margin:0 auto;}
.index_honor ul{width:1200px;  margin:0 auto;}

.index_honor ul dl{text-align:center; background-image:url(../image/bottom_line.gif); background-repeat:no-repeat; background-position:center bottom;  font-size:12px;}
.index_honor ul li:nth-child(1){width:calc(36.8% - 2px);height: 311px; float:left; margin-right:2%;border:1px solid #eee;}
.index_honor ul li:nth-child(2){width:calc(18.4% - 2px);height: 311px;  float:left; margin-right:2%;border:1px solid #eee;}
.index_honor ul li:nth-child(3){width:calc(18.4% - 2px);height: 311px;  float:left; margin-right:2%;border:1px solid #eee;}
.index_honor ul li:nth-child(4){width:calc(18.4% - 2px);height: 311px;  float:left;border:1px solid #eee;}

/*index_news*/
.index_news{width:100%; height:auto; background-image:url(../image/news_bg.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; padding:80px 0;}
.index_news ul:nth-child(1){text-align:center; margin-bottom:50px; background-image:url(../image/bottom_line.gif); background-repeat:no-repeat; background-position:center bottom; padding-bottom:20px; font-size:12px; color:#fff;}
.index_news ul{width:1200px; height:auto; margin:0 auto;}
.index_news ul li{width:48%; float:left; margin-right:4%;}
.index_news ul li:nth-child(2){margin-right:0;}

.index_news ul li dl{font-size:12px; border-bottom:1px solid #ddd; padding:15px 0;}
.index_news ul li dl:nth-child(3){border:none;}
.index_news ul li dl span{font-size:14px; color:#000;}
.index_news ul li dl div ol:nth-child(1){float:left; width:85%;}
.index_news ul li dl div ol:nth-child(2){float:left; width:15%; font-size:14px; text-align:center; font-family:'dinpro';}
.index_news ul li dl div ol font{font-size:30px; line-height:36px;}

/*bottom*/
.bottom{width:100%; height:auto; background-image:url(../image/bottom_bg.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;}
.bottom ul:nth-child(1){width:100%; height:80px; border-bottom:1px solid rgba(255,255,255,0.1);}
.bottom ul ol{width:1200px; height:80px; margin:0 auto;}
.bottom ul ol li:nth-child(1){width:50%; float:left; height:80px; display:flex; -webkit-display:flex; justify-content:left; align-items:center;}
.bottom ul ol li:nth-child(2){ float:right; height:80px; display:flex; -webkit-display:flex; justify-content:right; align-items:center; text-align:right;}
.bottom ul ol li:nth-child(2) dd{font-family:'dinpro'; font-size:22px; letter-spacing:-1px; text-align:left; font-weight:bold; color:#009844; line-height:18px;}
.bottom ul ol li span{font-size:12px; font-weight:normal; color:#fff;}
.bottom ul ol li font{font-size:38px; color:#009844; display:block; margin-top:10px;}

.bottom ul:nth-child(2){width:1200px; height:auto; background:none; padding:30px 0 40px 0; margin:0 auto;}
.bottom ul dl{float:left; font-size:12px; color:#777; margin-right:70px;}
.bottom ul dl:nth-child(5){float:right; margin-right:0; text-align:right; color:#aaa;}
.bottom ul dl span{font-size:14px; color:#FFF;}
.bottom ul dl font{font-size:16px; color:#FFF;}

.bottom_a{width:100%; height:30px; background-color:#009844;}
.bottom_a ul{width:1200px; height:30px; margin:0 auto;}
.bottom_a ul li{width:50%; float:left; color:#fff; font-size:12px; line-height:30px; text-align:left; font-family:'dinpro';}
.bottom_a ul li:last-child{text-align:right; font-family:'dinpro';}

/*add*/
.index_add_n{width:100%; height:400px; background-color:#fff; margin-top:85px;}
.index_add_n ul{width:1200px; height:400px; margin:0 auto; display:flex; -webkit-display:flex; justify-content:center; align-items:center; text-align:center; position:relative;}
.index_add_n ul li span{font-size:30px; display:block; color:#fff; line-height:40px; font-weight:bold;}
.index_add_n ul li font{font-size:20px; color:#fff;}
.index_add_n ul li dd{position:absolute; bottom:45px; left:0;}

/*contact_c*/
.contact_c{width:100%; padding:80px 0;}
.contact_c ul:nth-child(1){border-bottom:1px solid #eee; padding-bottom:30px;}
.contact_c ul:nth-child(2){padding:30px 0; border-bottom:1px solid #eee;}
.contact_c ul:nth-child(3){padding:30px 0; border-bottom:1px solid #eee;}
.contact_c ul:nth-child(4){padding:30px 0;}
.contact_c ul{width:1200px; margin:0 auto;}
.contact_c ul li{width:50%; float:left;}
.contact_c ul span{font-size:18px; color:#009844;}

/*about_a*/
.about_a{width:1200px; margin:0 auto; padding:80px 0;}
.about_a ul:nth-child(1){text-align:center; margin-bottom:50px; background-image:url(../image/bottom_line.gif); background-repeat:no-repeat; background-position:center bottom; padding-bottom:20px; color:#fff;}

/*about_hos*/
.about_hos{width:100%; padding:80px 0; background-color:#eee;}
.about_hos ul:nth-child(1){text-align:center; margin-bottom:50px; background-image:url(../image/bottom_line.gif); background-repeat:no-repeat; background-position:center bottom; padding-bottom:20px; color:#fff;}
.about_hos ul:nth-child(2){background-image:url(../image/h_sl.GIF); background-position:center; background-repeat:repeat-y;}
.about_hos ul{width:1200px; margin:0 auto;}
.about_hos ul li{width:100%; height:auto; float:left;}

.about_hos ul li:nth-child(2n+2){float:right;}
.about_hos ul li:nth-child(10){margin-bottom:0;}
.about_hos ul li ol{width:50%; height:100%; position:relative; background-image:url(../image/h_sl.GIF); background-position:center; background-repeat:repeat-x;}
.about_hos ul li ol dl{position:absolute; right:-9px; top:50%; margin-top:-10px;}
.about_hos ul li ol dt{width:calc(95% - 40px); float:left; background-color:#fff; padding:20px; border-radius:8px;}
.about_hos ul li:nth-child(2n+2) ol{width:50%; height:100%; float:right;}
.about_hos ul li:nth-child(2n+2) ol dl{position:absolute; left:-9px; top:50%; margin-top:-10px;}
.about_hos ul li:nth-child(2n+2) ol dt{width:calc(95% - 40px); float:right; background-color:#fff; border-radius:8px;}
.about_hos ul li ol dt img{width:40%; float:left; margin-right:20px;}
.about_hos ul h1{margin-bottom:20px;}
.about_hos ul li ol span{font-size:24px; line-height:30px; color:#009844;}

/*syxx*/
.syxx{width:100%; padding:80px 0; background-color:#eee;}
.syxx ol:nth-child(1){text-align:center; margin-bottom:80px; background-image:url(../image/bottom_line.gif); background-repeat:no-repeat; background-position:center bottom; padding-bottom:20px; color:#fff;}
.syxx ol{width:1200px; margin:0 auto;}

/*product_a*/
.product_a{width:1200px; margin:0 auto; padding:80px 0 60px 0;}
.product_a dd:nth-child(1){text-align:center; margin-bottom:50px; background-image:url(../image/bottom_line.gif); background-repeat:no-repeat; background-position:center bottom; padding-bottom:20px; color:#fff;}
.product_a dd{width:1200px; margin:0 auto;}
.product_a dd ol:nth-child(1){float:left; width:260px; margin-right:50px;}
.product_a dd ol:nth-child(2){float:left; width:890px;}
.product_a dd ol dt{width:calc(33.33% - 14px); float:left; margin-right:21px; margin-bottom:21px;}
.product_a dd ol dt:nth-child(3n+3){margin-right:0;}
.product_a dd ol dt img{width:100%; height:170px;}
.product_a dd ol dt dl{width: 50%;height: auto;float: left;}
.product_a dd ol dt dl span{font-size:14px; color:#000; font-family:'dinprob';}
.product_a dd ol dt dl font{color:#000; margin-left:5px;}
.product_a dd ol dt dl dp{text-align:right; display:block;}

.contact_li_input{width:50%; border:1px solid #eee; background:none; padding:10px 20px; font-family:'dinpro'; color:#ccc; font-size:12px; margin-bottom:10px;}
.contact_li_textarea{width:90%; height:150px; border:1px solid #eee; background:none; padding:10px 20px; font-family:'dinpro'; font-size:12px; color:#ccc;}
.contact_li_botton{width:150px; background:#009844; padding:10px 20px; font-family:'dinpro'; color:#fff; border:none; margin-top:10px;}

/*pb_a*/
.pb_a{width:1200px; margin:0 auto; padding:80px 0 0 0;}
.pb_a ul:nth-child(1){text-align:center; margin-bottom:50px; background-image:url(../image/bottom_line.gif); background-repeat:no-repeat; background-position:center bottom; padding-bottom:20px; color:#fff;}

.pb_b{width:1200px; margin:0 auto; padding-bottom:64px;}
.pb_b li{width:calc(25% - 12px); margin-right:16px; float:left; margin-bottom:16px;}
.pb_b li:nth-child(4n+4){margin-right:0;}
.pb_b li img{width:100%;}

.menu_list{margin:0 auto;width:100%;}
.menu_head{width:calc(100% - 20px); height:40px; line-height:40px; padding-left:20px; font-size:14px; color:#fff; cursor:pointer;border:1px solid #fff;position:relative;font-weight:bold;background:#009844 url(../images/pro_left.png) center right no-repeat;margin:0;}
.menu_list .current{background:#007133 url(../images/pro_down.png) center right no-repeat;}
.menu_body{width:100%;height:auto;overflow:hidden;line-height:30px;border-left:1px solid #e1e1e1;backguound:#fff;border-right:1px solid #e1e1e1;}
.menu_body a{display:block;width:calc(100% - 30px);height:30px;line-height:30px;padding-left:30px;color:#777777;background:#fff;text-decoration:none;border-bottom:1px solid #e1e1e1;}
.menu_body a:hover{text-decoration:none; background-color:#eee;}

/*index_pro*/
.index_proa{width:100%; margin:0 auto; background-image:url(../image/index_pro_bg.jpg); background-size:cover; background-color:#000; padding:80px 0;}
.index_proa ol:nth-child(1){text-align:center; margin-bottom:80px; background-image:url(../image/bottom_line.gif); background-repeat:no-repeat; background-position:center bottom; padding-bottom:20px;}
.index_proa ol{width:1200px; margin:0 auto;}

/* =================
	 Container Styling */
	.container {
	  background:#ccc;
	}

	/* ===========
	   Tab Styling */
	.tab-group {
	  border: 1px solid #ccc;
	  border-radius: 0 0 10px 10px;
	}
	
	.tab-group section {
	  opacity: 0;
	  height: 0;
	  overflow: hidden;
	  transition: opacity 0.4s ease, height 0.4s ease;
	}
	
	.tab-group section dd{width:100%; padding:30px;}
	.tab-group section dd dl{width:20%; float:left;}
	.tab-group section dd dl a{color:#333;}
	.tab-group section dd dl span{ font-size:14px;}
	.tab-group section dd dl span a{color:#777;}
	
	
	.tab-group section dt{width:calc(100% - 60px); padding:30px;}
	.tab-group section dt dl{width:calc(20% - 8px); float:left; margin-right:10px; margin-bottom:10px}
	.tab-group section dt dl:nth-child(5n+5){margin-right:0;}
	.tab-group section dt dl img{width:100%;}
	
	.tab-group section.active {
	  opacity: 1;
	  height: auto;
	  overflow: visible;
	}

	.tab-nav {
	  list-style: none;
	  margin: -40px -1px 0 0;
	  padding: 0;
	  height: 40px;
	  width:1200px;
	  overflow: hidden;
	}
	.tab-nav li {
	  display: inline;
	}
	.tab-nav li a {
	  top: 1px;
	  position: relative;
	  display: block;
	  float: left;
	  border-radius: 10px 10px 0 0;
	  background: #ccc;
	  line-height: 2em;
	  width:calc(33.33% - 1px);
	  text-align:center;
	  text-decoration: none;
	  color: grey;
	  margin-top: .5em;
	  margin-right: 1px;
	  transition: background .2s ease, line-height .2s ease, margin .2s ease;
	}
	.tab-nav li.active a {
	  background: #009844;
	  color: white;
	  line-height: 2.5em;
	  margin-top: 0;
	}

/*proleft*/
.list{width:100%; border-bottom:solid 1px #316a91;}
.list ul li{background-color:#009844; border:solid 1px #fff; border-bottom:0;}
.list ul li a{padding-left: 10px;color: #fff; font-size:12px; display: block; font-weight:bold; height:36px;line-height: 36px;position: relative;}
.list ul li .inactive{ background:url(../image/off.png) no-repeat 224px center;}
.list ul li .inactives{background:url(../image/on.png) no-repeat 224px center;} 
.list ul li ul{display: none;}
.list ul li ul li { border-left:0; border-right:0; background-color:#f5f5f5; border-color:#fff;}
.list ul li ul li ul{display: none;}
.list ul li ul li a{ padding-left:20px; color:#8e8e8e;}
.list ul li ul li ul li { background-color:#CCC; border-color:#6196bb; }
.last{ background-color:#FF6600; border-color:#6196bb;}
.list ul li ul li ul li a{ color:#316a91; padding-left:30px;}

.fouck{background-color:#ddd;}
@media only screen and (min-width: 720px) and (max-width: 1200px){

}

@media only screen and (min-width: 220px) and (max-width: 720px) {

}