@charset "utf-8";
/* CSS Document */
*{margin: 0px;padding: 0px;}
html{color:black; background:white;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight: normal;}
a{text-decoration: none;color: #666666;cursor: pointer;}
img{border: 0;vertical-align: middle;}
ol,ul{list-style: none;margin: auto;}
.fl{float:left;display:inline;}
.fr{float: right;display:inline;}
.clear{clear: both;display: block;overflow:hidden; height:0; line-height:0; font-size:0; }
body{font-size:12px;font-family:"\5fae\8f6f\96c5\9ed1";color: #666666;}
.clear{ clear:both;}
.clearB{ clear:both; height:20px;}
input{ margin:0px; padding:0px; border:none;}

@font-face
{
font-family: myFirstFont;
src: url('../fonts/张海山锐线体简.ttf'),
     url('../fonts/张海山锐线体简.eot'); /* IE9+ */
}



/*网站头部*/
.jsgf_module{ width:100%; height:auto; overflow:hidden}
.top_header{ width: 100%; height: 40px; background: #FFF; border-bottom: 1px solid #eee;}
.top_header_module{ width: 1200px; margin: 0px auto; height: 40px; line-height: 36px;font-family:"\5fae\8f6f\96c5\9ed1"; font-size: 14px; color:#6b6b6b;}
.top_L{ width: 50%; float: left; height:40px;}
.top_R{ width: auto; float:right; height:40px; background: url(../images/dh.jpg) 0px center no-repeat; text-indent: 25px;font-family:"\5fae\8f6f\96c5\9ed1";color: #6b6b6b; line-height: 40px; font-size:14px;}
.top_R ul li{ width: auto; float:left; padding:0px 15px;font-family:"\5fae\8f6f\96c5\9ed1"; font-size: 14px; color:#666; background: url(../images/top_t.jpg) right center no-repeat;}
.top_R ul li a{ color: #dcdcdc;}
.top_R ul li a:hover{ color: #FFF;}
.top_R ul li.last{ background: none;}
.header_module{ clear:both; background:#FFF; width:100%; height:80px;}
.header_module_module{ width:1200px; margin:0px auto; height:80px;}
.header_logo{ width: 300px; float: left; height: 60px; position: relative; z-index: 999;}


/*网站导航*/
.nav{ width:805px; float: left; height:80px; line-height:80px;}
.nav_module{ width:805px; margin:0px auto; height:80px; line-height:80px; font-size:14px; font-family:"\5fae\8f6f\96c5\9ed1"; color:#FFF;}
.nav_module ul li.yqlj-item{height:80px; color: #333; float:left; width:115px; padding:0px 0px; font-family:"\5fae\8f6f\96c5\9ed1"; font-size:16px; text-align:center; position:relative; z-index:999;}
.nav_module ul li.yqlj-item em{ display:inline-block; font-style:normal; line-height:18px; margin-top:22px;}
.nav_module ul li.yqlj-item p{ font-family:Arial, Helvetica, sans-serif; display:block; color:#bebebe; line-height: 20px; font-size:10px;}
.nav_module ul li.yqlj-item:hover{ background:url(../images/ft_t.jpg) center 60px no-repeat #e70010; color:#FFF; -webkit-transition: all 4s linear; -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear; transition: all 0.5s linear;}
.nav_module ul li a,.nav_module ul li a:link,.nav_module ul li a:visited,.nav_module ul li a:active{ color:#333;}
.nav_module ul li a,.nav_module ul li a:hover{ color:#FFF; display:block;}
.nav_module ul li.on{ background:url(../images/ft_t.jpg) center 60px no-repeat #e70010; color:#FFF; -webkit-transition: all 4s linear; -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear; transition: all 0.5s linear;}
.nav_module ul li.on a{ color:#FFF;}
.nav_module ul li.on a p{ color:#cdcdcd;}
.nav_module ul li.yqlj-item:hover em{color:#FFF;}
.nav_module ul li.yqlj-item:hover p{color:#cdcdcd;}
.nav_module ul li.yqlj-item:hover a{ color: #FFF;}
.second{ position:absolute; top:80px; left:-26px; width:118px; padding:0px 24px; height:auto;display:none;}
.nav_module ul li.fitem-hover .second{ display:block;-webkit-transition: all 4s linear; -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear; transition: all 0.5s linear; }
.nav_module ul li .second ul li{  float:left; background:#0156b3; font-size: 14px; border-bottom: 1px solid #2f73be; width:118px;position:relative; z-index:99;font-family:"\5fae\8f6f\96c5\9ed1";}
.nav_module ul li .second ul li:hover{ background:#e70010; color:#FFF;-webkit-transition: all 4s linear; -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear; transition: all 0.5s linear;}
.nav_module ul li .second ul li img{ list-style-image:none;}
.nav_module ul li ul li a{  height:38px; line-height:38px;} 
.nav_module ul li ul li a,.nav_module ul li ul li a:link,.nav_module ul li ul li a:visited,.nav_module ul li ul li a:active{ color:#FFF;}
.nav_module ul li ul li a,.nav_module ul li ul li a:hover{ color:#FFF; display:block;}

.third{ display:none;}
li.item-hover .third{ display:block;}
.nav_module ul li .second ul li.item-hover .third{ display:block;}
.nav_module ul li .second ul li .third{ position:absolute; left:128px; top:0px;}
.nav_module ul li .second ul li .third ul li{ width:230px;}

.nav_en{ float: left; width: 90px; height: 80px; line-height: 80px; background: url(../images/en.jpg) 20px center no-repeat; text-indent: 50px;font-size:16px; font-family:"\5fae\8f6f\96c5\9ed1"; color:#7c7c7c; border-left: 1px solid #eee; }
.nav_en a{color:#7c7c7c; display: block;}
.nav_en a:hover{color:#FFF; background:url(../images/en_h.png) 20px center no-repeat #e70010;}


/*banner*/
.jsgf-banner{ clear:both; width:100%; height:auto; overflow:hidden; text-align:center;}


.flexslider {margin: 0px auto 0px;	position:relative;	width: 100% ;height:548px; overflow: hidden; zoom:1;}
.flexslider .slides li {width: 100%;height: 100%;}
.flex-direction-nav a {	width: 70px;	height: 70px;	line-height: 99em;	overflow: hidden;	margin: -35px 0 0;	display: block;	background: url(../images/ad_ctr.png) no-repeat;	position: absolute;	top: 50%;	z-index: 10;	cursor: pointer;	opacity: 0;	filter: alpha(opacity=0);	-webkit-transition: all .3s ease;	border-radius: 35px;}
.flex-direction-nav .flex-next {background-position: 0 -70px;	right: 0;}
.flex-direction-nav .flex-prev {left: 0;}
.flexslider:hover .flex-next {opacity: 0.8;	filter: alpha(opacity=25);}
.flexslider:hover .flex-prev {	opacity: 0.8;	filter: alpha(opacity=25);}
.flexslider:hover .flex-prev:hover {opacity: 1;	filter: alpha(opacity=50);}
.flex-control-nav {	width: 100%; position: absolute;	bottom: 10px; text-align: center;}
.flex-control-nav li {margin: 0 2px; display: inline-block;	zoom: 1; *display: inline;}
.flex-control-paging li a {background: url(../images/dot.png) no-repeat 0 -16px; display: block; height: 16px;	overflow: hidden;	text-indent: -99em;	width: 16px;cursor: pointer;}
.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {background-position: 0 0;}
.flexslider .slides a img {width: 100%;	height:548px;	display: block;}

.br_module{ background: url(../images/br.jpg) center no-repeat; height: 300px;}


/*网站内容*/
.jsgf-content{ clear:both; width:100%; background:#FFF; margin:0px auto; height:auto; overflow:hidden;}
.content_module{ width:100%; margin:0px auto;}


.ctdq_module{ width:1200px; margin:0px auto; height:auto; overflow:hidden;}
.ctdq_module_module{ width:1200px; margin:0px auto; height:70px; overflow:hidden;}
.ctdq_L{ width:auto; float:left; background:url(../images/home.png) 6px center no-repeat;font-family:"\5fae\8f6f\96c5\9ed1"; color:#888; text-indent:30px; font-size:14px; height:70px; line-height:70px;}
.ctdq_L a{ color:#888;}
.ctdq_L a:hover{ color:#e60115;}
.ctdq_R{ width:auto; float:right; height:70px;}
.ctdq_R ul li{ width:auto; padding:0px 15px; float:left;  height:70px; line-height:70px; font-family:"\5fae\8f6f\96c5\9ed1"; color:#333; font-size:14px;}
.ctdq_R ul li a{ color:#333;}
.ctdq_R ul li a:hover{ color:#e60115;}
.ctdq_R ul li:hover{ background:#eee; border-bottom:4px solid #e60115;height:66px;}
.ctdq_R ul li.flon{background:#eee; border-bottom:4px solid #e60115; height:66px;}
.nrct_module{ clear:both; width:100%; height:auto; overflow:hidden; border-top:2px solid #eee; background:#f5f4f9; padding:30px 15px;}
.nrct_module_module{ width:1200px; margin:0px auto;font-family:"\5fae\8f6f\96c5\9ed1"; color:#666; font-size:14px; line-height:30px;}
.nrct_module_module a{ color:#666;}
.nrct_module_module a:hover{ color:#e60115;}



/* 切换效果 */
.demopage{width:492px; float:right;}
.demopage h2{font-size:14px;text-align:center;}
/* tabbox */
.tabbox{width:492px; position:relative;height:auto;overflow:hidden;}
.tabbox .tabbtn{height:31px; background:#F0F0F0; border-bottom:1px solid #eee;}
.tabbox .tabbtn li{float:left;position:relative;margin:0 0 0 -1px;}
.tabbox .tabbtn li a{font-family:"\5fae\8f6f\96c5\9ed1"; color:#212121; font-size:16px;}
.tabbox .tabbtn li a,.tabbox .tabbtn li span{display:block;float:left;height:31px;line-height:31px;overflow:hidden;width:110px;text-align:center;font-size:16px;cursor:pointer;}
.tabbox .tabbtn li.current{ background:#FFF; width:110px; height:41px; color:#093f6d; border-top:1px solid #1372a8;}
.tabbox .tabbtn li.current a,.tabbox .tabbtn li.current span{width:110px; height:41px; color:#093f6d;}
.tabbox .loading{height:40px;width:432px;text-align:center;position:absolute;left:0;top:120px;}
.tabbox .tabcon{padding:10px;}
/* 切换效果结束 */


/*产品分类*/
.cpfl_module{ width:214px; float:left; height:auto; overflow:hidden; float:left;}
.cpfl_item{ width:100%; height:88px;}
.cpfl_module_module{ clear:both; width:100%; height:auto; overflow:hidden;}
.cpfl_content{ background:url(../images/cpfl_bg.jpg) repeat-y; padding:10px 0px;}
.cpfl_content ul li{ width:184px; margin:0px auto; height:36px; border-bottom:1px solid #dedede; background:url(../images/cpfl_b.jpg) 10px 12px no-repeat; text-indent:25px;font-family:"\5fae\8f6f\96c5\9ed1"; color:#333; line-height:30px; font-size:14px;}
.cpfl_content ul li:hover{ background:url(../images/cpfl_h.jpg) 0px center no-repeat; color:#FFF;}
.cpfl_content ul li:hover a{ color:#FFF;}
.cpfl_content ul li a{ color:#333;}
.cpfl_bottom{ clear:both; width:100%;}




/*产品展示*/
.content_p2{ width:1100px; margin:0px auto; height:auto; overflow:hidden;}
.cpzs_module{ width:1100px; margin:0px auto; height:auto; overflow:hidden;}
.cpzs_item{ width:100%; text-align:center;}
.cpzs_item_title{ width:692px; margin:20px auto 10px; height:37px;}
.cpzs_bt{ clear:both; width:100%; line-height:38px;font-family:"\5fae\8f6f\96c5\9ed1"; font-size:14px; color:#666; text-align:center;}
.cpzs_item_title ul li{ text-align:center; background:#e9e9e9; width:153px; height:37px; line-height:31px;font-family:"\5fae\8f6f\96c5\9ed1"; font-size:16px; color:#FFF; margin:0px 10px; float:left;}
.cpzs_item_title ul li a{ color:#333;}
.cpzs_item_title ul li:hover{ background:url(../images/cp_hr.jpg) no-repeat;}
.cpzs_item_title ul li:hover a{ color:#FFF;}
.cpzs_item_title ul li.selected{background:url(../images/cp_hr.jpg) no-repeat; color:#FFF;}
.cpzs_item_title ul li.selected a{color:#FFF;}
.cpzs_module_module{ clear:both; height:615px; overflow:hidden; padding:15px 0px;}
.cpzs_module_module ul li{ width:239px; height:285px; border:1px solid #ddd; background:#FFF;  float:left; margin-left:29px; margin-top:20px;}
.cpzs_module_module ul li a{ text-decoration:none;}
.cpzs_module_module ul li .cpzs_pic{ width:223px; height:181px; margin:10px auto;}
.cpzs_module_module ul li img{ width:223px; height:181px;}
.cpzs_module_module ul li .cpzs_title{font-family:"\5fae\8f6f\96c5\9ed1"; font-size:16px; margin-left:10px; color:#333; line-height:35px; width:223px; height:35px;}
.cpzs_module_module ul li.eq0{ margin-left:0px;}
.cpzs_more{ width:68px; height:28px; float:right; margin-right:10px; line-height:28px; border:1px solid #ddd;font-family:"\5fae\8f6f\96c5\9ed1"; color:#666; font-size:14px; text-align:center;}
.cpzs_module_module ul li:hover .cpzs_more{ color:#FFF;}
.cpzs_module_module ul li .cpzs_more a{ color:#666; display:block;}
.cpzs_module_module ul li .cpzs_more a:hover{ background:#c7313a; color:#FFF;}
.cpzs_module_module ul li:hover{ background:#c7313a; z-index:2;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696',Direction=135, Strength=5);/*for ie6,7,8*/  
    -moz-box-shadow:2px 2px 5px #969696;/*firefox*/  
    -webkit-box-shadow:2px 2px 5px #969696;/*webkit*/  
    box-shadow:2px 2px 5px #969696;/*opera或ie9*/ 
}
.cpzs_module_module ul li:hover .cpzs_title{ color:#FFF;}
.cpzs_module_module ul li:hover .cpzs_more a{ color:#FFF;}

.zscp_module_module{clear:both; height:auto; overflow:hidden; padding:15px 0px;}
.zscp_module_module ul li{ width:240px; height:214px; background:#e2e2e2; padding:7px 5px; float:left; margin-left:25px; margin-top:20px;}
.zscp_module_module ul li.eq0{ margin-left:0px;}
.zscp_module_module ul li img{ width:238px; height:172px;}
.zscp_module_module ul li p{ clear:both;font-family:"\5fae\8f6f\96c5\9ed1"; height:40px; line-height:45px; color:#333; font-size:16px; text-align:center;}
.zscp_module_module ul li:hover{ background:#0156b3;}
.zscp_module_module ul li:hover p{ color:#FFF;}
.content12 .hide{ display:none}








/*公司介绍*/
.content_p2{ width:100%; height:auto; overflow:hidden; padding: 30px 0px; background:#eee; border-top: 1px solid #d7d7d7;}
.gsjs_module{ width: 1200px; margin: 0px auto; height: auto; overflow: hidden; background: #FFF;}
.gsjs_pic{ width: 439px; height: 291px; border: 5px solid #dbdbdb; float: left;}
.gsjs_content{ width: 700px; float:left; margin-left: 30px; height: auto; overflow: hidden;}
.gsjs_content h2{line-height: 60px; font-size:18px; font-family:"\5fae\8f6f\96c5\9ed1"; color: #0657a8;}
.gsjs_content_module{line-height: 28px; font-size:14px; font-family:"\5fae\8f6f\96c5\9ed1"; color: #666;}
.gsjs_more{ width: 113px; height: 37px; margin-top: 15px; line-height: 37px; border: 1px solid #dcdcdc; text-align: center; font-size: 12px; color: #666;  font-family:"\5fae\8f6f\96c5\9ed1";}
.gsjs_more a{ color: #666; display: block;}
.gsjs_more a:hover{ color: #c80307; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear; transition: all 0.5s linear;}
.gsjs_more:hover{ background: #c80307; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear; transition: all 0.5s linear;}
.gsjs_more:hover a{  color: #FFF;}




/*工程案例*/
.content_p3{ clear: both; width:100%; margin: 0px auto;  height:auto; overflow:hidden;}
.gcal_module{ width: 1200px; margin: 0px auto; height: auto; overflow: hidden;}
.gcal_item{ width: 100%; height: 75px; border-bottom: 1px solid #eee;}
.gcal_item_title{ width: auto; float: left; height: 75px; line-height: 75px; background: url(../images/cpzx_t.jpg) 10px bottom  no-repeat; font-family:"\5fae\8f6f\96c5\9ed1"; color:#444; font-size:20px;}
.gcal_item_title span{ color: #b9b9b9; font-family: aria; font-size: 24px; margin-left: 5px; font-weight: normal;}
.gcal_more{ width: auto; float: right; color: #666; font-size: 14px; font-family:"\5fae\8f6f\96c5\9ed1"; line-height: 75px;}
.gcal_more a{ color: #666;}
.gcal_more a:hover{ color: #e70010;}
.gcal_module_module{ clear: both; width: 100%; height: auto; overflow: hidden; padding: 0px 0px 0px;}
.gcal_module_module ul li{ position: relative; z-index: 66; width: 289px; height: 203px; float: left; margin-left: 14px; margin-top: 20px; overflow: hidden;}
.gcal_module_module ul li.gcal_eq0{ margin-left: 0px;}
.gcal_title{ position: absolute; bottom: 0px; line-height: 47px; height: 47px; width: 289px; z-index: 999; color: #FFF; font-size: 14px; font-family:"\5fae\8f6f\96c5\9ed1"; background: #000; text-align: center;   background-color:rgba(0,0,0,0.7); }
.gcal_module_module ul li.gcal_hv .gcal_title{ background: #005aab; opacity: 0.76; -webkit-transition: all 0.3s linear; -moz-transition: al
.gcal_pic{ width: 289px; height: 203px;}l 0.3s linear;  -o-transition: all 0.3s linear; transition: all 0.3s linear;  width: 100%; height: 100%; line-height: 203px; bottom: 0px;}
.gcal_module_module ul li  a img{ 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;}
.gcal_module_module ul li:hover  a img{transform:scale(1.2); -webkit-transform:scale(1.2);-moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}



/*新闻动态*/
.content_p4{ width:100%; height:auto; overflow:hidden;padding: 0px 0px;}
.xwdt_module{ width: 1200px; margin: 0px auto; height: auto; overflow: hidden;}
.xwdt_item{ width: 100%; height: 75px; border-bottom: 1px solid #eee;}
.xwdt_item_title{ width: auto; float: left; height: 75px; line-height: 75px; background: url(../images/cpzx_t.jpg) 10px bottom  no-repeat; font-family:"\5fae\8f6f\96c5\9ed1"; color:#444; font-size:20px;}
.xwdt_item_title span{ color: #b9b9b9; font-family: aria; font-size: 24px; margin-left: 5px; font-weight: normal;}
.xwdt_more{ width: auto; float: right; color: #666; font-size: 14px; font-family:"\5fae\8f6f\96c5\9ed1"; line-height: 75px;}
.xwdt_more a{ color: #666;}
.xwdt_more a:hover{ color: #e70010;}
.xwdt_module_module{ clear: both; width: 100%; height: auto; overflow: hidden; padding: 20px 0px 0px;}
.xwdt_module_L{ width: 529px; float: left; height: 348px; overflow: hidden;}
.xwdt_L_pic{ width: 100%; height: auto; overflow: hidden;}
.xwdt_L_content{ clear: both; width: 100%; height: auto; overflow: hidden;}
.xwdt_L_content h2{color: #333; font-size: 16px; font-family:"\5fae\8f6f\96c5\9ed1"; line-height: 40px;}
.xwdt_L_content h2 a{color: #333;}
.xwdt_L_content h2 a:hover{color: #da0000;}
.xwdt_L_nr{color: #666; font-size: 14px; font-family:"\5fae\8f6f\96c5\9ed1"; line-height: 22px;}
.xwdt_module_R{ width: 610px; float: left; margin-left: 30px; height: auto; overflow: hidden;}
.xwdt_module_R ul li{ clear: both; width:auto; height: auto; overflow: hidden; padding:12px 10px;}
.xwdt_module_R ul li a{ display: block;}
.xwdt_date{ width: 73px; height: 63px; background: #eee; float: left;}
.xwdt_date span{color: #666; font-size: 24px; font-family:"\5fae\8f6f\96c5\9ed1"; line-height: 38px; clear: both; width: 100%; display: block; font-weight: bold; text-align: center;}
.xwdt_date p{clear: both; width: 100%; color: #666; font-size: 13px; font-family:"\5fae\8f6f\96c5\9ed1"; line-height: 22px; text-align: center;}
.xwdt_R_content{ width: 500px; float: left; margin-left:15px; height: 63px;}
.xwdt_R_content h2{color: #5a5a5a; font-size: 16px; font-family:"\5fae\8f6f\96c5\9ed1"; line-height: 22px; clear: both; width: 100%;}
.xwdt_R_ct{color: #666; font-size: 13px; font-family:"\5fae\8f6f\96c5\9ed1"; line-height:22px; clear: both; width: 100%;}
.xwdt_module_R ul li:hover{ background: #eee; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;  -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.xwdt_module_R ul li:hover .xwdt_R_content h2{ color: #da0000; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;  -o-transition: all 0.3s linear; transition: all 0.3s linear;}


/*在线留言*/
.zxly_module{ width: 370px; height: 360px; float: right; background: #FFF;}
.zxly_pic{ width: 100%; height: auto; overflow: hidden;}
.zxly_module_module{ clear: both; height: auto; overflow: hidden; padding: 10px 15px;}
.lybd_moudle{ width: 100%; height: auto; overflow: hidden;}
.lybd_moudle ul li{ width: 100%; height: 50px;}
.lybd_moudle ul li:nth-child(3){ height: 80px;}
.lybd_title{font-family:"\5fae\8f6f\96c5\9ed1";color: #666; font-size: 14px; line-height: 40px; width: auto; float: left;}
.lybd_name input{ width: 244px; float: left; margin-left: 5px; height: 36px; border: 1px solid #e3e3e3; line-height: 36px;font-family:"\5fae\8f6f\96c5\9ed1";color: #999; text-indent: 8px;  padding:0px 5px;}
.lybd_content textarea{ height: 60px;  width: 244px; float: left; margin-left: 5px;  border: 1px solid #e3e3e3; font-family:"\5fae\8f6f\96c5\9ed1"; line-height: 24px; color: #999; text-indent: 8px; outline: none; padding:0px 5px;}
.lybd_tj input{ clear: both; margin-left: 76px; width: 244px; background: #0061ae; border-radius: 10px; height: 40px; line-height: 40px; text-align: center;  font-family:"\5fae\8f6f\96c5\9ed1"; color: #FFF; font-size: 14px; cursor:pointer;}
.lybd_tj input:hover{ background: #d20001; -webkit-transition: all 4s linear; -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear; transition: all 0.5s linear;}



/*公司实力*/
.content_p5{ clear:both; width: 1200px; margin: 0px auto; height: auto; overflow: hidden;}
.gssl_module{ width: 1200px; height: auto; overflow: hidden;}
.gssl_item{ width: 100%; height: 75px; border-bottom: 1px solid #eee;}
.gssl_item_title{ width: auto; float: left; height: 75px; line-height: 75px; background: url(../images/cpzx_t.jpg) 10px bottom  no-repeat; font-family:"\5fae\8f6f\96c5\9ed1"; color:#444; font-size:20px;}
.gssl_item_title span{ color: #b9b9b9; font-family: aria; font-size: 24px; margin-left: 5px; font-weight: normal;}
.gssl_more{ width: auto; float: right; color: #666; font-size: 14px; font-family:"\5fae\8f6f\96c5\9ed1"; line-height: 75px;}
.gssl_more a{ color: #666;}
.gssl_more a:hover{ color: #e70010;}
gssl_module_module{ clear:both; height:auto; overflow:hidden; margin-top: 20px;}
gssl_module_module ul li p{ clear: both; width: 100%; height: 40px; line-height:30px;font-family:"\5fae\8f6f\96c5\9ed1"; font-size: 14px; text-align: center; color: #000;}

.mo2{ height:auto; margin-top:0px; padding-bottom:15px;} 
#indpro .tit{ height:68px; padding-top:40px; padding-bottom:30px; text-align:center; }
#indpro li{ width:289px; height:203px; float:left; position:relative;}
#indpro li img{ width:289px; height:203px;}
#indpro li.nom{ margin-right:0px;}
#indpro ul li.khal_cover a p{ position:absolute; display:block;background: #005aab; opacity: 0.76; height:229px;width:100%;opacity:.6;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; bottom:0px; text-align:center; line-height:229px; font-size:16px; color:#FFF;font-family:"\5fae\8f6f\96c5\9ed1"; -webkit-transition: all 4s linear; -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear; transition: all 0.5s linear;}

#demo {background: #FFF;overflow:hidden;width: 100%;}
#indemo {float: left;width: 800%;}
#demo1 {float: left;}
#demo2 {float: left;}


.gssl_module_module{ clear: both; width: 100%; height: auto; overflow: hidden; padding: 0px 0px 0px;}
.gssl_module_module ul li{ position: relative; z-index: 66; width: 289px; height: 203px; float: left; margin-left: 14px; margin-top: 20px; overflow: hidden;}
.gssl_module_module ul li.gssl_eq0{ margin-left: 0px;}
.gssl_pic{ width: 289px; height: 203px;}
.gssl_title{ position: absolute; bottom: 0px; line-height: 47px; height: 47px; width: 289px; z-index: 999; color: #FFF; font-size: 14px; font-family:"\5fae\8f6f\96c5\9ed1"; background: #000; text-align: center;   background-color:rgba(0,0,0,0.7); }
.gssl_module_module ul li.gssl_cover .gssl_title{ background: #005aab; opacity: 0.76; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;  -o-transition: all 0.3s linear; transition: all 0.3s linear;  width: 100%; height: 100%; line-height: 203px; bottom: 0px;}
.gssl_module_module ul li a img{ 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;}
.gssl_module_module ul li:hover a img{transform:scale(1.2); -webkit-transform:scale(1.2);-moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}



/*底部信誉*/
.content_p6{ width:100%; height:auto; overflow:hidden;  padding: 30px 0px;}
.ftxy_module{ width: 1200px; margin: 0px auto; height:auto;}
.ftxy_module ul li{ width: 30%; float: left; margin-left: 3.33%}
.ftxy_pic{ width: 100%; text-align: center; height: 60px;}
.ftxy_content{ clear: both; width: 100%; height: auto; overflow:hidden;}
.ftxy_content h2{font-family:"\5fae\8f6f\96c5\9ed1"; font-weight: normal; text-align: center; width: 100%; font-size:16px; color:#333; line-height:26px; margin-top: 5px; font-weight: bold;}
.ftxy_content p{font-family:"\5fae\8f6f\96c5\9ed1"; font-size:14px; color:#888; line-height:22px; margin-top: 6px;}
.ftxy_module ul li:nth-child(3) .ftxy_content p{ text-align: center;}
.ftxy_module ul li:hover a{ color: #e60012;}
.ftxy_module ul li:hover a .ftxy_content h2{ color: #e60012;}
.ftxy_module ul li:hover a .ftxy_content p{ color: #e60012;}


/*友情链接*/
.content_p7{ clear: both; width: 100%; height: auto; overflow:hidden; background: #f3f3f3; padding: 15px 0px;}
.yqlj_module{ width: 1200px; margin: 0px auto; height: auto; overflow: hidden;}
.yqlj_item{ width: auto; float: left;font-family:"\5fae\8f6f\96c5\9ed1"; font-size:16px; color:#e60012; line-height:24px; float: left;}
.yqlj_item p{ color: #9e9e9e; clear: both;font-family:"\5fae\8f6f\96c5\9ed1"; font-size:14px; text-transform: uppercase;}
.yqlj_module_module{ width: auto; height: auto; overflow: hidden;}
.yqlj_module_module ul li{ width: auto; padding: 0px 25px; float: left; font-family:"\5fae\8f6f\96c5\9ed1"; font-size:14px; line-height: 24px; color: #515151;}
.yqlj_module_module ul li a{color: #515151;}
.yqlj_module_module ul li a:hover{color: #e60012;}



/*版权*/
.jsgf-footer{ width:100%; height:auto; overflow:hidden; font-size:12px; background:#1e1e1e; padding:30px 0px 20px;}
.footer_module{ width:1200px; margin:0px auto; height:auto; overflow:hidden;}
.footer_module ul li{ width: 200px; padding-left: 30px; float: left; height: 179px; overflow: hidden; background: url(../images/footer_t.jpg) right center no-repeat;}
.footer_module ul li.eq2{ width:310px;}
.footer_module ul li.eq3{ width: 365px; background: none;}
.footer_module ul li h2{font-family:"\5fae\8f6f\96c5\9ed1"; font-size:15px; text-indent: 30px; color:#FFF; line-height:30px; height: 35px;}
.wadh_module{ clear: both; height: auto; overflow: hidden;}
.wadh_module ul li{font-family:"\5fae\8f6f\96c5\9ed1"; font-size:12px; color:#7d7d7d; line-height:24px; height: 24px; clear: both; border: none;}
.wadh_module ul li a{color:#7d7d7d;}
.wadh_module ul li a:hover{color:#fcd03b;}
.ft_nav{ clear: both; height: auto; overflow: hidden;}
.ft_nav ul li{font-family:"\5fae\8f6f\96c5\9ed1"; font-size:12px; color:#7d7d7d; line-height:24px; height: 24px; clear: both; border: none;}
.ft_nav ul li a{color:#7d7d7d;}
.ft_nav ul li a:hover{color:#fcd03b;}

.fl_lxwm{clear: both; height: auto; overflow: hidden; padding-left: 30px; font-family:"\5fae\8f6f\96c5\9ed1"; font-size:12px; color:#7d7d7d; line-height:24px;}

.footer_ewm{ width: auto; float: right; height: auto; overflow: hidden; margin-top: 20px;}
.footer_ewm_L{ width: 150px; float: right; height: auto; overflow: hidden;}
.footer_ewm_module{ clear: both; width: 100%; height: auto; overflow: hidden; margin-top: 30px;}
.footer_ewm_module ul li{margin:0px; padding: 0px; width: 32px; height: 32px; float: right; margin-right: 10px; background: none;}
.footer_ewm_content{ clear: both;font-family:"\5fae\8f6f\96c5\9ed1"; font-size:12px; color:#7d7d7d; line-height:24px; margin-top: 20px;}
.footer_ewm_R{ width: 143px; height: 143px; float: right;}


.bottom_module{ clear:both; width:100%; height:55px; line-height:55px; background:#000;}
.bt_module_module{font-family:"\5fae\8f6f\96c5\9ed1"; color:#777; font-size:13px; line-height:55px; text-align:center; width:1200px; margin:0px auto;}
.bt_module_module a{color:#777;}
.bt_module_module a:hover{ text-decoration:underline; color: #e60012;}

.bt_L{ width:auto; float:left;font-family:"\5fae\8f6f\96c5\9ed1";}
.bt_R{ width:auto; float:right;font-family:"\5fae\8f6f\96c5\9ed1";}


/*二级左侧*/
.content{ width:1200px; margin:0px auto; height:auto; overflow:hidden;}



/*产品分类*/
.content_p1{ width:1200px;  margin:0px auto; height:auto; overflow:hidden;}
.cpfl_module{ width:240px; float:left; height:auto; overflow:hidden; border-radius: 5px;}
.cpfl_item{ width: 240px; height: 110px; background: url(../images/bg5.jpg) no-repeat; text-align: center;font-family:"\5fae\8f6f\96c5\9ed1"; color: #FFF;}
.cpfl_item span{font-family:"\5fae\8f6f\96c5\9ed1"; font-size: 28px; line-height:40px; display: block; width: 100%; padding-top: 20px;}
.cpfl_item p{ clear:both; font-family:"\5fae\8f6f\96c5\9ed1"; font-size: 18px; line-height: 24px; display: block; width: 100%; text-transform: uppercase;}
.cpfl_module_module{clear:both; height:auto; overflow:hidden; background:#FFF; padding:0px 0px 10px; width:100%; margin: 0px auto; border-radius: 5px;}
.cpofl_content{ width:238px; border-left: 1px solid #eee; border-right: 1px solid #eee; height: auto; overflow: hidden;}
.cpofl_content ul li{ width:100%; height:45px;  line-height:45px; background:#f5f5f5; font-family:"\5fae\8f6f\96c5\9ed1"; margin: 10px auto 0px; text-indent: 38px; color: #333; font-size: 14px;}
.cpofl_content ul li:hover{ background:#0156b3;}
.cpofl_content ul li a{ color: #333;}
.cpofl_content ul li:hover a{ color: #FFF;}
.cpfl_bt{ clear: both; font-family:"\5fae\8f6f\96c5\9ed1"; height: auto; overflow: hidden; margin: 20px 0px 0px;}
.cpfl_title{font-family:"\5fae\8f6f\96c5\9ed1"; text-align: center; height: auto; overflow: hidden; width: 182px; margin: 0px auto;}
cpfl_title h1{ clear: both; width: 100%;font-family:"\5fae\8f6f\96c5\9ed1"; text-align: center; line-height: 30px; color: #ff7e00; font-size:22px;}
cpfl_title p{ clear: both; width: 100%; font-family:"\5fae\8f6f\96c5\9ed1"; text-align: center; line-height: 40px; color: #ff7e00; font-size:36px; font-weight: bold;}
.cpfl_tt_L{ width: auto;font-family:"\5fae\8f6f\96c5\9ed1"; font-size:48px; font-weight: bold; line-height: 60px; float: left; color: #ff7e00;}
.cpfl_tt_R{ width: auto; float: left; height: auto; overflow: hidden; margin-left: 5px;}
.cpfl_tt_R h1{ clear: both; width: 100%;font-family:"\5fae\8f6f\96c5\9ed1"; text-align: center; line-height: 30px; color: #ff7e00; font-size:20px;}
.cpfl_tt_R p{ clear: both; width: 100%; font-family:"\5fae\8f6f\96c5\9ed1"; text-align: center; line-height: 24px; color: #ff7e00; font-size:24px; letter-spacing:2px;}

.cpfl_dh{ clear: both; width: 100%; text-align: center; margin-top: 10px;}
.cpfl_more{ clear: both; width: 104px; margin: 10px auto 20px; height: 37px; border: 1px solid #FFF; line-height: 37px; font-family:"\5fae\8f6f\96c5\9ed1"; font-size:14px; text-align: center;}
.cpfl_more:hover{ background: #FFF;}
.cpfl_more a{ color: #FFF; display: block;}
.cpfl_more a:hover{ color: #da0000;}

.erlx_module{ clear: both; width: 240px; border:1px #ccc solid; position: relative;}
.erlx_more{ width: 140px; height: 42px; border: 1px solid #FFF; position: absolute; left: 52px; top: 75px;  margin: 0px auto; text-align: center; font-family:"\5fae\8f6f\96c5\9ed1"; font-size: 14px; line-height: 42px; text-transform: uppercase;}
.erlx_more a{ color: #FFF; display: block;}
.erlx_more a:hover{ background: #FFF; color: #0156b3;}

.common_lxwm{ padding:5px 10px; font-size:14px; line-height:30px;}



/*二级联系我们*/
.lx_module{ width:212px; border:1px solid #d4d4d4; height:auto; overflow:hidden;}
.lx_item{ width:214px; height:40px; line-height:40px; background:url(../images/title.jpg) 10px center no-repeat; border-bottom:1px solid #ddd;}
.lx_item_title{ color:#404040;font-family:"\5fae\8f6f\96c5\9ed1"; font-size:18px; float:left; text-indent:30px;}
.lx_item_title span{ color:#b1b1b1; font-size:13px;}
.lx_item_more{ width:60px; float:right; width:auto; margin-right:15px; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
.lx_item_more a,.lx_item_more a:link,.lx_item_more a:visited,.lx_item_more a:active{color:#333;}
.lx_item_more a,.lx_item_more a:hover{ color:#F00;}
.lx_module_module{ clear:both; height:auto; overflow:hidden; padding:5px 6px; line-height:28px; font-size:13px;}
.lx_module_module span{ font-size:14px;}
.lx_module_module a,.lx_module_module a:link,.lx_module_module a:visited,.lx_module_module a:active{ color:#666;}
.lx_module_module a,.lx_module_module a:hover{ color:#F00;}



/*二级右侧*/
.content_L{ width:246px; float:left;}
.content_R{width:938px; float:right;}
.common_module{ float:right;  border:1px solid #eee; border-top:none; width:936px; height:auto; overflow:hidden;}
.common_item{ width:938px; height:50px; line-height:50px; border-top:1px solid #eee; border-bottom:1px solid #eee; background: #eee;}
.common_item_title{ color:#333;font-family:"\5fae\8f6f\96c5\9ed1"; font-size:16px; background: url(../images/common_t.jpg) 10px center no-repeat; float:left; line-height:50px; text-indent:25px; font-weight:bold;}
.common_item_title span{ color:#b1b1b1; font-size:13px;}
.common_item_more{ float:right; line-height:50px; width:auto; margin-right:15px; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:13px; background:url(../images/dangq.jpg) 0px 17px no-repeat; text-indent:15px;}
.common_item_more a,.common_item_more a:link,.common_item_more a:visited,.common_item_more a:active{color:#333;}
.common_item_more a,.common_item_more a:hover{ color:#e70010;}
.common_module_module{ clear:both; padding: 15px 15px 15px; line-height:26px; font-size:14px; line-height:26px;}
.common_module_module a,.common_module_module a:link,.common_module_module a:visited,.common_module_module a:active{ color:#5e5e5e;}
.common_module_module a,.common_module_module a:hover{ color:#F00;}

.sehd_module{ background:#f6f6f6; width:100%; height:auto; overflow:hidden;}
.se_header{ width:1200px; margin:0px auto; height:auto; overflow:hidden;  float:none;}
.seheader_L{ width:260px; float:left;position:relative;z-index:999;}
.seheader_item{}
.seheader_item_title{ background:#df0008; line-height:104px; height:104px;font-family:"\5fae\8f6f\96c5\9ed1"; font-size:30px; color:#FFF;  font-weight:bold; text-align:center;}
.seheader_R{ width:940px; float:right; height:auto; overflow:hidden;}
.seheader_dq{ background:url(../images/home.png) 30px center no-repeat; margin-top:55px; font-family:"\5fae\8f6f\96c5\9ed1"; height:40px; line-height:40px; font-size:14px; color:#515151; text-indent:55px;}
.seheader_dq a{ color:#515151;}
.seheader_dq a:hover{ color:#e60012;}
.se_xh{ clear:both; width:100%; height:1px; border-top:1px solid #eee;}

.ct_module{ clear:both; width:1200px; margin:0px auto; height:auto; overflow:hidden;}
.ct1_module{ clear:both; width:100%; margin:0px auto; height:auto; overflow:hidden;}
.ct_L{ width:260px; height:auto; float:left;}
sefl_module{ width:225px; float:left; height:auto; border:1px solid #f0f0f0; border-top:none; padding-bottom:20px;}
sefl_module_module{ width:184px; margin:0px auto; margin-top:20px;}
sefl_module_module ul li{ background:url(../images/first-bg-02.gif) 0px 0px no-repeat; height:35px; text-indent:30px; line-height:32px;font-family:"\5fae\8f6f\96c5\9ed1"; color:#515151; font-size:14px; margin-top:6px;}
sefl_module_module ul li a{ color:#515151;}
sefl_module_module ul li a:hover{ color:#FFF;}
sefl_module_module ul li:hover{ background:url(../images/first-bg-02.gif) 0px -70px no-repeat;}
sefl_module_module ul li:hover a{ color:#FFF;}
.ct_R{ width:920px; float:right; margin-top:20px; height:auto; overflow:hidden;}
.ctcommon_module{border:1px solid #f0f0f0; width:918px; height:auto; overflow:hidden;}
.ctcommon_item{ background:url(../images/dqtp.gif) left top no-repeat; border:none; border-bottom:1px solid #eaeaea; height:51px; line-height:56px;font-family:"\5fae\8f6f\96c5\9ed1";color:#333; font-size:16px; text-indent:20px; width:910px; margin:0px auto;}
.ctcommon_module_module{ clear:both; height:auto; overflow:hidden;font-family:"\5fae\8f6f\96c5\9ed1";color:#515151; line-height:28px; padding:15px; font-size:15px;}
.ctcommon_module_module a{color:#515151;}
.ctcommon_module_module a:hover{color:#e70010;}


.ctlxwm_mdoule{ width:100%; height:auto; overflow:hidden;}



/*二级产品分类*/
.erfl_module_module{ clear:both; width:100%; height:auto; background:#FFF;}
.erfl_content{ padding:0px; width:auto; height:auto; background:#FFF; padding:0px;}
.erfl_content ul li{ width:100%; margin:0px auto; height:53px; background:url(../images/zuocebg-1.png) right center no-repeat; text-indent:45px;font-family:"\5fae\8f6f\96c5\9ed1"; color:#333; line-height:50px; font-size:14px;position:relative; z-index:99; margin-top:1px;}
.erfl_content ul li:hover{ background:url(../images/zuocebg-01.png) right center no-repeat; color:#FFF;}
.erfl_content ul li a{ color:#4a4a4a; display:block;}
.erfl_content ul li:hover a{ color:#FFF;}


/*main css*/
.izl-rmenu{position:fixed; right:0; margin-right:20px; bottom:20px; padding-bottom:20px; background:url(../images/r_b.png) 0px 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) 0px 0px 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) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}






.dingwei{ background:#e6e6e6; height:67px;}
.dingwei_txt{width:1200px; background:url(../images/home.png) 0px center no-repeat; height:67px; text-indent:25px;font-family:"\5fae\8f6f\96c5\9ed1"; font-weight:normal; line-height:67px; margin:0 auto;font-size:14px;color:#333;}
.dingwei_txt a{color:#252525;}
.dingwei_txt a:hover{ color:#e70018;}
.content{width:1200px;	margin:0 auto;overflow:hidden;	margin-bottom:60px;}
.yewu{ width:1200px; height:211px; margin-top:56px; background:#f5f5f5;}
/*.yewu_img{ width:318px; height:211px;float:left;}
.yewu_img img{ width:302px; height:191px; border:10px #cfcfcf solid;}*/

.view {width:302px; height:191px;border:10px #cfcfcf solid; overflow: hidden; position: relative; text-align: center; float:left; }
.view .mask, .view .content {width:302px; height:191px;position: absolute; overflow: hidden; top: 0px; left: 0px; }
.view img { display: block; position: relative; }
.second-effect .mask {opacity: 0;overflow:visible;border:0px solid rgba(0,0,0,0.7);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.second-effect a.info {position:relative;top:-10px;opacity:0;-moz-transform:scale(0,0);-webkit-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; -moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;}
.second-effect:hover .mask {opacity: 1; border:100px solid rgba(0,0,0,0.7);}
.second-effect:hover a.info {opacity:1;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-moz-transition-delay:0.3s;-webkit-transition-delay:0.3s;
-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s;}
.view a.info { background: url("../images/link.png") no-repeat scroll center center transparent; display: inline-block; text-decoration: none; padding: 0px; text-indent: -9999px; width: 20px; height: 20px;}


.yewu_con{ margin-left:40px; float:left;}
.yewu_tit{ width:800px; height:60px; line-height:60px; font-size:20px; color:#505050; font-weight:bold;border-bottom:1px #8d8d8d solid;}
.yewu_tit a{color:#505050;}
.yewu_tit a:hover{font-size:20px; color:#ee0000;}

.yewu_txt{width:800px; height:50px; line-height:25px; overflow:hidden; margin:15px 0; }
.yewu_btn{ width:130px; height:34px; margin-top:13px; color:#656565 font-size:14px; float:right;}
.yewu_btn a{display: block;width:130px;height:40px; line-height:40px; text-align:center;border:1px solid #bfbfbf; color:#656565;-moz-transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;-o-transition: all 0.2s linear 0s;transition: all 0.2s linear 0s; /* Gecko browsers */ -moz-border-radius: 50px;  -webkit-border-radius: 50px;   /* Webkit browsers */ border-radius:50px; /* W3C syntax */}
.yewu_btn a:hover{background:#ee0000; border:none; color:#fff;}



/*---------------案例页面*/
.case{width: 100%;height: auto;}
.case_box{width: 100%;height: auto;overflow: hidden; background-color: #f8f8f8; margin-top: 145px;}
.case_box_top{background-color: #e2e3e3; overflow: hidden;position: fixed; top: 85px; left: 0; width: 100%; height: auto; overflow: hidden; z-index: 20;}
.case_box_top ul{padding: 15px 30px; overflow: hidden;}
.case_box_top ul li{ margin-right: 15px;font-size: 12px; display: inline-block;}
.case_box_top ul li a{ padding: 7px 20px; display: inline-block;}
.case_box_top ul li.current a,.case .case_box .case_box_top ul li a:hover{background-color: #e60012; color: #fff;  border-radius: 3px;}
.case_box_bottom{overflow: hidden;width: 100%; height: auto; overflow: hidden;}
.case_box_bottom .case_contents{padding: 0 30px;}
.case_box_bottom .case_contents h2{padding: 25px 0; font-size: 20px; color: #333; font-weight: normal;}
.case_box_bottom .case_contents ul{overflow: hidden;}
.case_box_bottom .case_contents li{float: left; width: 20%;overflow: hidden; cursor: pointer;}
.case_box_bottom .case_contents li .case_img{overflow: hidden;}
.case_box_bottom .case_contents li .case_img>img{ width: 100%; height: auto;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.case_box_bottom .case_contents li .case_state{padding: 25px;color: #707070; background: url(../images/work_bg.gif) #f5f6f5 right no-repeat; background-size: auto 100%;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.case_box_bottom .case_contents li .case_state span{font-size: 12px;}
.case_box_bottom .case_contents li .case_state p {font-size: 16px; padding: 10px 0 15px 0; width: 100%; box-sizing: border-box; overflow: hidden;
    text-overflow: ellipsis; white-space: nowrap; }
.case_box_bottom .case_contents li:hover .case_img>img{transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}
.case_box_bottom .case_contents li:hover .case_state{ background-image: none; background-color: #e60012; color: #fff;}
.case_box_Mtop{text-align: center; padding: 30px 0; display: none;}
.case_box_Mtop div{display: inline-block; width: 188px; height: 40px; line-height: 40px; margin: 0 6px; border: 1px solid #B98888; text-align: left; background: url(../images/navpointer.png) 158px center no-repeat; position: relative;}
.case_box_Mtop div.current{background-color: #e60012; border-color: #e60012; color: #fff; background-image: url(../images/navpointer2.png);}
.case_box_Mtop div.all_case{text-align: center; background-image: none;}
.case_box_Mtop div ul{position: absolute; z-index: 10; top: 40px; left: -1px; background: #f8f8f8; border: 1px solid #B98888; width: 100%; display: none;}
.case_box_Mtop div ul li{ padding-left: 15px; height: 40px; line-height: 40px; width: 173px;}
.case_box_Mtop div ul li a{display: block; overflow: hidden;}
.case_box_Mtop div ul li:hover{ background: #e9e9e9}
.case_box_Mtop div span{margin-left: 15px;}



#tab{position:relative;}
#tab .tabList{position: absolute;
    margin-top: 278px;
    display: inline-block;
    z-index: 99999999999;
    margin-left: 427px;}
#tab .tabList ul li{
	float:left;
	background:#0156b3;
	padding:5px 0;
	width:20px;
	text-align:center;
	margin-left:5px;
	position:relative;
	cursor:pointer;
}
#tab .tabCon{
	position:absolute;
	left:-1px;
	border-top:none;
	width:529px;
	height:348px;
}
#tab .tabCon div{
	padding:10px;
	position:absolute;
	opacity:0;
	filter:alpha(opacity=0);
}
#tab .tabList li.cur{
	border-bottom:none;
	background:#fff;
}
#tab .tabCon div.cur{
	opacity:1;
	filter:alpha(opacity=100);
}