﻿*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.trans{-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
hr{border:none;outline:0}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0px; padding:0px; list-style:none; list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-weight:400;}
img{max-width:100%; border:0px;}
body{margin:0px; padding:0px;font-family:"Microsoft Yahei"; background:#f7f7f7; color:#57ad73;}
a:link,a:visited,a:active{color:#666; text-decoration:none;}	
a:hover{text-decoration:none; color:#990000;}
a{outline:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.more-i{text-align:center; margin-top:15px; clear:both;}
.more-i a{display:inline-block; width:40px;	height:40px; background:url(../images/arr2.png) center center no-repeat #000014; border-radius:100%;}
.more-i a:hover{background-color:#e4392a;}
.wp{width:100%;max-width:1300px;margin:0 auto}
.wp1,.wp2{width:100%;max-width:1170px;margin:0 auto; margin-top:30px;}
#hd.nav_fixed{position:fixed;z-index:3000;top:0;width:100%;}
#hd{height:225px;background:#fff url(../images/navmenubg.png) bottom no-repeat;width:100%;}
.clear{clear:both; height:0px; width:0px; overflow:hidden;}
.clearfix{*zoom:1;}
.clearfix:after{content:'\20';display:block;height:0;clear:both;}
#hd .top{height:160px;}
#hd .logo{float:left; display:inline;}
#hd .logo2{float:left; height:120px; border-left:1px solid #eaeaea; width:405px; margin-left:10px; margin-top:5px; background:url(../images/logo1.png) 10px 20px no-repeat;}
#hd .logo a{display:block;height:100%;}
#hd .logo a img{vertical-align:middle;max-width:100%;}
.top_c{float:left; margin-left:30px; font-size:14px; line-height:22px; margin-top:10px;}
.days{float:right; width:345px; height:120px; background:url(../images/ssbg.jpg) no-repeat; margin-top:20px;}
#ksdate{ float:right; width:68px; height:30px; text-align:center; line-height:30px; font-size:22px; color:#FFF; font-weight:bold;}

#nav{height:65px;}
.nav li{float:left;width:130px;margin:0 5px;}
.nav li.first{margin-left:0;}
.nav li.nobg{background:none}.nav li i{list-style:none; list-style-type:none;font-style:normal; height:20px; line-height:20px; font-size:9px;}
.nav li span,.nav li i{display:block;}
.nav a{display:block;text-align:center;width:130px;height:65px;line-height:65px; font-size:18px;}
.nav a:link,.nav a:visited,.nav a:hover,.nav a:active{color:#FFF;}
.nav li.on a, .nav a.hover, .nav a:hover{color:#ffc539; background:url(../images/navhover.png) 0 -1px repeat-x;}
.nav li a .ss_homeico{width:23px; height:23px; float:left; background:url(../images/ss_homeico.png) no-repeat -24px 0; margin:20px 0 10px 20px; cursor:pointer; display:block;}
.nav li:hover a .ss_homeico{-webkit-animation: icon-bounce 0.5s alternate; -moz-animation: icon-bounce 0.5s alternate; -o-animation: icon-bounce 0.5s alternate; animation: icon-bounce 0.5s alternate; background: url("../images/ss_homeico.png") -1px 0 no-repeat;
}

.nav{display:block;position:relative;z-index:990; float:left;}
.nav li{display:inline; float:left; position:relative;}
.nav a{display:block;text-align:center;font-size:20px;height:65px; line-height:65px;font-weight:400;color:#000; width:130px; letter-spacing:2px;}
.nav ul{display:none; position:absolute; left:0;}
* html .nav ul{line-height:0;} /* IE6 "fix" */
.nav ul a{zoom:1;} /* IE6/7 fix */
.nav ul li{float:none;display:block;}
.nav ul ul{top:0;}

.nav ul{left:-5px; width:130px; background:none;}
.nav ul li{background:#353535; border-bottom:1px solid #222222; height:44px; vertical-align:middle;}
.nav ul a:link,.nav ul a:visited,.nav ul a:active{height:44px;line-height:44px; width:130px; font-weight:normal; font-size:16px; background:none; color:#FFF;}
.nav ul li.on a{color:#ffc539; background:#222222;}

#hd .search{float:right; width:36px; height:36px;}
#hd .search a{width:36px; height:36px; display:block; background:url(../images/search.jpg);}
#hd .search a:hover{background:url(../images/search.jpg) 0 -36px no-repeat;}
#m-hd{display:none}
#m-hd{height:50px;line-height:50px;background-color:#fff;padding:0;position:fixed;width:100%;z-index:999999}
#m-hd img{height:40px;padding:10px 0 0 10px}
.m-trigger{position:absolute;top:0;right:10px;width:50px;color:#fff;text-align:center;font-size:30px;line-height:45px;cursor:pointer;background:url(../images/menu_add.png) center center no-repeat;-webkit-background-size:50px;background-size:25px;height:50px}
.m-nav{z-index:60;position:absolute;top:50px;width:100%;left:0;background:url(../images/m-nav.png) repeat;text-align:center;display:none}
.m-nav li{border-bottom:1px solid #565656}
.m-nav a{display:block;font-size:12px;height:40px;line-height:40px;text-align:center;color:#fff;font-size:14px}
.m-nav a:active,.m-nav a:hover{color:#e4392a}
.m-sub{text-align:left;display:none;width:100%}
.m-sub a{border-bottom:none;font-size:13px}
.m-hdbg{width:100%; height:50px; display:none;}
.tit-i{width:100%; height:75px;}
.tit-i h2{width:200px; height:43px; line-height:43px; font-size:28px; margin:0 auto; text-align:center;}
.tit-i h4{margin:0 auto; color:#999; margin-top:0px; line-height:35px; padding:0 10px; text-align:center; text-transform:uppercase;}
.row{width:1170px; margin:0 auto; margin-top:20px;}
.row ul{margin-top:20px;}
.row ul li{float:left; width:25%;position:relative;height:160px; border:5px solid #FFF;}
.row ul li img{width:91px; height:93px; margin:0 auto; margin-top:15px; display:block;}
.row ul li P{text-align:center; color:#FFF; font-family:"Microsoft Yahei"; font-size:18px; line-height:30px;}
.row ul .li01{background:#10c45c;}
.row ul .li02{background:#ff6ed8;}
.row ul .li03{background:#36a0e4;}
.row ul .li04{background:#ca8100;}
.row ul .li05{background:#e60012;}
.row ul .li06{background:#ffa300;}
.row ul .li07{background:#1b9e33;}
.row ul .li08{background:#985dbb;}
.row ul li{transition:All 0.2s ease-in-out;    -webkit-transition:All 0.2s ease-in-out;    -moz-transition:All 0.2s ease-in-out;    -o-transition:All 0.2s ease-in-out;}

.row ul li span{background:rgba(0, 0, 0, 0.5);color:#fff;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;line-height: 23px;position:absolute;bottom: 3px;width: 170px;left:0;font-size:12px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.row ul li:hover {transform:translate(0,-20px);    -webkit-transform:translate(0,-20px);    -moz-transform:translate(0,-20px);    -o-transform:translate(0,-20px);    -ms-transform:translate(0,-20px);}


/**历届展会**/
.portfolio-grid{width:100%;margin-top:30px;}
.thumbnail img.cases_img{width:100%;}
.thumbnail{overflow:hidden;position:relative;display:inline-block;float:left;width:25%;margin:10px 0; padding:0 5px; display:block;opacity:1;}
.thumbnail a.thumbnail_a:hover{cursor:url('../images/more.cur'),crosshair;cursor:url('../images/cases_shi.png') 40 40, crosshair;}
.projectinfo{position:absolute;z-index:2;top:-36px;left:0;width:100%;height:100%;background:rgb(126,127,115);background:rgba(126,127,115,0.4);height:0\9; display:none;filter:alpha(opacity=50);  
      -moz-opacity:0.5;  
      -khtml-opacity: 0.5;  
      opacity: 0.5;  }
.thumbnail .meta{width:100%;height:36px;line-height:36px;text-align:center;overflow:hidden;border:1px solid #dcdcdc;}
.thumbnail .meta h4{font-size:14px;font-weight:normal;}
.thumbnail .meta h4 a{color:#000;}
.thumbnail:hover .meta{background:#2eafbb;}
.thumbnail:hover .meta h4 a{color:#fff;}

.caselist{width:100%; margin-top:30px;}
.caselist li{ float:left; width:25%; padding:0 15px; margin:10px 0;}
.caselist li img{width:100%; height:200px; display:block;}
.caselist li .casetxt{ border:1px solid #dcdcdc; height:36px; text-align:center; font-size:14px; line-height:34px;}



/**/
.row1{width:100%; min-height:320px; margin-top:40px; padding:30px; border-bottom:1px solid #eaeaea;background:#fafafa url(../images/row1.png) top center;}
.row1　.tit-i h4{background:#fafafa;}
.quick{margin-top:30px;}
.quick li{ float:left; width:25%; height:164px; border-right:1px solid #eaeaea; padding-left:40px;}
.quick li.noborder{border:0px;}
.quick_s1 {font: 14px/24px Arial; color: #ff7006; display: block; height:30px; line-height:30px; padding-top:7px; text-transform: uppercase; }
.quick_s2 {display:block; line-height: 34px; height:34px; font-size: 20px; }
.quick_s3 {height:41px; line-height:20px; padding-top:2px; font-size:14px; color: #999; display: block; }
.quick_a{line-height: 40px; text-align: center; display: inline-block; height: 40px; width: 126px; font-size: 16px; color: #FFF; background: #FF7006; border-radius: 0.2em; margin: 0px 15px 10px 0px; }
.quick_a1{ background: #FF8F09; }
.quick_a2{ background: #72AF51; }
.quick_a3{ background: #4983DC; }
.quick_a4{ background: #6E5EC1; }

.quick a{width:126px; height:40px; line-height:40px; text-align:center;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:inline-table; font-size:16px; color:#FFF; letter-spacing:1px;}

/*新闻中心*/
.newslist{margin-top:20px;}
.newslist ul.items li{position:relative; width:33.33333%; height:120px; float:left; margin:10px 0; border:5px solid #FFF; cursor:pointer; overflow:hidden;}
.newslist ul.items li img{height:190px; width:100%;}
.newslist ul.items li .shade{position:absolute; width:100%; height:190px; margin-top:-190px; background:Black; -moz-opacity:0.7; opacity:0.7; filter:alpha(opacity=70); -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s; z-index:10; display:none;}
.newslist ul.items li .shade u{display:block; margin:0 auto; margin-top:30px; width:44px; height:44px; background:url(../images/num_bg.png) 0 -71px no-repeat;}
.newslist ul.items li p{position:absolute; margin:5px; color:#999; font-size:12px; line-height:22px; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s; z-index:10;}
.newslist ul.items li p em{font-style:normal; font-size:15px; padding-right:20px; list-style:20px;}
.newslist ul.items li p strong {color:#666; font-size:16px; font-weight:normal; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.newslist ul.items li .bg {width:100%; height:100px; background:#fff; -moz-opacity:0.5; opacity:0.5; filter:alpha(opacity=50); -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.newslist ul.items li .bg u{display:block; position:absolute; width:100%; height:100px; margin-top:150px; background:#2ed0b4; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.newslist ul.items li:hover .shade{margin-top:0px; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.newslist ul.items li:hover .bg{-moz-opacity:1; opacity:1; filter:alpha(opacity=100); -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.newslist ul.items li:hover .bg u{margin-top:0px; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.newslist ul.items li:hover p {color:White; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.newslist ul.items li:hover p strong{color:White; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}

.row2{background:#eee; margin-top:40px; width:100%; padding:50px 0;}
.subscribe{float:left; width:50%; background:url(../images/book.jpg) no-repeat; padding-left:100px;}
.subscribe h3{ font-size:22px; line-height:30px; font-weight:600;}
.subscribe h3 span{color:#48a7d4;}
.subscribe p{font-size:15px; color:#555555; margin-top:15px;}
.rss{float:left; width:50%;}
.rss p{font-size:13px; color:#555555; line-height:20px;}
.rss input{width:60%; height:23px; border:1px solid #c3c3c3; border-top-color:#000; -moz-border-radius:5px; /* Gecko browsers */ -webkit-border-radius:5px;/* Webkit browsers */   border-radius:5px;/* W3C syntax */ padding:0px 5px; line-height:23px; margin-top:10px; display:block;}
.rss button{ width:130px; height:36px; border:1px solid #698ab4;-moz-border-radius:5px; /* Gecko browsers */ -webkit-border-radius:5px;/* Webkit browsers */   border-radius:5px;/* W3C syntax */ background:#77a0d1; color:#FFF; margin-top:5px;}

.row3{ max-width:1170px; margin:0 auto; background:#eab830;}
.row3 .countdown{ float:left; width:60%; padding:20px 50px;}
.row3 .countdown h2{font-size:24px; line-height:36px; color:#FFF;}
.row3 .countdown h2 span{color:#000;}
.colockbox{width:439px;height:134px; margin-top:20px;background:url(../images/colockbg.png) no-repeat;}
.colockbox span{float:left;display:block;width:87px;height:104px;line-height:104px;font-size:50px;text-align:center;color:#ffffff;margin:0 29px 0 0;}
.colockbox span.second{margin:0;}
#demo02{width:208px;background-position:-75px 0;}

.contact-form{float:left; width:36%;-moz-border-radius0:5px; /* Gecko browsers */ -webkit-border-radius:5px;/* Webkit browsers */   border-radius:5px;/* W3C syntax */background:#FFF; margin:20px 0; padding:40px 0;}
.contact-form h2{display:block; text-align:center;}
.contact-form input{width:262px; height:46px; background:#eeeeee; border:0px; display:block; margin:8px auto; padding:0 10px;}
.contact-form button{margin:8px auto; width:135px; height:45px; line-height:45px; color:#FFF; background:#48a7d4; border:0px; display:block; font-size:16px;}

.media_frbox{height:210px; position:relative; margin-top:20px;}
.media_frBtnL{position:absolute; width:29px; height:60px; left:0px; top:70px; background:url(../images/detail_slide_btn.png) no-repeat; cursor:pointer; z-index:2;}
.media_frUl{height:201px;width:100%;}
.media_frBtnR{position:absolute; width:29px; height:60px; right:0px; top:70px; background:url(../images/detail_slide_btn.png) 0 -60px no-repeat; cursor:pointer; z-index:2;}
.media_frUl ul li{display:inline;float:left;height:201px;width:190px;margin-right:6px;overflow:hidden;}
.media_frUl ul li img{display:block;margin-bottom:7px;border:1px solid #D8D8D8; width:190px; height:60px;}
.media_frUl ul li a:hover img{border:1px solid #A0C0EB;}

.mr_frbox{height:290px; position:relative; margin-top:20px;}
.mr_frBtnL{position:absolute; width:29px; height:60px; left:0px; top:70px; background:url(../images/detail_slide_btn.png) no-repeat; cursor:pointer; z-index:2;}
.mr_frUl{height:281px;width:102%;}
.mr_frBtnR{position:absolute; width:29px; height:60px; right:0px; top:70px; background:url(../images/detail_slide_btn.png) 0 -60px no-repeat; cursor:pointer; z-index:2;}
.mr_frUl ul li{display:inline;float:left;height:411px;width:190px;margin-right:6px;overflow:hidden;}
.mr_frUl ul li img{display:block;margin-bottom:7px;border:1px solid #D8D8D8; width:190px; height:60px;}
.mr_frUl ul li a:hover img{border:1px solid #A0C0EB;}

#footer{width:100%; background:#312f38; width:100%; z-index:15;}
.footer_top{max-width:1170px; margin:0 auto;}
.widget{float:left; width:33.333%; padding:0px 15px; margin-top:20px; color:#FFF;}
.widget h3{font-size:16px; font-weight:bold; line-height:40px;}
.widget p{font-size:13px; color:#cccccc; line-height:20px; margin-top:20px;}
.navigation,.contactf{margin-top:20px;}
.navigation li{border-bottom:1px solid #5b6366; height:32px; line-height:32px; vertical-align:middle; background:url(../images/topbar.png) 0 -402px no-repeat; padding-left:25px;}
.navigation li a{ color:#FFF; font-size:12px; display:block;}
.navigation li a:hover{color:#eab934;}
.contactf li{line-height:26px; padding-left:30px; font-size:12px; color:#FFF; margin-top:10px; background:url(../images/topbar.png) no-repeat;}
.contactf .li01{background-position:-8px -430px;}
.contactf li em{ font-size:22px;}
.contactf .li02{background-position:-8px -485px;}
.contactf .li03{background-position:-8px -520px;}
.contactf .li04{background-position:-8px -558px;}
.contactf .li05{background-position:-8px -594px;}
.contactf .li05 a{font-size:12px; color:#FFF;}
.worktime li{height:30px; line-height:30px; vertical-align:middle; border-bottom:1px dashed #67757b; font-size:12px;}
.worktime li span{float:right; font-weight:bold;}
.worktime li:hover{ color:#0F0;}
.worktime li em{float:right; font-style:normal; width:46px; height:22px; background:#f13e3e; text-align:center; line-height:22px; margin-top:4px; color:#FFF;-moz-border-radius0:2px; -webkit-border-radius:2px; border-radius:2px;}
.line{width:100%; height:60px; border-bottom:1px solid #5e676b;}
.copyright{line-height:76px; float:left; font-size:15px; color:#FFF;}
.share{float:right;}


.izl-rmenu{position:fixed;right:5px;bottom:130px;padding-bottom:73px;background:url(r_b.png) 0 bottom no-repeat;z-index:999}
.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0 0 no-repeat;background-color:#6da9de}
.izl-rmenu .btn-qq:hover{background-color:#488bc7}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0 0 no-repeat;background-color:#6da9de;text-decoration:none;display:block}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0 0 no-repeat;background-color:#78c340}
.izl-rmenu .btn-wx:hover{background-color:#58a81c}
.izl-rmenu .btn-wx .pic{position:absolute;left:-140px;top:0;display:none;width:140px;height:140px;border:5px solid #FFF}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0 0 no-repeat;background-color:#fbb01f}
.izl-rmenu .btn-phone:hover{background-color:#fbb01f}
.izl-rmenu .btn-phone .phone{background-color:#fbb01f;position:absolute;width:160px;left:-160px;top:0;height:73px;line-height:35px;color:#FFF;font-size:18px;text-align:center;display:none}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0 0 no-repeat;background-color:#666;display:none}
.izl-rmenu .btn-top:hover{background-color:#444}
.izl-rmenu .qqbox{position:absolute;left:-140px;top:0;display:block;width:140px;background:#FFF;text-align:center;min-height:160px;height:auto;overflow:hidden;padding-bottom:15px;background:#FFF;box-shadow:#cacaca 0 0 3px;display:none}
.izl-rmenu .qqbox .qqboxtit{height:40px;line-height:40px;background:#0fbf6a;font-size:16px;color:#FFF}
.izl-rmenu .qqbox p{display:block;padding-top:10px}
.izl-rmenu .qqbox a{display:block;padding-bottom:10px}

.try-title{width:100%; height:185px; line-height:185px; background:#457992; color:#FFF;}
.try-title h1{text-align:center; font-size:36px;}
.loca{width:100%; height:40px; background:#f6f6f6; border-bottom:1px solid #f0f2f5; line-height:40px;}

.left{float:left; width:20%; padding-right:20px; margin-top:20px;}
.left .title{height:40px; line-height:40px; color:#fcbc3a; letter-spacing:2px;}
.left .subnav{margin-top:15px;}
.left .subnav li{ margin:10px 0;}
.left .subnav li a{ width:100%; display:block; height:35px; text-align:center; line-height:35px; background:url(../images/foot.png); border-radius:5px; color:#FFF; -webkit-transition: all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.left .subnav li a:hover,.left .subnav li a.active{transform:translate(15px,0); -webkit-transform:translate(15px,0); -moz-transform:translate(15px,0); -o-transform:translate(15px,0); -ms-transform:translate(15px,0); background:#e84428;}
.left .subnav li a.a1{background-position:-1529px 0;}
.left .subnav li a.a2{background-position:-1529px -45px;}
.left .subnav li a.a3{background-position:-1529px -90px;}
.left .subnav li a.a4{background-position:-1529px -135px;}
.left .subnav li a.a5{background-position:-1529px -180px;}
.left .subnav li a.a6{background-position:-1529px -225px;}
.left .subnav li a.a7{background-position:-1529px -270px;}
.left .subnav li a.a8{background-position:-1529px -305px;}
.left .subnav li a.a9{background-position:-1529px -350px;}
.right{float:left; width:80%; padding-left:20px; border-left:1px solid #dedede; margin-top:20px;}


.sub-list{text-align:center; padding-top:1rem; border-bottom:1px #dfdfdf solid; padding-bottom:1.5rem; display:none;}
.sub-list li{display:inline-block; font-size:1rem;}
.sub-list li a{ display: inline-block; padding: .3rem 2rem;    border: 1px solid #dfdfdf; margin:5px 10px; border-radius: 5rem;}
.sub-list li a:hover,.sub-list li.active a{ background: #D80808; color: #fff;border-color: #D80808;}

.new-list{}
.new-list li{color:#666;  padding:1.5rem 0; border-bottom:1px #ddd solid; line-height:26px;}
.new-list li span{ margin-right:1rem; color:#666; text-align:center; background:#f2f2f2;  float:left; width:5.25rem; height:5.25rem; font-size:16px; padding-top:10px;}
.new-list li span strong{font-size: 1.5rem; padding-top: 1rem;}
.new-list li p{font-size:14px; height: 3.125rem; overflow: hidden; color:#333;}
.new-list li a{padding-bottom: .3rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:20px; color:#666; display: block;}
.new-list li a:hover{ color: #D80808;}

.al-list{ padding-top: 2rem; font-size: 0;}
.al-list li{ display: inline-block; width: 25%; position: relative; transition: all .4s; padding:5px;}
.al-abs{text-align: center;  position: absolute; 
background: rgba(0,0,0,0); z-index: 10; left: 0;top: 0; bottom: 0; right: 0;
 border: 10px solid hsla(0,0%,100%,0);background-clip: padding-box;transition: all .4s;}
.al-abs span{transition: all .4s ease .2s; position: absolute; left: 50%;font-size: 2rem; top: 50%; transform: translate(-50%,-50%); width: 100%; color: hsla(213,0%,100%,0);}
.al-list li img{width:100%;}
.al-list li a{ display: inline-block; overflow: hidden;}
.al-list li:hover img{ transform: scale(1.2,1.2);}
.al-list li:hover .al-abs{background: rgba(0,0,0,.6);border: 10px solid hsla(0,0%,100%,.5) }
.al-list li:hover span{color: hsla(213,0%,100%,1);font-size: 1rem;}

.container{max-width:1170px; margin:0 auto; padding:15px 0;}
.n-title{ padding-bottom: 1.2rem; border-bottom: 1px #DFDFDF solid; text-align: center;}
.n-title h1{ font-size: 2rem; font-weight: 400; color:#666;}
.n-title .inf{ color: #999; font-size: .875rem;}

.news-txt{ padding:20 50px; font-size:14px; line-height:30px; color:#666;}
.news-txt img{ display: inline-block; margin: .5rem auto;}
.news-txt table{ background:#666666;}
.news-txt td{background:#f7f7f7;}

.ab-txt .value-box{ background-attachment: inherit; background-size:cover;}
.txt01{ max-width: 40rem; margin: 2rem auto; text-align: center; font-size: .875rem; line-height: 2rem;}

.wpb_row{border-bottom:1px solid #e7e7e7; margin-top:15px;}
.wpleft{float:left; width:50%; padding-right:20px; color:#666;}
.wpb_row h2{font-size:15px; font-weight:bold; letter-spacing:1px; height:50px;}
.wpleft li,.gbri li{border-top:1px solid #e7e7e7; line-height:26px; padding:10px 0 10px 50px; background:url(../images/topbar.png) no-repeat;}
.wpleft li span,.gbri li span{display:block; font-weight:bold;}
.wpleft .li01,.gbri .li01{ background-position:0px -130px;}
.wpleft .li02,.gbri .li02{ background-position:0px -220px;}
.wpleft .li03,.gbri .li03{ background-position:0px -317px;}
.wpleft .li04,.gbri .li04{ background-position:0px -40px;}
.wpleft .li05,.gbri .li05{ background-position:0px -635px;}
.wpleft .li05 a{font-size:15px; color:#666;}
.map{float:left; width:50%; padding-left:20px;}
.gbook{float:left; width:65%; padding-right:40px;}
.gbook h2{font-size:15px; margin-top:20px; font-weight:bold;}
.gbook .intle{float:left; width:50%; padding-right:15px; margin:20px 0; display:inline;}
.gbook .intri{float:left; width:50%; padding-left:15px; margin:20px 0; display:inline;}
.gbook input{width:100%; height:40px; border:2px solid #e7e7e7; padding:0 10px;}
.gbook .texta{width:100%; margin:20px 0;}
.gbook textarea{width:100%; height:190px; border:2px solid #e7e7e7; padding:10px;}
.gbook button{ width:135px; height:45px; line-height:45px; color:#FFF; background:#48a7d4; text-align:center; border:0px; font-size:18px;}
.gbri{float:right; width:35%;}
.gbri h2{ font-size:15px; font-weight:bold; line-height:50px; height:80px;}

.brand{}
.brand li{float:left; width:16.6666%; margin:10px 0; padding:0 10px;}
.brand li img{display:block;width:100%;height:60px;border:1px solid #ccc;text-align:center;}


.top_slider{width:1170px;overflow:hidden;*position:relative;}
.top_slider .ts_inner{margin-right:-3px;}
.top_slider .slider_list{position:relative;height:400px;overflow:hidden;z-index:2;}
.top_slider .slider_list ul{-webkit-transition:margin .5s ease-out 0s;-moz-transition:margin .5s ease-out 0s;transition:margin .5s ease-out 0s;}
.slider_list ul li{float:left; width:16.6666%; margin:10px 0; padding:0 10px;}
.slider_list li img{display:block;width:100%;height:60px;border:1px solid #ccc;text-align:center;}
.top_slider .ts_inner{position:relative;width:1170px;overflow:hidden;}.top_slider .slider_list{width:2358px;height:400px;}
.top_slider .slider_item{float:left;width:1170px;}
.top_slider .slider_btn_left,.top_slider .slider_btn_right{background:url(../images/detail_slide_btn.png) no-repeat;_background:url(../images/detail_slide_btn.gif) no-repeat;display:block;width:29px;height:56px;position:absolute;top:181px;z-index:5;opacity:.7;filter:alpha(opacity=70);}
.top_slider .slider_btn_left{background-position:0 0;left:0;}
.top_slider .slider_btn_right{background-position:0 -61px;right:0;}
.top_slider .slider_btn_left:hover,.top_slider .slider_btn_right:hover{opacity:1;filter:alpha(opacity=100);}

.listnews dl{min-height:306px; border-bottom:1px dotted #999; float:left; width:50%; padding:15px 10px;}
.listnews dt{width:100%; height:80px; vertical-align:middle; display:inline-table;}
.listnews dt img{vertical-align:middle; margin:0 auto;}
.listnews dd{width:100%;}
.listnews dd h2{line-height:28px; font-size:16px;padding-left:3em; text-indent:-3em;word-break:break-all;}
.listnews dd p{margin-top:5px; line-height:26px; font-size:14px; word-wrap: break-word;}
.m2fm_s1 { color: #c7000f; text-align:center; line-height:40px;}
.m2reg_t { line-height: 68px; text-align: center;  font-size: 30px; border-bottom: 1px dotted #D0D0D0; }
.m2fmBox{margin:0 auto; max-width: 642px; background-size: cover; min-height: 590px; color: #666; }
.m2fmBox ul li { min-height: 40px; margin-bottom: 20px; padding-right: 72px; position: relative; }
.m2fm_snm {text-align: right; float: left; width:100px; line-height: 40px; font-size:15px;}
.m2fm_intBox { margin-left: 100px; }
.m2fm_intBox #getcode{border-radius:2px; border:1px solid #2cb9ea; height:38px; line-height:36px; font-size:15px; float:left; margin-left:10px; width:140px; text-align:center; color:#2cb9ea;}
.m2fm_intBox a{color:#2cb9ea;border-radius:2px; display:block;}
.m2fm_intBox #getcode:hover,.m2fm_intBox a:hover{color:#FFF; background:#2cb9ea; line-height:36px;}
.m2fm_intBox label{ margin:10px 5px;display: inline-block;}
.m2fm_int { padding: 0px 10px; height: 38px; width: 100%; border: 1px solid #E1E1E1; background: none; font: 14px/38px "微软雅黑"; color: #666; }
.m2fm_intBox span { white-space: nowrap; display: inline-block; margin-right: 20px; line-height: 40px; font-size:14px;}/*white-space: nowrap; */
.m2fm_x { color: #c7000f; float: right; position: absolute; top: 0px; right: 45px; line-height: 40px; }
.m2fm_intBox .m2fm_radio { position: relative; top: 1px; margin-right: 5px; }
.radiobox label { position: relative; top: 1px; margin-right: 10px; line-height: 40px;  font-weight:normal;  color:#666}
.radiobox input { position: relative; top: 1px; margin-right: 5px; line-height: 40px;}
.m2fmSubmit { font-size: 20px; color: #FFF; background: #E84428; line-height: 46px; height: 46px; width: 100%; display: block; text-align: center; margin-top:15px; border-radius:0.2em; border:0px;}
.m2fmBox ul .m2fm_areaBox { padding-right: 0px; }
.m2fm_area { padding: 5px 10px; width: 100%; font: 14px/22px "微软雅黑"; color: #666; height: 76px; border: 1px solid #e1e1e1; background:none }
.m2fm_subBox { margin-left: 62px; }
.m2fm_intBox .m2fm_nomargin { float: left; margin-right: 0px; }
.m2fm_snm2 { width: 22px; }
.m2fm_intBox2 { margin-left: 22px; }
.m2fm_int2 { width: 148px; margin-left: 5px; }
.m2fm_intBox2 .m2fm_lspan { margin-right: 0px; font-size:14px;}
.m2sucess { font-size: 20px; line-height: 80px; text-align: center; padding: 50px 0px 5px; font-weight: bold; }
.m2suTxt { font-size: 14px; line-height: 26px; }


.page{margin:15px auto; font-size:14px; text-align: center; display:inline-block;}
.page .txt { width: 30px; height: 29px; border: 1px solid #ccc; text-align: center; margin: 0px 2px; line-height: 30px; font-size: 13px;}
.page h6 {font-weight: normal; font-size: 15px; float: left; margin: 0px 1px;font-size: 13px; }
.page a, .page span, .page b { padding: 0px 10px; float: left; line-height: 32px; display: inline; margin-right: 3px; border: 1px solid #ccc; overflow: hidden; text-decoration: none;}
.page a { background: white; line-height: 30px; }
.page .pagenav { height: 30px;}
.page span{ border: 0; display: block; margin-top: -2px;}
.page span.pagenum {float: left; padding: 10px 15px; line-height: 38px;  font-size: 14px;}
.page .page-on{background: #F90; color: #FFF; float: left; font-weight: normal; border-color:#F90;}
.page a:hover { background: #F90; color: white; border: 1px solid #F90; float: left;}

.fixediv{position:fixed;top:30px;z-index:9999;width:85px;height:352px;}
.fixediv img{display:block; height:322px;}
.fixediv a.close{display:block;height:30px; text-indent:-99em; background:url(../images/close.gif) right center no-repeat;}
.leftadv{left:0px;}
.rightadv{right:0px;}
.fixediv{margin-top:0px;}