﻿@charset "utf-8";
/* CSS Document */

/*全局通用*/
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,li,p{margin:0; padding:0;}
body{ color:#000; font-size:14px; font-family:"微软雅黑"; background:#f8f8f8;}
a{text-decoration:none; color:#333;}
a:hover{color:#0059A9;}
ul,li{list-style:none;}
.clear{clear:both; height:1px;}
.blank10{height:10px;}
.blank15{height:15px;}
img,ul,li,em{border:none; list-style:none; font-style:normal;}

body,html{-webkit-text-size-adjust:none;}

.main{width:1120px; margin:auto;}
.main1{width:1200px; margin:auto; padding-bottom:5px;}

.head_top{background:url(images/top_bg.png) repeat-x left bottom #fff; height:114px;}
.logo{width:360px; float:left; margin-top:25px;}

/*导航开始*/
.nav{ width:670px; float:right}
.nav ul{ height:114px; border-left:solid 1px #dedede;}
.nav li{float:left; border-right:solid 1px #dedede;}
.nav li p{font-size:10px; color:#0059A9; font-family:Arial, Helvetica, sans-serif; margin-top:3px;}
.nav li span{width:18px; height:3px; background:#F99503; display:block; margin:10px 0 0 20px;}
.nav li a{font-size:15px; height:80px; width:85px; padding:34px 25px 0 0; text-align:right;  display:block; transition:all 300ms ease-out 0s;}
.nav li a:hover,.nav li.currclass a{color:#fff; background:#0059A9;}
.nav li:hover p,.nav li.currclass p{color:#FFFFFF;}
.nav li:hover span,.nav li.currclass span{background:#FFFFFF;}

/*index_case*/
.index_case{ margin-top:-210px; position:relative;}
.index_case ul{}
.index_case li{width:223px; height:210px; overflow:hidden; margin-right:1px; float:left;  position:relative;}
.index_case .pic{padding:12px; background:#f8f8f8; position:absolute; bottom:-136px; transition:all 300ms ease-out 0s;}
.index_case li:hover .pic{bottom:31px;transition:all 300ms ease-out 0s;}
.index_case li p{text-indent:20px; height:31px; position:absolute; bottom:0; background:#F8f8f8; width:100%;}
.index_case li p span{font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#0059A9; margin-left:10px;} 


/*index_left*/
.index_left{width:300px; float:left; border:solid 1px #ddd; height:175px; }
.index_left h2{font-size:14px; font-weight:normal; background:url(images/logo1.png) no-repeat 10px center; padding-left:32px; border-bottom:solid 1px #ddd; line-height:42px;}
.index_left h2 span{float:right; border-left:solid 1px #CCCCCC; padding-left:20px; line-height:22px; margin:10px 10px auto auto;}
.index_left h2 span a{font-size:12px;}
.index_left p{font-size:12px; line-height:24px; padding:5px 10px;}

/*index_mid*/
.index_mid{width:460px; border:solid 1px #ddd; height:175px; float:left; margin-left:55px;}
.index_mid h2{font-size:14px; font-weight:normal; padding-left:22px; border-bottom:solid 1px #ddd; line-height:42px;}
.index_mid h2 span{float:right; border-left:solid 1px #CCCCCC; padding-left:20px; line-height:22px; margin:10px 10px auto auto;}
.index_mid h2 span a{font-size:12px;}


.news{}
.news dl{  margin:15px;}
.news dl dt{ width:125px; float:left;}
.news dl dt img{width:110px; height:75px; border:solid 1px #CCCCCC; padding:1px; margin-bottom:2px;}
.news dl dd{}
.news dl dd h5{margin-bottom:5px; line-height:32px; font-weight:normal;}
.news dl dd h5 span{float:right;}
.news dl dd h5 a{ font-size:14px;}
.news dl dd p{ color:#888; line-height:24px; font-size:12px;}
.news ul{ margin:auto;}
.news li{line-height:30px; background:url(images/dot_001.gif) no-repeat 0 center; padding-left:0px; text-indent:20px;}
.news li em{float:right; color:#999999;}


/*index_right*/
.index_right{width:304px; float:right;}


/*footer*/
.footer{height:58px; line-height:58px; background:#90939A; margin-top:50px; font-size:12px; color:#cbcbcb; font-family:Arial, Helvetica, sans-serif;}
.footer a{padding:0 8px; color:#cbcbcb; }
.footer a:hover{color:#333333;}
.s_link{margin-left:10px; background:none; border:solid 1px #cbcbcb; padding:3px;}


/*ban2*/
.ban2{ height:185px; background:url(images/bann.jpg) no-repeat center top;}
.local_cn{font-size:28px; color:#FFF; text-indent:50px;}
.local_en{font-size:22px; color:#FFF; text-indent:140px; font-family:Arial, Helvetica, sans-serif;}

/*子栏目*/
.sub_nav {}
.sub_nav ul{}
.sub_nav li{line-height:38px; float:left; margin-right:3px;}
.sub_nav li a{font-size: 14px; width:120px; height:38px; display:block; text-align:center; background:none;}
.sub_nav li a:hover,.sub_nav li.currclass a{color:#fff; background:#0059A9;}

.neirong{line-height:26px; color:#666;}
.neirong p{margin-bottom:12px;}
.neirong img{max-width:1000px;}

/*图片列表*/
.product{}
.product li{float:left; width:240px; padding:13px; border:solid 1px #eee; margin:15px; text-align:center;  overflow:hidden; height:170px;}
.product li:hover{background:#f8f8f8; border:solid 1px #ccc;}
.product li img{margin-bottom:5px; width:200px; height:150px;}

.pro_nomal_border{border:solid 3px #ddd; padding:1px;}
.pro_over_border{border:solid 3px #f60; padding:1px;}


/*图文列表*/
.pic_art_list{ margin-top:50px;}
.pic_art_list dl{ padding:20px 0; height:140px;}
.pic_art_list dl dt{ width:260px; float:left; text-align:center;}
.pic_art_list dl dt img{width:200px; height:140px; }
.pic_art_list dl dd{ padding-left:25px; padding-right:30px;}
.pic_art_list dl dd h5{line-height:30px; font-weight:normal;}
.pic_art_list dl dd h5 span{float:right;}
.pic_art_list dl dd .time{line-height:30px; font-size:12px;}
.pic_art_list dl dd h5 a{ font-size:16px; color:#0058A7;}
.pic_art_list dl dd h5 a:hover{text-decoration:underline;}
.pic_art_list dl dd p{ color:#666; line-height:24px; font-size:13px;}

/*案例封面*/
.case_list{margin-top:40px;}
.case_list ul{}
.case_list li{ background:#0059A9; width:170px; border-right:solid 1px #FFFFFF; float:left;}
.case_list li:hover{ background:#FFA800;}
.case_list li img{ width:170px; height:336px;}
.case_list li p{text-align:center; height:44px; line-height:44px; border-top:solid 1px #FFFFFF; color:#FFF; font-size:16px;}
.case_list li img {filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);} 
.case_list li img:hover{filter: grayscale(1%); -webkit-filter: grayscale(1%); -moz-filter: grayscale(1%); -ms-filter: grayscale(1%); -o-filter: grayscale(1%);filter:none;}


/*案例分页*/
.case_fenye{}
.case_fenye ul{ margin-top:20px;}
.case_fenye li{ width:270px; height:210px; overflow:hidden; margin:30px 15px 0 15px; float:left;}
.case_fenye li h1{font-size:14px; color:#0059A9; line-height:40px; font-weight:normal;}
.case_fenye li p{line-height:20px;}
.case_fenye li img{ width:270px; height:180px;}



/*分页*/
.mypages{ text-align:center; margin-top:30px;}
.mypages a{border:solid 1px #ccc; padding:2px 8px; color:#666; font-size:12px;}
.mypages a.curr,.mypages a:hover{background:#0059A9; border:solid 1px #0059A9; color:#FFFFFF;}






/*全站搜索begin*/


.searchbody{ margin:0px auto;}
.searchbody .left{width:680px; float:left;}
.searchbody .left .tit{background:#FAFFF9 url(btn.png) no-repeat 8px 6px; border:#E2F3DE 1px solid; height:31px;line-height:31px;font-size:14px;color:#555;padding-left:10px;}
.searchbody .left .tit span{ color:red; font-weight:bold;}
.searchbody .left .leftbox{}
.searchbody .left .leftbox .searchlist{}
.searchbody .left .leftbox .searchlist ul{ padding-top:15px;}
.searchbody .left .leftbox .searchlist li{ line-height:28px;}
.searchbody .left .leftbox .searchlist span.art_title a{ font-size:14px; color:#0022CC; text-decoration:underline;}
.searchbody .left .leftbox .searchlist span.art_title a:visited{ color:#CC3300;text-decoration:underline;}
.searchbody .left .leftbox .searchlist span.artintro{ line-height:24px;  font-size:12px;}
.searchbody .left .leftbox .searchlist span.arturl{ line-height:24px;}
.searchbody .left .leftbox .searchlist span.arturl a{ color:green; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.searchbody .left .leftbox .searchlist span.arturl a:hover{ text-decoration:none;}
.searchbody .left .leftbox .searchlist span.c9{color:green; font-size:14px; font-family:Arial, Helvetica, sans-serif;}

.searchbody .left .leftbox .searchabout{margin:0px 10px 0px 0px; padding:15px;background: #EFEFEF; height:100%;  overflow:hidden;}
.searchbody .left .leftbox .searchabout h3{ height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#000;}
.searchbody .left .leftbox .searchabout .searchresult li{line-height:25px; width:20%; float:left; border-bottom:#f1f1f1 1px solid;}
.searchbody .left .leftbox .searchabout .searchresult a{ font-size:14px; color:#0022CC; text-decoration:underline;}
.searchbody .left .leftbox .searchabout .searchresult a:hover{ color:red;}

.searchbody .left .leftbox .kuaisou{ margin:0px 10px 0px 0px;}
.searchbody .left .leftbox .kuaisou .i{ height:23px; line-height:23px;width:305px; padding-left:15px; color:#333;}
.searchbody .left .leftbox .kuaisou #m{margin-left:5px;height:28px; line-height:22px; width:80px; border:none;}

.searchbody .right{width:200px; float:right;}

.searchbody .right .ksad{ border:#E2F3DE 1px solid; padding:10px; background:#FAFFF9;}
.searchbody .right .ksad h2{ font-size:16px; font-weight:bold; color:green; font-family:"微软雅黑"}
.searchbody .right .ksad p{ line-height:24px; color:#666; font-family:"微软雅黑"}
.searchbody .right .ksad p a{ color:green; text-decoration:underline; font-family:"微软雅黑"}
.searchbody .right .ksad p a:hover{}


.searchbody .right .right01{}
.searchbody .right .right01 .tit{height:31px;line-height:31px;font-size:14px; font-weight:bold; color:#333;padding-left:5px;  border-bottom:#CCC 1px solid;}
.searchbody .right .right01 .right01box{}
.searchbody .right .right01 .right01box ul{ padding:8px;}
.searchbody .right .right01 .right01box li{ background:url(artarrow.gif) no-repeat 0px 11px; padding-left:8px;height:26px; line-height:26px;width:245px;overflow: hidden;   white-space:nowrap;text-overflow:ellipsis; }
.searchbody .right .right01 .right01box a{  color:#0022CC;}
.searchbody .right .right01 .right01box a:hover{ text-decoration:none; color:red;}


/*全站搜索end*/