.topbar{ background:#f2f2f2; height:32px; line-height:32px; color:#fff; text-align:right;}
.topbar ul{ float:right;} 
.topbar ul li{ margin:0px 5px; color:#999; float:left;}
.topbar ul li a{ color:#999;}
.topbar ul li i{ border-left:#de1d25 4px solid; border-top:transparent 4px solid; border-bottom:transparent 4px solid; width:0; height:0px; content:""; vertical-align:middle; display:inline-block; margin-right:5px;}
.topbar .tel{ font-size:20px; color:#de1d25; float:left;}
/*.header{ background:#fff; height:88px;}
.header .logo{ float:left; width:215px; height:58px; margin-top:17px;}
.header .menu{ float:right;}
.header .menu ul li{ font:14px/88px "微软雅黑"; float:left; margin-left:60px;}
.header .menu ul li a{ color:#333;}
.header .menu ul li a:hover{ color:#de1d25}*/
.header{ height:88px; width:100%; background:#fff; position:relative; z-index:10;}
.header .logo {float:left; width:215px; height:58px; margin-top:17px; display:block;}
.header .logo1 {float:left; width:215px; height:58px; margin-top:17px; display:block;}
.header .bgA_01{ max-width:1190px; height:100%; overflow:hidden;  margin:0 auto; padding:0 0px; position:relative;}
.header:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
.header .navField{  float:right;}
.header .navField ul{ font-size:0; margin:0 0px 0 0; text-align:right;}
.header .navField li{ display:inline-block; vertical-align:top; text-align:center; line-height:88px; font-size:16px; -webkit-transition: -webkit-transform 0.3s, background-color 0.3s; -moz-transition: -moz-transform 0.3s, background-color 0.3s; -ms-transition: -ms-transform 0.3s, background-color 0.3s; -o-transition: -o-transform 0.3s, background-color 0.3s; transition: transform 0.3s, background-color 0.3s;}
.header .navField li a{ display:inline-block; padding:0 25px; line-height:88px;  color:#666; font-weight:bold; text-align:center; position:relative; background:99% -34px no-repeat; -webkit-transition: -webkit-transform 0.3s, color 0.3s; -moz-transition: -moz-transform 0.3s, color 0.3s; -ms-transition: -ms-transform 0.3s, color 0.3s; -o-transition: -o-transform 0.3s, color 0.3s; transition: transform 0.3s, color 0.3s;}
.header .navField li.link2,.header .navField li.link3,.header .navField li.link4,.header .navField li.link6{ padding:0 3px 0 0;}
.header .navField li.link2 a,.header .navField li.link3 a,.header .navField li.link4 a,.header .navField li.link6 a{ /*background-image:url(../images/icon_arrow_04.gif);*/}
.header .navField li a:hover, .header .navField li a.on, .header .navField li.act a{ text-decoration:none; color:#de1d25; background-position:99% 26px;}
.header .navField li.act{ background:#eeeeee;}
.header .menuField{ position:absolute; width:100%; top:88px; background:#eeeeee; box-shadow: 5px 5px 8px rgba(0,0,0,0.2); -moz-box-shadow: 5px 5px 8px rgba(0,0,0,0.2); -webkit-box-shadow: 5px 5px 8px rgba(0,0,0,0.2);}
.header .menuField .child{ max-width:1158px; width:96%; margin:0 auto; padding:0 20px; text-align:center; display:none}
.header .menuField .current{ display:block;}
.header .menuField .child:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
.header .menuField .sub_menu{ width:1000px; padding:40px 0px;}
.header .menuField .sub_menu dl{ float:left; width:25%; text-align:center; display:block;}
.header .menuField .sub_menu dl dt{ font:22px/30px "微软雅黑"; color:#000;}
.header .menuField .sub_menu dl dt span{ margin:0px auto; height:50px; display:block; width:50px; background:url(../images/icon.png) no-repeat; margin-bottom:10px;}
.header .menuField .sub_menu dl dt .s_ico1{ background-position:-111px -521px;}
.header .menuField .sub_menu dl dt .s_ico2{ background-position:-195px -521px;}
.header .menuField .sub_menu dl dt .s_ico3{ background-position:-270px -521px;}
.header .menuField .sub_menu dl dt .s_ico4{ background-position:-360px -521px;}
.header .menuField .sub_menu dl dd{ font-size:13px; line-height:30px; margin-top:15px;}
.header .menuField .sub_menu dl dd a{ display:block; color:#666;}
.header .menuField .sub_menu dl dd a:hover{ color:#df1d25}
/*.header .menuField .child dl{ color:#222; position:relative; margin:0 0 0 406px; text-align:center; padding:20px}
.header .menuField .child a{ color:#666;font-size:14px; -webkit-transition: -webkit-transform 0.3s, color 0.3s; -moz-transition: -moz-transform 0.3s, color 0.3s; -ms-transition: -ms-transform 0.3s, color 0.3s; -o-transition: -o-transform 0.3s, color 0.3s; transition: transform 0.3s, color 0.3s;}
.header .menuField .child a:hover{ text-decoration:none; color:#2e7eae;}
.header .menuField .child dl dt{ font-size:16px; line-height:50px;}
.header .menuField .child dl dd{ font-size:14px; line-height:28px; display:inline-block; padding:0 20px;}
*/



.fullSlide{ width:100%;  position:relative;  height:840px; }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:500px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:500px; }
.fullSlide .hd{ display:block;  position:absolute; z-index:1; bottom:0px; left:48%; height:30px; line-height:30px; text-align:center; }
.fullSlide .hd ul{ text-align:center; margin:0px auto; left:50%;}
.fullSlide .hd ul li{ text-align:center; cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:3px; overflow:hidden; background:#ddd; /*filter:alpha(opacity=50);opacity:0.5;*/  line-height:999px; border-radius:11px;}
.fullSlide .hd ul .on{ background:#df1d25;  }
.service{  height:auto; overflow:hidden; padding:50px;}
.service h1{ font:36px/36px "微软雅黑"; color:#333; text-align:center; font-weight: normal;}
.service h1 p{ display:block; font-size:14px; line-height:22px; font-weight:normal; color:#999; margin-top:20px }
.service dl{ float:left; width:277px; padding:30px 10px 0 10px; display:block; margin:30px 0px 0px }
.service dl:hover{ background-color:#f2f2f2}
.service dl dt{  font:22px/24px "微软雅黑"; color:#000; width:100%; display:block; text-align:center; font-weight: bold;}
.service dl dt i{ display:block; width:101px; height:101px; margin:0px auto; margin-bottom:10px; text-align:center;}
.service dl dt .ico1{ background-position:0px 0px;}
.service dl dt .ico2{ background-position:-111px 0px;}
.service dl dt .ico3{ background-position:-222px 0px;}
.service dl dt .ico4{ background-position:-333px 0px;}
.service dl dd{ text-align:center; margin-top:20px;}
.service dl dd a{ width:138px; height:23px; line-height:23px; color:#666; border:#d2d2d2 1px solid; display:inline-block; margin:0px auto;  margin-bottom:5px; transition:all 0.4s;}
.service dl dd a:hover{ color:#df1d25; border:#df1d25 1px solid; }
.service dl dt.last_border{ border-right:none;}
.case{padding:50px 0px;}
.case h1{ font:36px/36px "微软雅黑"; color:#333; text-align:center;  font-weight:normal; }
.case h1 p{ display:block; font-size:14px; color:#999; line-height:22px; margin-top:15px; font-weight:normal;}
.case_nav{width:1002px;position: relative;overflow: hidden;margin-bottom: 30px; margin-top:50px;}
.case_nav ul{width: 1002px;}
.case_nav li{float: left;margin: 0 10px 2px 0;*margin-right: 10px;display:inline-block;position: relative;overflow: hidden;word-wrap: break-word;}
.case_nav li a{height: 28px; display: inline-block;font-weight: bold;font-size: 15px;line-height:28px;color: #383838;border: 1px solid #d2d2d2;padding: 0px 5px;}
.case_nav li a:hover,.case_nav li a.on{background: #000;border: 1px solid #000;color: #fff;}
.container{width: 1032px;position: relative;background: #fff;z-index: 35;}
.item{width: 322px;border-bottom: 4px solid #ebebeb;margin: 0 18px 18px 0;float: left;display: inline;}
.itembox{width: 270px;padding: 20px 25px;border: 1px solid #cfcfcf;border-bottom: 1px solid #e6e6e6;}
.itembox .time{font-size: 10px;line-height: 20px;color: #aaa;margin-bottom: 5px;}
.itembox img{display: block;margin: 0 auto 15px;opacity: 0;}
.itembox a{line-height: 20px;color: #666;}
.itembox a.title{display: inline-block;font: bold 20px/26px "微软雅黑";color: #333;margin-bottom: 10px;}
.itembox a:hover{color: #de1d25;}
.itemtips{height: 42px;border: 1px solid #cfcfcf;border-top: 0;padding: 0 16px;background: #fafafa;}
.itemtips p{line-height: 42px;color: #666;float: left; font-size:14px;}
.itemtips a{display: inline-block;line-height: 42px;color: #898989;}
.itemtips a:hover{color: #de1d25;}
.itemtips .sign{width: 16px;height: 16px;position: relative;overflow: hidden;float: right;margin-top: 16px;}
.itemtips .sign img{position: absolute;top: 0;left: 0;}
.top01 .top01t{text-align:center;font-weight:normal;font-size:30px;height:auto;color:#48afdb;margin-bottom:30px;}
.top01 .top01t p{font-size:18px;line-height:25px;width:85%;margin:0 auto;color:#3b3e4f;margin-top:10px;}
.top01 ul li p.top01cl{font-weight:normal;font-family:"Tahoma","Arial";}
.top01 ul li{font-size:14px;text-align:center;line-height:25px;color:#999999;}
.top01 ul{height:245px;}
.top01 .top01t span{color:#416681;}
.top01 ul li p.top01cl{color:#E17695;}
.home_news_list_inner{width:1190px; height: auto; overflow:hidden; margin-left:auto; margin-right:auto; text-align:center; padding:0px 0px 50px}
.home_news_item{width:324px;height:140px;padding:0 25px;margin-top:20px;margin-bottom:10px;float:left;border:1px solid #666;margin-right:10px; margin-left:10px;overflow:hidden;position:relative;z-index:2;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;}
.home_news_item dl{text-align:center;position:absolute;top:0;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;}
.home_news_item dl dt{background:url(../images/news_ico_time.png) no-repeat center 20px;padding-top:58px;font-size:12px;font-family:"宋体";color:#444444;}
.home_news_item dl dd.t{margin:0px 0 10px;width:324px;height:46px;line-height:46px;overflow:hidden;}
.home_news_item dl dd.t a{color:#000;font-size:18px;text-align:center;}
.home_news_item dl dd.spec{width:324px;overflow:hidden;}
.home_news_item dl dd.spec a{color:#666;font-size:12px;font-family:"宋体";line-height:24px;}


.home_news_item:hover{border:1px solid #de1d25;padding:0px 25px;margin-top:10px;margin-bottom:0;}
.home_news_item:hover dl{top:-80px;}
.home_news_item:hover dl dd.t a{color:#de1d25;}
.home_news_item:nth-child(4){clear:both;}

.post-home{ float:left; margin-left:10px; margin-right:10px; width:277px; text-align:center; position:relative; margin-bottom:15px}
.post-thumbnail1{ width:100%}
.i_tuijian{ display:block; text-align:center; line-height:340px; font-style:normal; display:none; position:absolute; top:80px;background-image:url(../images/bg_hover1.png); background-repeat: no-repeat; background-position:center; left:15px; right:18px; bottom:80px; text-align:center; color:#fff}
.post-home a:hover .i_tuijian{ display:block}

.customer{ background:#f5f5f5; height:auto; overflow:hidden; padding:50px 0px; }
.customer h1{ font:36px/36px "微软雅黑"; color:#333; text-align:center; font-weight:normal; }
.customer h1 p{ display:block; font-size:14px; color:#666; line-height:20px; margin-top:15px; font-weight:normal;}
.customer ul{ width:100%; margin:0px auto; padding:0px; text-align:center; margin-top:45px;}
.customer ul li{ height:103px; float:left; width:188px; margin:0px 5px 10px 5px; border:1px #ddd solid}
.customer ul li img{ vertical-align:middle; display:inline; text-align:center;}
.customer ul li img:hover{-webkit-filter:grayscale(100%)}

.customer .view_but{ width:184px; height:35px; background-color:#F60; line-height:35px; border-radius:25px; display:block; margin:0px auto; text-align:center; color:#fff; font-size:16px; margin:30px auto 0px;}

.footer{ display:block; clear:both;}
.footer div{ width:1200px; margin:0px auto;}
.footer dl{ float:left; width:120px; /*border-right:#d2d2d2 1px solid;*/ padding:30px 15px; /*height:275px;*/ overflow:hidden;}
.footer dl dt{ font-size:14px; display:block; color:#333; font-weight:bold;}
.footer dl dd{ line-height:24px; font-size:13px; padding:15px 0px; height:auto; overflow:hidden}
.footer dl dd a{ color:#666; display:block;}
.footer dl dd a:hover{color: #de1d25;}
.footer dl dd ul li{ width:360px; float:left; line-height:28px; margin-right:10px;}
.footer dl dd ul li a{ width:270px; float:left}
.footer dl dd ul li span{ width:80px; float:right; color:#999}
.footer dl.contact{ width:310px; padding-right:35px;}
.footer dl.contact dt{ color:#666; font-size:13px; line-height:24px;}
.footer dl.contact dt h5{ display:block; font-size:14px; color:#333; margin-bottom:15px;}
.footer dl.contact dt h5 i{ display:block; width:140px; height:20px; display:block; background-position:-291px -138px;}
.footer dl.contact dt b{ color:#333; font-size:14px; font-weight:bold; display:block;}
.footer dl.contact dd{ border-top:#d2d2d2 1px solid; padding-top:10px; margin-top:10px;}
.footer dl.contact dd p{ float:left; width:155px;}
.footer dl.follow{ width:230px; border-right:none; float:left; padding:0px;}
.footer dl.follow dt{ padding-left:21px; border-bottom:#d2d2d2 1px solid; margin-top:35px; height:20px; padding-bottom:10px;}
.footer dl.follow dt a{ width:20px; height:16px; float:left; display:inline-block; margin-left:5px;}
.footer dl.follow dt .wx_icon{ background-position:-194px -111px;}
.footer dl.follow dt .lx_icon{ background-position:-220px -111px;}
.footer dl.follow dt .wb_icon{ background-position:-245px -111px;}
.footer dl.follow dd{ float:left; width:115px; text-align:center; color:#666; font-size:13px;}
.footer dl.follow dd span{ display:block;}
.footer dl.follow .text{ width:110px; height:15px; float:left; background-position:-292px -111px;}
.f_top{ margin-top:15px; border-top:#d2d2d2 1px solid;}

.compyright{ display:block; background:#333; padding:15px 105px;
 line-height:20px; height:auto; overflow:hidden; color:#ccc; position:relative; text-align:center }
.compyright a{ display:inline-block; word-break:break-all; word-wrap:normal; color:#888; margin:0px 5px;}
.compyright span{ position:absolute; left:50px; width:60px;}
.compyright a:hover{ color:#ccc;}

.new-float{position: fixed;right: -3px;top: 80%;z-index: 50;width: 77px;height: 374px;margin-top: -187px;}
.new-float li{position: relative;width: 77px;height: 57px;margin-bottom: 1px;line-height: 20px;color: #fff;text-align: center;}
.new-float li.hover{overflow: hidden;}
.new-float li a{display: inline-block;color: #fff;}
.new-float li a.tit{width: 77px;height: 27px;padding: 30px 10px 0 0;color: #fff;}
.new-float li p{position: relative;z-index: 2;height: 27px;padding-top: 30px;cursor: pointer;}
.new-float li.fi a{ background:url(../images/on_line.png) no-repeat 0px 0px;}
.new-float li.tp a{background:url(../images/on_line.png) no-repeat 0px -171px;}
.new-float li.th a{background:url(../images/on_line.png) no-repeat 0px -57px;}
.new-float li.fo a.tit{background:url(../images/on_line.png) no-repeat 0px -114px;}
.new-float li.fif p{background: url(../img/bg_float05.png) no-repeat;}
.new-float li .tel{position: absolute;left: 77px;top: 0;z-index: 1;width: 184px;height: 57px;font: 24px/57px Arial;color: #fff; background:#de1d25;cursor: pointer;}
.new-float a.mof{display: inline-block;width: 54px;height: 71px;padding: 12px 11px 0 12px;margin-top: 10px;*margin-top: 7px;background:url(../images/on_line.png) no-repeat 0px -239px;font-size: 18px;line-height: 22px;color: #fff;}

.page{padding:25px 0px 0px 0px;font-size:12px;font-weight:bold;line-height:22px;text-align:center;clear:both;}
.page a{text-decoration:none;color:#b2b2b2;	background:#fff;border:1px solid #CCCCCC;padding:3px 6px;padding-bottom:2px;margin-right:3px}
.page a.active{background:#de1d25;border:1px solid #de1d25;color:#fff}
.page a:hover{text-decoration:none;color:#fff;background:#de1d25;border:1px solid #de1d25}


/*#container{ width:1050px; margin:0px auto; margin-top:65px;}
#main { position: relative; margin-top:45px;  margin-left:20px;}
#tiles li { -webkit-transition: all 0.3s ease-out;  -moz-transition: all 0.3s ease-out;  -o-transition: all 0.3s ease-out;  transition: all 0.3s ease-out; }
#tiles {list-style-type: none; position: relative;  margin: 0;padding: 0;}
#tiles li {width: 338px; display: none;  cursor: pointer; padding-bottom:20px; }
#tiles li .info{ padding:25px; border: 1px solid #bfbfbf; width:270px; }
#tiles li .info h2{ color:#333; font-size:20px; padding-bottom:10px;}
#tiles li .classly{ background:#f5f5f5; height:48px; width:270px; border:#bfbfbf 1px solid; border-top:none; line-height:48px; font-size:14px; padding:0px 25px;}
#tiles li .classly .name{ float:left; color:#666;}
#tiles li .classly .enter{ display:inline-block; float:right; width:16px; height:16px; overflow:hidden; background-position:-484px 0px; margin-top:15px; transition:all 0.4s;}
#tiles li .classly .enter:hover{background-position:-484px -16px;}
#tiles li:hover .enter{background-position:-484px -16px;}
#tiles li.inactive { visibility: hidden; opacity: 0;}
#tiles li img {display: block;}
#tiles li p { color: #666; font-size: 12px; margin: 15px 0 0 0px; line-height:18px;}
#sortbys { list-style-type: none; text-align: center;}
#sortbys li { font-size: 12px; float: left; height:28px; line-height:28px; margin-right:10px; border:#d2d2d2 1px solid; cursor: pointer; padding:0px 10px;
      -webkit-transition: all 0.15s ease-out;
         -moz-transition: all 0.15s ease-out;
           -o-transition: all 0.15s ease-out;
              transition: all 0.15s ease-out;

    }
#sortbys li:hover { background: #dedede;}
#sortbys li.active { background: #333333; color: #ffffff;}*/


.sub_banner{ height:400px; margin:0px auto;}
.sub_content{ padding:30px 40px; border:#d2d2d2 1px solid; height:auto; overflow:hidden}
.s_title{ font-size:20px; color:#333}
.s_title span{ font-size:12px; display:block;}
.s_title1{ background:url(../images/cont_line.png) no-repeat bottom; font-size:16px; color:#333; padding-bottom:15px; display:block;}
.s_title1 span{ font-size:14px; color:#666;}
.news_show{}
.news_show dl{ border-bottom:#d2d2d2 1px dotted; height:116px; padding-bottom:24px; margin-top:24px; position:relative;}
.news_show dl dt{ width:188px; height:116px; position:absolute; left:0px; top:0px;}
.news_show dl dd{ margin-left:220px;}
.news_show dl dd h2{ font-size:16px; color:#333;}
.news_show dl dd h2 a{ color:#333;}
.news_show dl dd h2 a:hover{ color:#de1d25}
.news_show dl dd h2 .time{ position:absolute; right:0px; font-size:12px; font-weight:normal; color:#666;}
.news_show dl dd .word{ line-height:20px; color:#666; height:35px; padding:15px 0px; overflow:hidden;}
.news_show dl dd .view_but{ width:66px; height:23px; border:#a0a0a0 1px solid; display:inline-block; color:#333; text-align:center; margin-top:5px;}
.news_show dl dd .view_but:hover{ border:#de1d25 1px solid; color:#de1d25;}
.case_classly{ width:235px; overflow:hidden;}
.case_classly ul{ width:260px; padding-top:10px;}
.case_classly ul li{ float:left; width:115px; padding-right:15px; line-height:30px; }
.case_classly ul li a{ color:#666; background:url(../images/arrow_icon.png) no-repeat left center; padding-left:15px; font-size:14px;}
.case_classly ul li a:hover{ color:#de1d25}
.hot_new{ margin-top:30px;}
.hot_new ul{ padding-top:10px;}
.hot_new ul li{ line-height:30px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;  width:235px;}
.hot_new ul li a{ color:#666; background:url(../images/arrow_icon.png) no-repeat left center; padding-left:15px; font-size:14px;}
.hot_new ul li a:hover{ color:#de1d25}
.quick{  background:url(../images/cont_line.png) no-repeat top; display:block; clear:both; width:235px; padding-top:20px; margin-top:10px;}
.quick a{ height:76px; margin-bottom:20px; display:block; font-size:0px; line-height:0px; clear:both;}
.quick .ico_1{ background-position:0px -176px;}
.quick .ico_2{ background-position:0px -271px;}
.single_page{ line-height:24px; font-size:14px; color:#666}
.single_page h1{ padding-bottom:10px; font-size:20px; line-height:20px; color:#333; font-weight:bold; text-align:center; border-bottom:#a0a0a0 1px dotted; margin-top:20px;}
.single_page h1 span{ display:block; color:#ccc; font-weight:normal; font-size:12px; margin-top:8px;}
.single_page p{ margin:15px 0px;}
.return_page{ position:relative; margin-top:10px;}
.return_page ul{ float:left;}
.return_page ul li{ line-height:24px; display:block; color:#666; clear:both;}
.return_page ul li a{ color:#666;}
.return_page .return{ position:absolute; right:0px; top:0px; color:#666}
.return_page a:hover{ color:#de1d25}

.job_list{ display:block; clear:both;}
.job_list dl{ padding:5px 0px;}
.job_list dl dt{ font-size:16px; color:#de1d25; cursor:pointer;}
.job_list dl dd{ line-height:24px; color:#666; margin-top:5px;}
.job_list .notice{ margin-top:20px; color:#333;}

.contact_show{}
.contact_show dt{ font-size:13px; color:#666; line-height:24px; }
.contact_show dt b{ display:block; color:#333; font-size:14px;}
.contact_show dd{ line-height:24px;  border-top:#d2d2d2 1px solid; margin-top:10px; padding-top:10px;}
.contact_show dd p{ width:180px; float:left;}
.map{ padding:20px 0px; height:auto; overflow:hidden; display:block; clear:both;}
.contact_form{ margin-top:25px; height:auto; overflow:hidden;}
.contact_form li{ float:left; width:295px; padding-bottom:15px; height:auto; overflow:hidden;}
.contact_form li input{ width:238px; line-height:40px; height:40px; border:#bfbfbf 1px solid; border-radius:4px; padding:5px 20px; color:#555; font-size:14px;}
.contact_form li textarea{width:535px; height:170px; border:#bfbfbf 1px solid; border-radius:4px; padding:15px 20px; color:#555; font-size:14px;}
.contact_form li input:focus,.contact_form li textarea:focus{ border:#de1d25 1px solid;}
.contact_form li.w{ width:100%; float:none; }
.contact_form .but{ height:32px; line-height:32px; padding:0px 20px; float:right; display:inline-block; background:#de1d25; font-size:14px; color:#fff; text-align:center; border-radius:4px; margin-right:52px;}


.service_show{ margin:0px auto;  }
.service_show .hd{ height:37px; position:relative; width:720px; }
.service_show .hd ul{ float:left; position:absolute; left:0px; top:-1px; height:37px;}
.service_show .hd ul li{ float:left; width:168px; text-align:center; cursor:pointer; font-size:16px; color:#666; border:#d2d2d2 1px solid; display:inline-block; background:url(../images/line2.png) repeat-x; margin-right:10px; line-height:37px; font-size:16px;  }
.service_show .hd ul li.on{ height:38px; color:#333; background:#fff; border-bottom:none; }
.service_show .bd{ margin:0px auto; padding:30px;  display:block;  overflow:hidden; height:auto; border:#d2d2d2 1px solid}
.service_content{  font-size:12px; line-height:24px;}
.service_content h3{ font-size:36px; color:#333; text-align:center; font-weight:normal; margin-bottom:10px;}
.w_banner{ height:500px; background:url(../images/w_banner.png) no-repeat center;}

.w_service{ width:1002px; margin:0px auto;}
.w_service h2{ color:#555; font-size:36px; text-align:center; font-weight:normal; margin-top:40px;}
.w_service h2 span{ display:block; font-size:12px; margin-top:15px;}
.w_service h2 span font{ color:#de1d25; font-size:18px;}
.w_service ul{list-style: none; padding-top:20px;}
.w_service li a {  display: block;  text-decoration: none;}
.w_service li p { color: #666; line-height: 18px;}
.w_service li a:hover > small { color: #de1d25;}
.w_service li a > small {  color: #666; margin: 10px auto;font-size: 24px;}
.w_service li { width: 20%; float: left;  text-align: center; margin-bottom: 15px;}
.w_service li a > * {  display: block;}
.w_service li a > span { width: 60px; height: 60px; border-radius: 1000px; margin: 0 auto; text-align: center; line-height: 60px;position: relative;background-image: url(../images/w_icon.png);
 background-repeat: no-repeat;}
.w_service li a > span > i {width: 100px; height: 30px;  display: block;position: absolute; top: 0;right: -20px;}
.icon-new { background:url(../images/icon.png) no-repeat; background-position: right -176px; padding-right: 32px;}
.icon-hot {
 background:url(../images/icon.png) no-repeat;   background-position: right -262px;
  padding-right: 28px;
}
.index-1-1 a > span { background-position: 0 0;}
.index-1-2 a > span {  background-position: -240px 0;}
.index-1-3 a > span { background-position: -480px 0;}
.index-1-4 a > span { background-position: -720px 0;}
.index-1-5 a > span {  background-position: -960px 0;}
.index-1-6 a > span { background-position: 0 -120px;}
.index-1-7 a > span { background-position: -240px -120px;}
.index-1-8 a > span { background-position: -480px -120px;}
.index-1-9 a > span { background-position: -720px -120px;}
.index-1-10 a > span { background-position: -960px -120px;}
.index-1-11 a > span { background-position: 0 -240px;}
.index-1-12 a > span {  background-position: -240px -240px;}
.index-1-13 a > span { background-position: -480px -240px;}
.index-1-14 a > span { background-position: -720px -240px;}
.index-1-15 a > span {  background-position: -960px -240px;}
.index-1-16 a > span { background-position: 0 -360px;}
.index-1-17 a > span { background-position: -240px -360px;}
.index-1-18 a > span { background-position: -480px -360px;}
.index-1-19 a > span { background-position: -720px -360px;}
.index-1-20 a > span { background-position: -960px -360px;}
.index-1-1 a:hover > span {  background-position: -120px 0;}
.index-1-2 a:hover > span { background-position: -360px 0;}
.index-1-3 a:hover > span {background-position: -600px 0;}
.index-1-4 a:hover > span {  background-position: -840px 0;}
.index-1-5 a:hover > span { background-position: -1080px 0;}
.index-1-6 a:hover > span {background-position: -120px -120px;}
.index-1-7 a:hover > span {  background-position: -360px -120px;}
.index-1-8 a:hover > span {   background-position: -600px -120px;}
.index-1-9 a:hover > span {  background-position: -840px -120px;}
.index-1-10 a:hover > span {  background-position: -1080px -120px;}
.index-1-11 a:hover > span {  background-position: -120px -240px;}
.index-1-12 a:hover > span {  background-position: -360px -240px;}
.index-1-13 a:hover > span {   background-position: -600px -240px;}
.index-1-14 a:hover > span {background-position: -840px -240px;}
.index-1-15 a:hover > span {  background-position: -1080px -240px;}
.index-1-16 a:hover > span { background-position: -120px -360px;}
.index-1-17 a:hover > span { background-position: -360px -360px;}
.index-1-18 a:hover > span {   background-position: -600px -360px;}
.index-1-19 a:hover > span {  background-position: -840px -360px;}
.index-1-20 a:hover > span { background-position: -1080px -360px;}

.w_case{ padding:50px 0px; width:100%;}
.w_case h1{ font:36px/36px "微软雅黑"; color:#333; text-align:center; }
.w_case h1 p{ display:block; font-size:12px; color:#666; line-height:20px; margin-top:15px;}
.w_case_show{width:1002px; margin:0px auto; position:relative; padding:35px 0px;}
.w_case_show .prev,.w_case_show .next{ background:url(../images/icon.png) no-repeat; width:53px; height:53px; position:absolute; left:-80px; top:250px; background-position:0px -357px; }
.w_case_show .next{ left:auto; right:-90px; background-position:-63px -357px; }
.w_case_show .prev:hover{ background-position:0px -357px; }
.w_case_show .next:hover{ background-position:-63px -357px; }
.w_case_show .slide{ width:1002px; overflow:hidden; height:490px;  }
.w_case_show .slide ul{  zoom:1; width:1026px; margin-left:-5px; padding:5px 0px;  }
.w_case_show .slide li{ width:316px; height:225px; display:inline;  float:left; line-height:20px; background:#fff; margin:0px 13px 30px 13px; box-shadow:#8d8d8d 0px 1px 8px  }
.w_case_show .slide li p{ height:32px; line-height:32px; padding:0px 15px;}
.w_case_show .slide li .picture{ width:316px; height:193px; overflow:hidden; position:relative; display:block;}
.w_case_show .slide .rsp{width:316px;height:193px;overflow:hidden;position: absolute;	background: #fff;
	filter: alpha(opacity = 70); 
	opacity: 0.7;	top:0px;left:0px;}
.w_case_show .slide .ewm{ position:absolute;width:330px;height:230px;left:-330px;top:0px;overflow:hidden;}
.w_case_show .slide .ewm img{ text-align:center; vertical-align:middle; margin-top:26px; margin-left:80px;}

/*.w_case_show .slide .picture{
	position: relative;
	overflow: hidden;
	width: 316px;
	height: 193px;
}
.w_case_show .slide .picture .bg{
	position: absolute;
	left: 0;
	top: 205px;
	width: 100%;
	height: 100%;
	background: #fff;
	filter: alpha(opacity = 70); 
	opacity: 0.7;	
}
.w_case_show .slide .picture .ewm{
	
}*/

.w_customize{ padding:50px 0px; width:1002px; margin:0px auto;}
.w_customize h1{ font:36px/36px "微软雅黑"; color:#333; text-align:center; }
.w_customize h1 p{ display:block; font-size:12px; color:#666; line-height:20px; margin-top:15px;}
.w_customize ul{ margin-top:45px; width:1080px;}
.w_customize ul li{ float:left; width:120px; text-align:center; cursor: pointer; position:relative; margin-right:55px;}
.w_customize ul li span{ width:91px; height:91px; display:inline-block; margin:0px auto; background:url(../images/icon.png) no-repeat;}
.w_customize ul li p{ line-height:24px; color:#666; font-size:14px; margin-top:10px;}
.w_customize ul li span.w_ico1{ background-position:0px -420px}
.w_customize ul li span.w_ico2{ background-position:-101px -420px}
.w_customize ul li span.w_ico3{ background-position:-202px -420px}
.w_customize ul li span.w_ico4{ background-position:-303px -420px}
.w_customize ul li span.w_ico5{ background-position:-404px -420px}
.w_customize ul li span.w_ico6{ background-position:0px -521px}
.w_customize ul li:hover span{ -webkit-animation:shake .5s ease-in; }
@-webkit-keyframes shake{
	  0%, 100% {
        -webkit-transform: translateY(0);
    }
    20%, 60% {
        -webkit-transform: translateY(-10px);
    }
    40%, 80% {
        -webkit-transform: translateY(10px);
    }
	}
.w_customize ul li:hover p{ color:#de1d25;}



.case_show{ width:735px; float:right; overflow:hidden;}
.case_show ul{ width:760px;}
.case_show ul li{float:left;width:220px; height:180px; overflow:hidden;position:relative; background:#fff;  padding:5px; margin-top:20px; border:#e8e8e8 1px solid; margin-right:19px;}
.case_show ul li .photo{width:220px;height:146px;overflow:hidden;}
.case_show .dec{ float:left; font:14px/40px "微软雅黑"; height:40px;  overflow:hidden; display:block; width:100%; color:#333;}
.case_show .dec .fr{ font-size:12px; float:right; color:#666;}
.case_show .dec a{ color:#333;}
.case_show .dec a:hover{ color:#da251e}
.case_show .rsp{width:220px;height:153px;overflow:hidden;position: absolute;background:#fff;top:5px;left:5px;}
.case_show .text{position:absolute;width:220px;height:153px;left:-220px;top:0px;overflow:hidden;}
.case_show .but_view{ text-align:center; margin:20px 0px 20px 6px; padding-top:20px;}
.case_show .text a.but{ width:95px; height:33px; border:#1f1f1f 1px solid; font:14px/35px "微软雅黑"; color:#333; display:inline-block; text-align:center; margin:0px 5px;}
.case_show .text a.but:hover{ background:#da251e; color:#fff; border:#da251e 1px solid;}
.case_show .text p{text-align:center;color:#da251e;font-size:12px;}
.case_show .arrow{ background:url(../images/ico_wlgd.png) no-repeat -92px 0px; position:absolute; right:0px; bottom:0px; width:5px; height:5px; display:inline-block;}


.moreindex {
    display: block;
    width: 184px;
    border: 3px solid #e3e3e3;
    border-radius: 25px;
    margin: 40px auto 0;
    font-size: 14px;
    line-height: 30px;
    color: #969696;
    text-align: center;
}
.moreindex:hover{
	border-color: #de1d25;
	color: #de1d25;
}
.t-f {
    transition: all 0.5s;
}