@charset='utf-8';
/* 广告 */
.bann_box{ width: 100%; height: 700px; background: #eee; overflow: hidden; position: relative; }
.b-img{ height: 700px; position: absolute; top: 0; left: 0; }
.b-img a{ display: block; height: 700px; float: left;}
.b-list{ height:50px; padding-top:630px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:10px; height:10px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px; background: #fff;}
.b-list .spcss{border:3px solid #fff; background: #0a64a3;}

/* 一屏 */
.i-case-tit{ width: 1200px; height: 65px; margin: 0 auto; padding: 30px 0 10px 0; text-align: center; }
.i-case-list{ width: 1200px; height:auto; overflow: hidden; margin: 0 auto; }
.i-case-list dl{ display: block; width: 278px; height: auto; float: left; margin: 10px;}
.i-case-list dl dt{ display: block; width: 260px; height: 194px; padding: 9px; }
.i-case-list dl dt img{ width: 260px; height: 194px; }
.i-case-list dl dd { display: block; width: 278px; height: 45px; line-height: 45px; text-align: center; }
.i-case-list dl:hover{ background: #f5f5f5; }
.i-case-list dl:hover dt img{-webkit-filter : brightness(.5);
    filter : brightness(.5);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}

.cas-btn{ display: block; width: 185px; height: 43px; margin: 15px auto; line-height: 43px; text-align: center; background: #375ff1; font-size: 14px; color: #fff; }
.cas-btn:hover{ color: #fff; }

#wrapper {
		width: 1200px; margin: 0 auto; height: auto; overflow: hidden;
	}
#wrapper > div {
				width: 100%;
				height: 267px;
				overflow: hidden;
			}
#wrapper dl{ display: block; width: 278px; height: auto; float: left; margin: 10px;}
#wrapper dl dt{ display: block; width: 260px; height: 194px; padding: 9px 9px 0 9px; }
#wrapper dl dt img{ width: 260px; height: 194px; }
#wrapper dl dd { display: block; width: 278px; height: 45px; line-height: 45px; text-align: center; font-size: 16px;}
#wrapper dl:hover{ background: #f5f5f5; }
#wrapper dl:hover dt img{-webkit-filter : brightness(.5);
    filter : brightness(.5);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}

/* 二屏 */
.i-about-box{ width: 100%; height: 315px; background: #f7f7f7; }
.i-about-box .i-about-cen{ width: 1200px; height: 315px; margin: 0 auto; }
.i-about-box .i-about-cen .i-about-lft{ width: 640px; height: 32px; float: left; }
.i-about-box .i-about-cen .ial-tit{ width: 100%; min-height: 44px; line-height: 44px; padding-top: 25px; font-size: 16px; font-weight: bold; color: #375ff1;}
.i-about-box .i-about-cen .ial-tit span{ font-size: 12px; font-weight: normal; color: #999; }
.i-about-box .i-about-cen .ial-tit a{ float: right; font-size: 12px; font-weight: normal; color: #999; }
.i-about-box .i-about-cen .i-about-lft dl{ display: block; width: 640px; height: 185px; padding-bottom: 20px; border-bottom: solid 1px #dedede; }
.i-about-box .i-about-cen .i-about-lft dl dt{ display: block; width: 270px; height: 185px; float: left; margin-right: 18px; }
.i-about-box .i-about-cen .i-about-lft dl dd{ display: block; width: 352px; height: 185px; float: left; }
.i-about-box .i-about-cen .i-about-lft dl dd p{ text-indent: 2em; line-height: 24px; font-size: 14px; padding: 5px 0; }
.i-about-box .i-about-cen .i-about-lft ul{ display: block; width: 640px; height: 68px; }
.i-about-box .i-about-cen .i-about-lft ul li { display: block; width: 133px; height: 66px; float: left; margin-right: 25px; border: solid 1px #ccc;}
.i-about-box .i-about-cen .i-about-lft ul li img{ width: 133px; height: 66px; }

.i-about-box .i-about-cen .i-about-rht{ width: 525px; height: 315px; float: right; overflow: hidden;}
.i-about-box .i-about-cen .i-about-rht dl{ display: block; width: 525px; height: 78px; overflow: hidden; margin-bottom: 20px;}
.i-about-box .i-about-cen .i-about-rht dl dt{ display: block; width: 130px; height: 78px; float: left; }
.i-about-box .i-about-cen .i-about-rht dl dt a img{ width: 130px; height: 78px; }
.i-about-box .i-about-cen .i-about-rht dl dd{ display: block; width: 375px; height: 78px; float: left; padding-left: 20px; }
.i-about-box .i-about-cen .i-about-rht dl dd a{ display: block; width: 100%; height: 33px; line-height: 33px; font-weight: bold; font-size: 16px; text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden;  }
.i-about-box .i-about-cen .i-about-rht dl dd span{ display: block; width: 100%; height: auto; color: #999; }
.i-about-box .i-about-cen .i-about-rht dl dd em{ display: block; width: 100%; height: auto; font-style: normal; line-height: 31px; text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden;}

/* 三屏 */
.i-pro-page{ width: 1100px; overflow:hidden; min-height: 40px; margin: 0 auto; font-size: 16px; padding-left:100px;}
.i-pro-page .menub1_1{ width: 226px; height:36px; border: solid 2px #ff701c; color: #ff701c; text-align: center; margin-bottom:10px; line-height: 36px; float: left; background: #fff; cursor: pointer; margin-right: 20px;}
.i-pro-page .menub1_1 img{ margin-right: 5px; }
.i-pro-page .menub1_2{ width: 226px; height:36px; border: solid 2px #ccc; color: #666; margin-bottom:10px; text-align: center; line-height: 36px; float: left; background: #fff; cursor: pointer; margin-right: 20px; }
.i-pro-page .menub1_2 img{ margin-right: 5px; -webkit-filter : grayscale(1); filter : grayscale(1); }
.i-pro-page a{ width: 206px; height:36px; border: solid 2px #ccc; color: #666; text-align: center; line-height: 36px; float: left; background: #fff; cursor: pointer; margin-right: 20px;}
.i-pro-page a:hover{border: solid 2px #ff701c; color: #ff701c;}

.menugtab{ width: 1250px; height: auto; padding: 15px 0 15px 0; overflow: hidden; margin: 0 auto; }
.menugtab ul li{ display: block; width: 260px; height: auto; float: left; padding: 10px; margin-right: 20px; border: solid 1px #ccc; margin-bottom: 20px;}
.menugtab ul li .pro_list_img{ width: 260px; height: 194px; overflow: hidden; }
.menugtab ul li .pro_list_img img{ width: 260px; height: 194px; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; }
.menugtab ul li:hover .pro_list_img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-ms-transform:scale(1.1);}
.menugtab ul li span{ display: block; width: 100%; height: 35px; line-height: 35px; text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; text-align: center; font-size: 16px; }


/* 四屏 */
.i-hone-box{ width: 100%; height: 340px; padding: 30px 0; background: #fff; }
.i-hone-box .i-hone-cen{ width: 1200px; height: 340px; margin: 0 auto; }

.i-honer{ width: 260px; height: 335px; padding: 0 10px; border-bottom: solid 5px #dedede; float: left; margin-right: 20px; }
.i-honer ul { padding-top: 13px; }
.i-honer ul li{ display: block; width: 130px; height: 30px; float: left; line-height: 30px;}

.i-honer:hover{ background: #375ff1; color: #fff;}
.i-honer:hover a{ color: #fff; }
.i-honer:hover b{ color: #fff !important; }

.i-hone-box .i-hone-cen h2{ display: block; width: 100%; height: 37px; line-height: 37px; text-align: center; font-weight: normal; font-size: 24px;}
.i-hone-box .i-hone-cen b{ display: block; width: 100%; height: 33px; line-height: 33px; text-align: center; font-weight: normal; color: #888; }

.i-q{ width: 260px; height: 335px; padding: 0 10px; border-bottom: solid 5px #dedede; float: left; margin-right: 20px; }
.i-q ul { padding-top: 13px; }
.i-q ul li{ display: block; width: 260px; height: 30px; float: left; line-height: 30px;}

.i-q:hover{ background: #ff701c; color: #fff;}
.i-q:hover a{ color: #fff; }
.i-q:hover b{ color: #fff !important; }