body,button, input, select, textarea,img /* for ie */ {font: 78%/1.5 tahoma,Helvetica,arial, "\5b8b\4f53", sans-serif;vertical-align:middle;}
a{ text-decoration: none; color:#333;}
a:hover{ text-decoration: underline; }
html{background:#F1F1F1 url(../Images/html.gif) center top ;}
body {font-size:12px;color:#666;line-height:180%;background: url(../Images/body.jpg) center top repeat-x;font-family: Microsoft Yahei;}
.fr {float:right;}
.fl {float:left;}
.clear{clear:both;}

#main{
	width:1200px;
	overflow:hidden;
	padding-top:30px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.cleft{ width:270px; float:left; border: 1px solid #ccc;}
.cltop{ height:55px; background:#999;}
.cltoptext{ line-height:55px;font-size:20px;text-align:center;  color:#fff;}
.clul{  border:0px solid #4fa409;}
.clul ul{ margin:0px auto;}
.clul ul li{height:29px; border-bottom:1px solid #dedede;background:#fff;margin:10px 0px 0px 0px;}
.clul ul li a{line-height:29px;background:url(/images/ileft_ll.jpg) no-repeat 10px center; color:#555;font-size:14px;display:block;text-align:center;  height:29px;}
.clul ul li a:hover{color:#444;background:url(/images/ileft_ll.jpg) no-repeat 10px center;}

.clul2{margin-top:0px;margin: 0 auto;height:80px;}
.clul2 ul{ margin:0px auto;}
.clul2 ul li{height:40px; border-bottom:0px dotted #d7d7d7; float:left;color:#fff; margin:1px;}
.clul2 ul li a{height:40px;color:#fff;line-height:40px;font-size:15px;padding: 0 18px;float:left; background:url(../images/lianxi_titlea.png) no-repeat center;text-align:center;}
.clul2 ul li a:hover{color:#fff;background:url(../images/left2-a.gif) no-repeat center;}
#bot{color:#fff;background:url(../images/left2-a.gif) no-repeat 10px center;font-weight:bold;}

.ctop{ border-top: 0px solid #ededed;
    border-bottom: 1px solid #ededed;
    height:50px;background:url(/images/iright_t.jpg); no-repeat; position:relative;
    top: 0px;
    left: 0px;
    border-left-style: none;
    border-left-color: inherit;
    border-left-width: 0px;
    border-right-style: none;
    border-right-color: inherit;
    border-right-width: 0px;}

.fl_lm{
	width:232px;
	float:left;
	display:block;
	height:27px;
	
}
.fl_lm h1 a{ line-height:27px; color:#fff; width:232px; float:left; display:block;text-indent:45px;background:url(../images/pro_bg.jpg);}
.fl_lm h1 a:hover{ line-height:27px; color:#fff; width:232px; float:left; display:block; text-indent:45px;background:url(../images/pro_bg2.jpg);}
.fl_nr{ width:188px; float:left; display:block; overflow:hidden; padding-left:8px; padding-top:4px; padding-bottom:4px;}
.fl_nr h1{ width:90px; float:left; display:block; text-align:left; line-height:25px;}

.n_ban{width:100%; height:126px; position:relative;  overflow:hidden;min-width:1200px;padding-top:0px;}

#sub{width:1002px; margin:0 auto; overflow:hidden;  padding-top:8px; background:#FFF;}
.cright{ width:900px;float:right;border:0px solid #ededed; border-top:0px; }


/*产品展示页面*/
.product-home-list {list-style: none;padding: 0;margin-right: -20px;margin-top: 20px;}
.product-home-list li {	float: left;position: relative;	overflow: hidden;width: 360px;height: 320px;margin-right: 15px;margin-bottom: 30px;
    background:#fff;}
.product-home-list li:hover{background:#223c82;}
.product-home-list li a {display: block;text-align: center;}
.product-home-list li a img {height: 250px;}
.product-home-list .p-img{width: 360px;height: 250px;overflow:hidden;}
.product-home-list .title-wrap {position: absolute;	left: 0;bottom: 0;z-index: 2;width: 100%;}
.product-home-list .title-wrap .title-bg {background-color: #333;opacity: 0.8;filter: Alpha(Opacity=80);height: 26px;display: block;z-index: 3;width: 100%;}
.product-home-list .title-wrap .title-name {width: 100%;text-align: center;display: block;z-index: 4;height: 26px;line-height: 26px;color: #fff;
	position: absolute;left: 0;bottom: 0;}
.product-home-list .list-img {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;}
.product-home-list li:hover .list-img {-webkit-transform:scale(1.3,1.3);-moz-transform:scale(1.3,1.3);transform:scale(1.3,1.3);
    -webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}
.product-home-list .p-name {text-align: center;padding-top:0px;display:block;}
.product-home-list .p-name h3 a{text-align: center;font:100 18px/40px "微软雅黑";}
.product-home-list .p-name h4 a{text-align: center;font:100 16px/22px "微软雅黑";border:0px solid #aaa;width:320px;margin:0 auto;}
.product-home-list li:hover .p-name a{color:#fff;text-decoration:none;}
.product-home-list li:hover .p-name h4 a{border-color:#fff;text-decoration:none;}
/*index*/
/*新闻列表显示*/
.text-pic2{}
.text-pic2 figure{height:149px;padding:30px 0 ;border-bottom:1px solid #EEE;}
.text-pic2 figure .figure-img6{float:left;margin-right:30px;height:109px;width:200px;overflow:hidden;text-align:center;}
.text-pic2 figure img{height:100%;width:auto;margin:0 auto;}
.text-pic2 figcaption h1{line-height:40px;font-weight: normal;margin-bottom:10px; }
.text-pic2 figcaption h1 a{color:#223c82;font-size:24px;}
.text-pic2 figcaption p{line-height:24px;height:96px;overflow:hidden;color:#333}
/*sub*/
.abouter{color:#555;font:14px "Microsoft YaHei"; line-height:50px; height:50px; float:left; padding-left:30px;background:url(/images/home.png) no-repeat 5px center;}
.abouter a{ color:#555; text-decoration:none;font:14px "Microsoft YaHei"; }
.abouter a:hover{ color:#ec5403; text-decoration:none;}

.kuaix {  overflow:hidden}
.kuaix .tit_b{ background:url(../Images/ico13.jpg) no-repeat bottom;}
.kuaix .nr { padding-top:10px; height:391px;}
.kuaix .nr dl { height:150px; overflow:hidden;margin-bottom:10px;float:left;margin-left:15px;border-bottom:1px solid #dedede;}
.kuaix .nr dt { float:left; font-size:0; line-height:0}
.kuaix .nr dt img { width:220px; height:140px;}
.kuaix .nr dd { float:right; width:620px; padding-left:13px;font:14px "Microsoft YaHei"; color:#444; line-height:20px;}
.kuaix .nr dd h4 a { display:block; height:24px; line-height:24px; padding:0px 0 20px 0; color:#333; font-size:16px;font-weight:bold;}
.kuaix .nr li {  font:14px "Microsoft YaHei"; color:#5a5a5a;line-height:29px; width:230px; }
.kuaix .nr li a{padding-left:16px; background:url(../Images/ico15.jpg) no-repeat 0 12px;overflow:hidden;height:24px;display:block;line-height:24px;}
.kuaix .nr dd span a{ float:right;color:#888;font-size:12px;}

/*上一页 下一页*/
.jump{ width:900px; float:left; display:block; overflow:hidden; margin-top:8px;}
.jump_n{ margin:0 auto;  width:400px; padding:4px 0px; overflow:hidden;}
.jump_n h1{ text-align:center;  line-height:25px; float:left;}
.jump_n h1 a{border:1px solid #cccccc;width:60px;  display:block; color:#68686a; }
.jump_n h1 a:hover{ background:#cd1219; width:60px; color:#FFF; display:block; border:1px solid #cd1219;}

.jump_n h2 {text-align:center;  line-height:25px; float:left;width:22px; margin:0px 4px;}
.jump_n h2 a {float:left;border:1px solid #cccccc; display:block; width:20px; color:#68686a;}
.jump_n h2 a:hover{background:#cd1219; width:20px; color:#FFF; display:block; border:1px solid #cd1219;}

.jump_n h3{ text-align:center;  line-height:25px; float:left;}
.jump_n h3 a{border:1px solid #cccccc;width:60px;  display:block; color:#68686a}
.jump_n h3 a:hover{ background:#cd1219; width:60px; color:#FFF; display:block; border:1px solid #cd1219;}




/*分页*/
.Page{width:95%; text-align:center; padding:10px 0px;height:60px; padding-left:250px;clear:both; }
.Page a{display:inline-block;width:45px;background:#ffffff;height:30px; vertical-align:middle; line-height:30px; font-size:12px; border:1px solid #e5e5e5; margin-left:-1px; float:left;text-decoration:none; color:#333; outline:none;}
.Page a:hover{ background:#606060; color:#FFF;background-repeat:no-repeat; }
.Page span{display:inline-block;min-width:30px; padding:0 10px;background:#ffffff;height:30px; vertical-align:middle; line-height:30px; font-size:12px; border:1px solid #e5e5e5; margin-left:-1px;float:left;}
.Page span.current{ background:#606060; color:#FFF}

.anpager .cpb {background:#606060 none repeat scroll 0 0;border:1px solid #CCCCCC;color:#FFFFFF;font-weight:bold;margin:5px 4px 0 0;}
.anpager a {background:#FFFFFF none repeat scroll 0 0;border:1px solid #CCCCCC;color:#777;margin:5px 4px 0 0;text-decoration:none}
.anpager a:hover{background:#606060 none repeat scroll 0 0;border:1px solid #333;color:#FFFFFF;}



/*底部友情链接*/				
.ftLinkWrap{padding:1.5em 0;text-align:center;color:#fff;background:#0163a5;border-bottom:1px solid #1272be}	
.ftLinkWrap .ftLink{width:1003px;margin:0 auto;}
.ftLinkWrap .ftLink a{padding:0 1em;color:#fff}

/*案例*/
.p-show {
    padding: 35px 10px 10px 10px;
}
#show-preview {float: left;width: 495px;text-align: center;}

.show-info-detail {float: right;width: 500px;}
.show-info-detail h1 {text-overflow: ellipsis;font: bold 20px/65px "微软雅黑";border-bottom: 2px solid #ccc;color: #333;}
.show-info-list {font: bold 26px/90px "微软雅黑";color: #333;}
.show-info-list li {line-height: 90px;overflow: hidden;clear: both;border-bottom: 2px solid #ccc;}
.show-info-list li .dt {font-family: simsun;float: left;width: 150px;text-align: left;white-space: nowrap;line-height:60px}
.show-info-list li .dd {font: 100 22px/60px "微软雅黑";float: left;}
.product-dinggou{border:none;height:130px;    padding-top: 15px;}
.productxx-phone{padding-top:10px;font:100 18px/24px "微软雅黑";}
.productxx-phone span{color:#ea0001;font-style: italic;}

.p-show-detail {margin-top: 12px;}
.p-show-detail .title{height:60px;border-bottom:3px solid #ccc;}
.p-show-detail .content{margin-top: 30px;}

.productcs-three{}
.productcs-three li{float:left;padding-right: 15px;background:url(../images/productcshover.jpg) no-repeat;color:#223c82;border-right:1px solid #ccc;font:bold 20px/30px "微软雅黑";height:33px;margin-top:14px;text-align:center;}
.productcs-three li:hover{background:url(../images/productcshover.jpg) no-repeat;color:#223c82;}

.p-show-img{/*height:430px;*/}

/*底部关于我们*/



.solutionview{ height:auto;  margin:0px 5px;overflow:hidden;}
.solutionview ul li{ float:left; margin:10px 10px;height:130px; width:200px;background:url(../../images/bg_03.png)}
.solutionview ul li a{ display:block; height:130px; width:200px;}
.solutionview ul li a:hover{ text-decoration:none;}
.solutionview ul li a p{ width:200px;line-height:25px; text-align:center;font-size:16px;border:0px solid #ddd;background:#ebebeb;}
.solutionview ul li a:hover p{ color:#fff;background:#ff6e01;}
.solutionview ul li a img{ height:130px; width:200px; border:1px solid #ddd; padding:1px;}
.solutionview ul li a:hover img{ border:1px solid #ff6e01; opacity:0.6;}

.title20 { overflow:hidden;}
.title20 h1 { padding-left: 20px;background: url(../images/title20-h5.gif) left center no-repeat; color: #0367b5;font-size: 2em;}
.box {width: 1194px;margin: 0 auto;}
.box a { color: #333;}
.mianbao {float: right;}
.mianbao a { margin: 0 5px;}


.box2a{margin:0 auto;padding:40px 0 ;background:url(../Images/protu.jpg); background-repeat:repeat;}
.box2a .left{margin-bottom:20px;}


.box2{margin:0 auto;padding:40px 0 ;background:#FFF;}
.box2 .left{margin-bottom:0px;}
.left{margin:0 40px;}
.left table{width:100%;}
.left table tr td{text-align:center;height:40px;padding-bottom:7px;line-height:40px;border-right:1px solid #FFF;background:url(../Images/left-td.gif) center top no-repeat;}
.left table tr td:hover,.left table tr td.on{background:url(../Images/left-td.png) center -40px no-repeat;}
.left table tr td a{color:#FFF;font-size: 14px;}


.left1 .left1_1{display:none;}
.left1 ul{width:100%;}
.left1 ul li{float:left;text-align:center;height:40px;width:190px;padding-bottom:7px;line-height:40px;border-right:1px solid #FFF;background:url(../Images/left-td.gif) center top no-repeat;}
.left1 ul li:hover,.left1 ul li.on{background:url(../Images/left-td.png) center -40px no-repeat;}
.left1 ul li a{color:#FFF;font-size: 16px;}


.left2{}
.left2-1{line-height:40px;height:50px;font-size: 18px;color:#333;border-bottom:1px solid #E2E2E2;}
.left2 ul{padding:5px 0 ;}
.left2 ul li{padding:5px 0 ;border-bottom:1px dotted #E2E2E2;}
.left2 ul li a{display:block;height:47px;padding-left:40px;line-height:47px;font-size: 16px;background:url(../Images/left2-a2.gif) 20px center no-repeat;}
.left2 ul li a:hover,.left2 ul li a.on{color:#FFF;background:url(../Images/left2-a.gif) left top no-repeat;}

.left3{width:100%;}
.left3 img{width:100%;height:auto;margin:20px 0 0;}


.box2 .right{margin:0 40px;}
.box2a .right{margin:0 40px;}
.right .title20 .mianbao{display:none;}
.right .title20{text-align:center;}
.right .title20 h5{font-size: 2em;color: #444;line-height: 220%;}
.right .title20 span{display:none;}

.ctrl a{
	position: relative;
	float: left;
	height: 60px;width: 33.33%;
	background-color: #e7e7e7;
	background-color: rgba(0,0,0,.05);
	border-right: 4px solid #fff;
	box-sizing: border-box;
	z-index: 99;
	transition: 0.3s;
}

.ctrl a:before{
	content: "";
	position: absolute;
	bottom: 0;left: 0;
	width: 100%;height: 1px;
	background-color: #0279bb;
	opacity: 0;
	transition: 0.3s;
	z-index: -1;
}
.ctrl{margin-top: 40px;padding: 0 10px;}

.ctrl a:last-child{border: none;}
a#back:after,a#prev:after,a#next:after{
	content: "";
	position: absolute;
	top: 0;left: 0;
	width: 100%;height: 100%;
	background-image: url(../Images/btn-back.png);
	background-repeat: no-repeat;
	background-position: center;
	transition: 0.3s;
}
a#back:after{background-image: url(../Images/btn-back.png);}
a#prev:after{background-image: url(../Images/btn-prev.png);}
a#next:after{background-image: url(../Images/btn-next.png);}


@media screen and (min-width: 1024px) {
	ul.category li a:hover{color: #ec5403;}

	.ctrl a:hover:before{height: 100%;opacity: 1;}
	a#back:hover:after{background-image: url(../Images/btn-back2.png);}
	a#prev:hover:after{background-image: url(../Images/btn-prev2.png);}
	a#next:hover:after{background-image: url(../Images/btn-next2.png);}
}