@charset "utf-8";body,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,span,i,ul,a,em,img,textarea,select{margin:0;padding:0;}*{padding:0;margin:0;list-style:none;}body,button,input,select,textarea,font{font-size:12px;}h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}label,input,select{vertical-align:middle;}address,cite,em,i,strong{font-style:normal;font-weight:normal;}fieldset{cursor:pointer;}img{border:none;}ul,ol{list-style:none;}table{border-collapse:collapse;border-spacing:0;}sub{vertical-align:text-bottom;}sup{position:relative;top:-1px;left:2px;font:11px/normal tahoma;vertical-align:text-top;}small{font-size:12px;}legend{color:#333;}h1,h2,h3,h4,h5,h6{font-weight:normal;}a{text-decoration:none;}a:hover{color:#E23200;text-decoration:none;}ul,li{padding:0;margin:0;}body{behavior:url("csshover.htc");}body{font-family:Microsoft Yahei;}.left{float:left;}.right{float:right;}.clearfix:before,.clearfix:after{content:".";display:block;visibility:hidden;height:0;line-height:0;font-size:0;}.clearfix:after{clear:both;}.clearfix{zoom:1;}.container{width:1100px;display:block;margin:0 auto;}.header{width:100%;height:124px/*114px*/;display:inline-block;}.mainbody{width:100%;display:inline-block; }.footer{width:100%;display:inline-block;background-color:#1f2021;}.page_next,.page_up{font-family:"宋体";font-size:13px;}.case_con li a,.newslist_title,.newslist_img{display:block;}.case_con li a:hover .case_con_title h3,.con_link a:hover,.our_cus li:hover .our_cus_title strong,.news_list:hover .newslist_title{color:#E23200;}.newslist_time span,.newslist_time samp{font-family:"Arial";}.case_con_title h3,.case_con_title p em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}.case_con li a span i,.our_cus li:hover img,.news_list:hover .newslist_img img{opacity:0.7;-moz-opacity:0.7;filter:alpha(opacity=70);}.case_link a,.our_cus li img,.news_list,.newslist_img img{transition:all 0.3s ease-out 0s;}

.supa{width:100%;height:212px; background:#FFFFFF; text-align:center; overflow:hidden;position:absolute;bottom:0;left:0;}
.supa span{position:relative;top:6px;left:4px;}
.supa h2{font:40px/50px "微软雅黑"; color:#333; margin-top:66px;}
/*头部*/
.head{width:100%; position:fixed; height:72px; color:#444; z-index:999;background:#178231;}
.head.fixed{height:72px;color:#000; background:#178231;}
.head .logo{position:fixed; top:0px; left:55px; width:220px; padding-top:10px; overflow:hidden;}
.head .logo img{width:100%;}
.logo .img-index{display:block;left:0;top:0;position:absolute;}



.head .words{display:block; font-size:13px; position:fixed; top:42px; left:240px; letter-spacing:1px; font-weight:normal; -webkit-transition:all .2s ease-in-out 0s; -moz-transition:all .2s ease-in-out 0s; -ms-transition:all .2s ease-in-out 0s; -o-transition:all .2s ease-in-out 0s; transition:all .2s ease-in-out 0s;}
.head.fixed .words{top:36px; left:285px; font-size:12px;}
.head .menu{margin:35px 0 0 100px; text-align:center; -webkit-transition:all .2s ease-in-out 0s; -moz-transition:all .2s ease-in-out 0s; -ms-transition:all .2s ease-in-out 0s; -o-transition:all .2s ease-in-out 0s; transition:all .2s ease-in-out 0s;}
.list-inline{list-style:outside; margin-left:-5px; padding-left:0;}
.head.fixed .menu{margin:26px 0 0 100px;}
.head .menu ul li{display:inline; padding:0 4px; margin:0 12px;}
.head .menu ul li a{color:#000; letter-spacing:2px; cursor:pointer; font-size:20px; display:inline-block; /*-webkit-transition:all .2s ease-in-out 0s; -moz-transition:all .2s ease-in-out 0s; -ms-transition:all .2s ease-in-out 0s; -o-transition:all .2s ease-in-out 0s; transition:all .2s ease-in-out 0s*/}
.head.fixed .menu ul li a{color:#fff;}
.head.fixed .menu ul li a{font-size:16px;}
.head .menu ul li a:hover, .head .menu ul li.on a{color:#FFD200; text-decoration:none;}
.head .menu .line{position:absolute; top:0px; width:0px; height:5px; font-size:3px; background-color:#bc4222; -webkit-transition:all .2s ease-in-out 0s; -moz-transition:all .2s ease-in-out 0s; -ms-transition:all .2s ease-in-out 0s; -o-transition:all .2s ease-in-out 0s; transition:all .2s ease-in-out 0s;}
.head .hotline{/*width:175px;*/width:270px; position:fixed; top:35px; right:42px; display:block; -webkit-transition:all .2s ease-in-out 0s; -moz-transition:all .2s ease-in-out 0s; -ms-transition:all .2s ease-in-out 0s; -o-transition:all .2s ease-in-out 0s; transition:all .2s ease-in-out 0s;}
.head.fixed .hotline{top:20px; right:35px;}
.head .hotline a{color:#FFD200; width:100%; height:24px; display:inline-block;}
.head .hotline span{position:fixed; color:#FFD200; font-family:"微软雅黑"; font-weight:bold; font-size:22px; -webkit-transition:all .2s ease-in-out 0s; -moz-transition:all .2s ease-in-out 0s; -ms-transition:all .2s ease-in-out 0s; -o-transition:all .2s ease-in-out 0s; transition:all .2s ease-in-out 0s;right:50px;}
.head.fixed .hotline span{font-size:20px;}
.head .hotline span.txt{font-size:12px;color:#666;right:237px;top:45px;}
.head.fixed .hotline span.txt{color:#fff;top:26px;right:215px;}
/*.head .hotline u{position:fixed; top:32px; right:233px; display:block; width:35px; height:35px; text-decoration:none; background:url(../images/topPho.png) no-repeat; -webkit-transition:all .2s ease-in-out 0s; -moz-transition:all .2s ease-in-out 0s; -ms-transition:all .2s ease-in-out 0s; -o-transition:all .2s ease-in-out 0s; transition:all .2s ease-in-out 0s;}*/
.head .hotline u{position:fixed; top:42px; right:315px; display:block; width:18px; height:18px; text-decoration:none; background:url(../images/topTel.png) no-repeat; -webkit-transition:all .2s ease-in-out 0s; -moz-transition:all .2s ease-in-out 0s; -ms-transition:all .2s ease-in-out 0s; -o-transition:all .2s ease-in-out 0s; transition:all .2s ease-in-out 0s;}
.head.fixed .hotline u{top:23px; right:292px;background-position:0 -22px;}
.head .bg{position:absolute; top:0px; width:100%; height:0px; background:url(../images/headbg.png) repeat; z-index:-1; -webkit-transition:all .2s ease-in-out 0s; -moz-transition:all .2s ease-in-out 0s; -ms-transition:all .2s ease-in-out 0s; -o-transition:all .2s ease-in-out 0s; transition:all .2s ease-in-out 0s;}
.head.fixed .bg{height:72px;}
/*头部*/
/* 悬浮 */
.dock{position:fixed; right:0px; width:50px; height:318px; z-index:2000;top:50%;margin-top:-159px;}
.dock.close{z-index:50;}
.dock ul.icons{position:absolute; list-style:none; right:0px; padding:0px; width:50px; padding:19px 0 31px; background:#515354; -moz-border-radius:10px 0 0 10px; -webkit-border-radius:10px 0 0 10px; border-radius:8px 3px 3px 8px; -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;}
.dock.close ul.icons{right:-70px;}
.dock ul.icons li i{display:block; position:relative; width:50px; height:50px; background:url(../images/dock_icons.png) no-repeat; cursor:pointer; -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:210;}
.dock ul.icons li.active i{-moz-opacity:0.4; opacity:0.4;}
.dock ul.icons li.inhome i{background-position:0 -200px;}
.dock ul.icons li.wechat{margin-top:2px;}
.dock ul.icons li.wechat i{background-position:0 -150px;}
.dock ul.icons li.online{margin-top:9px;}
.dock ul.icons li.online i{background-position:0 -100px;}
.dock ul.icons li.tel{margin-top:7px;}
.dock ul.icons li.tel i{background-position:0 -50px;}
.dock ul.icons li.im i{background-position:0 0;}
.dock ul.icons li p{display:block; position:absolute; top:50px; right:-260px; padding:0 15px 0 23px; color:White; line-height:30px; border:1px solid #515354; border-right:none; background:#515354; -moz-border-radius:8px 0 0 8px; -webkit-border-radius:8px 0 0 8px; border-radius:8px 0 0 8px; -moz-opacity:0; opacity:0; filter:alpha(opacity=0); -webkit-transition:all .4s ease-in-out .1s; -moz-transition:all .4s ease-in-out .1s; -ms-transition:all .4s ease-in-out .1s; -o-transition:all .4s ease-in-out .1s; transition:all .4s ease-in-out .1s; overflow:hidden; z-index:201;}
.dock ul.icons li.active p{right:50px; -moz-opacity:1; opacity:1; filter:alpha(opacity=100);}
.dock ul.icons li.tel p{width:203px; font-size:16px; padding:14px 15px 14px 23px; top:70px;}
.dock ul.icons li.im p{width:120px; top:10px; padding:24px 15px 30px 23px;}
.dock ul.icons li.im p a{display:block; margin-top:12px; width:100px; height:35px; line-height:32px; color:#f04518; font-size:14px; text-align:center; text-decoration:none; border:1px solid #f04518; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -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;}
.dock ul.icons li.online p{width:221px; font-size:16px; padding:14px 15px 14px 23px; top:132px;}
.dock ul.icons li.online p a{display:block; margin-top:12px; width:100px; height:35px; line-height:32px; color:#00dfb9; font-size:16px; text-align:center; text-decoration:none; border:1px solid #00dfb9; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -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;}
.dock ul.icons li.im p a:hover{color:White; background:#f04518; border:1px solid #f04518;}
.dock ul.icons li.wechat p{width:128px; height:128px; padding:16px 14px 15px 16px; top:135px;}
.dock ul.icons li.wechat p img{width:128px;}
/* 悬浮 */
/* bann */
.bann{width:100%; height:500px; overflow:hidden; position:relative;min-width:1100px;margin-top:72px;}
.bann .hd{width:100%; height:18px; overflow:hidden; position:absolute; right:5px; top:405px; z-index:1;}
.bann .hd ul{overflow:hidden; zoom:1; float:left;width:100%; height:18px; text-align:center;}
.bann .hd ul li{width:53px; height:18px; margin:0 4px; display:inline; line-height:18px; text-align:center;}
/*.bann .hd ul li a{width:53px; height:18px; display:inline-block; cursor:pointer; background:url(../images/bann_btn.gif) no-repeat 0 6px;}
.bann .hd ul li.on a{background-position:right 6px;}*/
.bann .bd{position:relative; width:100%; height:500px; z-index:0;}
.bann .bd ul{width:100% !important;}
.bann .bd li{width:100% !important; height:500px;}
.bann .bd a{width:100% !important; height:500px; display:inline-block; background-repeat:no-repeat;background-position:center top;}
/*20160712修改*/
.bann .hd ul li a{width:10px;height:10px;display:inline-block;cursor:pointer;background-color:#fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;}
.bann .hd ul li.on a{background-color:#f04518;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;padding:0 20px;}

/* bann */