@charset "utf-8";
/* CSS Document */

*{margin:0px;padding:0px;}
html{overflow-x:hidden; overflow-y:auto;}
body{ padding:0px; margin:0px; font-family:"微软雅黑"; font-size:14px; line-height:23px; overflow:visible; color:#333333; background:url(../images/topBg.jpg) top center repeat-x;}
body a{ text-decoration:none; color:#333333;}
body a:hover{ color:#043668;}
.clear{clear:both; display:block; margin:0px; padding:0px; list-style:0px;}
.index form{ margin:0px; padding:0px;}
.imagehover:hover img {border-top-width: 0px; border-left-width: 0px; filter: alpha(opacity=65);opacity:0.65; border-bottom-width: 0px; border-right-width: 0px; }
.input{ border:0;}
ul{list-style:none;padding:0px; margin:0px;}
img{ border:0px;}
p{font: 14px/25px "微软雅黑";}

.fl{ float:left;}
.fr{ float:right;}

.top{ width:1100px; margin:0 auto; height:136px;}
.logo{ width:450px; height:70px; float:left; padding-top:23px;}
.topR{ width:280px; float:right;}
.topR .tel{ margin-top:20px; height:280px; text-align:right; height:30px; line-height:30px; font-size:20px; color:#da251d;}
.topR .tel label{ font-size:14px; color:#333;}

.topR .search{ width:280px; float:right; height:35px; margin-top:20px;}
.topR .search .ipt1{ width:230px; height:33px; border:solid 1px #dcdcdc; border-right:none; padding-left:14px; line-height:33px; color:#888; font-size:12px; font-family:"宋体";}
.topR .search .btn1{width:35px;height:35px;display:block;float:right;border:none;background:url(../images/searchBtn.jpg) right center no-repeat;}

.menuBg{ width:100%; background:#0f4aac; height:50px;}
.menu{ width:1100px; margin:0 auto; height:50px;}
.menu ul li{ width:157px; display:block; float:left; height:50px;}
.menu ul li a{ width:119px; display:block; margin:0 auto; height:50px; line-height:50px; text-align:center;font-size:16px; color:#fff;}
.menu ul li a:hover{ background:url(../images/menuABg.jpg) top center no-repeat; color:#fff;}
.menu ul li a.hover{ background:url(../images/menuABg.jpg) top center no-repeat; color:#fff;}



/*---------- banner style ----------*/
.banner{ width:100%; height:360px; z-index:-9;}
.banner .abs {position:relative; }
.banner .hd {bottom:30px;height:20px;left:0px;width:100%;}
.banner .hd ul {width:1100px;text-align:center;margin:0 auto;}
.banner .hd ul li {display:inline-block;border-radius:10px; list-style:none;background:#0f4aac; width:12px;height:12px; margin-left:15px;cursor:pointer;}
.banner .hd ul li {*display:inline;}
.banner .hd ul li.on { background:#da251d; cursor:pointer;}
.banner, .banner a {height:360px;display:block;}
.banner ul {margin:0 auto; padding:0px 0px;}


.w1100{ width:1100px; margin:30px auto;}

.main1{ width:100%; margin:30px 0px 0px 0px;}
.title1{width:100%; padding:20px 0px;}
.title1 span{ width:100%; display:block;text-align:center;font-size:24px;color:#343434;line-height:30px;height:30px;text-transform:uppercase;}
.title1 .title1Txt{ width:100%; border-top:solid 1px #d9d9d9; margin-top:20px; height:30px; float:left;}
.title1 .title1Txt em{display:block;margin:0 auto;padding:0px 20px; font-size:28px;color:#363636;font-weight:bold;text-align:center;font-style:normal;margin-top:-15px;height:30px;width:120px; background:url(../images/titleBg.jpg) #fff bottom center no-repeat; padding-bottom:10px;}


.proList{ width:220px; border:solid 1px #dedee0;float:left; margin-top:30px;}
.proList .proListTitle{ width:220px; background:url(../images/proTitle.jpg) top center no-repeat; height:35px; margin-top:1px; padding-top:1px; border-bottom:solid 1px #dedee0;}
.proList .proListTitle span{display:block;float:left;color:#fff;font-size:18px;color:#fff;font-weight:bold;padding-left:30px;line-height:35px;}

.proList .proListBox{ width:202px; float:left; padding:0px 9px; height:440px;}
.proList .proListBox ul li{ width:200px; height:26px; display:block; float:left; border:solid 1px #e0e0e0; margin-top:5px;}
.proList .proListBox ul li a{width:180px;display:block;float:left;background:url(../images/proTitleBg.jpg) top center no-repeat;height:26px; line-height:26px; font-size:14px; color:#333; font-weight:bold; padding-left:20px;}

.proList .proListBox ul li a:hover{width:180px;display:block;float:left;background:url(../images/proTitleAHBg.jpg) top center no-repeat;height:26px; line-height:26px; font-size:14px; color:#fff; font-weight:bold; padding-left:20px;}

.proBox{ width:878px; float:right;}
.proBox ul li{ width:415px; float:left; display:block; margin-top:30px; margin-bottom:14px; margin-left:24px;}
.proBox ul li .proImg{ width:160px; height:120px; overflow:hidden;display:block; float:left; padding:2px 2px; border:solid 1px #d1d1d1;} 
.proBox ul li .proImg span{ display:block; float:left; width:160px; height:120px; overflow:hidden;}
.proBox ul li .proImg span img{display:block;z-index:2; width:160px; height:120px;overflow: hidden;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform:scale(1);transform: scale(1);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.proBox ul li .proImg span:hover img{transform: scale(1.2, 1.2) rotate(10deg);-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}

.proBox ul li .proTxt{ width:230px; float:right;}
.proBox ul li .proTxt a{width:230px; display:block;float:left;overflow:hidden;height:30px; line-height:30px; font-size:14px; font-weight:bold;white-space: nowrap;text-overflow: ellipsis;}
.proBox ul li .proTxt span{ display:block; float:left;width:230px; font-size:12px; color:#696868; line-height:24px; height:72px; overflow:hidden; margin-top:15px;}

.aboutBg{ width:100%; background:url(../images/aboutBg.jpg) top center no-repeat; height:425px; margin-top:30px; padding-top:40px;}

.title2{width:100%; padding:20px 0px;}
.title2 span{ width:100%; display:block;text-align:center;font-size:24px;color:#fff;line-height:30px;height:30px;text-transform:uppercase;}
.title2 .title1Txt{ width:100%; border-top:solid 1px #d9d9d9; margin-top:20px; height:30px; float:left;}
.title2 .title1Txt em{display:block;margin:0 auto;padding:0px 20px; font-size:28px;color:#fff;font-weight:bold;text-align:center;font-style:normal;margin-top:-15px;height:30px;width:120px; background:url(../images/titleBg2.png)  bottom center no-repeat; padding-bottom:10px;}

.aboutBox{ width:1100px; margin:30px auto 0px auto;}
.aboutBox .aboutImg{ width:375px; height:235px; border:solid 3px #fff;  float:left;}
.aboutBox .aboutTxt{ width:690px; float:right;}
.aboutBox .aboutTxt span{ width:690px; display:block; float:left; line-height:30px; color:#fff; height:150px; overflow:hidden;}
.aboutBox .aboutTxt a{ font-size:14px; display:block; float:left; border:solid 2px #fff; height:36px; line-height:36px; padding:0px 30px; color:#fff; margin-top:40px;}


.caseMain{ width:1100px; float:left;}


#pro_left , #pro_right{ width:26px; height:40px; float:left; padding:10px 0px; margin-top:90px;}
#pro_left a{ width:26px; height:40px; display:block; float:left; background:url(../images/leftBtn.jpg) no-repeat;}

#pro_right a{ width:26px; height:40px; display:block; float:right; background:url(../images/rightBtn.jpg) no-repeat;}


.hzUl{ width:1018px; float:left; border-top:none; height:220px; overflow:hidden; margin:0px 15px;}

.hzUl ul li{ width:320px; display:block; height:220px; float:left; margin:0px 9px;position: relative; float: left; text-align: center; }

.hzUl ul li a { color: #fff; font-size: 14px; }
.hzUl ul li a  .pic{ width:320px; height:220px; overflow:hidden;}
.hzUl ul li a  .pic img{ width:320px; height:220px;}
.hzUl ul li .tit { position: absolute; left: 0; top: 0; width:320px; height: 220px; transition: all 0.8s ease 0s; transform:scale(0); display: none\9; filter:progid:DXImageTransform.Microsoft.gradient(enabled="true", startColorstr="#99000000", endColorstr="#99000000"); background-color:rgba(0,0,0,0.6); }
.hzUl ul li .tit { filter:none; }
.hzUl ul li .tit i { display: block; width: 32px; height: 32px; margin: 80px auto 5px; background: url(../images/look.png); }
.hzUl ul li:hover .tit { transform:scale(1); display: block\9; }





.footer{ width:100%; margin-top:30px;}

.foot_bd {padding: 40px 0;background-color: #404040;}
.foot_bd ._hd{ width:1100px; float:left;}
.footer .wrap {position: relative;}
.footer ._bd{ width:1100px; float:left;}
.footer ._bd a{ color:#9a9a9a;}
.wrap {max-width: 1100px;margin-right: auto;margin-left: auto;}
.foot_bd ._hd, .foot_bd ._hd a {color: #fff;}

.foot_bd ._hd ._lk{ float: left; margin-right: 60px;}

.foot_bd ._hd ._lk span{ display:block; float:left; background:url(../images/footLx.jpg) left center no-repeat; padding-left:24px;}
.foot_bd ._hd ._lk ._t{ font-size: 16px; color: #fff; margin-bottom: 10px;}
.foot_bd ._hd ._lk .ion{ color: #fcae18;}
.foot_menu{ float: left;}
.foot_menu dl{ float: left; margin-left: 80px; margin-right: 80px;}
.foot_menu dt{font-size: 16px; color: #fff; margin-bottom: 10px;}
.foot_menu dd a{display: block;}
.foot_bd ._bd p{ color: #9a9a9a;}
.foot_share{ margin-bottom: 15px; width:100%; float:left; margin-top:15px;}
.foot_share span{ float: left; color: #e9e9e9;}
.footer .foot_share a{ float: left; width: 22px; height: 22px; padding: 0; margin: 0; margin-left: 8px; background-image: url(../images/foot_share.png);}
.footer .foot_share a.bds_tsina{ background-position: 0 0;}
.footer .foot_share a.bds_weixin{ background-position: -32px 0;}
.footer .foot_share a.bds_qzone{ background-position: -64px 0;}
.footer .foot_share a.bds_douban{ background-position: -96px 0;}
.footer .foot_share a.bds_more{ background-position: -127px 0;}
.foot_ewm{ position: absolute; right: 0; top: 0; width: 132px;}
.foot_ewm ._txt{ width: 92px; height: 37px; margin: 0 auto; margin-top: 15px; text-align: center; padding: 8px; white-space: nowrap; background: url(../images/foot_ewm_txt.jpg) center top no-repeat; color: #fff; line-height: normal}


.pageL{ width:222px;float:left;}

.leftMenu{ width:220px; float:left;border:solid 1px #dedee0;}
.leftMenu h2{width:190px; background:url(../images/proTitle.jpg) top center no-repeat; height:35px; margin-top:1px; padding-top:1px; border-bottom:solid 1px #dedee0;display:block;float:left;color:#fff;font-size:18px;color:#fff;font-weight:bold;padding-left:30px;line-height:35px;}


.leftMenu ul{ width:202px; float:left; padding:0px 9px 9px 9px;}
.leftMenu ul li{ width:200px; height:26px; display:block; float:left; border:solid 1px #e0e0e0; margin-top:5px;}
.leftMenu ul li a{width:180px;display:block;float:left;background:url(../images/proTitleBg.jpg) top center no-repeat;height:26px; line-height:26px; font-size:14px; color:#333; font-weight:bold; padding-left:20px;}

.leftMenu ul li a:hover{width:180px;display:block;float:left;background:url(../images/proTitleAHBg.jpg) top center no-repeat;height:26px; line-height:26px; font-size:14px; color:#fff; font-weight:bold; padding-left:20px;}
.leftLx{ width:222px; float:left; margin-top:15px;}


.pageR{ width:850px; float:right;}
.location { position:relative; margin-bottom:15px; padding:0; border-bottom:2px solid #EEEEEE; height:40px;}
.location h3 { float:left; height:38px; margin:0; color:#195ac5; font-size:20px; }
.location h3 em { font-size:14px; font-style:italic; text-transform:uppercase; color:#c8c8c8;font-weight:normal; font-style:normal; padding-left:5px;}
.location h3:first-letter { font-size:30px;}
.location p{ display:block; float:right; text-align:right; height:40px; line-height:40px; color:#333;}

/*in_about*/

.in_con{width:850px;height:100%;overflow:auto;}
/*about*/
#in_about{float:left;display:block;width:850px;height:auto;font-size:13px;text-align:left;}




/*-----新闻-------*/
/*news*/

.newsTop{ width:850px; float:left; border-bottom:solid 1px #dedede; margin:10px 0px; padding-bottom:20px;}
.newsImg{ width:230px; height:165px; float:left;}
.newsImg img{ width:230px; height:165px; display:block; float:left;}
.newsTxt{ width:600px; float:right; }

.newsTxt .newsTxtTitle{ width:600px; font-size:16px;color:#195ac5; font-family:"微软雅黑";font-weight:bold;overflow:hidden;float:right; height:30px; line-height:30px;}

.newsTop .newsTxtT{ width:600px; display:block; float:right; color:#636363; line-height:24px; padding-top:10px;}
.newsTop .xwdtA{ width:600px; display:block; float:right; text-align:left; padding-top:5px;color:#f00; font-family:"宋体"; height:25px; line-height:25px;}

#in_news{ padding:10px 15px;}
#in_news ul{width:850px;height:100%;overflow:auto; margin:5px auto 0px auto; padding:0px 0px; display:block; float:left;}
#in_news ul li{background:url(../images/li_list1.jpg) left center no-repeat; padding-left:15px;width:835px;margin-top:5px; display:block; border-bottom:dashed 1px #cfcfd0; list-style:none; float:left; bheight:28px; line-height:28px;font-family:"微软雅黑"; font-size:14px;}
#in_news ul li a{width:735px; float:left; display:block; color:#333;}
#in_news ul li span{  display:block; float:right; text-align:right;width:100px; color:#b0b0b0; color:#747373;}


.pageNav{width:100%;height:30px;line-height:30px;margin:15px 0px;text-align:center; clear:both; font-size:12px; font-family:"宋体";}


/*news detail*/
.news-title{font-size:18px; font-weight:bold; text-align:center; line-height:50px}
.other { color: #666; padding: 42px 0 8px;width: 100%;}
.other-info{height:40px;}
.other-info em{font-style:normal;}
.other-info .time{float:left; padding-left:30px;}
.other-info .from{float:right; padding-right:100px;}
.other-info .tag { margin-left: 280px;}


#in_pro{ width:850px; float:left;}
#in_pro ul { width:870px; margin-left:-20px;}
#in_pro ul li{ width:415px; float:left; display:block; margin-top:30px; margin-bottom:14px; margin-left:20px;}
#in_pro ul li .proImg{ width:160px; height:120px; overflow:hidden;display:block; float:left; padding:2px 2px; border:solid 1px #d1d1d1;} 
#in_pro ul li .proImg span{ display:block; float:left; width:160px; height:120px; overflow:hidden;}
#in_pro ul li .proImg span img{display:block;z-index:2; width:160px; height:120px;overflow: hidden;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform:scale(1);transform: scale(1);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
#in_pro ul li .proImg span:hover img{transform: scale(1.2, 1.2) rotate(10deg);-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}

#in_pro ul li .proTxt{ width:230px; float:right;}
#in_pro ul li .proTxt a{width:230px; display:block;float:left;overflow:hidden;height:30px; line-height:30px; font-size:14px; font-weight:bold;white-space: nowrap;text-overflow: ellipsis;}
#in_pro ul li .proTxt span{ display:block; float:left;width:230px; font-size:12px; color:#696868; line-height:24px; height:72px; overflow:hidden; margin-top:15px;}


/*----案例中心------*/
#in_case{  width:850px; float:left;}
#in_case ul { width:850px;}


#in_case ul li{width:260px;display:block;height:180px;float:left; margin:0px 10px 20px 10px;position:relative; float:left;text-align: center;}

#in_case ul li a { color: #fff; font-size: 14px; }
#in_case ul li a  .pic{ width:260px; height:180px; overflow:hidden;}
#in_case ul li a  .pic img{ width:260px; height:180px;}
#in_case ul li .tit { position: absolute; left: 0; top: 0; width:260px; height: 180px; transition: all 0.8s ease 0s; transform:scale(0); display: none\9; filter:progid:DXImageTransform.Microsoft.gradient(enabled="true", startColorstr="#99000000", endColorstr="#99000000"); background-color:rgba(0,0,0,0.6); }
#in_case ul li .tit { filter:none; }
#in_case ul li .tit i { display: block; width: 32px; height: 32px; margin:60px auto 5px; background: url(../images/look.png); }
#in_case ul li:hover .tit { transform:scale(1); display: block\9; }

.subtxt{width:800px; height:20px; font-size:12px; line-height:20px; text-align:center;margin-bottom:10px; margin-left:10px;}
.perNext{width:800px; height:auto; font-size:12px; line-height:20px; text-align:left;margin-bottom:10px; margin-left:10px; margin-top:20px;}