/*
 index--------------------------------------------------------------------------------
 * */
/*banner*/
.banner{width: 100%;  position:relative;  height:410px; overflow:hidden;   }
.banner .bd{ position:relative; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:410px; }
.banner .bd li a{ position:absolute; width:100%; height:410px; display:block; z-index:1;;   }
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:47px; line-height:47px; text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:70px; height:6px; background-color: #5c5b53; margin:4px;  overflow:hidden; line-height:9999px;}
.banner .hd ul .on{background-color: #2180df;}

.bannertwo,
.bannertwo .bd li{height:280px; }

.bannerthree,
.bannerthree .bd li{height:450px; }
.bannerthree .bd li a{width: auto; height: auto;}

/*product*/
.product{width: 100%; padding: 20px 0 0; background-color: #fafafa;}
.snBrand { position: relative; width:1200px; margin: 0 auto; background-color: #fff; overflow: hidden; }
.snBrand ol { float: left; width: 260px; margin-top: -1px;}
.snBrand ol li { height: 104px; line-height: 104px; border-top: 1px solid #fff; border-right: none; text-align: center; overflow: hidden; background-color: #e8e8e8;}
.snBrand ol li.on { background: #fff; border-left: 5px solid #0e6cc0;}
.snBrand ol li .tu{height: 104px; width: 115px; text-align: center; font-size: 0;}
.snBrand ol li .tu span{display: inline-block; height: 100%; line-height: 0; vertical-align: middle;}
.snBrand ol li .nr .tit{font-size: 16px; color: #333333; font-weight: bold; line-height: 25px; height: 25px; margin-top: 30px; width: 140px; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis;}
.snBrand ol li .nr .fu-tit{font-size: 10px; color: #333333; font-family: arial; line-height: 25px; height: 25px; width: 140px; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; text-transform: capitalize; -webkit-text-transform: capitalize; -moz-text-transform: capitalize;}
.snBrand .protab{width: 940px; float: left;}
.snBrand .protab .list .top{/*width: 100%;*/ width: 940px; height: 330px; position: relative;}
.snBrand .protab .list .top img{width: 100%;}
.snBrand .protab .list .top span{width: 370px; height: 330px; background-color: #000; position: absolute; right: 0; top: 0; z-index: 99;}
.snBrand .protab .list .top .ctent{position: absolute; right: 0; top: 0; width: 370px; height: 330px; z-index: 999; padding: 70px 40px;}
.snBrand .protab .list .top .ctent .tit{font-size: 18px; color: #fff; font-weight: bold;}
.snBrand .protab .list .top .ctent .nr{font-size: 14px; color: #c5c6c9; line-height: 22px; margin-top: 20px; width: 100%; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -o-text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.snBrand .protab .list .top .ctent .xqing{display: block; width: 108px; height: 36px; text-align: center; line-height: 36px; border: 1px solid #fff; color: #fff; margin-top: 20px;}
.snBrand .protab .list .top .ctent .xqing:hover{background-color: #fff; color: #333;}
.snBrand .protab .list .bottom{width: 100%; margin-top: 10px;}
.snBrand .protab .list .bottom .lie{width: 455px; height: 175px; background-color: #f6f4f5; margin-left: 10px;}
.snBrand .protab .list .bottom .lie .timg{width: 240px; height: 175px; font-size: 0; text-align: center;}
.snBrand .protab .list .bottom .lie .timg img{max-width: 190px; max-height: 135px;}
.snBrand .protab .list .bottom .lie .timg span{display: inline-block; height: 100%; line-height: 0; vertical-align: middle;}
.snBrand .protab .list .bottom .lie .you{width: 215px; padding-right: 20px;}
.snBrand .protab .list .bottom .lie .you .tit{color: #444444; width: 100%; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; margin-top: 20px;}
.snBrand .protab .list .bottom .lie .you .fu-tit{font-size: 12px; color: #777777; line-height: 22px; margin-top: 5px; width: 100%; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -o-text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.snBrand .protab .list .bottom .lie .you .xqing{display: block; color: #777777; width: 108px; height: 36px; text-align: center; line-height: 36px; border: 1px solid #777777; margin-top: 10px;}
.snBrand .protab .list .bottom .lie .you .xqing:hover{background-color: #DCD2D2; color: #333; border: 1px solid #999;}
.protit{width: 1200px; margin: 0 auto; height: 60px; line-height: 60px;}
.protit .line{width: 915px; border-top: 1px solid #c4c4c5; margin-top: 30px; margin-left: 10px;}
.protit p{color: #d3c8c5; font-size: 12px;}
.protit .dian{font-size: 24px; margin-left: -2px; margin-top: 1px;}
.protit .more{color: #868686;}
.protit .more:hover{color: #0E6CC0;}

@media screen and (max-width:1220px){
	.snBrand{width: 940px;}
	.snBrand ol{position: absolute; left: 0; top: 0; z-index: 999; display: none;}
	.snBrand .protab{float: none; margin: 0 auto;}
	.snBrand:hover ol{display: block;}
	.protit{width: 96%; margin: 0 auto;}
	.protit .line,
	.protit .dian{display: none;}
}

/*series*/
.series{width: 100%; background-color: #fff; padding: 20px 0;}
.series .content{width: 1200px; margin: 0 auto;}
.series .content .list{width: 300px;}
.series .content .list .top{width: 100%; position: relative; height: 254px; padding: 30px; background-color: #fafafa;}
.series .content .list .top .shang{width: 100%; padding-bottom: 15px; text-align: center; border-bottom: 1px solid #d6d6d6;}
.series .content .list .top .shang .tit{font-size: 18px; color: #0054a8; font-weight: bold;}
.series .content .list .top .shang .fu-tit{font-size: 16px; color: #444444; margin-top: 10px;}
.series .content .list .top .xia{width: 100%; margin-top: 20px;}
.series .content .list .top .xia .nr{width: 90%; margin: 0 auto; text-align: center; font-size: 12px; color: #444444; line-height: 22px;}
.series .content .list .top .xia .see{width: 108px; height: 34px; text-align: center; line-height: 34px; border: 1px solid #777777; color: #777777; margin: 20px auto 0;}
.series .content .list .top .jtou{position: absolute; left: 140px; bottom: -10px; width: 21px; height: 11px; background: url(../images/icon12.png) no-repeat;}
.series .content .list .top .jtoutwo{bottom: auto; top: -10px; background: url(../images/icon11.png) no-repeat;}
.series .content .list .bottom{width: 300px; height: 254px; font-size: 0; text-align: center;}
.series .content .list .bottom span{/* display: inline-block; */ height: 100%; line-height: 0; vertical-align: middle;}

.series .content .list:hover .top{background-color: #0e6cc0;}
.series .content .list:hover .shang{border-bottom: 1px solid #5195d2;}
.series .content .list:hover .shang .tit{color: #fff;}
.series .content .list:hover .shang .fu-tit,
.series .content .list:hover .top .xia .nr{color: #a6ccee;}
.series .content .list:hover .top .jtou{background: url(../images/icon14.png) no-repeat;}
.series .content .list:hover .top .jtoutwo{background: url(../images/icon13.png) no-repeat;}
.series .content .list:hover .top .xia .see{border: 1px solid #fff; color: #fff;}

@media screen and (max-width:1220px){
	.series .content{width: 100%;}
	.series .content .list{width: 25%;}
	.series .content .list .bottom,
	.series .content .list .bottom img{width: 100%;}
	.series .content .list .top,
	.series .content .list .bottom{height: auto;}
	.series .content .list .top .xia .nr{overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -o-text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.series .content .list .top .shang .fu-tit{overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap;}
	.series .content .list .top .jtou{left: 46%;}
}

/*news*/
.news{width: 100%; padding: 20px 0; background-color: #fafafa;}
.news .content{width: 1200px; margin: 0 auto;}
.news .content .left{width: 590px;}
.newstop{width: 100%;}
.newstop .tit{font-size: 18px; font-weight: bold; color: #333333; height: 30px; line-height: 30px;}
.newstop .more{color: #666666; background: url(../images/icon6.png) left center no-repeat; padding-left: 20px;}
.news .content .left .list{width: 285px; margin-right: 20px; margin-top: 10px;}
.news .content .left .list:last-child{margin-right: 0;}
.news .content .left .list .tu{width: 100%; height: 190px; text-align: center; font-size: 0;}
.news .content .left .list .tu span{display: inline-block; height: 100%; line-height: 0; vertical-align: middle;}
.news-bottom{width: 100%; margin-top: 10px;}
.news-bottom .time{width: 50px; height: 50px; background-color: #7e7e7e;}
.news-bottom .time .day{font-size: 25px; font-family: arial; width: 100%; text-align: center; color: #fff; margin-top: 2px;}
.news-bottom .time .year{font-size: 12px; font-family: arial; width: 100%; color: #fff; text-align: center;}
.news-bottom .ctent{width: 225px;}
.news-bottom .ctent .tit a{font-size: 16px; color: #333333; width: 100%; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -o-text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news-bottom .ctent .tit a:hover{text-decoration: underline;}
.news-bottom .ctent .nr{font-size: 12px; color: #666666; line-height: 20px; margin-top: 20px;}
.news .content .right{width: 570px;}
.picScroll-left{ width:100%;  overflow:hidden; position:relative;}
.picScroll-left .hd{ overflow:hidden;  height:40px;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:24px; height:24px; float:right; margin-right:5px;  overflow:hidden; cursor:pointer; background:url("../images/icon9.png") no-repeat;}
.picScroll-left .hd .next{background: url(../images/icon10.png) no-repeat;}
.picScroll-left .hd .prevStop{background: url(../images/icon7.png) no-repeat;}
.picScroll-left .hd .nextStop{background: url(../images/icon8.png) no-repeat; }
.newlist{width: 100%;}
.newlist .list{width: 100%; margin-bottom: 10px; border: 1px solid #e3e3e3; padding: 20px 10px; background-color: #fff;}
.newlist .list .tit,
.newlist .list .tit a{font-size: 16px; color: #333333; font-weight: bold;}
.newlist .list .tit a:hover{text-decoration: underline;}
.newlist .list .nr,
.newlist .list .time{font-size: 12px; color: #666666; margin-top: 10px; overflow:hidden;  text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space:nowrap;}
.picScroll-left .hd .tit{font-size: 18px; font-weight: bold; color: #333333; height: 30px; line-height: 30px;}
.picScroll-left .hd .more{color: #666666; padding-left: 20px;}

@media screen and (max-width:1220px){
	.news .content{width: 100%;}
	.news .content .left{width: 49%; margin-left: 2%;}
	.news .content .left .list{width: 48.305%; margin-right: 3%;}
	.news .content .left .list:last-child{margin-right: 0;}
	.news .content .left .list .tu img{width: 100%;}
	.news .content .right{width: 45.5%; margin-right: 2%;}
}

@media screen and (max-width:1000px){
	.news-bottom .time{display: none;}
}

/*dynamic*/
.dynamic{width: 100%; background-color: #fff; padding: 20px 0;}
.dynamic .content{width: 1200px; margin: 0 auto;}
.dylist{width: 585px;}
.newstop .moretwo{background: none;}
.dylist .top{width: 100%; background-color: #fafafa;}
.dylist .top .tu{width: 210px; height: 139px; text-align: center; font-size: 0;}
.dylist .top .tu span{display: inline-block; height: 100%; line-height: 0; vertical-align: middle;}
.dylist .top .ctent{width: 375px; padding: 20px;}
.dylist .top .ctent .tit{width: 100%; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap;}
.dylist .top .ctent .tit,
.dylist .top .ctent .tit a{font-size: 16px; color: #333333;}
.dylist .top .ctent .tit a:hover{text-decoration: underline;}
.dylist .top .ctent .nr,
.dylist .top .ctent .time{font-size: 12px; color: #666666; line-height: 20px; margin-top: 10px; width: 100%; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical;}
.dylist .bottom{width: 100%;}
.dylist .bottom ul li{width: 100%; float: left; margin-top: 15px; }
.dylist .bottom ul li a{font-size: 12px; display: block; width: 500px; color: #333333; background: url(../images/jtou.png) left center no-repeat; padding-left: 10px;overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap;}
.dylist .bottom ul li a:hover{text-decoration: underline;}
.dylist .bottom ul li .time{color: #666666; font-size: 12px;}

@media screen and (max-width:1220px){
	.dynamic .content{width: 96%; margin: 0 auto;}
	.dylist{width: 48.75%;}
	.dylist .top .tu{width: 35.897%;}
	.dylist .top .tu img{width: 100%;}
	.dylist .top .ctent{width: 64.103%; padding: 3%;}
	.dylist .bottom ul li a{width: 70%;}
}


/*
 product--------------------------------------------------------------------------------
 * */
.proctent{width: 100%; padding-bottom: 20px;}
.proctent .top{width: 100%; height: 36px; line-height: 36px; background-color: #f5f5f5;}
.proctent .top .content{width: 1200px; margin: 0 auto; font-size: 12px; color: #666666;}
.proctent .top .content a:hover{text-decoration: underline;}
.allist{width: 100%; background-color: #fff;}
.allist .tit{width: 1200px; margin: 20px auto; font-size: 26px; color: #222222;}
.allist .tit span{font-size: 14px; color: #888888; font-family: arial; text-transform: uppercase;}

.prolist{width: 1200px; margin: 0 auto;}
.plistu{width: 386px; height: 429px; margin-right: 21px;}
.plist{width: 386px; min-height: 429px; padding: 20px 35px; margin-right: 21px; margin-bottom: 20px; background-color: #f8f8f8;}
.plist .tu{width: 100%; height: 225px; text-align: center; font-size: 0;}
.plist .tu span{display: inline-block; height: 100%; line-height: 0; vertical-align: middle;}
.plist .middle{width: 100%; border-bottom: 1px solid #d8d8d8; padding-bottom: 20px;}
.plist .middle .bt{font-size: 18px; color: #444444; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.plist .middle .nr{font-size: 12px; color: #777777; line-height: 20px; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -o-text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.plist .xia{width: 100%; margin-top: 15px;}
.plist .xia a{width: 108px; height: 34px; margin-right: 15px; text-align: center; line-height: 34px; border: 1px solid #777777; color: #777777;}
.plist:hover{background-color: #f89508;}
.plist:hover .middle .bt,
.plist:hover .middle .nr,
.plist:hover .xia a{color: #fff;}
.plist:hover .tu{background-color: #fff;}
.plist:hover .xia a{border: 1px solid #fff;}
.plist .xia a:hover{border: 1px solid #000000; background-color: #000000;}
.plist:last-child{margin-right: 0;}
.plist:nth-child(3n){margin-right: 0;}

.pro_more{height:35px; line-height:35px; background:url(../images/n-line.png) repeat-x; float:left; width:100%; background-position:0 3px; margin-bottom: 20px;}
.pro_more a{ background:#fff; padding-right:10px; padding-left: 20px; font-size:13px; float:right; color:#9c9b9b; text-align:right;}
.pro_more a:hover{ color:#000;}
.pro_more .mfl{ background:#fff; color:#9c9b9b; float:left; text-transform: uppercase; padding-right: 20px;}

.pro-case{width: 1200px; margin: 20px auto 40px;}
.pro-case .tit{width: 100%; margin: 0 auto 20px; font-size: 26px; color: #222222;}
.pro-case .tit span{font-size: 14px; color: #888888; font-family: arial; text-transform: uppercase;}
.pro-case .bottom{width: 100%;}
.caselist{width: 285px; margin-right: 20px;}
.caselist:last-child{margin-right: 0;}
.caselist .tu{width: 100%; height: 190px; text-align: center; font-size: 0;}
.caselist .tu span{display: inline-block; height: 100%; line-height: 0; vertical-align: middle;}
.caselist .xia{width: 100%;}
.caselist .xia ul li{width: 100%; float: left; height: 41px; line-height: 41px; border-bottom: 1px solid #e3e3e3; font-size: 16px; color: #333333;}
.caselist .xia ul li span{font-size: 12px; color: #949292;}
.caselist .xia ul li span.address{background: url(../images/address.png) center left no-repeat; padding-left: 15px;}

@media screen and (max-width:1220px){
	.allist .tit,
	.pro-case .tit,
	.proctent .top .content{width: 96%;}
	.prolist,
	.pro-case{width: 100%;}
	.plistu,
	.plist{width: 32.166%; margin-right: 1.75%; min-height: auto;}
	.plist:last-child{margin-right: 0;}
	.plist .tu{height: auto;}
	.plist .tu img{width: 90%;}
	.plistu{height: auto;}
	.plistu img{width: 100%;}
	.plist .xia a{width: auto; padding: 0 10px;}
	.caselist{width: 23.75%; margin-right: 1.666%;}
	.caselist:last-child{margin-right: 0;}
	.caselist .tu{height: auto;}
	.caselist .tu img{width: 100%;}
}

/*
 productlist--------------------------------------------------------------------------------
 * */
.pro-case .left{width: 590px;}
.pro-case .right{width: 570px;}
.notice { width: 100%; border: 1px solid #e3e3e3; overflow: hidden; }
.notice .tab-hd { height: 48px; background-color: #fafafa; border-bottom: 1px solid #e3e3e3;}
.notice .tab-hd ul { margin-left: 12px;}
.notice .tab-hd li{ float: left; cursor: pointer; height: 48px; line-height: 48px; display:block; padding:0 25px; font-size: 18px; color: #222222; font-weight: normal;}
.notice .tab-hd li.on{color: #fff; background-color: #0e6cc0; font-weight: normal; position: relative; margin-left: -1px; margin-right: -1px; }
.notice .tab-bd{padding: 10px;}
.notice .tab-bd .shang,
.notice .tab-bd .xia{width: 100%;}
.notice .tab-bd .shang .zuo{width: 285px; height: 190px; text-align: center; font-size: 0;}
.notice .tab-bd .shang .zuo span{display: inline-block; height: 100%; line-height: 0; vertical-align: middle;}
.notice .tab-bd .shang .you{width: 245px; margin-left: 20px;}
.notice .tab-bd .shang .you .bt{font-size: 16px; color: #444444; margin-top: 15px;}
.notice .tab-bd .shang .you .nr{font-size: 12px; color: #777777; margin-top: 10px;}
.notice .tab-bd .shang .you a{width: 108px; height: 34px; margin-right: 15px; text-align: center; line-height: 34px; border: 1px solid #777777; color: #777777; margin-top: 20px;}
.notice .tab-bd .shang .you a:hover{border: 1px solid #000000; background-color: #000000; color: #fff;}
.notice .tab-bd .xia{margin-top: 15px;}
.notice .tab-bd .xia ul li{width: 48%; margin-right: 2%; background: url(../images/you.png) center left no-repeat; padding-left: 15px; line-height: 30px; height: 30px;}
.notice .tab-bd .xia ul li a:hover{text-decoration: underline;}

@media screen and (max-width: 1220px) {
	.pro-case .left{width: 49.1666%;}
	.pro-case .left .caselist{width: 49%;}
	.pro-case .right{width: 47.5%;}
	.notice .tab-bd .shang .zuo{width: 50%; height: auto;}
	.notice .tab-bd .shang .zuo img{width: 100%;}
	.notice .tab-bd .shang .you{width: 42.982%; margin-left: 3.408%;}
	.notice{width: 99%;}
}

/*
 under--------------------------------------------------------------------------------
 * */
.under,
.contact,
.video{width: 100%;}
.under .top,
.contact .top,
.video .top{width: 100%; height: 36px; line-height: 36px; background-color: #f5f5f5;}
.under .top .content,
.contact .top .content,
.video .top .content{width: 1200px; margin: 0 auto; font-size: 12px; color: #666666;}
.under .top .content a:hover,
.contact .top .content a:hover,
.video .top .content a:hover{text-decoration: underline;}
.under .bottom{width: 100%; background-color: #fff; padding: 30px 0;}
.under .bottom .content{width: 1200px; margin: 0 auto;}
.underleft{width: 870px; float: left;}
.underleft .tu,
.underleft .tu img{width: 100%;}
.underleft p{color: #666666; line-height: 25px; margin-top: 20px;}
.underleft p.nr{text-indent: 2em;}
.underright{width: 290px; float: right; /*margin: 25px 0 0 0;*/}
.underleft h1{
    font-size: 26px;
    line-height: 40px;
    text-align: left;
    color: #3d3d3d;
    font-weight: normal;
}
.i_icon{
    line-height: 25px;
    font-size: 12px;
    height: 25px;
    color: #8c8c8c;
    border-bottom: 1px solid #eee;
    padding-bottom: 6px;
    margin-bottom: 20px;
}
.icon_pubtime{
    background: url(../images/case_time.png) no-repeat left center;
    padding: 0 15px 0 18px;
    float: left;
}
.icon_author{
	background: url(../images/news_author.png) no-repeat left center;
    padding: 0 15px;
    float: left;
}
.wz_content{
	color: #666666; 
	line-height: 25px; 
	/*margin-top: 20px;*/
}
.wz_content p{text-indent: 2em; margin: 0 0 1em 0;}
.wz_content img{display: block;margin: 0 auto; max-width:100%;}
.picScroll-top{  width:288px;  overflow:hidden; position:relative;  border:1px solid #dddddd;   }
.picScroll-top .hd{ overflow:hidden;  height:48px; background:#fcfcfc; border-bottom: 1px solid #dddddd;}
.picScroll-top .hd .prev,.picScroll-top .hd .next{ display:block;  width:11px; height:6px; float:right; position: absolute; top: 15px; right: 15px; overflow:hidden; cursor:pointer; background:url("../images/lanshang.png") no-repeat;}
.picScroll-top .hd .next{ background:url("../images/lanxia.png") no-repeat; top: 25px;}
.picScroll-top .hd .prevStop{ background:url("../images/huishang.png") no-repeat;  }
.picScroll-top .hd .nextStop{ background:url("../images/huixia.png") no-repeat;  }
.picScroll-top .hd .bt{font-size: 18px; color: #222222; height: 20px; line-height: 20px; margin-top: 14px; border-left: 3px solid #0e6cc0; padding-left: 15px;}
.picScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-top .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-top .hd ul li.on{ background-position:0 0; }
.picScroll-top .bd ul{ overflow:hidden; zoom:1;}
.picScroll-top .bd ul li{width:254px; height: auto; overflow:hidden; vertical-align:bottom; zoom:1; margin: 0 auto; padding: 17px 0; border-bottom: 1px solid #dddddd;}
.picScroll-top .bd ul li .tu{width: 120px; height: 85px; font-size: 0; text-align: center; position: relative;}
.picScroll-top .bd ul li .tu span{display: inline-block; height: 100%; line-height: 0; vertical-align: middle;}
.picScroll-top .bd ul li .you{width: 110px; margin-left: 20px;}
.picScroll-top .bd ul li .you .bt{font-size: 12px; color: #222222; margin-bottom: 10px;}
.picScroll-top .bd ul li .you .nr{font-size: 12px; color: #777777;}
.container{width:100%;margin:0 auto;overflow:hidden;}
.container-tit{position:relative; height: 48px; background-color: #fafafa; border: 1px solid #e3e3e3;}
.container-tit ul{position:absolute; left:-1px;}
.container-tit li{float: left; border-right: 1px solid #e3e3e3; cursor: pointer; height: 48px; line-height: 48px; display:block; padding:0 40px; font-size: 18px; color: #222222; font-weight: normal;}
.container-tit li.select{color: #fff; border-right: none; background-color: #0e6cc0; font-weight: normal; position: relative; margin-left: -1px; margin-right: -1px;}
/*.container-con{display: inline-block;}*/
.container-con .mod{margin:25px 0 0 0;}

.underbottom{width: 100%; margin-top: 15px; text-align: center;}
.underbottom .bt{width: 100%; height: 35px; line-height: 35px; padding:0 20px; background-color: #0e6cc0; color: #fff;}
.underbottom .bt span{font-size: 16px; font-family: arial;}
.underbottom .nr{width: 100%; padding: 10px 20px;}
.underbottom .nr ul li{width: 100%; color: #666666; line-height: 25px;}

@media screen and (max-width: 1220px) {
	.under .bottom .content,	
	.under .top .content,
	.contact .top .content,
	.video .top .content{width: 100%;}
	.container-tit{width: 90%; margin: 0 auto;}
	.underright{display: none;}
	.underleft{width: 90%;  margin: 0 auto; float: none;}
	/*.container-con{display: block;}*/
}

@media screen and (max-width: 1040px) {
	.container-tit li{padding: 0 25px;}
}

/*
 contact--------------------------------------------------------------------------------
 * */
.contacts{width: 1200px; margin: 0 auto;}
.conlist{width: 100%; padding: 95px 70px 40px;}
.conlist .list{width: 298px; height: 180px; margin-right: 80px; border: 1px solid #eeeeee; position: relative; text-align: center;}
.conlist .list .tu{position: absolute; top: -47px; left: 101px;}
.conlist .list .bt{font-size: 18px; color: #555555; margin-top: 90px;}
.conlist .list .fu-bt{color: #555555; margin-top: 10px;}
.conlist .list:last-child{margin-right: 0;}
.conlist .list:hover{background-color: #f0f0f0;}
.conlist .conbtn{width: 100%;}
.conbtn a{display: block; width: 320px; height: 60px; text-align: center; line-height: 60px; font-size: 24px; color: #fff; background-color: #ffa13c; margin: 0 auto; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px;}
.conmap{width: 100%; margin-top: 70px;}
.messa{padding: 40px 0; width: 100%;}
.messa .left{width: 600px;}
.messatit{width: 100%; margin: 0 auto 20px; font-size: 26px; color: #222222;}
.messatit span{font-size: 14px; color: #888888; font-family: arial; text-transform: uppercase;}
.messa .left .xia ul li{width: 100%; margin-bottom: 15px;}
.messa .left .xia ul li .shuru{background-color: #f0f0f0; border: none; width: 100%; height: 54px; line-height: 54px; text-indent: 1em; color: #333;}
.messa .left .xia ul li .tarea{width: 100%; background-color: #f0f0f0; border: none; padding: 1em;}
.messa .left .xia ul li .tijiao{border: none; width: 160px; height: 52px; background-color: #ffa13c; color: #fff; font-size: 18px; cursor: pointer;}
.messa .right{width: 490px;}
.messa .right .xia .bt{color: #888888; line-height: 25px;}

.messa .right .xia .list{width: 100%; border: 1px solid #e3e3e3; margin-top: 25px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px;}
.messa .right .xia .list ul li{width: 100%; height: 105px; border-bottom: 1px solid #e3e3e3;}
.messa .right .xia .list ul li:last-child{border-bottom: none;}
.messa .right .xia .list ul li .tu{width: 110px; height: 105px; text-align: center; font-size: 0;}
.messa .right .xia .list ul li .tu samp{display: inline-block; height: 100%; line-height: 0; vertical-align: middle;}
.messa .right .xia .list ul li .nr{width: 360px;}
.messa .right .xia .list ul li .nr p{font-size: 16px; color: #222222; font-weight: bold; margin-top: 25px;}
.messa .right .xia .list ul li .nr span{font-size: 16px; color: #666666; margin-top: 5px; display: block; width: 100%; text-transform: uppercase;}

@media screen and (max-width: 1220px) {
	.contacts{width: 100%;}
	.conlist{padding: 95px 0 40px;}
	.conlist .list{width: 24.833%; margin-right: 0; margin-left: 6.25%;}
	.conlist .list .tu{left: 34.167%; width: 31.666%;}
	.conlist .list .tu img{width: 100%;}
	.conmap img{width: 100%; margin: 0 auto;}
	.messa .left{width: 50%;}
	.messa .right{width: 40.833%;}
	.messa .right .xia .list ul li .nr{width: auto;}
	.messa .right .xia .list{width: 99%;}
}

/*
 video--------------------------------------------------------------------------------
 * */
.video .bottom{width: 100%; background-color: #fff;}
.getinto{width: 1200px; margin: 10px auto 60px;}
.getintotit{width: 100%; margin: 20px auto; font-size: 26px; color: #222222;}
.getintotit a{color: #000;}
.getintotit span{font-size: 14px; color: #888888; font-family: arial; text-transform: uppercase;}
.getinto .xia{width: 100%; margin-top: 60px;}
.getinto .xia .list{width: 360px; height: 230px; float: left; position: relative; margin-right: 60px;}
.getinto .xia .list .tu{width: 100%; height: 100%; text-align: center; font-size: 0;}
.getinto .xia .list .tu samp{display: inline-block; height: 100%; line-height: 0; vertical-align: middle;}
.getinto .xia .list span{position: absolute; top: -34px; left: 146px; width: 68px;}
.getinto .xia .list p{width: 280px; height: 50px; position: absolute; bottom: -25px; left: 40px; background-color: #f6f6f6; color: #333333; font-size: 16px; text-align: center; line-height: 50px;}
.getinto .xia .list:last-child{margin-right: 0;}
.getinto .xia .list:hover p{background-color: #ff8400; color: #fff;}

.activeities{width: 100%; background-color: #fafafa; padding: 10px 0 30px;}
.activeities .content{width: 1200px; margin: 0 auto;}
.activeities .content .xia{width: 100%;}
.activeities .content .xia .list{width: 285px; margin: 20px 20px 0 0;}
.activeities .content .xia .list .tuimg{width: 100%; height: 190px; position: relative;}
.activeities .content .xia .list span{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 9; background-color: #000000;}
.activeities .content .xia .list b{position: absolute; width: 52px; left: 116px; top: 69px; z-index: 99;}
.activeities .content .xia .list .bt{width: 100%; height: 40px; line-height: 40px; font-size: 16px; color: #333333;}
.activeities .content .xia .list:nth-child(4n){margin: 20px 0 0 0;}
.activeitiesone{background-color: #fff;}

@media screen and (max-width: 1220px) {
	.getinto,
	.activeities .content{width: 100%;}
	.getinto .xia .list{width: 30%; height: auto; margin-right: 5%;}
	.getinto .xia .list .tu img{width: 100%;}
	.getinto .xia .list p{width: 90%; left: 5%;}
	.getinto .xia .list span{left: 40%; width: 20%;}
	.getinto .xia .list span img{width: 100%;}
	.activeities .content .xia .list{width: 23.75%; margin: 20px 1.666% 0 0;}
	.activeities .content .xia .list:nth-child(4n){margin: 20px 0 0 0;}
	.activeities .content .xia .list .tuimg{height: auto;}
	.activeities .content .xia .list .tu img{width: 100%;}
	.activeities .content .xia .list b{width: 18.245%; left: 40.877%; top: 36.3%;}
	.activeities .content .xia .list b img{width: 100%;}
}

/*
 playvideo--------------------------------------------------------------------------------
 * */
.playvideo{width: 100%; padding-bottom: 40px;}
.playvideo .top,
.prodetail .top{width: 100%; height: 36px; line-height: 36px; background-color: #fff; margin: 15px 0;}
.playvideo .top .content,
.prodetail .top .content{width: 1200px; margin: 0 auto; font-size: 12px; color: #666666;}
.playvideo .top .content a:hover,
.prodetail .top .content a:hover{text-decoration: underline;}
.playvideo .content{width: 1200px; margin: 0 auto;}
.picScroll-top .bd ul li .tu samp{position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #000000;}
.picScroll-top .bd ul li .tu b{position: absolute; top: 26px; left: 44px;}
.underleft .tu{position: relative;}
.underleft .tu span{position: absolute; left: 0; top: 0; z-index: 9; width: 100%; height: 100%; background-color: #000000;}
.underleft .tu b{width: 85px; position: absolute; z-index: 99; top: 40%; left: 392px;}

@media screen and (max-width: 1220px) {
	.playvideo .content,
	.playvideo .top .content{width: 100%;}
}

/*
 new--------------------------------------------------------------------------------
 * */
.newlist{width: 100%; margin-bottom: 20px; background-color: #fafafa;}
.newlist .tu{width: 200px; height: 130px; text-align: center; font-size: 0;}
.newlist .tu samp{display: inline-block; height: 100%; line-height: 0; vertical-align: middle;}
.newlist .you{width: 570px; padding:0 20px;}
.newlist .you .bt,
.newlist .you .bt a{font-size: 16px; color: #333333; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.newlist .you .bt a:hover{text-decoration: underline;}
.newlist .you .fu-bt,
.newlist .you .time{font-size: 12px; color: #666666; margin-top: 5px; line-height: 22px;}
.newlist .you .time{display: block;}

/*
 prodetail--------------------------------------------------------------------------------
 * */
.prodetail{width: 100%;}
.prodetail .bottom,
.prodetail .dectent{width: 1200px; margin: 0 auto 30px;}
.proleft{width: 610px;}
.switch{width:100%; position:relative;  height:490px;}
.switch .bd{ position:relative; z-index:0;overflow: hidden;}
.switch .bd ul{ width:100% !important;  }
.switch .bd li{ width:100% !important;  height:390px; overflow:hidden; text-align:center;  }
.switch .bd li a{ display:block; height:390px; }

.switch .hd{ width:100%; left:100%; margin-left:-100%; position:absolute; z-index:1; bottom:0px; overflow:hidden;  }
.switch .hd ul{ float:left;  }
.switch .hd ul li{ float:left; margin-right: 7px; display:inline; cursor:pointer; }
.switch .hd ul li img{ width:145px; height: 95px; display:block; border:1px solid #fff; }
.switch .hd ul li.on img{border: 1px solid #f18a23;}
.switch .hd ul li:last-child{margin-right: 0;}

.proright{width: 560px;}
.proright .shang{width: 100%; border-bottom: 1px solid #e3e3e3; padding-bottom: 20px;}
.proright .shang p{font-size: 22px; color: #222222; margin-top: 5px;}
.proright .shang span{color: #949292; line-height: 26px; margin-top: 10px; display: block;}
.proright .zhong{width: 100%; padding: 20px 0 30px;}
.proright .zhong p{min-width: 75px; color: #333333; line-height: 26px;}
.proright .zhong .lie ul{line-height: 26px;}
.proright .zhong .lie ul li{line-height: 26px;}
.proright .xia{width: 100%; background-color: #f8f8f8; padding: 20px 0;}
.proright .xia ul li{width: 25%; float: left; text-align: center;}
.proright .xia ul li p{color: #555555; font-size: 14px; margin-top: 5px;}
.proright .probtn{width: 100%; margin-top: 35px;}
.proright .probtn .btn{width: 178px; height: 46px; margin-left: 50px; text-align: center; background: url(../images/video9-1.png) 40px no-repeat; padding-left: 25px; line-height: 46px; border: 1px solid #f18a23; font-size: 16px; color: #eb7c0e;}
.proright .probtn .btn:hover{background-color: #f18a23;border: 1px solid #f18a23; color: #fff; background: url(../images/video9.png) 40px no-repeat; background-color: #f18a23;}
.proright .probtn .btn1{background: url(../images/video10.png) 25px no-repeat; margin-left: 40px; padding-left: 35px;}
.proright .probtn .btn1:hover{background: url(../images/video10-1.png) 25px no-repeat; background-color: #f18a23;}


.pro-bottom{width: 100%; margin-top: 30px;}
.Pronavtwo{position:fixed; _position:absolute; top:0; left: 0; z-index:300; width: 100%; height: 48px;}
.pro-bottom .content{width: 1200px; margin: 0 auto; height: 48px; background-color: #fcfcfc; border: 1px solid #ddd;}
.pro-bottom .content ul li{color: #333; height: 48px; font-size: 18px; line-height: 48px; padding: 0 50px; border-right: 1px solid #ddd;}
.pro-bottom .content ul li:hover,
.pro-bottom .content ul li.active{background-color: #0e6cc0; cursor: pointer; color: #fff;}
.brief-content{color: #333333; font-size: 12px; line-height: 22px; text-indent: 2em;}
.features-content{line-height: 22px; font-size: 12px; color: #333333;}
.features-content ul li{width: 100%; line-height: 22px; font-size: 12px; color: #333333;}
.pro{line-height: 26px; font-size: 16px; color: #333333; margin-top: 10px;}
.tey{line-height: 22px; font-size: 12px; color: #333333;}
.tey table{width: 100%; border: 1px solid #DEDEDE;}
.tey table tr{height: 40px; text-align: center;}
.tey table tr th{background-color: #0e6cc0; font-size: 14px; color: #fff; font-weight: normal;}
.tey table tr td{font-size: 14px; color: #333333;}
.tey table tr:hover td{background-color: #1977D5; color: #fff;}
.tey table tr:nth-child(2n+1){background-color: #EFEFEC;}
.tey{margin-top: 0; border-top: 0; padding-top: 0;}
.shig{width: 100%; margin-top: 30px;}
.proxia{background-color: #f6f6f6; width: 100%; padding: 0 25px; height: 50px; margin-top: 30px; line-height: 50px;}
.proxia .zuo ul li{float: left; margin-right: 70px; font-size: 16px; color: #666666;}
.proxia .zuo ul li a{color: #333333;}
.proxia .zuo ul li a:hover{text-decoration: underline;}
.proxia .back{font-size: 16px; font-weight: bold; color: #f18a23; background: url(../images/video11.png) left center no-repeat; padding-left: 30px;}
.proxia .back:hover{text-decoration: underline;}
.prowin{width: 100%; margin-top: 40px;}
.prowin .zuo{width: 630px;}
.prowin .zuo ul li{width: 100%; margin-bottom: 12px; float: left;}
.prowin .zuo ul li p{width: 128px; text-align: right; height: 38px; line-height: 38px; color: #666666;}
.prowin .zuo ul li p span{color: #ee0202; font-size: 12px;}
.prowin .zuo ul li dl dd{float: left; margin-right: 30px; line-height: 38px; height: 38px;}
.prowin .zuo ul li .shuru{width: 298px; height: 36px; line-height: 36px; text-indent: 1em; border: 1px solid #bbbbbb;}
.prowin .zuo ul li .tarea{width: 498px; padding: 1em; border: 1px solid #bbbbbb;}
.prowin .zuo ul li .tijiao{border: none; width: 130px; height: 44px; background-color: #ff8400; font-size: 16px; color: #fff; cursor: pointer;}

@media screen and (max-width: 1220px) {
	.prodetail .bottom,
	.prodetail .dectent,
	.prodetail .top .content{width: 100%;}
	.proleft{width: 50.833%;}
	.switch .hd ul li{width: 23.77%;}
	.switch .hd ul li img{width: 100%; height: auto;}
	.proright{width: 46.666%;}
	.proright .probtn .btn{ margin-left: 30px;}
	.pro-bottom .content{width: 99%;}
	.prowin .you{display: none;}
}

/*
 pinzhi--------------------------------------------------------------------------------
 * */
.pinzlist{width: 845px; margin: 0 auto; padding-top: 230px; }
.pinzlist .list{width: 140px; margin-right: 95px; text-align: center;}
.pinzlist .list:last-child{margin-right: 0;}
.box1{ position: relative; left: 0; width: 140px; height: 140px; overflow: hidden;}
.border1{position: absolute; bottom: -100%; left: 0px; width: 100%; height: 200%; -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-transition:.5s all ease; transition:.5s all ease; }
.front1{width: 100%; height: 50%;}
.back1{width: 100%; height: 50%;}
.box1:hover .border1{-webkit-transform: translateY(-50%); transform: translateY(-50%);-webkit-transition:.5s all ease; transition:.5s all ease;}
.pinzlist .list p{font-size: 20px; color: #999999; margin-top: 10px;}

.pintop,
.perfor,
.after{width: 100%; padding: 50px 0; background-color: #fafafa;}
.pintit{width: 100%;}
.pintit p{width: 100%; font-size: 38px; font-weight: bold; color: #0054a8;}
.pintit p samp{font-family: "微软雅黑"; color: #444444;}
.pintit span{color: #777777; display: block; margin-top: 15px;}
.pintop .content{width: 1200px; margin: 50px auto 0;}
.pintop .content .left,
.pintop .content .right,
.shili .content .right{width: 580px;}
.pintop .content .left .list,
.shili .content .left .list{width: 285px; height: 240px; position: relative; margin-right: 10px;}
.pintop .content .left .list:last-child,
.shili .content .left .list:last-child{margin-right: 0;}
.pintop .content .left .list .bt,
.shili .content .left .list .bt{position: absolute; bottom: 0; left: 0; width: 100%; height: 34px;}
.pintop .content .left .list .bt span,
.shili .content .left .list .bt span{position: absolute; width: 100%; height: 100%; background-color: #000000;}
.pintop .content .left .list .bt p,
.shili .content .left .list .bt p{position: relative; z-index: 99; color: #fff; line-height: 34px; width: 100%; text-align: center;}
.pintop .content .right .bt,
.shili .content .right .bt,
.after .bottom .right .bt{font-size: 24px; color: #000000; font-weight: bold; margin-bottom: 10px;}
.pintop .content .right ul li,
.shili .content .right ul li{width: 100%; float: left; line-height: 30px; font-size: 12px; color: #666666;}

.shili,
.advant,
.order{width: 100%; padding: 50px 0; background-color: #fff;}
.shili .content{margin: 0 auto; width: 1200px;}
.shili .content .left .list{width: 190px; height: 210px;}
.shili .content .left{width:590px;}

.perfor .bottom,
.advant .bottom,
.after .bottom,
.order .bottom{width: 1200px; margin: 50px auto 0;}
.perfor .bottom ul li{width: 236px; float: left; text-align: center; margin: 0 32px;}
.perfor .bottom ul li a{position: relative; height: 100%; width: 100%; display: block;}
.perfor .bottom ul li p{font-size: 18px; color: #333333; margin: 15px 0 10px;}
.perfor .bottom ul li span{font-size: 12px; color: #777777; line-height: 22px;}

.advant .bottom{margin: 50px auto;}
.advant .bottom .list{width: 347px; position: relative; margin-right: 79px;}
.advant .bottom .list:last-child{margin-right: 0;}
.advant .bottom .list .nr{width: 300px; height: 95px; position: absolute; text-align: center; left: 23px; bottom: -47px; padding: 15px 20px; background-color: #eeeeee;}
.advant .bottom .list .nr p{font-size: 18px; color: #333333;}
.advant .bottom .list .nr span{color: #666666; line-height: 24px;}
.advant .bottom .list:hover .nr{background-color: #217bd4;}
.advant .bottom .list:hover .nr p{color: #fff;}
.advant .bottom .list:hover .nr span{color: #c4e2fe;}

.after .bottom .left{width: 580px;}
.after .bottom .left .zuo{width: 287px; margin-right: 10px;}
.after .bottom .left .you{width: 280px;}
.after .bottom .left .you ul li{width: 100%; float: left; margin-bottom: 10px;}
.after .bottom .left .you ul li:last-child{margin-bottom: 0;}
.after .bottom .right{width: 540px;}
.after .bottom .right .bt{font-size: 22px;}
.after .bottom .right ul li{width: 100%; font-size: 16px; color: #777777; margin-top: 25px;}

.order{padding: 50px 0 0 0;}
.order .bottom .right{width: 600px; padding-top: 60px;}
.order .bottom .right ul li{width: 100%; margin-bottom: 16px;}
.order .bottom .right ul li input,
.order .bottom .right ul li textarea{height: 54px; line-height: 54px; width: 100%; border: none; background-color: #f0f0f0; text-indent: 1em; color: #333;}
.order .bottom .right ul li textarea{height: 190px; line-height: 30px; padding: 1em 1em 1em 0;}
.order .bottom .right ul li .tijiao{border: none; width: 160px; height: 52px; background-color: #ffa13c; color: #fff; font-size: 18px; cursor: pointer;}

@media screen and (max-width:1220px){
	.pintop .content,
	.shili .content,
	.perfor .bottom, 
	.advant .bottom, 
	.after .bottom, 
	.order .bottom{width: 100%;}
	.pintop .content .left, 
	.pintop .content .right, 
	.pintop .content .left, 
	.pintop .content .right, 
	.shili .content .right,
	.after .bottom .left{width: 48.333%;}
	.pintop .content .left .list{width: 49%; margin-right: 2%; height: auto;}
	.pintop .content .left .list:last-child, 
	.shili .content .left .list:last-child{margin-right: 0;}
	.pintop .content .left .list img{width: 100%;}
	.shili .content .left{width: 49.166%;}
	.shili .content .left .list{width: 32.758%; margin-right: .8%; height: auto;}
	.shili .content .left .list img{width: 100%;}
	.perfor .bottom ul li{width: 19.166%; margin: 0 2.666%;}
	.advant .bottom .list{width: 28.916%; margin-right: 6.583%;}
	.advant .bottom .list:last-child{margin-right: 0;}
	.advant .bottom .list img{width: 100%;}
	.advant .bottom .list .nr{width: 86.455%; left: 6.772%;}
	.after .bottom .right{width: 45%;}
	.after .bottom .left .zuo{width: 49.482%; margin-right: 1.724%;}
	.after .bottom .left .zuo img{width: 100%;}
	.after .bottom .left .you{width: 48.275%;}
	.after .bottom .left .you img{width: 100%;}
	.order .bottom .right{width: 50%;}
	.order .bottom .left{width: 48%;}
	.order .bottom .left img{width: 100%;}
}

@media screen and (max-width:1000px){
	.pintop .content .left, 
	.pintop .content .right, 
	.shili .content .right,
	.pintop .content .left, 
	.pintop .content .right, 
	.shili .content .right,
	.after .bottom .left,
	.after .bottom .right{width: 90%; margin-left: 5%; margin-bottom: 30px;}
	.shili .content .left{width: 90%; margin-right: 5%;}
	.order .bottom .left{display: none;}
	.order .bottom .right{margin-left: 25%; padding-top: 0;}
}

/*首页新闻滚动*/
.txtScroll-top{ width:1200px; margin: 0 auto 20px; background:#E8E8E8 url(../images/new-1.png) 15px no-repeat; padding: 10px 15px 10px 45px; overflow:hidden; position:relative;  border:1px solid #ddd;   }
.txtScroll-top .hd{ overflow:hidden;  height:25px; float: right;}
.txtScroll-top .hd .prev,
.txtScroll-top .hd .next{ display:block;  width:25px; height:25px; float:right; margin-right:5px;  overflow:hidden; cursor:pointer; background:url("../images/news-2.png") no-repeat;}
.txtScroll-top .hd .next{ background:url("../images/news-2-1.png") no-repeat;  }
.txtScroll-top .bd{ float: left;}
.txtScroll-top .infoList li{ height:24px; line-height:24px;   }
.txtScroll-top .infoList li .date{ float:right; color:#999; margin-left: 10px;}
.txtScroll-top .infoList li a:hover{color: #0E6CC0;}
@media screen and (max-width:1220px){
	.txtScroll-top{width: 100%;}
}


/*分页*/
.page{height: 30px; margin-top: 20px; float: left;width: 100%;}
.page a,.page span {display: inline-block;vertical-align: middle;margin: 0 5px;padding: 0 10px;line-height: 28px;font-size: 12px;color:  #949897;border: 1px solid #eee;}
.page a:hover{border: 1px solid #1977D5;background-color: #1977D5;color: #fff;}
.page span {color: #1977D5;}
.page ul li{float: left; font-size: 12px; cursor: pointer; color: #666; margin-right: 5px; width: 28px; height: 28px; text-align: center; line-height: 28px; border: 1px solid #dedede; border-bottom: 1px solid #dedede;}
.page ul li.first,
.page ul li.last{width: 80px;}
.page ul li.srue{border: none;}
.page ul li:hover{border: 1px solid #1977D5; background-color: #1977D5; color: #fff;}
.page ul li.srue:hover{border: none; background: none; color: #666;}
.pagetwo{display: none; margin-top: 30px;}



.video-inner{
    position: relative;
    padding-bottom: 75%;
    margin-bottom: 20px;
}
.video-inner .video{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.video iframe{width: 100%; height: 100%;}



/*anli-tit*/
.anli-tit{text-align: center;}
.anlibg{width: 100%; background-color: #f5f5f5;}
.caselisttwo{background-color: #fff; padding: 5px; width: 295px; margin-right: 5px; margin-bottom: 8px;}
.caselisttwo:nth-child(4n){margin-right: 0;}
.caselisttwo:hover{box-shadow: 0 0 3px #ccc;}
.anli-page{width: 100%; height: 28px; margin-top: 30px;}
.anli-page a{display: inline-block; width: 28px; background-color: #dadada; line-height: 28px; font-size: 12px; color: #5d5d5d; text-align: center; margin-right: 5px;}
.anli-page .zong{ width: 94px;}
.anli-page .weye{width: 45px;}
.anli-page a.active,
.anli-page a:hover{color: #fff; background-color: #e5655d;}
.anli{width: 100%; background-color: #fff; padding: 35px 0;}
.anli .content{width: 1200px; margin: 0 auto;}
.anli .content .left{width: 775px;}
.anli .content .right{370px}
.anli .content .right img{max-width: 100%;}
.anli .content .left .shang{width: 340px; margin-top: 20px; height: 75px; background-color: #0e6cc0;}
.anli .content .left .shang .zuo{width: 310px; padding-top: 8px;}
.anli .content .left .shang .zuo .zhongwen{font-size: 28px; color: #fff; line-height: 40px;}
.anli .content .left .shang .zuo .yingwen{font-size: 11px; color: #4583c8; text-transform: uppercase;}
.anli .content .left .shang .you{width: 30px; height: 75px; text-align: center; line-height: 75px; background-color: #015198;}
.anli .content .left .xia{text-indent: 2em; margin-top: 30px; font-size: 12px; color: #666666; line-height: 20px;}
/*
 solution--------------------------------------------------------------------------------
 * */
.solution-right,
.new-right,
.contact-right,
.pro-right{width: 820px; margin-bottom: 30px;}
.solution-list{width: 100%; border-bottom: 1px dashed #d5d5d5;}
.solution-list .border-top-width: {width: 100%;}
.solution-list .topd .tit{width: 660px; font-size: 14px; color: #333333; height: 32px; line-height: 32px; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap;}
.solution-list .topd a{background: #efefef url(../images/downloadgreen.png) center left 20px no-repeat; color: #2180df; font-size: 12px; font-weight: bold; height: 30px; line-height: 30px; border: 1px solid #dfdfdf;margin-top: 20px; padding:0 20px 0 45px;}
.solution-list .bottom{line-height: 22px; margin-top: -30px;padding-left: 10px; width: 100%; font-size: 12px; color: #797979; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.solution-list .topd a:hover{background: #3790e9 url(../images/downloadwhite.png) center left 20px no-repeat; color: #fff; border: 1px solid #2180df;}

@media screen and (max-width: 1100px) {
	.about,
	.product,
	.solution,
	.new,
	.contact,
	.product-content{width: 100%;}
	.solution-right,
	.new-right,
	.contact-right,
	.pro-right{width: 77.273%;}
	.solution-list .top .tit{width: 80.488%;}
	.new-list{width: 50%;}
	.new-list .topd .tu,
	.new-list .bottom{width: 78.536%; height: auto;}
	.new-list .bottom .tit,
	.new-list .bottom .jianjie{width: 100%;}
	.contactimg img,
	.new-list .topd .tu img{max-width: 100%;}
	.new-list .topd {height: auto;}
}

@media screen and (max-width: 800px) {
	.solution-right,
	.new-right,
	.contact-right,
	.pro-right,
	.about-left{width: 100%;}
	.new-list .topd .tu,
	.new-list .bottom{width: 100%; height: auto;}
	.new-list .bottom{padding: 0 5%;}
}


.icon5,
.icon6,
.icon7{display: block; margin-right: 5px;margin-top:20px  ;width: 22px; height: 20px; overflow: hidden; background: url(../images/icons.png) center no-repeat;}
.icon5{background-position: 0 0;}
.icon6{background-position: -27px 0;}
.icon7{background-position: -54px 0;}