@charset "utf-8";
.note{width: 100%; line-height: 28px; background-color: yellow; color: #f00; font-size: 12px; text-align: center;}
.content {width: 1200px;height: auto;margin: 0 auto;padding: 0 10px;box-sizing: border-box;position: relative;}
img { max-width: 100%;}
.page-down { width: 30px; height: 30px; background: #999; position: fixed; bottom: 30px; right: 30px; text-align: center; line-height: 30px; font-size: 18px; color: #fff; cursor: pointer; display: none; z-index: 99999;}
.page-down:hover { background: #ffaa06;}
.table { display: table; width: 100%; height: 100%;}
.table .cell { display: table-cell; text-align: center; vertical-align: middle;}
.smallest-screen { position: fixed; z-index: 999999; width: 100%; height: 100%; background: url(../images/displaynone.png) no-repeat center #666; display: none;}
@media only screen and (max-width : 319px) { 
  .smallest-screen {   display: block; } /*判断屏幕小于319px隐藏显示网站*/
}
.white { color: #fff !important;}
.webmain { overflow: hidden;}
.tishi { text-align: center; color: #333; font-size: 14px;}
.tupian { width: 100%; background: #f1f1f1;}
.middle_holder {display: inline-block;font-size: 0;width: 0;height: 70px;vertical-align: middle;}
.middle { display: inline-block; vertical-align: middle; width: 100%;}
.nav_handle { display: none; position: relative; width: 27px; padding: 0 0 0 15px; cursor: pointer; float: right;}
.nav_handle b {width: 23px;height: 20px;position: relative;}
.nav_handle b i { display: block; position: absolute; left: 0; right: 0; height: 2px; background-color: #333; top: 0; -webkit-transform-origin: 29% 50%; transform-origin: 29% 50%; transition: all .3s ease; -webkit-transition: all .3s ease;}
.nav_handle b .l_2 {top: auto;bottom: 9px;}
.nav_handle b .l_3 { top: auto; bottom: 0;}
.nav_handle.on b i { transform: rotate(45deg); background: #ffaa06; top: 5px;}
.nav_handle.on b .l_3 { transform: rotate(-45deg);top: 12px;}
.nav_handle.on b .l_2 { display: none;}
.banner { position: relative; overflow: hidden;}
.banner img { width: 1920px; height: auto;}
.banner .pagination { z-index: 99; text-align: center; line-height: 30px; height: 30px; width: 100%; position: absolute; left: 0; bottom: 10px;}
.banner .pagination .swiper-pagination-bullet{ cursor: pointer; width: 20px; height: 20px; display: inline-block; margin: 0 12px; border-radius: 50%; box-sizing: border-box; border: 3px solid #fff;}
.banner .pagination .swiper-pagination-bullet-active{ background: #0081fa; border-color: #0081fa;}
.banner .banner-left { display: none; position: absolute; opacity: .8; font-size: 50px; color: #fff; left: 20px; top: 50%; width: 40px; height: 110px; line-height: 110px; margin-top: -55px;}
.banner .banner-right { display: none; position: absolute; opacity: .8; font-size: 50px; color: #fff; right: 20px; top: 50%; width: 40px; height: 110px; line-height: 110px; margin-top: -55px;}
.banner .banner-left:hover, .banner .banner-right:hover { opacity: 1;}
/*.banner {width: 100%;position: relative;height: auto;background: #eee; display: table;}
.banner .by{ line-height: 35px; background: rgba(120,188,39,0.65); font-size: 15px; color: #fff; position: absolute; width: 100%; left: 0; top: 0; z-index: 999; }
.banner .bd {margin: 0 auto;position: relative; width:100%; z-index: 0;overflow: hidden;}
.banner .bd ul {width: 100% !important;}
.banner .bd li {width: 100% !important;height: 743px;overflow: hidden;text-align: center; background-size:auto 100% !important;  }
.banner .bd li a {display: block;height: 1000px; position: absolute; left: 0; top: 0; width: 100%; z-index: 8;}
.banner .hd {width: 100%;position: absolute;z-index: 1;bottom: 10px;left: 0;height: 30px;line-height: 30px;text-align: center;_background: #000;_filter: alpha(opacity=60);}
.banner .hd ul {text-align: center;padding-top: 5px;}
.banner .hd ul li {display: inline-block;margin: 0 5px;width: 10px;height: 10px;background: #fff;cursor: pointer;overflow: hidden;line-height: 999px; border-radius: 8px;}
.banner .hd ul .on {background: #0c7ae9; width: 30px;}
.banner .prev {background: url(../images/sprite.png) left top no-repeat;cursor: pointer;height: 100px;position: absolute;top: 50%;margin-top: -50px;width: 45px;left: 0;opacity: 0.2;}
.banner .prev:hover {opacity: 0.5;}
.banner .next {background: url(../images/sprite.png) right top no-repeat;cursor: pointer;height: 100px;position: absolute;top: 50%;margin-top: -50px;width: 45px;right: 0;opacity: 0.2;}
.banner .next:hover {opacity: 0.5;}*/
.Bottomerkg { height: 59px; display: none;}
.Bottomer { display: none; position: fixed; bottom: 0; width: 100%; background: #ffaa06; z-index: 999999; box-shadow: 0 0 10px rgba(0, 0, 0, .2);}
.Bottomer .BottomList li { width: 25%; float: left; display: inline-block; text-align: center; position: relative; padding: 10px 0px;}
.Bottomer .BottomList li img { vertical-align: middle; height: 20px;}
.Bottomer .BottomList li span { font-size: 14px; color: #fff; display: block; margin-top: 5px;}
.Bottomer .BottomList li p { font-size: 14px; color: #D5A334; margin: 0; position: absolute; right: 20px; top: 10px;}
.intop { line-height: 45px; background: #f08519; color: #fff; font-size: 16px;}
.intop .content{width:1260px; max-width: 100%;}
.intop .fl{width:50%; float:left;}
.intop .fr{width:225px; float:right;text-align:right; background:url(../images/topyx.png) left center no-repeat;}
.header { padding: 25px 0; }
.header .content,.inmuen .content{position: relative;width: 1300px; max-width: 100%;}
.header .logo { float: left; padding-right: 15px; }
.header .title {line-height: 38px;font-size: 16px;color: #000;position: absolute;left: 142px;top: 41px;}
.header .title span { color: #ffaa06;}
.header .wx { float: right; width: 77px; padding: 0 25px 0 0;}
.header .wx img{width: 100%;}
.header .phone {float: right;line-height: 20px;font-size: 16px;padding: 0 35px 0 2px;color: #4d4949;background: url(../images/tel.png) left 2px no-repeat;}
.header .phone .tit {font-size: 16px;color: #0480f0;font-weight: bold;padding: 10px 0 5px 34px;}
.inmuen { line-height: 50px; background: #0081fa; position: relative;}
.inmuen ul.nav{padding-right: 50px; box-sizing: border-box; position: relative;}
.inmuen ul.nav li { display: block; float: left;}
.inmuen ul.nav li a { display: block; padding: 0 23px; font-size: 16px; color: #fff;}
.inmuen ul.nav li:hover a, .inmuen ul li.on a { background: #131313; margin-top: -3px; padding-top: 3px;}
.inmuen ul.nav .navul{display: block;max-width: 100%;position: absolute;background-color:rgba(19,19,19,.95);top: 50px;z-index: -1; opacity: 0;-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;} 
.inmuen ul.nav li:hover .navul{opacity: 1;z-index:9}
.inmuen ul.nav .navul ul{float: left; padding:8px 30px 20px;}
.inmuen ul.nav .navul.dli ul{ padding-left:23px;padding-right:23px; padding-bottom: 8px;}
.inmuen ul.nav .navul ul a{line-height:32px;height:32px; font-size:14px; color:#ddd; padding:0 10px 0 11px;}
.inmuen ul.nav .navul.dli ul a{padding-left:0;padding-right:0;}
.inmuen ul.nav .navul ul a.catn{ margin:13px 0;line-height:18px;height:18px;border-left:3px solid #0583f3; padding-left:8px; }
.inmuen ul.nav .navul ul a.fir{border-top:1px solid #999; padding-top:8px;}
.inmuen ul.nav .navul ul a, .inmuen ul .navul ul a{padding-top: 0; margin-top: 0; background-color: unset;}
.inmuen ul.nav .navul ul a:hover{color:#0583f3;}
.inmuen .sea{width: 50px; height: 50px; position: absolute; right: 0; top: 0;}
.inmuen .sea a{width: 50px; height: 50px; font-size: 16px; text-align: center;color: #fff; display: block;}
.inmuen .sea a:hover,.inmuen .sea.on a{background-color: #131313;}
.inmuen .sea a .fa-search{ display: inline;}
.inmuen .sea a .fa-remove{ display: none;}
.inmuen .sea.on a .fa-search{ display: none;}
.inmuen .sea.on a .fa-remove{ display: inline;}
.inkey { padding: 10px 0; line-height: 22px; background: #131313; color: #fff; font-size: 14px;}
.inkey a { color: #fff; padding: 0 10px;}
.seabtn{width: 433px;height: 42px;font-size: 14px;padding: 10px;background-color: #fff;position: absolute;top: 50px;right: 10px;z-index: 999; display: none;box-shadow: 0 3px 7px #ccc;}
.seabtn .search{width: 100%;height: 40px;border: 1px solid #ddd;}

#divselect{width: 80px;position:relative;z-index:10000;float: left;}
#divselect cite{width: 80px;height: 40px;line-height: 30px;display:block;color:#131313;cursor:pointer;font-style:normal;padding: 5px 10px;box-sizing: border-box;}
#divselect i{float: right; line-height: 30px; font-size: 16px;}
#divselect ul{padding: 5px 0;}
#divselect ul.select{width: 82px;border:1px solid #ddd;background-color:#ffffff;position:absolute;z-index:20000;margin-left: -1px;display:none;}
#divselect ul.select li{height: 30px;line-height: 30px;width: 100%;}
#divselect ul.select li a{display:block;width: 80px;height: 30px;font-size: 14px;color:#131313;text-decoration:none;padding-left:10px;padding-right:10px;box-sizing: border-box;}
#divselect ul.select li a:hover{background-color:#CCC;}

.seabtn select{height: 40px;padding: 5px 10px; margin-right: 10px; float: left;}
.seabtn select:focus{outline: none;}
.seabtn input{ min-width: 179px; width: calc(100% - 120px); height:40px; padding:8px 0 8px 10px; float: left;border-left:1px solid #ddd; box-sizing: border-box;}
.seabtn button{width: 40px; height: 40px; background-color: #131313; color: #fff;  float: left;}
.hgq{ }
.hgq .hgtop{padding: 0;background-color: #000;} 
.hgq .hgbox{ text-align: center; padding-top: 60px;}
.hgq .hgbox .fat{padding-bottom: 40px;}
.hgq .hgbt{font-size: 35px; text-align: center; margin-bottom: 15px; text-align: center; color: #fff;}
.hgq .hgcnt{font-size: 20px; text-align: center; margin-bottom: 5px; text-align: center; color: #fff;}
.hgq .hglis{padding: 40px 0 0; text-align: left;}
.hgq .hglis li{width: 29%; float: left; color: #fff; font-size: 18px; line-height: 50px;font-weight: bold;}
.hgq .hglis li:nth-child(2){width: 42%;}
.hgq .hglis li:nth-child(3){text-align: right;}
.hgq .hglis li i{padding-right: 5px; font-size: 16px;}
.hgq .hgxc{ width: 98%; max-width: 1000px; margin: -60px auto 0; padding: 40px 0; text-align: center; border-radius: 3px; background-color: #f9f9f9;box-shadow: 0 3px 7px #ccc;}
.hgq .hgxc li{width: 50%; float: left; color: #333; font-size: 24px; line-height: 30px; }
.hgq .hgxc li:first-child{background: url(../images/lib.png) right center no-repeat;}
.hgq .hgxc li i{color: #ffaa06; padding-right: 5px; font-size: 28px;}

.injiagong { padding: 60px 0 40px;}
.injiagong .lmtit { font-size: 35px; color: #333; text-align: center; margin-bottom: 5px;}
.injiagong .lmjj { text-align: center; font-size: 15px; color: #666; margin-bottom: 50px;}
.injiagong .bd{position: relative;}
.plist{position: absolute;background-color: #0583f3;padding:10px;left: 0;width: 300px;box-sizing: border-box;}
.plist .top{width: 100%;line-height: 45px;text-align: center; padding-top: 37px; padding-bottom: 26px; font-size: 34px;color: #fff;background: url(../images/plb.jpg) bottom center no-repeat;}
.plist .top span{ display: block; font-size: 17px; line-height: 22px;}
.plist .plbtm{padding-top: 13px; padding-bottom: 20px; background-color:#fff;}
.plist .pbox{width: 100%; padding: 20px 27px 0; line-height: 38px; color: #b4b4b4; font-size: 16px; box-sizing: border-box; }
.plist .pbox:last-child{padding-bottom:10px;}
.plist .pbox .catn{background-color: #0583f3;border: 1px solid #0583f3;color: #fff;font-weight: bold;padding: 0 46px 0 26px; text-align: left; border-radius: 8px; position: relative;}
.plist .pbox .catn i{width: 23px; height: 100%; position: absolute; right: 20px; background: url(../images/catr.png) right no-repeat;}
.plist .pbox a{display: block;text-align: center; width: 100%; padding: 0 8px;margin-top: 10px; color:#858585; border: 1px solid #c6c6c6; box-sizing: border-box; border-radius: 8px; }
.plist .pbox a.fir{border-top:none}
.plist .pbox.first a{text-align: left;}
.plist .pbox.first a span{padding-right: 3px; width: 38px; height: 38px; float: left; display: block;}
.plist .pbox.first a span img{ float: left;}
.plist .pbox a:hover{color: #0583f3;}
.plist .pbox a.catn:hover{color: #fff; text-decoration: underline;}
.injiagong .bd .pro{padding-left: 310px;width: 100%;box-sizing: border-box;overflow: hidden;}
.injiagong .bd ul{width: 100%;}
.injiagong .bd ul li {display: block;padding: 0 5px;width: 33.33%;margin-bottom: 30px;float: left;box-sizing: border-box;}
.injiagong .bd ul li a { display: block; }
.injiagong .bd ul li .li {overflow: hidden; position: relative;}
.injiagong .bd ul li .pic { text-align: center; background-color: #eee; position: relative;}
.injiagong .bd ul li .pic::before{content: ""; height: 100%; display: inline-block; vertical-align: middle;}
.injiagong .bd ul li .pic .bgh{width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4); position: absolute; left: 0; top: 0; display: none;}
.injiagong .bd ul li .pic .bgh::before{content: ""; height: 100%; display: inline-block; vertical-align: middle;}
.injiagong .bd ul li .pic .bgh a{ display: inline-block; font-size: 16px; margin: 0 auto; width: 110px; line-height: 38px; color: #fff;background: #0583f3; border-radius: 18px; vertical-align: middle;}
.injiagong .bd ul li .pic:hover .bgh{ display: block;}
.injiagong .bd ul li img { max-width: 100%; width: auto; vertical-align: middle; transition: all .5s;}
.injiagong .bd ul li .wz { width: 100%; margin: 0 auto; padding: 10px; position: relative; box-sizing: border-box;}
.injiagong .bd ul li:hover .wz{background: #0583f3;}
.injiagong .bd ul li .tit { height: 25px; line-height: 25px; text-align: center; margin-bottom: 5px;}
.injiagong .bd ul li .tit a{ font-size: 16px; color: #8a8a8a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.injiagong .bd ul li:hover .tit a{color: #fff;}
.injiagong .bd ul li .jj { height: 66px; line-height: 22px; overflow: hidden; font-size: 14px; color: #999; overflow: hidden;}

.inadv{padding: 18px 0;box-sizing: border-box; background-color: #0583f3;}
.inadv .advli:first-child{border: none;}
.inadv .advli{width: 25%;line-height: 28px;font-size: 26px; text-align: center;float: left;border-left: 1px solid #6eb7f8;padding: 30px 0;position: relative;box-sizing: border-box;}
.inadv .advli .advbox{margin: 0 auto; display: inline-block;}
.inadv .advli .advicon{ width: auto; height: 100%; padding-right: 20px;  display: inline-block;float: left;}
.inadv .advli .advicon::before{content: ""; height: 100%; display: inline-block; vertical-align: middle;}
.inadv .advli .advtxt{ color: #fff;  display: inline-block; text-align: left;}
.inadv .advli .advtxt .advtit{ font-weight: bold;}
.inadv .advli:first-child .advtxt .advtit{font-size: 36px; height: 33px; margin-top: -5px; font-family: Arial, Helvetica, sans-serif;}
.inadv .advli:first-child .advtxt .advtit sup{font-size: 24px;line-height: 16px;}
.inadv .advli:first-child .advtxt .advtit sub{font-size: 14px;font-weight: normal;margin-left: -13px;}
.inadv .advli:nth-child(3){font-size: 36px; font-family: Arial, Helvetica, sans-serif;}
.inadv .advli .advtxt .advjie{ font-size: 16px; line-height: 30px; padding-top: 6px;}
.inadv .advli:last-child .advtxt .advjie{font-size: 26px;font-weight: bold;}
.incontacts{padding: 50px 0;box-sizing: border-box; background-color: #0583f3;}
.incontacts .wap{display: none;}
.incontacts .web{display: block;}
.incontacts .content{max-width: 1140px; position: relative;}
.incontacts .index-contact-left{width: 380px;position: absolute;left: 10px;top: -7px;box-sizing: border-box;color: #FFFFFF;}
.incontacts .index-contact-left h5{font-size: 32px;line-height: 46px;font-weight: bold;}
.incontacts .index-contact-left h5 i{font-size:24px}
.incontacts .index-contact-left h4{font-size: 30px;}
.incontacts .index-contact-left .nqr{font-size: 20px;line-height: 27px;padding-top: 9px;max-width: 230px;}
.incontacts .index-contact-qrcode{width: 100%;margin-top: 10px;padding: 0 425px 0 320px;text-align: center;box-sizing: border-box;} 
.incontacts .index-contact-qrcode img{width: 143px;}
.incontacts .index-contact-right{width: 496px;position: absolute;top: -7px;right: 0;text-align: left;color: #FFFFFF;}
.incontacts .index-contact-right h3{font-size: 32px;line-height: 46px;font-weight: bold;}
.incontacts .index-contact-right ul{margin: 30px 0 10px;}
.incontacts .index-contact-right ul li{float: left;line-height: 30px;margin-left: 60px;padding-left: 35px;box-sizing: border-box;background: url(../images/dh.png)no-repeat left center;font-size: 20px;}
.incontacts .index-contact-right ul li:first-child{margin-left: 0;}
.incontacts .index-contact-right h5{display: inline-block;background: url(../images/telb.png) 2px top no-repeat;font-weight: bold;padding: 8px 10px 0 43px;font-size: 16px;float: left;}
.incontacts .index-contact-right h4{display:inline-block;font-size: 22px;padding-top: 7px;font-weight:bold;font-family:Arial;}
.incontacts .zxbtn{text-align: center; padding-top: 50px;}
.incontacts .zxbtn a{height:42px; line-height:42px; padding:0 30px 0 76px; background: url(../images/zx.png) 30px center no-repeat; border-radius:10px; background-color:#fe8426; text-align:center; color:#fff; font-size:16px; font-weight:bold; display:inline-block;}
.incontacts .zxbtn a i{font-size:22px; padding-right:6px;}
.inbox{ padding: 60px 0;}
.ingnch { padding: 60px 0;}
.tbj{text-align: center; padding-bottom: 50px;}
.tbj img{max-width: 100%;}
.boxt{margin-bottom: 56px; }
.boxt .lmtit {font-size: 24px;line-height: 26px;color: #000;text-align: center;margin-bottom: 5px;position: relative;font-weight: bold;}
.boxt .lmtit .lttxt{ padding: 0 27px;}
.boxt .lmtit .lts{width: 304px;height: 11px;margin-top: 8px;background: url(../images/til.png) right center no-repeat;display: inline-block;}
.boxt .lmtit .ltr{background-image: url(../images/tir.png); background-position: left center;}
.boxt .lmen{color: #9d9d9d;text-align: center; font-size:17px}
.boxt .lmjj { text-align: center; font-size: 17px;line-height: 24px; color: #585858; padding-top: 13px;}
.ingnch{background-color: #f7f8f9;}
.ingnch .gnch {width: 100%;margin: 85px auto 10px; }
.ingnch .gnch li { width: 16.6667%; padding: 10px 0; float: left;}
.ingnch .gnch li .first { margin: 0px auto; max-width: 144px; width: 80%; height: 100%; position: relative; overflow: hidden;}
.ingnch .gnch li .first p a{ width: 100%; height: 40px; line-height: 40px; padding-top: 10px; display: block; overflow: hidden; text-align: center; font-size: 16px; color: #333; }
.ingnch .gnch li .first .text { position: relative;}
.ingnch .gnch li .first .text .solu_bks { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;}
.ingnch .gnch li .first .text img { max-width: 100%; height: auto; margin: 0 auto;}
.ingnch .gnch li .first .solu_wb, .ingnch .gnch li .first .solu_wb1 { width: 100%; height: 100%; text-align: center; vertical-align: middle; position: absolute; left: 0; top: 0; background: url(../images/zong.png) no-repeat center center; background-size: 90% auto;}
.ingnch .gnch li .first .solu_wb::before, .ingnch .gnch li .first .solu_wb1::before{content: ""; display: inline-block; height: 100%; vertical-align: middle;}
.ingnch .gnch li .first .solu_wb { z-index: 2;}
.ingnch .gnch li .first .solu_wb1 { z-index: 1;}
.ingnch .gnch li .first .text span { width: 60px; height: 60px; display: block; background-position: center; position: absolute; top: 50%; left: 50%; margin-left: -30px; margin-top: -30px;}
.ingnch .gnch li .first .text:hover .solu_wb1 { z-index: 3;}
.ingnch .gnch li .first .text .solu_bks{transform-style: preserve-3d; perspective:800px;}
.ingnch .gnch li .first .text .solu_wb , .ingnch .gnch li .first .text .solu_wb1{transition:all 0.4s;  }
.ingnch .gnch li .first .text .solu_wb1{ transform:rotateX(-180deg); }
.ingnch .gnch li .first .text:hover .solu_wb{ transform:rotateX(180deg) }
.ingnch .gnch li .first .text:hover .solu_wb1{ transform:rotateX(0deg) }

.ingnxn{padding-bottom: 0; }
.ingnxn .content{position: relative;}
.ingnxn .ingnxncon{background: url(../images/gnbj.jpg) center repeat-y;}
.ingnxn .boxtit{color: #000; text-align: center; padding: 46px 10px 88px;background-color: #f9f9f9;}
.ingnxn .boxtit h3{font-size: 32px; line-height: 34px; font-weight: bold; padding: 18px 0;}
.ingnxn .boxtit h5{font-size: 16px; line-height: 20px; max-width: 750px; margin: 0 auto;}
.ingnxn .gnimg{width: 44.49%; height: 100%; background-color: #f9f9f9; text-align:center; position: absolute; left: 0;}
.ingnxn .gnimg::before{content: ""; display: inline-block; height: 100%; vertical-align: middle;}
.ingnxn .xnbox{width: 55.51%; float: right; padding: 50px 0 96px 20px; background-color: #0583f3; color: #fff; box-sizing: border-box;}
.ingnxn .xnbox li{width: 20%; float: left; margin: 46px 0 0; text-align: center; color: #fff; font-size: 14px; }
.ingnxn .xnbox li .xnbli{ max-width: 140px; width: auto; margin: 0 auto 10px; border-radius: 50%; background-color: #fff; display: inline-block; box-shadow: 0 0px 5px #333;}
.ingnxn .xnbox li .xnbli::before{content: ""; display: inline-block; height: 100%; vertical-align: middle;}
.ingnxn .xnbox li .xnbli img{ vertical-align: middle; max-width: 84px; padding: 16px;transition:all 0.4s; box-sizing: border-box }
.ingnxn .xnbox li .xnbli img:hover{transform:rotateY(-180deg);}
.ingnxn .xnbox li span{width: 100%; display: block; min-height: 52px;line-height: 20px; padding: 0 6px; box-sizing: border-box;}
.ingnxn .jcxm .boxt{margin-top: 70px;}
.ingnxn .jcxm{margin: 0 0 20px; line-height: 40px; font-size: 16px; color: #333; position: relative;}
.ingnxn .jcxm img{max-width: 100%; padding-bottom: 5px;}
.ingnxn .jcxm ul{width: 100%; box-sizing: border-box;}
.ingnxn .jcxm ul li{ width: 20%; *width: 19.89%; padding: 10px 0 0; float: left; text-align: center; border-left: 1px solid #ddd; box-sizing: border-box;}
.ingnxn .jcxm ul li:first-child{border-left-color: #fff;}


.inzyzs{}
.inzyzs .cj{padding: 0 110px; height: 50px; line-height: 50px; font-size: 30px; letter-spacing: 5px; color: #fff; background-color: #2196f3; position: relative; display: inline-block;}
.inzyzs .cj span{width: 50px; height: 50px; position: absolute; background-size: cover!important; }
.inzyzs .cj span.cjl{left: 0; background: url(../images/cjl.jpg) no-repeat;}
.inzyzs .cj span.cjr{right: 0; background: url(../images/cjr.jpg) no-repeat;}
.zybox li{width: 20%; float: left; margin: 30px 0 0; padding: 0 15px; text-align: center;  font-size: 16px; box-sizing: border-box; }
.zybox li a.lnk{width: 100%;display:block; border: 1px solid #e1e1df;box-sizing: border-box; }
.zybox li a.lnk::before{content: ""; height: 100%; display: inline-block; vertical-align: middle;}
.zybox li a.lnk img{ vertical-align: middle;}
.zybox li a.zytxt{width: 100%; display: block;line-height: 26px; color: #000; font-size: 15px; padding: 10px 6px;font-weight: bold; box-sizing: border-box;}

.inpro { padding: 60px 0 40px; background: url(../images/index_08.jpg) no-repeat center #3d3c3c; background-size: auto 950px !important;}
.inpro .leftnav { width: 300px; float: left; background: #fff; padding-bottom: 20px; min-height: 949px;}
.inpro .leftnav .lmtit { padding: 20px; background: #ffaa06; color: #fff;}
.inpro .leftnav .lmtit .en { font-size: 18px;}
.inpro .leftnav .lmtit .cn { font-size: 28px;}
.inpro .leftnav .tit { margin-top: 10px; line-height: 50px; padding: 0 15px; font-size: 20px; color: #333; border-bottom: 1px solid #dfdfdf; margin-bottom: 10px;}
.inpro .leftnav .li { width: 82%; margin: 0 auto 10px; background: #ebebeb; padding: 0 10px; font-size: 14px; color: #666; display: block; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inpro .leftnav .li:hover { background: #ffaa06; color: #fff;}
.inpro .right { width: 970px; float: right;}
.inpro .right ul { display: block; position: relative; width: 102%; left: -1%;}
.inpro .right ul li { display: block; width: 31.333333%; margin: 0 1% 2%; float: left; position: relative;}
.inpro .right ul li .tit { height: 40px; line-height: 40px; font-size: 14px; color: #fff; padding: 0 10px; box-sizing: border-box; width: 100%; position: absolute; z-index: 99; left: 0; bottom: 0; text-align: center; background: rgba(0, 0, 0, .6); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inpro .right ul li .pic { overflow: hidden;}
.inpro .right ul li img { transition: all .5s;}
.inpro .right ul li:hover img { transform: scale(1.1, 1.1);}
.inyoushi { padding: 60px 0;}
.inyoushi .nr{padding-top: 28px;}
.inyoushi .nr .li {position: relative;color: #000; padding-bottom: 20px;}
.inyoushi .nr .li .pic { width: 50%; float: left; padding: 0 45px 0 0;box-sizing: border-box;}
.inyoushi .nr .li .pic img{ max-width: 100%;}
.inyoushi .nr .li .wz { width: 50%; float: left; line-height: 26px; padding-left: 22px; box-sizing: border-box;}
.inyoushi .nr .li .wz .tit { font-size: 21px; line-height: 34px; font-weight: bold; padding-bottom: 48px; }
.inyoushi .nr .li .wz .tit span{display: block; font-size: 18px; font-weight: normal;}
.inyoushi .nr .li .wz .jj { font-size: 16px;box-sizing: border-box;}
.inyoushi .nr .li .wz .jj span{ display: block; padding-left: 23px; background: url(../images/sli.png) left 7px no-repeat;}
.inyoushi .nr .li:nth-child(even) .pic {float: right; text-align: right; padding-right: 0;}
.inyoushi .nr .li:nth-child(even) .wz{padding-left: 50px;}

.infwly {padding: 40px 0;}
.infwly .fwly{width: 100%; height: 100%;padding-top: 22px;}
.infwly .fwly li{ padding: 0 0 30px; width: 20%; box-sizing: border-box;}
.infwly .fwly li .fwbox div{background-color: #fff; width: 100%; text-align: center;}
.infwly .fwly li .fwbox div::before{content: ""; height: 100%; display: inline-block; vertical-align: middle;}
.infwly .fwly li .fwbox img{max-width: 100%;vertical-align: middle;}
.infwly .fwly li .fwbox span{width: 100%; display: block; font-size: 16px; font-weight:bold; text-align: center; padding-top: 10px; color: #000; line-height: 28px;box-sizing: border-box;}
.content .lbtn{width: 100%; margin: 15px 0; text-align: center;}
.content .swiper-button-prev,.content .swiper-button-next{position: relative;right: 0;top: 0;left: 0;display: inline-block;width: auto;height: 20px;padding: 10px;background-color: #ffaa06;}
.content .swiper-button-prev:focus,.content .swiper-button-next:focus{outline: none;}
.content .swiper-button-prev:hover,.content .swiper-button-next:hover{background-color: #fff;}
.content .swiper-button-next:after,.content .swiper-button-prev:after{font-size: 20px;color: #fff;}
.content .swiper-button-next:hover:after,.content .swiper-button-prev:hover:after{color: #ffaa06;}

.infwnr .nr{background: url(../images/zhuan.png) center no-repeat; margin: 0; box-sizing: border-box;}
.infwnr .nr .ul{width: 50%; float: left;padding-top: 20px; padding-right: 240px; text-align: left; font-size: 16px;color: #666; box-sizing: border-box;}
.infwnr .nr .ul.right{text-align: right;padding-right: 0;padding-left: 240px;}
.infwnr .nr .ul ul{width: 185px; float: right;}
.infwnr .nr .ul.right ul{float: left;}
.infwnr .nr .ul li{padding: 13px 0 13px 40px; line-height: 26px; color: #000; position: relative;}
.infwnr .nr .ul li:nth-child(3){padding-top: 75px; padding-bottom: 75px;}
.infwnr .nr .ul li span{width: 30px; height: 30px; display: inline-block; position: absolute; left: 0; top: 11px;}
.infwnr .nr .ul li:nth-child(3) span{top: 73px;}
.infwnr .nr .ul li span img{max-width: 100%;}
.infwnr .nr .ul.right li{ padding-right: 40px; padding-left: 0;} 
.infwnr .nr .ul.right li span{ left: auto; right: 0;}
.inzzry{ background-color: #f9f9f9;}
.inzzry .nr{ overflow: hidden;}
.gallery { width: 100%; padding: 0 0 20px;}
.gallery div{float: left; width: 25%; padding: 0 0 20px; box-sizing: border-box; }
.gallery div a{ display: block;width: 100%;padding: 5px; text-align: center;border: 1px solid #ddd; box-sizing: border-box;  background-color: #fff;}
.gallery div a::before{content: ""; height: 100%; display: inline-block; vertical-align: middle;}
.gallery a:hover{border-color: #0081fa;}
.gallery a img { max-width: 100%;}
.gallery a { color: #fff;}
.inzzry .content .swiper-button-prev,.inzzry .content .swiper-button-next{background-color: #000;}
.inzzry .content .swiper-button-prev:hover,.inzzry .content .swiper-button-next:hover{background-color: #0081fa;}
.inzzry .content .swiper-button-next:hover:after,.inzzry .content .swiper-button-prev:hover:after{color: #fff;}


.inabout { padding: 60px 0; position: relative;}
.inabout .aimg{width: 50%; max-width:618px; height: 100%; padding-top: 50px; float:left;}
.inabout .aimg img{max-width: 100%;}
.inabout .atxt{width: 50%; float: left; padding-right: 60px; box-sizing: border-box; color: #5a5a5a;}
.inabout .atxt .lmtit {text-align: left; color: #5a5a5a; margin-bottom: 35px; font-size: 34px; font-weight: bold;}
.inabout .atxt .lmtit span{float:left;padding-right: 15px;}
.inabout .atxt .lmtit span:last-child{padding-top: 4px;}
.inabout .atxt .lmyear{color: #ffaa06;font-size: 38px; font-weight: bold; }
.inabout .atxt .lmyear span{ float: left;line-height: 40px; padding: 34px 0 0 5px;}
.inabout .atxt .lmyear span:first-child{font-size: 85px;line-height: 80px; padding: 0; margin-left: -6px;}
.inabout .atxt .lmjj { text-align: left; margin-bottom: 30px; font-size: 22px; font-weight: bold;}
.inabout .web{display: block;}
.inabout .wap{display: none;}
.inabout .nr { padding-bottom: 25px; font-size: 15px; line-height: 26px; color: #666; }
.inabout .nr > div{max-height: 156px; overflow: hidden;}
.inabout .more{margin: 0; width:120px; height:30px;line-height:30px; border-radius:0; background-color:#ffaa06;font-size:14px}
.more { width: 160px; height: 44px; line-height: 44px; margin: 0 auto; font-size: 16px; color: #fff; border-radius: 22px; background: #ffaa06; display: block; text-align: center;}
.more:hover { opacity: .8; color: #fff;}
.innews {}
.innews .list { width: 100%; max-width: 1026px; margin: 0 auto; }
.innews .list .gsxw{padding: 0 8px;}
.innews .list .gsxw .xwimg{width: 50%; float: left;}
.innews .list .gsxw .xwtbox{width: 50%; float: left; box-sizing: border-box; padding-left: 17px;}
.innews .list .gsxw .xwtbox .xbox{width: 100%; background-color: #f6f6f6; padding: 15px 30px; box-sizing: border-box;}
.innews .list .ltbox{ width: 33.33%; padding: 0 16px 0; box-sizing: border-box; float: left;}
.innews .list .ltbox:nth-child(2n){ padding-left: 20px; padding-right: 0;}
.innews .list .hyxw{padding-top: 20px;}
.innews .list .hyxw .ltbox{width: 33.33%; padding: 0 8px;}
.innews .list .hyxw .item-text{ background-color: #f6f6f6; padding: 19px 15px 39px;}
.innews .list .item-top{font-size: 16px;line-height: 28px;color: #000;font-weight: bold;padding: 7px 0 21px;}
.innews .list .item-top a{font-size: 13px; font-weight: normal; float: right;}
.innews .list .item-time {font-size: 13px;line-height: 22px;color: #9d9d9d;padding-bottom: 5px;}
.innews .list .item-desc { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 44px; font-size: 14px; line-height: 22px; color: #959595;}
.innews .list .gsxw .item-desc{height: 66px;}
.innews .list .item-title,.innews .list .item-title a {color: #333;display: inline-block;font-size: 15px;line-height: 26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.innews .list .item-time-day { font-size: 48px; font-weight: bold; height: 52px; overflow: hidden; line-height: 52px; color: #666;}
.innews .list .item-time-day { padding-top: 12px;}

.inhzhb{background-color: #f7f7f7;}
.inhzhb .hzhb{margin: 0 -10px;}
.inhzhb .hzhb li{padding: 0 3px 26px; float: left;}
.inhzhb .hzhb li img{height: 112px;}

.inlink{background-color: #f7f7f7;padding-top:0;margin-top:-20px;}
.inlink .center{position: relative;margin: 0 -7px;background-color: #fff;padding: 20px;}
.inlink ul{font-size: 0;padding: 10px 10px 10px 50px;margin-left: 80px;border: 1px solid #e2e2e2;min-height: 100px;}
.inlink ul li{display: inline-block;}
.inlink ul li a{font-size: 15px;color: #807d7d;line-height: 24px;margin: 0 10px;}
.inlink ul li a:hover{color: #03a3e6;}
.inlink ul p{position: absolute;left: 40px;top: 50%;transform: translateY(-50%);background-color: #fff;}

.inpinzhi { background: url(../images/index_08.jpg) no-repeat center #3d3c3c;}
.inpinzhi .lmtit {color: #fff;}
.inpinzhi .lmjj {color: #ccc;}
.inpinzhi .hd { text-align: center; padding: 40px 0;}
.inpinzhi .hd ul li { display: inline-block; line-height: 50px; padding: 0 40px; background: #868686; font-size: 16px; color: #fff; margin: 0 20px; cursor: pointer;}
.inpinzhi .hd ul li.on { background: #ffaa06;}
.inpinzhi .bd ul { position: relative; width: 101%; left: -.5%;}
.inpinzhi .bd ul .li { width: 24%; margin: 0 .5%; float: left;}
.inpinzhi .bd ul li { position: relative; margin-bottom: 4%;}
.inpinzhi .bd ul li .pic { overflow: hidden; position: relative;}
.inpinzhi .bd ul li img { transition: all .5s; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 9;}
.inpinzhi .bd ul li .tit { z-index: 99; height: 40px; line-height: 40px; font-size: 14px; color: #fff; padding: 0 10px; box-sizing: border-box; width: 100%; position: absolute; z-index: 99; left: 0; bottom: 0; text-align: center; background: rgba(0, 0, 0, .6); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inpinzhi .bd ul li:hover img { transform: scale(1.1, 1.1);}
.inpinzhi .bd ul li.one { float: left; width: 49%; margin: 0 .5%;}
.incase { padding: 60px 0;}
.incase .lmtit { font-size: 35px; text-align: center; margin-bottom: 5px;}
.incase .lmjj { text-align: center; font-size: 14px; color: #999; margin-bottom: 50px;}
.incase .nr { position: relative; padding-right: 400px; min-height: 635px;}
.incase .nr .hd { position: absolute; width: 530px; right: 0; top: 0;}
.incase .nr .bd{ width:750px}
.incase .nr .hd ul li { display: block; width: 48%; margin: 0 1% 1%; float: left; text-align: center; padding: 94px 10px; background: #787878; color: #fff; cursor: pointer; box-sizing: border-box;}
.incase .nr .hd ul li .ico { line-height: 60px;}
.incase .nr .hd ul li .cn { font-size: 16px; height: 22px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.incase .nr .hd ul li .en { font-size: 12px; color: #ccc; text-transform: uppercase; height: 15px; line-height: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.incase .nr .hd ul li.on { background: #ffaa06;}
.incase .nr .bd ul li .wz { background: #eaeaea; padding: 15px;}
.incase .nr .bd ul li .wz .tit { margin-bottom: 5px; font-size: 20px; height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.incase .nr .bd ul li .wz .jj { font-size: 14px; color: #999; height: 44px; line-height: 22px; overflow: hidden;}
.incase .nr .bd ul li .wz .jj a { color: #ffaa06;}
.footer {background-color: #0574e6;color: #fff; }
.footer .footlogo{ text-align: center; padding: 36px 0;}
.footer .footbox{margin: 0 -10px;font-size: 16px;}
.footer .footbox .footlx{width: 51%; padding-bottom: 30px; float: left; background: url(../images/dli.png) right top no-repeat;} 
.footer .ftlxtit,.footer .footnav a.ftlxtit{font-size: 18px; line-height: 34px; padding-bottom: 17px; font-weight: bold; color: #fff;}
.footer .footbox .footlx .ftlxcnt>div{ line-height: 24px;  padding: 0 0 16px 33px; width: 100%; box-sizing: border-box;} 
.footer .footbox .footlx .ftlxcnt>div span{ font-weight: bold;}
.footer .footbox .footlx .fdz{background: url(../images/fdz.png) left 2px no-repeat;}
.footer .footbox .footlx .fyx{background: url(../images/fyx.png) left 2px no-repeat;}
.footer .footbox .footlx .fqq{background: url(../images/fqq.png) left 1px no-repeat;}
.footer .footbox .footlx .fdh{background: url(../images/telb.png) left top no-repeat; background-size: 24px;}
.footer .footnav{ width: 25%; float: left; padding-left: 80px; line-height: 24px; box-sizing: border-box; background: url(../images/dli.png) right top no-repeat;}
.footer .footnav a{ color: #fff; font-size: 15px; display: block;}
.footer .footnav a:last-child{border-right: none;}
.footer .footnav a:hover { color: #ffaa06;}
.footer .footwx{width: 24%; float: left; text-align: center;  line-height: 32px; padding-top: 28px; box-sizing: border-box;}
.footer .footwx img{max-width: 124px;}
.footer .fcon { width: 380px; float: right;}
.footer .fcon .tit { font-size: 20px; color: #fff; margin-bottom: 20px;}
.footer .fcon .nr { font-size: 14px; color: #848484; line-height: 30px;}
.footer .fcon .nr i { width: 30px; text-align: center; font-size: 18px;}
.footer .banq { font-size: 14px; color: #fff; background-color: #0768cb; text-align: center; line-height: 22px; padding: 9px 0; margin-top: 30px;}
.footer .banq a{ color: #fff;}
.footer .banq a:hover { color: #ffaa06;}
.ftop{background:#0081fa;position:relative;padding:15px; position: fixed; bottom: 30px; right: 10px;}
.ftop i{background:url(../images/top.png) no-repeat;display:block;width:33px;height:35px;margin:0 auto;text-align:center}

#sqkf{display:none}
.kfright{position:fixed;right: 2px;bottom:25%;margin:auto;height: 500px;z-index: 9999;transition:.5s;}
.kfbox{position:relative;height:100%;width:170px;}
.kftit{position:absolute;top: 120px;left: 14px;cursor:pointer;}
.kfcnt{position:absolute;left: 44px;border: 1px solid #0574e6;width: 125px;border-radius: 8px;overflow: hidden;background:#fff;}
.kflogo{width:100%;overflow:hidden;text-align:center;background:#fff;text-align:center;padding:15px 0px;}
.kflogo img{display:inline-block;width:100px;}
.sqimg{width:100%;overflow:hidden;padding-bottom:5px}
.sqimg span{display:block;overflow:hidden;padding:10px 0px;text-align:center;background:#f5f5f5;margin-bottom:5px;}
.sqimg span img{display:inline-block;}
.sqimg span:hover{background:#e6e3e3;cursor:pointer;}
.kfwx{width:100%;overflow:hidden;text-align:center;background:#ebebeb;padding-top:5px;}
.kfwx img{display:inline-block;width:80%;}
.kfwx p{display:block;width:100%;font-size: 16px;color: #000000;line-height: 21px;margin: 5px 0;}
.kfdh{padding:10px 0 20px 0;background:#fff;overflow:hidden;text-align:center;}
.kfdh b{display:block;font-size: 19px;letter-spacing: -2px;color: #0574e6;}
.kfdh p{font-size:16px;color: #0574e6;}
.kfhide{right:-126px;transition:.5s;}

.nybanner { height: 300px; background-size: auto 100% !important;}
.met_clear { clear: both}
.met_none { display: none}
.met_hidden { visibility: hidden}
.met_fl { float: left}
.met_fr { float: right}
.tem_inner { width: 1300px; margin: 0 auto;}
.key-serch { width: 100%; background: #f7f7f7; height: 68px; padding: 0px 0;}
.key-serch .tem_inner { overflow: hidden;}
.key-serch .keywords { font-size: 14px; line-height: 68px; color: #323333; font-weight: bold; float: left; padding-left: 0px; width: 630px;}
.key-serch .keywords span { color: #ffaa06;}
.key-serch .keywords a { font-size: 14px; color: #808080; margin: 0 5px; font-weight: normal;}
.key-serch .keywords a:hover { color: #ffaa06}
.key-serch .search { margin: 15px 0 0; float: right;}
.key-serch .search span.navsearch_input { position: relative; display: block; float: left;}
.key-serch .search span.navsearch_input input { float: left; border: #fff solid 1px !important; border-right: #fff solid 0px !important; height: 36px; line-height: 34px; width: 300px; outline: none; text-indent: 12px; overflow: hidden; border-radius: 0; background: #fff; color: #d3d3d3;}
.key-serch .search span.navsearch_input label { left: 15px; top: 0px; z-index: 1; cursor: text; font-size: 12px; position: absolute; line-height: 36px;}
.key-serch .search .searchgo { color: #fff; background: #ffaa06; padding: 0 15px; height: 38px; border: 0; float: left; margin-left: 0px; border-radius: 0;}
.key-serch .search .searchgo i { font-size: 18px;}
.key-serch .search ::-webkit-input-placeholder { color: #d3d3d3 !important;}
.key-serch .search ::-moz-placeholder { color: #d3d3d3 !important;}
.key-serch .search :-ms-input-placeholder { color: #d3d3d3 !important;}
.key-serch .search input:-moz-placeholder { color: #d3d3d3 !important;}
.met_position { position: relative; top: 0px; left: 0px; float: left; color: #666666; padding-left: 18px; line-height: 68px; font-size: 14px; background: url(../images/position.png) left center no-repeat;}
.met_position span { color: #666666;}
.met_position a { color: #666666; font-family: 'Microsoft YaHei', Tahoma, Verdana, 'Simsun';}
.met_position a:last-child { color: #666666;}
.met_section {padding: 20px 0;width: 1300px;margin: 0 auto;box-sizing: border-box;}
.met_section aside {position: relative;float: left;width: 220px;}
.met_section.pros aside{width: 300px;}
.met_section article {float: right;width: calc(100% - 250px);}
.met_section.pros article {width: calc(100% - 330px);}
.met_section article .met_article {width: 100%;}
.met_section_asidenone article { float: none; margin-left: 0;}
.met_section_asidenone article .met_article { margin-left: 0;}
.met_section aside section { border: 0px solid #e8e8e8; background: transparent;}
.met_section aside section h2 { font-size: 22px; text-align: left; color: #ffffff; text-align: center; line-height: 30px; padding: 25px 0; margin: 0; background: #0583f3; border-bottom: 0px solid #0583f3;}
.met_section aside section h2 span { font-size: 18px; width: 100%; display: block; line-height: 18px; font-weight: normal; margin-top: 5px;}
.met_section aside .met_aside_list { padding: 0px; background: transparent; border: 0px solid #eeeeee; padding: 0px;}
.met_section aside .met_aside_list .met_clear { border-top: 1px solid #fff;}
.met_section aside .met_aside dl dt { border-top: 0px solid #ffffff; border-bottom: 0px solid #d2d2d2; background: transparent;}
.met_section aside .met_aside dl:first-child dt { border-top: 0px solid #f9f9f9;}
.met_section aside .met_aside dl:last-child dt { border-bottom: 0px solid #f9f9f9;}
.met_section aside .met_aside dl dt { line-height: 20px; font-weight: normal;}
.met_section aside .met_aside dl dt a { display: block; padding: 10px 10px 10px 25px; color: #666666; font-size: 15px; border: 1px solid #dddddd; background: transparent; position: relative; margin-top: 10px;}
.met_section aside .met_aside dl dt a:hover:before, .met_section aside .met_aside dl dt:hover a:before, .met_section aside .met_aside dl dt.on a:before, .met_section aside .met_aside dl dt.ons a:before { background: #fff;}
.met_section aside .met_aside dl dt a .grayimg { width: 25px; height: 55px; overflow: hidden; display: inline-block; float: left; margin: 0 10px 0 0; background-size: 25px auto !important;}
.met_section aside .met_aside dl dt a img { width: 25px; margin: 15px 0px; height: 25px;}
.met_section aside .met_aside dl dt a:hover .gray, .met_section aside .met_aside dl dt.on .gray { color: #282929;}
.met_section aside .met_aside dl dt a:hover, .met_section aside .met_aside dl dt:hover a { color: #fff; background: #0583f3;}
.met_section aside .met_aside dl dt.on, .met_section aside .met_aside dl dt.on a, .met_section aside .met_aside dl dt.ons, .met_section aside .met_aside dl dt.ons a { color: #fff; background: #ffaa06;}
.met_section aside .met_aside dl dt { position: relative;}
.met_section aside .met_aside dl dt .slideclick { position: absolute; height: 100%; width: 40px; right: 0px; top: 0px; background: url(../images/lefticons.png) no-repeat 15px center; padding: 0 0px;}
.met_section aside .met_aside dl dt.on .slideclick, .met_section aside .met_aside dl dt:hover .slideclick { background: url(../images/lefticons_hover.png) no-repeat 15px center;}
.met_section aside .met_aside dl dt .slideclickon, .met_section aside .met_aside dl dt.on .slideclickon, .met_section aside .met_aside dl dt:hover .slideclickon { background: url(../images/lefticonsa_hover.png) no-repeat 13px center; color: #ffaa06;}
.met_section aside .met_aside dl dd { padding: 10px 10px; display: none; background: #f2f2f2;}
.met_section aside .met_aside dl dd.ecoclassslide { display: block;}
.met_section aside .met_aside dl dd a { display: block; color: #323333; font-size: 13px; font-weight: normal; line-height: 20px; padding: 8px 0 8px 15px; border-bottom: 0px solid #e6e6e5; border-top: 0px solid #f9f9f9;}
.met_section aside .met_aside dl dd a:hover { color: #ffaa06 !important;}
.met_section aside .met_aside dl dd a:hover span { border-bottom: 0px solid #ffaa06;}
.met_section aside .met_aside dl dd span { border-bottom: 0px solid rgba(0, 0, 0, 0);}
.met_section aside .met_aside dl dd h4 { border-bottom: 0px solid #fff;}
.met_section aside .met_aside dl dd:first-child h4 { border-top: 0px solid #f9f9f9 !important;}
.met_section aside .met_aside dl dd a:hover, .met_section aside .met_aside dl dd h4.active a { color: #ffaa06;}
.met_section aside .met_aside dl dd .on a, .met_aside dl dd a:hover { color: #ffaa06;}
.met_section aside .met_aside dl dd a:hover span, .met_section aside .met_aside dl dd h4.active a span, .met_section aside .met_aside dl dd .on a span, .met_aside dl dd a:hover span { border-bottom: 0px solid #ffaa06;}
.met_section aside .met_related { margin-top: 20px; margin-bottom: 20px; background: #f1f1f1;}
.met_section aside .met_related h2 { padding: 0px 10px 0px 10px; height: 63px; line-height: 63px; overflow: hidden; background: #ffaa06; font-size: 24px; color: #fff; text-align: center; border-bottom: 1px solid #fff; font-weight: normal;}
.met_section aside .met_related h2 span { font-size: 16px;}
.met_section aside .met_related .show_contact { padding: 20px 15px; color: #323333; line-height: 2;}
.met_section aside .met_related ul { padding: 5px;}
.met_section aside .met_related li { overflow: hidden; list-style: none; text-align: left; height: 36px; line-height: 36px; background: url(../images/li.png) no-repeat 8px center; width: 100%; float: left; font-size: 12px; border-top: 1px solid #dcdcdc;}
.met_section aside .met_related li:first-child { border: 0px;}
.met_section aside .met_related li a { display: block; font-size: 12px; color: #666666; padding: 0 10px 0 20px;}
.met_section aside .met_related li span.time { float: right; padding-left: 5px; color: #aaa9a9;}
.met_section aside .met_related li:hover a { display: block; font-size: 12px; color: #ffaa06;}
.met_section aside .met_left_aside h2 { text-align: center;}
.met_section aside .met_left_aside .met_related_contact { padding: 20px 20px; line-height: 24px; background: #e1e0e0; color: #323333; font-size: 12px;}
.eco_aside_list h3 { color: #323333; font-size: 24px; line-height: 24px; font-weight: normal; padding: 0 0px 0 15px; border-left: 3px solid #aaaaaa; margin-bottom: 20px; margin-top: 20px;}
.met_section aside .eco_aside_listb { background: #141414;}
.met_section aside .eco_aside_listb h3 { color: #fff;}
.met_section aside .eco_aside_listb dl dt { background: #141414;}
.met_section aside .eco_aside_listb dl dt a { color: #fff;}
.met_section aside .eco_aside_listb dl dd a { color: #fff;}
.met_section aside .met_search { margin-top: 20px; background: #f5f5f5;}
.met_section aside .met_search h2 { color: #404040; line-height: 38px; height: 38px; font-size: 12px; padding: 5px 15px; background: #f5f5f5; text-align: left; font-weight: normal; border-bottom: 0px solid #282929;}
.met_section aside .met_search .search { padding: 0 0px; height: 50px;}
.met_section aside .met_search .search span.navsearch_input { position: relative; display: block; float: left;}
.met_section aside .met_search .search span.navsearch_input input { float: left; border: #003d8c solid 1px !important; height: 40px; line-height: 40px; width: 190px; outline: none; text-indent: 12px; overflow: hidden; background: #f5f5f5; border-radius: 10px 0 0 10px;}
.met_section aside .met_search .search span.navsearch_input label { left: 10px; top: 0px; height: 40px; line-height: 40px; z-index: 1; cursor: text; font-size: 14px; position: absolute;}
.met_section aside .met_search .search .searchgo { color: #fff; padding: 0 20px; height: 42px; border: 0; float: left; border-radius: 10px; margin-left: -10px; background: #004199; background: -o-linear-gradient(right, #004199 0, #205fb4 100%); background: -moz-linear-gradient(right, #004199 0, #205fb4 100%); background: -webkit-linear-gradient(right, #004199 0, #205fb4 100%); background: linear-gradient(to right, #004199 0, #205fb4 100%);}
.met_section aside .met_search .search .searchgo i { font-size: 16px;}

.cont{width: 100%; padding-bottom: 20px;}
.cont .lmtit {font-size: 25px; padding: 20px 0; color: #333;text-align: left; margin-bottom: 15px;}
.cont .lxwm{width: 40%; float: left; padding-right: 40px; box-sizing: border-box;}
.cont .msg{width: 60%; float: left;}
.cont .msg .lmtit {padding: 20px 10px;}
.cont ul.f li{ margin-bottom:20px;}
.cont ul.f li::after{clear: both;}
.cont ul.f li dl.l{ float:left;}
.cont ul.f li dl.r{ float:right;}
.cont ul.f li dl{ width:50%; box-sizing: border-box; padding: 0 10px 10px;}
.cont ul.f li dl input{ border:1px solid #eeeeee; border-radius:4px;outline:none; background-color:#f2f2f2; font-size:14px; color:#999999; height:44px; line-height:34px; width:100%; padding:0px 15px; box-sizing: border-box;}
.cont ul.f li.m{padding:0px 10px; box-sizing: border-box;}
.cont ul.f li textarea{ border:1px solid #eeeeee; border-radius:4px; background-color:#f2f2f2;font-family:"Microsoft YaHei",Arial;font-size:14px; color:#999999; line-height:26px; width:100%; height:160px;padding:10px 15px; box-sizing: border-box;}
.cont ul.f li.b{ text-align:right;padding:0px 10px;}
.cont ul.f li.b input{ height:2.5rem; line-height:2.5rem; width:10rem; text-align:center; background-color:#0583f3; color:#ffffff; border-radius:4px; font-size:1rem; border:0px;cursor: pointer;}
#map {min-height: 400px; width: 100%;}
#map table > tbody > tr > td{padding-left:0;padding-left:0}
.ecoslider { padding: 0; background: #f0f0f0; line-height: 95px; margin-bottom: 35px;}
.met_article_head { position: relative; padding: 0; height: 50px; border-bottom: 1px solid #e4e4e4; line-height: 50px; margin-bottom: 15px;}
.met_article_head:before { position: absolute; content: ''; left: 0; bottom: -1px; width: 50px; height: 0px; background: #ffaa06;}
.met_position { position: relative; top: 0px; left: 0px; float: left; color: #666666; padding-left: 18px; line-height: 68px; font-size: 14px; background: url(../images/position.png) left center no-repeat;}
.met_position span { color: #666666;}
.met_position a { color: #666666; font-family: 'Microsoft YaHei', Tahoma, Verdana, 'Simsun';}
.met_position a:last-child { color: #666666;}
.met_article_head h1 {color: #666666;font-weight: bold;font-size: 18px;margin: 12px 0;padding: 0 0 0 12px;line-height: 26px;float: left;border-left: 3px solid #0583f3;}
.met_section_sehed {}
.met_section_head { height: 50px; color: #aaa; font-size: 12px; font-family: '宋体'; line-height: 50px;}
.met_section_head a { color: #999; font-family: 'Microsoft YaHei', Tahoma, Verdana, 'Simsun';}
.met_section_head a:hover { color: #ffaa06;}
.met_ecoimg { padding: 0px 0 0px;}
.met_article_heads { margin-top: 30px; position: relative; padding: 0; border-bottom: 2px solid #ececec; margin-bottom: 40px;}
h3.met_related { color: #333333; display: inline-block; font-size: 22px; margin: 0 0 0px 0; padding: 10px 0; line-height: 24px; font-weight: normal; border-bottom: 2px solid #ffaa06;}
h3.met_related:before { width: 50px; height: 0px; margin: 0 auto; background: #ffaa06; position: absolute; left: 0; bottom: -2px; content: ""; margin: 0 auto;}
h3.met_related p { color: #999999; font-weight: normal; font-size: 14px; margin-top: 5px;}
.met_article_heads .more { position: absolute; right: 0; top: 50%; margin-top: -11px; color: #8d8d8d;}
.met_article_heads .more:hover { color: #ffaa06;}
h3.met_related span { color: #ffaa06;}
h3.met_related .titleen { margin-left: 10px; position: relative; display: inline-block; padding: 0; text-transform: Uppercase; font-size: 12px; color: #333333; font-weight: normal; height: 28px; line-height: 28px; top: 2px;}
h3.met_related .titleen:before { width: 8px; height: 2px; margin: 0 auto; background: #ffaa06; position: absolute; left: 0; top: 0px; content: ""; margin: 0 auto;}
.met_aside_product ul { list-style: none; border: 1px solid #ffaa06; padding: 15px 30px 10px;}
.met_aside_product ul li { margin-bottom: 10px;}
.met_aside_product ul li a { text-align: center; display: block; font-size: 0; text-align: center; margin: 0 auto;}
.met_aside_product ul li img { border: 1px solid #d2d2d2;}
.met_aside_product ul li h4 { padding: 0px 15px; height: 30px; line-height: 30px; overflow: hidden; text-align: center; position: relative; font-weight: normal; font-size: 14px; background: #d2d2d2; color: #323333; overflow: hidden;}
.met_aside_product ul li:hover img { border: 1px solid #ffaa06;}
.met_aside_product ul li:hover h4 { background: #ffaa06; color: #fff;}
.met_relateds_yingyong { background: url(../images/relateds.jpg) no-repeat center; padding: 1px 0 70px; margin-bottom: -30px; margin-top: 30px;}
.met_relateds_list { display: block; position: relative; margin: 0px -10px;}
.met_relateds_list ul {}
.met_relateds_list ul.slides li { list-style: none; padding: 0px 0px; text-align: center; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.met_relateds_list ul.slides li .details { padding: 2px 2px 0px; margin: 0 10px; background: #ffffff;}
.met_relateds_list ul.slides li a { position: relative; display: block;}
.met_relateds_list ul.slides li .desc { padding: 15px 20px; position: relative;}
.met_relateds_list ul.slides li .desc i { position: absolute; right: 20px; top: 50%; margin-top: -12px; width: 24px; height: 24px; line-height: 22px; font-style: normal; font-size: 22px; text-align: center; border-radius: 50%; background: #cccccc; color: #fff;}
.met_relateds_list ul.slides li img { display: block; width: 100%;}
.met_relateds_list ul.slides li h5 { padding: 0px 0px; height: 20px; line-height: 20px; overflow: hidden; text-align: left; position: relative; font-weight: normal; font-size: 16px; color: #333333;}
.met_relateds_list ul.slides li p { padding: 0px 0px; height: 20px; line-height: 20px; overflow: hidden; text-align: left; position: relative; font-weight: normal; font-size: 12px; color: #999999;}
.met_relateds_list ul.slides li:hover h5, .met_relateds_list ul.slides li:hover p { color: #fff;}
.met_relateds_list ul.slides li:hover .details { background: #ffaa06;}
.met_relateds_list ul.slides li:hover .desc i { background: #fff; color: #ffaa06;}
.met_relateds_list .flex-direction-nav li a { width: 40px; height: 40px; display: block; cursor: pointer; text-indent: -9999px; position: relative; font-size: 0px; margin: 0; top: 50%; margin-top: -20px; border: 1px solid #cfcfcf; position: absolute; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; border-radius: 50%;}
.met_relateds_list .flex-direction-nav li a.flex-prev { left: -50px; background: url(../images/product_left.png) no-repeat center; background-size: 10px auto;}
.met_relateds_list .flex-direction-nav li a.flex-next { right: -50px; background: url(../images/product_right.png) no-repeat center; background-size: 10px auto;}
.met_relateds_list .flex-direction-nav li:hover a.flex-prev { background: #ffaa06 url(../images/product_left_hover.png) no-repeat center; background-size: 10px auto;}
.met_relateds_list .flex-direction-nav li:hover a.flex-next { background: #ffaa06 url(../images/product_right_hover.png) no-repeat center; background-size: 10px auto;}
.met_relateds_list .flex-direction-nav li a.flex-disabled { display: block;}
.met_relateds_list .flex-control-nav { position: absolute; right: 0; bottom: -55px; left: 0; text-align: center;}
.met_relateds_list .flex-control-nav li { margin: 0px;}
.met_relateds_list .flex-control-nav li a { display: inline-block; margin: 0 5px; width: 10px; height: 10px; text-indent: -999em; cursor: pointer; background: transparent; border: 1px solid #ffaa06; position: relative;}
.met_relateds_list .flex-control-nav li a.flex-active, .met_relateds_list .flex-control-nav li a:hover { background: #ffaa06; border: 1px solid #ffaa06;}
.news_related_list { margin: 0 -10px; padding-bottom: 30px; border-bottom: 0px solid #e1e1e1;}
.news_related_list li { overflow: hidden; list-style: none; text-align: left; float: left; position: relative; margin: 0 10px; width: 590px;}
.news_related_list li a { font-size: 14px; color: #323333; padding: 0 10px 0 15px; position: relative; border-bottom: 0px solid #eeeeee; display: block; height: 38px; line-height: 38px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_related_list li a:before { width: 4px; height: 4px; position: absolute; left: 0; content: ''; top: 50%; margin-top: -2px; background: #ffaa06; border-radius: 100%;}
.news_related_list li span.time { float: right; padding-right: 0px; color: #999999; background: #fff; padding-left: 10px; z-index: 1; position: relative;}
.news_related_list li:hover a { color: #ffaa06;}
.nyabout { font-size: 14px; color: #666; line-height: 2;}
.met_editor { line-height: 2}
.met_editor .simg{text-align: center; padding: 10px 0;}
.met_editor ul, .met_editor ol { padding: 0 0 0 25px; margin: 0}
.met_editor a { color: #1c57c4}
.met_editor a:hover { text-decoration: underline}
.met_editor img { max-width: 100%; height: auto !important;}
.met_editor blockquote { padding-top: 5px; padding-bottom: 5px; padding-left: 15px; border-left: 4px solid #e8e8e8}
.met_editor hr { display: block; padding: 0; border: 0; height: 0; border-top: 1px solid #e8e8e8; margin: 20px 0; -webkit-box-sizing: content-box; box-sizing: content-box}
.met_editor .metvideobox { text-align: center; visibility: hidden; margin: 10px auto;}
.met_editor .video-js { max-width: 100%;}
.met_editor table { width: 100% !important; margin-bottom: 1.6rem; border-spacing: 0 !important; border-collapse: collapse !important; padding: 0 !important; border: 0}
.met_editor table td { border: 1px solid #e8e8e8 !important}
.met_editor table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td { padding: .7rem; line-height: 1.6; vertical-align: top; border-top: 1px solid #e8e8e8}
.met_editor table > thead > tr > th { vertical-align: bottom; border-bottom: 1px solid #e8e8e8}
.met_editor #page_break .collapse { display: none}
.met_editor #page_break .num { padding: 10px 0; text-align: center}
.met_editor #page_break .num li { display: inline; margin: 0 2px; padding: 3px 5px; border: 1px solid #ccc; background-color: #fff; color: #666; text-align: center; cursor: pointer; font-family: Arial; font-size: 12px; overflow: hidden}
.met_editor #page_break .num li.on { background-color: #ccc; color: #fff; font-weight: bold}
.metinfo-banner1 { overflow: hidden; margin: 0 auto}
.met_pager { text-align: center; padding: 20px 0 10px}
.met_pager a { border: 1px solid #e2dfdf; text-align: center; border-radius: 5px; height: 38px; line-height: 38px; min-width: 38px; _width: 38px; text-align: center; display: inline-block; color: #474747; margin: 0 3px; background: #f0f0f0;}
.met_pager a:hover { border: 1px solid #ffaa06; color: #fff; background: #ffaa06;}
.met_pager .PreSpan, .met_pager .NextSpan { height: 40px; line-height: 40px; min-width: 60px; _width: 60px; border-radius: 5px; text-align: center; background: #fff; color: #474747; display: inline-block; border: 1px solid #e2dfdf;}
.met_pager .PreA, .met_pager .NextA { height: 38px; line-height: 38px; min-width: 58px; _width: 58px; color: #474747}
.met_pager .PreSpan, .met_pager .PreA {}
.met_pager .NextSpan, .met_pager .NextA {}
.met_pager .firstPage, .met_pager .lastPage { font-weight: bold; height: 38px; line-height: 38px; min-width: 40px; _width: 40px; color: #aaa}
.met_pager .Ahover { font-weight: bold; border: 1px solid #ffaa06; color: #fff; background: #ffaa06;}
.met_pager .PageText { margin-left: 10px; color: #aaa}
.met_pager #metPageT, #metPageB { text-align: center; border: 1px solid #e2dfdf; color: #474747; background: #fff;}
.met_pager #metPageT { width: 20px; padding: 11px 5px 10px}
.met_pager #metPageB { min-width: 40px; _width: 40px; padding: 9px 0; cursor: pointer;}
*html .met_pager #metPageT { height: 13px; line-height: 13px}
*html .met_pager #metPageB { padding: 0; height: 38px; line-height: 30px}
* + html .met_pager #metPageT { height: 13px; line-height: 13px}
* + html .met_pager #metPageB { padding: 0; height: 38px; line-height: 30px}
.met_module1 { padding: 0px 0 30px}
.met_module2 { padding: 20px 0 0;}
.met_module2_list { padding: 0px 0px 10px; margin-top: -15px;}
.met_module2_list li { list-style: none; border-bottom: 1px solid #e8e8e8; padding: 15px 100px 15px 10px; position: relative}
.met_module2_list h2 { font-weight: normal}
.met_module2_list li p { color: #818181}
.met_module2_list li span.time { color: #818181; position: absolute; right: 10px; top: 15px}
.met_module2_list li h2 i { margin-right: 10px; position: relative}
.met_module2_list li.list_2 h2, .met_module2_list li.list_3 h2 { margin-bottom: 3px; font-weight: bold}
.met_module2_list li.list_2 { padding: 15px 0}
.met_module2_list li.list_3 { padding-left: 100px; min-height: 80px}
.met_module2_list li.list_3 img { position: absolute; left: 0; top: 15px}
.met_module2_list li.list_3 span.time { position: static}
.met_module2 h1.met_title { font-size: 20px; font-weight: normal; padding: 5px 0; margin-bottom: 10px; text-align: center;}
.met_module2 .met_infos { color: #818181; font-size: 12px; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #e8e8e8; text-align: center;}
.met_module2 .met_time { padding-right: 6px}
.met_module2 .met_source { padding-right: 6px}
.met_module2 .met_source a { color: #607fa6}
.met_tools { border-top: 1px solid #e8e8e8; margin-top: 30px; position: relative; padding: 10px 0 0; height: 50px; line-height: 50px}
.met_tools .met_page { clear: both; position: absolute; right: 5px; top: 0; color: #818181}
.met_tools .met_page li { display: inline; list-style: none; margin-left: 30px;}
.met_tools .met_page li span { padding-right: 5px;}
.met_tools .met_page a { color: #607fa6}

.sx-condition{width:100%;overflow:hidden;border:1px solid #ebebeb; border-bottom: none; box-sizing:border-box;margin-top:5px;}
.sc-dlw{display:block;width:100%; padding: 8px 0; overflow:hidden;border-bottom:1px solid #EBEBEB;}
.sc-dlw dt{display:inline-block;float:left;margin:0px 0 0 20px;width:90px;height:100%;line-height:30px;font-size:14px;color:#807e7e;}
.sc-dlw dd{display:inline-block;float:left;width:calc(100% - 110px);}
.sc-dlw dd div{display:inline-block;float:left;width: 16.667%; overflow:hidden;padding-right:10px;box-sizing:border-box;position: relative;}
.sc-dlw dd div a{display:inline-block;float:left;width: 100%;line-height:30px;height:30px;font-size:14px;color:#000;-webkit-box-orient: vertical;-webkit-line-clamp: 1;display: -webkit-box;text-overflow: ellipsis;overflow: hidden;}
.sc-dlw dd div.ys a{font-weight: bold; color: #0583f3;}


.met_module3_list ul.lists_1 { list-style: none; margin: 0 -12px;}
.met_module3_list ul.lists_1 li { float: left; text-align: center; margin: 0 10px; margin-bottom: 20px; width: 337px;}
.met_module3_list ul.lists_1 li a { text-align: center; display: block; font-size: 0; text-align: center; margin: 0 auto; position: relative; background: #eeeeee; padding: 2px; border: 0px solid #bfbfbf;}
.met_module3_list ul.lists_1 li .img { padding: 0px; background: #fff; position: relative;}
.met_module3_list ul.lists_1 li .product_detail { padding: 15px 20px; position: relative;}
.met_module3_list ul.lists_1 li h2 { padding: 0px 0px; height: 20px; line-height: 20px; overflow: hidden; text-align: left; position: relative; font-weight: normal; font-size: 16px; color: #333333;}
.met_module3_list ul.lists_1 li p { padding: 0px 0px; height: 20px; line-height: 20px; overflow: hidden; text-align: left; position: relative; font-weight: normal; font-size: 12px; color: #999999;}
.met_module3_list ul.lists_1 li i { position: absolute; right: 20px; top: 50%; margin-top: -12px; width: 24px; height: 24px; line-height: 22px; font-style: normal; font-size: 22px; text-align: center; border-radius: 50%; background: #cccccc; color: #fff;}
.met_module3_list ul a img { transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; width: 100% !important;}
.met_module3_list ul.lists_1 li:hover a { border: 0px solid #ffaa06; background: #ffaa06;}
.met_module3_list ul.lists_1 li:hover h2, .met_module3_list ul.lists_1 li:hover p { color: #fff;}
.met_module3_list ul.lists_1 li:hover i { background: #fff; color: #ffaa06;}
.xgcase { padding: 50px 0; background: url(../images/relateds.jpg) no-repeat center;}
.xgcase .lmtit { text-align: left; margin-bottom: 30px;}
.xgcase .lmtit .cn { font-size: 25px; color: #333; margin-bottom: 0px;}
.xgcasenr { position: relative;}
.xgcasenr .bd ul li { display: block; width: 25%; float: left;}
.xgcasenr .bd ul li a { display: block; padding: 0 15px;}
.xgcasenr .bd ul li .pic { overflow: hidden;}
.xgcasenr .bd ul li .pic img { width: 100%; height: 245px; transition: all .5s;}
.xgcasenr .bd ul li:hover img { transform: scale(1.1, 1.1);}
.xgcasenr .bd ul li .tit { height: 40px; line-height: 40px; font-size: 16px; text-align: center; color: #333; background: #d8d7d7; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.xgcasenr .bd ul li:hover .tit { background: #ffaa06; color: #fff;}
.xgcasenr .prev, .xgcasenr .next { opacity: .5; width: 40px; height: 60px; background: #a1a1a1; line-height: 60px; text-align: center; font-size: 30px; color: #fff; display: block; position: absolute;}
.xgcasenr .prev:hover, .xgcasenr .next:hover { opacity: 1;}
.xgcasenr .prev { left: -60px; top: 50%; margin-top: -30px;}
.xgcasenr .next { right: -60px; top: 50%; margin-top: -30px;}
.showpro { position: relative;}
.showpro *{box-sizing: border-box;}
.showpro .box {width: 400px; position: absolute; left: 0; top: 0; background: #fff;}
.tb-pic a img { vertical-align: middle; max-width: 100%; max-height: 100%;}
.tb-pic a {width: 100%; height: 100%; display: block; text-align: center; vertical-align: middle;}
.tb-pic a::before{content: ""; height: 100%; display: inline-block; vertical-align: middle;}
.tb-list{ width: 100%; margin: 10px 0 0; position: relative;}
.tb-thumb {margin: 0 20px;overflow: hidden;position: relative;width: calc(100% - 40px); height: 60px;}
.tb-thumb ul{display: block; font-size: 0; width: 10000%; height: 60px; position: absolute; left: 0; z-index: 9997;transition: all .3s ease-in .1s; -ms-transition: all .3s ease-in .1s; -moz-transition: all .3s ease-in .1s; -webkit-transition: all .3s ease-in .1s; -o-transition: all .3s ease-in .1s}
.tb-thumb li {width: 90px;float: left;padding: 0 5px;overflow: hidden;}
.tb-s310{ height: 300px; width: 100%;}
.tb-s40{height: 60px;}
.tb-btn{position: absolute; width: 100%; height: 60px;}
.tb-btn span{width: 14px;line-height: 58px; text-align: center; font-size: 20px; display: block; color: #0583f3; background-color: #eee;border: 1px solid #CDCDCD; box-sizing: border-box;float: left; cursor: pointer;}
.tb-btn span.no{color: #ccc;}
.tb-btn span.btnright{float: right;}
.tb-btn span:hover{ background-color: #0583f3; color: #eee;border: 1px solid #0583f3; }
.tb-btn span.no:hover{ background-color: #eee; color: #ccc;border: 1px solid #CDCDCD; cursor: auto;}

.tb-booth { border: 1px solid #CDCDCD; position: relative; z-index: 1;}
.tb-thumb div { background-color: #FFFFFF; border: 1px solid #CDCDCD; padding: 1px;}
.tb-thumb .tb-selected div { background-color: #FFFFFF; border: 2px solid #0583f3; padding: 0;}
div.zoomDiv { z-index: 999; position: absolute; top: 0px; left: 0px; width: 200px; height: 200px; background: #ffffff; border: 1px solid #CCCCCC; display: none; text-align: center; overflow: hidden;}
div.zoomMask { position: absolute; background: url("../images/mask.png") repeat scroll 0 0 transparent; cursor: move; z-index: 1;}
div.zoomDiv img { max-width: none !important;}
.showprojj { min-height:370px; padding-left: 430px;}
.showproleft * { transition: all 0.3s ease-in-out;}
.showproleft { height: auto;}
.showproleft .title { line-height: 30px; font-size: 20px; padding-bottom: 20px; border-bottom: 1px solid #dfdfdf; margin-top: 20px; color: #0583f3;}
.showproleft .jj { line-height: 30px; color: #666; padding-bottom: 25px; font-size: 14px;}
.showproleft .jj hr { display: block; height: 1px; background: #dfdfdf; border: none; margin: 7px 0;}
.showproleft .price { height: 50px; line-height: 50px; font-size: 20px; color: #098ed0;}
.showproleft .advisory { display: block; width: 130px; height: 40px; background: #0583f3; color: #fff; text-align: center; line-height: 40px; font-size: 14px; border: 1px solid #0583f3;}
.showproleft .advisory:hover { background: #fff; color: #0583f3;}
.cyyy{width: 100%; padding-bottom: 20px;}
.met_article .lmtit {font-size: 24px;padding: 30px 0 5px;color: #333;text-align: left;margin-bottom: 15px;}
.cyyy .cyys a{display: inline-block;padding: 0 15px;margin: 0 6px 6px 0;line-height: 34px;background-color: #f4f4f4;color: #999;border: 1px solid #eee;}
.cyyy .cyys a:hover{border-color:#0583f3; color:#0583f3;}
.pcase *{box-sizing:border-box;}
.pcase .pcasebox{ padding: 0 0 30px;}
.pcase .pcasebox .pcli{width: 100%; margin-bottom: 20px;padding:20px; background-color: #f4f4f4;color: #444;}
.pcase .pcasebox .pcli .pctxt{width:70%; float:left; padding-right:30px;}
.pcase .pcasebox .pcli .pcimg{width:30%; float:right; text-align: center;}
.pcase.cases .pcasebox .pcli .pctxt{width:100%; float:left; padding-right:0;}
.pcase.cases .pcasebox .pcli .pcimg{width:100%; float:right;padding-bottom: 15px; }
.pcase.cases .pcasebox .pcli .pcimg img{max-width: 600px; width: 100%;}
.pcase .pcasebox .pcli:after{display:block;clear:both;content:"";}
.pcase .pcasebox .pcli .pctxt .catit{font-size:22px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pcase .pcasebox .pcli .pctxt .catit a{color:#333;}
.pcase .pcasebox .pcli .pctxt .catit a:hover{color:#0583f3;}
.pcase .pcasebox .pcli .pctxt .cabox{padding: 20px 0 0;}
.pcase .pcasebox .pcli .pctxt .cabox .cabtit{  position: relative; background-color: #aaa; line-height:30px; margin-bottom:10px;display:inline-block; padding:0 15px;font-size:15px; color:#fff}
.pcase .pcasebox .pcli .pctxt .cabox .cabtit .sj{content: ""; width:0; height:0; border-top:15px solid transparent; border-bottom:15px solid transparent; border-left:15px solid #aaa; position: absolute; right: -10px;}
.pcase .pcasebox .pcli .pctxt .cabox .cacnt{line-height:28px}
.slideTxtBox { width: 100%; text-align: left;}
.slideTxtBox .hd { height: 50px; line-height: 30px; border-bottom: 1px solid #ddd; position: relative;}
.slideTxtBox .hd ul { width: 100%; position: absolute; left: 0px; top: -1px; height: 52px;}
.slideTxtBox .hd ul li { float: left; padding: 0 20px; cursor: pointer; height: 50px; line-height: 50px; font-size: 16px;}
.slideTxtBox .hd ul li.on { color: #fff; border: 1px solid #0583f3; background: #0583f3; font-weight: bold;}
.slideTxtBox .bd ul {padding: 15px 0;zoom: 1;display: block;line-height: 2;}
.met_aside .plist{position: relative; width: 100%;}
#imglist ul.lists_1 { list-style: none; margin: 0 -12px;}
#imglist ul.lists_1 li { float: left; text-align: center; overflow: hidden; width: 33.33%; padding: 0 12px 20px;box-sizing: border-box;}
#imglist ul.lists_1.fws li{width: 25%;}
#imglist ul.lists_1 li .pbox{ width: 100%;height: 100%;background: #f7f7f7; border: 1px solid #e9e9e9; padding: 7px 7px 0; box-sizing: border-box;}
#imglist ul.lists_1 li a { text-align: center; display: block; width: 100%;height: 100%; background-color: #fff;}
#imglist ul.lists_1 li a::before{content: ""; height: 100%; display: inline-block; vertical-align: middle;}
#imglist ul.lists_1 li h2 { display: block; font-size: 14px; padding: 0; font-weight: normal; color: #656565; overflow: hidden; height: 50px; line-height: 50px; text-overflow: ellipsis; white-space: nowrap;}
#imglist ul a img { transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; max-width: 100%; width: auto!important;}
#imglist ul.lists_1 li:hover h2 { color: #0583f3}
#imglist ul.lists_2 { list-style: none;}
#imglist ul.lists_2 li { padding: 0px 0px 20px; border-bottom: 1px dashed #e8e8e8; margin-bottom: 20px; }
#imglist ul.lists_2 dt { float: left; position: relative; margin-right: 20px;}
#imglist ul.lists_2 dt img { border: 1px solid #ddd;}
#imglist ul.lists_2 dd h2 { padding: 0px 10px 10px 10px; font-size: 18px; color: #333333; font-weight: normal;}
#imglist ul.lists_2 dd p { padding: 5px 10px 20px 10px; color: #666666; line-height: 28px;}
#imglist ul.lists_2 dd .productmore a { width: 155px; height: 40px; background: #dadadc; line-height: 40px; padding: 10px 40px; color: #666666;}
.tjwtBox { padding: 22px; width: 648px; background-color: #fff; font-family: 微软雅黑;}
.tjwtBox h4 { padding-bottom: 14px; margin-bottom: 22px; font-size: 14px; color: #676364; border-bottom: 1px solid #e8e8e8; font-weight: normal;}
.tjwtBox .m_form {}
.tjwtBox .m_form li { margin-bottom: 13px; color: #777; height: 38px;}
.tjwtBox .m_form label { display: inline-block; float: left; line-height: 36px; height: 36px; width: 77px; border: 1px solid #dedede; border-right-width: 0; text-align: center; background: #fff;}
.tjwtBox .m_form .iptTxt { float: left; width: 252px; border: 1px solid #dedede; height: 16px; line-height: 16px; padding: 10px 0; outline: none; text-indent: 1em; background: #fff; color: #333;}
.tjwtBox .m_form .btnTjly { width: 93px; height: 31px; background: #9d2737; border: none; cursor: pointer; color: #fff;}
.tjwtBox .m_form li.yzm .iptTxt { float: left; width: 180px;}
.tjwtBox .m_form .areLi label { height: 132px;}
.tjwtBox .m_form .txtAre { float: left; width: 343px; height: 104px; border: 1px solid #dedede; outline: none; resize: none; padding: 14px; color: #333; line-height: 18px;}
.tjwtBox .m_form .btnSubmit, .tjwtBox .m_form .btnReset { width: 161px; text-align: center; height: 36px; line-height: 36px; color: #fff; border: none; background-color: #b3b3b3; cursor: pointer;}
.tjwtBox .m_form .btnSubmit { margin-right: 10px; background-color: #ffaa06; cursor: pointer;}
.tjwtBox .m_form .areLi { height: 138px;}
.nycon1 { margin-top: 20px;}
.nycon1 .lmtit { height: 50px; line-height: 50px; position: relative; padding-left: 17px; font-size: 18px; background: #0583f3; color: #fff;}
.nycon1 .lmtit .kuai { position: absolute; width: 2px; height: 24px; background: #333; left: 0; top: 13px;}
.nycon1 .lmtit .xian { width: 70px; height: 1px; position: absolute; background: #333; left: 0; bottom: 0;}
.nycon1 .lmtit span { font-size: 12px; color: #999; font-weight: lighter; padding-left: 20px;}
.nycon1 .nr { padding: 20px 0; font-size: 14px; line-height: 28px;}
.nycon1 .nr .pic { margin-bottom: 10px;}
.newlist dl {border: 1px solid #dedede;margin-bottom: 15px;padding: 15px 20px;background: #fff;overflow: hidden;}
.newlist dt { width: 29.5%; float: left; margin-right: 5.8%}
.newlist dt img { width: 100%; display: block}
.newlist dd h4 {height: 30px;font-weight: 400;font-size: 18px;color: #154c64;line-height: 30px;margin-bottom: 10px;overflow: hidden;}
.newlist h4 a { display: block; height: 40px; color: #4b4a4a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.newlist dl:hover { border: 1px solid #0583f3}
.newlist dl:hover h4 a { color: #0583f3}
.newlist-desc { max-height: 72px; font-size: 14px; line-height: 24px; color: #797979; margin-bottom: 10px; overflow: hidden}
.newlist-date{font-size: 13px; line-height: 24px; color: #999;}
.newlist-deta { width: 90px; height: 30px; line-height: 30px; text-align: center; display: block; float: right; background: #b6b6b6; color: #fff}
.newlist-deta a { color: #fff}
.newlist dl:hover .newlist-deta { background: #0583f3; border-color: #0583f3}
.newlist dl:hover .newlist-deta a { color: #fff}

@media screen and (max-width: 768px) { 
   .incase .nr .bd{ width:100% !important}
}
.foota a{ color:#848484}

.dede_pages{padding:20px 0;font-size:14px;text-align:center; overflow:hidden}
.dede_pages ul{display:inline-block;margin:0 auto;padding:0}
.dede_pages ul li{float:left;font-family:'microsoft yahei';margin:0 2px;line-height:25px;background:#fff;border:1px solid #d8dadf}
.dede_pages ul li:nth-child(1){ padding:0 10px}
.dede_pages ul li:nth-child(1) a{ padding:0}
.dede_pages ul li a{color:#555;display:block;padding: 0 10px;}
.dede_pages ul li:hover{text-decoration:none;color:#fff;border:1px #333 solid;background-color:#333}
.dede_pages ul li:hover a{color:#fff}
.dede_pages ul li:hover a:hover{color:#fff;text-decoration:none}
.dede_pages ul li.thisclass{background-color:#333;color:#fff;border:1px #333 solid; padding:0 10px}
.dede_pages ul li:last-child{ padding:0 10px}
.dede_pages ul li:last-child a{ padding:0}
.dede_pages ul li.thisclass a{color:#fff; padding:0}
.dede_pages .pageinfo{line-height:30px;padding-left:5px}
.dede_pages strong{font-weight:400}

#maximg img{ max-width:100% !important; height:auto !important}