﻿.clearfloat{*zoom:1;}
.clearfloat:before,.clearfloat:after{content:""; display:table; line-height:0;visibility:hidden;}
.clearfloat:after{ clear:both;}
.box {width: 100%; min-width: 1200px; height: auto;}
.w1200 {width: 1200px; height: auto; margin: 0 auto;}


/*top*/
#top {height: 34px; line-height: 34px; font-size: 12px; color: #b6b6b6; background: #222222;}
#top h2 {float: left;}
#top p {float: right;}
#top p a {margin: 0 2px; color: #b6b6b6;}
#top p a:hover {color: #fff;}
/*nav*/
#navBox {height: 100px;}
#navBox a.logo {float: left; margin-top: 5px;}
#navBox .nav {float: right; height: 28px; margin-top: 36px; line-height: 28px; font-size: 16px; text-align: center;}
#navBox .nav ul li {float: left; width: 102px; margin-left: 1px; border-radius: 14px; overflow: hidden;}
#navBox .nav ul li:first-child {width: 80px;}
#navBox .nav ul li a {display: block; height: 100%;}
/*#navBox .nav ul li.active a {color: #fff; background: #1970b9;}*/
#navBox .nav ul li:hover a,li.active a {color: #fff; background: #1970b9;}
/*banner*/
.banner {width: 100%; height: auto; position: relative;}
.bd {width: 100%; height: auto; position: relative; overflow: hidden; z-index: 22;}
.banner .bd ul {width: 100%; height: auto;}
.banner .bd ul li {float: left; width: 100%; height: auto;}
.banner .bd ul li a {display: block; position: relative;}
.banner .bd ul li a img {width: 100%; height: auto;}
.banner .hd {width: 100%; text-align: center; font-size: 0; position: absolute; left: 0; z-index: 24;}
.banner .hd ul li {display: inline-block; vertical-align: top; *display: inline; float: none; *zoom: 1; cursor: pointer;}

.sliderBox .hd {height: 14px; line-height: 14px; font-size: 0; bottom: 26px; z-index: 66;}
.sliderBox .hd ul li {width: 14px; height: 14px; margin: 0 10px; background: #fff; border-radius: 50%;}
.sliderBox .hd ul li.on {background: #1970B9;}
.banner .btn {display: block; position: absolute; border: 1px solid #fff;}
.sliderBox a.btn {width: 56px; height: 56px; top: 40%; z-index: 44;}
.sliderBox a.btn.prev {left: 14.888%; background: url(../images/icon_prev_banner.png) no-repeat center;}
.sliderBox a.btn.prev:hover {background-color: rgba(0,0,0,.55); border-color: rgba(0,0,0,.55);}
.sliderBox a.btn.next {right: 14.888%; background: url(../images/icon_next_banner.png) no-repeat center;}
.sliderBox a.btn.next:hover {background-color: rgba(0,0,0,.55); border-color: rgba(0,0,0,.55);}

/*footer*/
#footer {height: 250px; text-align: center; color: #fff; background:#1f4e82 /*url(../images/footer_bg.jpg) no-repeat center top*/;}
#footer h2 {padding-top: 34px; margin-bottom: 22px;}
#footer h2 a {color: #fff; margin: 0 12px;}
#footer h2 a:hover {text-decoration: underline; color:#ff0000;}
#footer p {line-height: 26px;}
#footer a{ color:#FFF;}
#footer a:hover{ color:#F00;}
/*mian*/
.head {height: 74px; padding-top: 24px; line-height: 74px; font-size: 16px;}
.head h2 {float: left; font-size: 28px; position: relative;}
.headL h2:after {display: block; width: 56px; height: 1px; background: #20679d; content: ""; position: absolute; left: 0; bottom: 0;}
.headR h2:after {display: block; width: 56px; height: 1px; background: #20679d; content: ""; position: absolute; right: 0; bottom: 0;}
.head p {float: right; height: 100%;}
.head p a {display: inline-block; height: 36px; padding: 0 12px; margin-left: 16px; line-height: 36px; color: #666; border: 1px solid #dbdbdb; border-radius: 4px; vertical-align: bottom; *display: inline; float: none; *zoom: 1;}
.head p a:hover,p a.on {color: #fff; background: #1970b9; border-color: #1970B9;}

.contWrap {margin-top: 40px;}
.pic {width: 100%; overflow: hidden;}
.pic img {width: 100%;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.homeProWrap {}
.homeProWrap ul {display: none;}
.homeProWrap ul:first-child {display: block;}
.homeProWrap ul li {float: left; width: 260px; height: 372px; margin-left: 53px; text-align: center; font-size: 16px; margin-top:10px;}
.homeProWrap ul li:first-child {margin-left: 0;}
.homeProWrap ul li:nth-child(5) {margin-left: 0;}
.homeProWrap ul li:hover a {color: #fff;}
.homeProWrap ul li a {display: block; height: 100%; position: relative;}
.homeProWrap ul li p {width: 100%; height: 40px; line-height: 40px; position: absolute; left: 0; bottom: 10px; z-index: 24;}
.homeProWrap ul li .pic {height: 320px;}
.homeProWrap ul li .bg {display: none; width: 100%; height: 100%; background: url(../images/pro_bg.png) no-repeat center top; position: absolute; left: 0; top: 0; z-index: 22;}
.homeProWrap ul li .bg span {display: none; width: 32px; height: 32px; background: url(../images/icon_search.png) no-repeat center; position: absolute; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; z-index: 24;}

.homeAbout {margin-top: 62px;}
.homeAboutTxt {width: 756px;}
.homeAboutTxt p {line-height: 30px; font-size: 15px; color: #666;TEXT-INDENT: 2em;}
a.more {display: block; width: 104px; height: 38px; margin-top: 24px; margin-bottom: 38px; line-height: 38px; text-align: center; font-size: 16px; color: #fff; background: #1970B9; border-radius: 4px;}
a.more:hover {background: #13528a;}
.homeAboutBottom {height: 220px; background:  url(../images/about_bg1.jpg) no-repeat center top;}
.homeAboutBottom .w1200 {height: 100%; position: relative;}
.homeAboutBottom ul {padding-top: 72px;}
.homeAboutBottom ul li {float: left; width: 140px; margin-left: 62px; text-align: center; color: #fff;}
.homeAboutBottom ul li:first-child {margin-left: 0;}
.homeAboutBottom ul li h3 {line-height: 34px; font-size: 18px;}
.homeAboutBottom ul li p {line-height: 44px; font-size: 30px; color: #f3be40;}
.homeAboutHead {width: 368px; height: 498px; padding: 22px 20px 0 0; background: url(../images/about_bg.png) no-repeat right top; position: absolute; right: 0; bottom: 32px; z-index: 22;}
.homeAboutHead .pic {height: 100%; position: relative;}
.homeAboutHead .pic:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.homeAboutHead .pic h2 {height: 64px; line-height: 64px; font-size: 28px; color: #fff; position: absolute; right: 22px; top: 25px; z-index: 24;}
.homeAboutHead .pic h2:after {display: block; width: 56px; height: 1px; background: #fff; position: absolute; right: 6px; bottom: 0; content: "";}

.homeCaseList li {float: left; width: 50%; text-align: center;}
.homeCaseList li:after {display: block; clear: both; overflow: hidden; content: "";}
.homeCaseList li .homeCaseCont {float: left; width: 50%; height: 100%; color: #666; background: #f8f8f8;}
.homeCaseList li .homeCaseCont h3 {margin: 32px 0 4px 0; line-height: 40px; font-size: 18px;}
.homeCaseList li .homeCaseCont p {line-height: 26px;}
.homeCaseList li .homeCaseCont a.more {width: 104px; margin: 10px auto 0; font-size: 14px; color: #20679d; background: #f8f8f8;}
.homeCaseList li .pic {float: left; width: 50%; height: 100%;}
.homeCaseList li .homeCaseListInner {height: 219px;}
.homeCaseList li .homeCaseListInner:hover .pic img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.homeCaseList li .homeCaseListInner:hover .homeCaseCont a.more {color: #fff; background: #1970B9;}
.homeCaseList li .homeCaseListInner1 .homeCaseCont {float: right;}

.homeSolut {padding-bottom: 54px; background: url(../images/sollu_bg1.jpg) no-repeat center bottom;}
.homeSolut .head h2 {float: right;}
.homeSolutWrap {margin-top: 22px;}
.homeSolutWrap ul {height: 510px;}
.homeSolutWrap ul li {float: left; width: 376px; height: 480px; margin-left: 35px; background: #fff; position: relative; opacity: 0; filter:Alpha(opacity=0); /*-moz-transition: all 0.6s ease-in;-webkit-transition: all 0.6s ease-in;-o-transition: all 0.6s ease-in;transition: all 0.6s ease-in;*/}
.homeSolutWrap ul li.homeSolutLi1 {left: -200px;}
.homeSolutWrap ul li.homeSolutLi2 {top: 200px; }
.homeSolutWrap ul li.homeSolutLi3 {right: -200px; }
.homeSolutWrap ul li:first-child {margin-left: 0;}
.homeSolutWrap ul li a {display: block; height: 100%; margin-top: 20px; color: #20679d; background: #fff; transition: none;}
.homeSolutWrap ul li .pic {width: 190px; height: 190px; margin: 0 auto 0; border: 8px solid #f8f8f7; border-radius: 50%; -moz-transition: all 0.6s ease-in;-webkit-transition: all 0.6s ease-in;-o-transition: all 0.6s ease-in;transition: all 0.6s ease-in;}
.homeSolutWrap ul li .pic.on {-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);}
.homeSolutWrap ul li h3 {margin: 18px 0; text-align: center; font-size: 18px;}
.homeSolutWrap ul li p {padding: 0 26px; line-height: 26px; }
.homeSolutWrap ul li .line {width: 326px; height: 2px; margin: 0 auto 18px; line-height: 2px; text-align: center; border-bottom: 1px solid #20679d;}
.homeSolutWrap ul li .line span {display: inline-block; width: 75px; height: 2px; font-size: 0; background: #20679d; vertical-align: top;}
.homeSolutWrap a.more {width: 128px; height: 42px; margin: 46px auto 0; line-height: 42px; font-size: 18px; background: none;}
.homeSolutWrap a.more:hover {color: #1970B9; background: #fff;}

.homeNews {padding-bottom: 50px; background: url(../images/news_bg.jpg) no-repeat center bottom;}
.homeNewsL {float: left; width: 545px;}
.homeNewsL .head p a {width: 104px; padding: 0; text-align: center; color: #fff; background: #1970B9; border: 1px solid #1970B9;}
.homeNewsL .head p a:hover {background: #13528A;}
.homeNewsLWrap {height: 351px; margin-top: 38px; position: relative;}
.sliderNews {height: 100%;}
.sliderNews .bd {height: 100%; overflow: hidden;}
.sliderNews .bd ul li:hover .pic img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.sliderNews .bd ul li p {width: 100%; height: 62px; padding: 16px 0; line-height: 32px; font-size: 16px; color: #fff; background: rgba(21,91,143,0.6); position: absolute; left: 0; bottom: 0; overflow: hidden;}
.sliderNews .bd ul li p span {display: inline-block; height: 100%; padding: 0 20px; overflow: hidden;}

.homeNewsR {float: right; width: 585px; margin-top: 30px;}
.homeNewsR ul {}
.homeNewsR ul li {height: 126px; margin-top: 30px; background: rgba(255,255,255,0.6);}
.homeNewsR ul li:hover a {color: #fff; background: #1970b9;}
.homeNewsR ul li a {display: block; height: 100%;}
.homeNewsR ul li a:after {display: block; clear: both; overflow: hidden; content: "";}
.homeNewsTime {float: left; width: 125px; height: 100%; text-align: center; background: #fff;}
.homeNewsTime h3 {margin-top: 12px; line-height: 64px; font-size: 60px; color: #1970b9;}
.homeNewsTime p {line-height: 36px; font-size: 20px; color: #b4b4b4;}
.homeNewsInner {float: right; width: 460px; height: 100%; }
.homeNewsInner h3 {margin: 20px 0 2px 0; padding: 0 15px; line-height: 32px; font-size: 16px;}
.homeNewsInner p {padding: 0 15px; line-height: 24px;}

.homeContact {}
.homeContact .map {float: left; width: 600px; margin-top: 62px;}
.homeContact .map img {width: 100%;}
.homeContactCont {float: right; width: 525px;}
.homeContactCont .head h2 {float: right;}
.homeContactWrap {margin-top: 40px;}
.homeContactInner {float: left; width: 326px;}
.homeContactInner ul {}
.homeContactInner ul li {height: 54px; margin-bottom: 20px; line-height: 54px; font-size: 0;}
.homeContactInner ul li span {display: inline-block; width: 52px; height: 54px; margin-right: 12px; background: url(../images/icon_contact.png) no-repeat; vertical-align: middle;}
.homeContactInner ul li span.icon1 {background-position: 1px 0;}
.homeContactInner ul li span.icon2 {background-position: -55px 0;}
.homeContactInner ul li span.icon3 {background-position: -109px 0;}
.homeContactInner ul li p {display: inline-block; width: 260px; font-size: 16px; line-height: 22px; color: #0e6eb7; vertical-align: middle; *display: inline; float: none; *zoom: 1;}
.homeContactEwm {float: right; text-align: center;}
.homeContactEwm p {font-weight: bold; margin-top: 15px;}

/*****************案例欣赏***************/
.bannerBox img {width: 100%;}
.contTit {font-size: 12px; color: #666;}
.contTit a {color: #666;}
.contTit a:hover {color: #1970B9; text-decoration: underline;}
.contTit p {line-height: 20px; padding-top: 18px;}
.contHead {height: 70px; line-height: 70px; padding-top: 0;}

.contBox {margin-top: 40px; margin-bottom: 50px;}
.sliderCase {padding-bottom: 45px;}
.sliderCase .bd {width: 100%; height: 438px; overflow: hidden;}
.sliderCase .bd ul li {width: 50%;}
.sliderCase .hd {height: 4px; line-height: 4px; bottom: 0; left: 0;}
.sliderCase .hd ul li {width: 36px; height: 4px; margin: 0 6px; background: #d9d9d9;}
.sliderCase .hd ul li.on {background: #1970b9;}

/****************产品鉴赏****************/
.produBox {margin-top: 26px;}
.contBoxL {float: left; width: 258px;}
.contBoxL ul.newsList li {height: 50px; margin-bottom: 6px; line-height: 50px; text-align: center; font-size: 18px; background: #f4f4f4;}
.contBoxL ul.newsList li:hover a {color: #fff; background: #1970b9;}
.contBoxL ul.newsList li a {display: block; height: 100%; color: #666;}
.contBoxL ul.newsList li.active a {color: #fff; background: #1970b9;}

.contBoxR {float: right; width: 908px;}
.contBoxRTit {height: 36px; border-bottom: 1px solid #1970B9;}
.contBoxRTit h2 {font-size: 20px; line-height: 22px;}
.contBoxR .contWrap {margin-top: 20px; overflow: hidden; line-height:30px;}
.contBoxR .contWrap ul {width: 966px;}
.contBoxR .contWrap ul li {width: 272px; height: 343px;}
.contBoxR .contWrap ul li {margin: 0 45px 4px 0;}
.contBoxR .contWrap ul li .pic {width: 258px; height: 285px; margin: 0 auto; padding-top: 8px;}
.contBoxR .contWrap ul li .bg {background: url(../images/pro_bg1.png) no-repeat center top;}
.contBoxR .contWrap ul li p {bottom: 6px;}



.caseBox {float: right; width:1200px;}
.contBoxRTit {height: 36px; border-bottom: 1px solid #1970B9;}
.contBoxRTit h2 {font-size: 20px; line-height: 22px;}
.caseBox .contWrap {margin-top: 20px; overflow: hidden;line-height:30px;}
.caseBox .contWrap ul {width: 1180px; margin-left:20px;}
.caseBox .contWrap ul li {width: 272px; height: 343px;}
.caseBox .contWrap ul li {margin: 0 22px 4px 0;}
.caseBox .contWrap ul li .pic {width: 258px; height: 285px; margin: 0 auto; padding-top: 8px;}
.caseBox .contWrap ul li .bg {background: url(../images/pro_bg1.png) no-repeat center top;}
.caseBox .contWrap ul li p {bottom: 6px;}


.page {width: 100%; height: 30px; margin:20px 0 2px 0; text-align: center; line-height: 30px; color: #666;}
.page em {display: inline-block; height: 100%; width: 62px; margin: 0 3px; color: #ccc; border: 1px solid #ccc; border-radius: 1px; vertical-align: top; cursor: pointer;}
.page em:hover {background: #f5f4f4;}
.page em.active {color: #fff; background: #1970b9; border-color: #1970b9;}
.page a {display: inline-block; height: 100%; width: 30px; margin: 0 3px; color: #999; border: 1px solid #ccc; border-radius: 1px; zoom: 1; *display:inline; float:none;}
.page a:hover {background: #f5f4f4;}
.page a.active {color: #fff; background: #1970b9; border-color: #1970b9;}
.page a.pageMore {border-color: #fff;}
.page p {display: inline-block; height: 100%; margin-left: 20px; padding: 0 12px; border: 1px solid #ccc; border-radius: 1px; zoom: 1; *display:inline; float:none;}	

/**************产品鉴赏-详情页******************/
.proDetailWrap {margin-top: 32px; height: auto;}
.proDetailWrap .pic {width: 900px;}
.proDetailInner {width: 100%; margin-top: 15px;}
.proDetailInner h3 {height: 52px; margin: 6px 0 15px 0; line-height: 52px; font-size: 24px; position: relative;}
.proDetailInner h3:after {display: block; content: ""; width: 60px; height: 4px; background: #0682db; position: absolute; left: 0; bottom: 0;}
.proDetailInner p {line-height: 30px;}
.proDetailInner p:after {display: block; clear: both; overflow: hidden; content: "";}
.proDetailInner p em {float: left; width: 70px;}
.proDetailInner p span {float: left; width: 826px;}

.sliderPro {width: 900px; height: 675px;}
.sliderPro .bd {height: 100%;}
.sliderPro .bd ul {height: 100%;}
.sliderPro .bd ul li {height: 100%; line-height: 675px; text-align: center; overflow: hidden;}
.sliderPro .bd ul li a {height: 100%;}
.sliderPro .bd ul li a img {height: auto; width: auto; max-width: 100%; max-height: 100%; vertical-align: middle;}
.sliderPro a.btn {width: 44px; height: 44px; top: 50%; margin-top: -22px; z-index: 44;}
.sliderPro a.btn.prev {left: 12px; background: url(../images/icon_prev_banner.png) no-repeat center; background-color: rgba(0,0,0,.2); border-color: rgba(0,0,0,.2);}
.sliderPro a.btn.prev:hover {background-color: rgba(0,0,0,.5); border-color: rgba(0,0,0,.5);}
.sliderPro a.btn.next {right: 12px; background: url(../images/icon_next_banner.png) no-repeat center; background-color: rgba(0,0,0,.2); border-color: rgba(0,0,0,.2);}
.sliderPro a.btn.next:hover {background-color: rgba(0,0,0,.5); border-color: rgba(0,0,0,.5);}
.sliderPro .pageState {padding: 0 12px; position: absolute; font-size: 20px; color: #fff; background: rgba(0,0,0,.5); border-radius: 6px; bottom: 12px; right: 12px; z-index: 66;}


/****************关于我们****************/
.aboutWrap {height: 400px; margin-top: 46px; position: relative;}
.aboutPic {width: 597px; height: 375px; padding: 1px; border: 1px solid #2e4e85; border-radius: 1px;}
.aboutPic img {width: 100%;}
.aboutInner {width: 814px; height: 380px; background: #fefefe; border: 1px solid #1970b9; position: absolute; right: 0; top: 50%; margin-top: -144px;}
.aboutInner p {padding: 10px 18px; line-height: 30px; font-size: 16px; text-indent: 2em; color: #666;}
.aboutInner p:first-child {margin-top: 24px;}

.aboutUl {margin-top: 60px;}
.aboutUl li {float: left; width: 25%; height: 80px; text-align: center;}
.aboutUl li .aboutN {height: 100%; border-left: 1px solid #dbdbdb;}
.aboutUl li:first-child .aboutN {border: none;}
.aboutUl li h3 {padding-top: 2px; line-height: 42px; font-size: 30px; color: #f3be40;}
.aboutUl li p {line-height: 34px; font-size: 18px; color: #666;}

/****************解决方案****************/
.solutBox {}
.solutList {}
.solutList li {margin-bottom: 38px;}
.solutList li:after {display: block; clear: both; overflow: hidden; content: "";}
.solutList li.solutList1 .solutListImg {float: left;}
.solutList li.solutList1 .solutListInner {float: right;}
.solutList li.solutList2 .solutListImg {float: right;}
.solutList li.solutList2 .solutListInner {float: left;}
.solutListImg {width: 310px; height: 354px; text-align: center; position: relative;}
.solutListImg:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.solutListImg a {display: block; color: #1970B9; border: 1px solid #1970b9; position: absolute; left: 0; top: 0; z-index: 24;}
.solutListImg a .pic {width: 290px; height: 272px; border-bottom: 1px solid #1970b9;}
.solutListImg a p {line-height: 58px; font-size: 20px; background: #fff;}
.solutListImg .bg {width: 290px; height: 330px; background: #1970B9; position: absolute; right: 0; bottom: 0; z-index: 22;}
.solutListInner {width: 852px; margin-top: 112px;}
.solutListInner h3 {margin-bottom: 10px; font-size: 18px;}
.solutListInner p {line-height: 24px; color: #666; text-indent: 2em;}

/****************联系我们****************/
.contactMap {float: left; width: 600px; height: 400px;}
.contactWrap {float: right; width: 510px; margin-right: 53px;}
.contactWrap p {line-height: 24px; color: #666;}
.contactInfor {margin-top: 15px;}
.contactInfor input {width: 233px; height: 38px; padding-left: 16px; line-height: 38px; font-size: 14px; color: #666; border: 1px solid #c7c7c7; border-radius: 4px;}
.contactInfor input.inputLeft {float: left;}
.contactInfor input.inputReft {float: right;}
.contactInfor input.sub {width: 192px; padding: 0; text-align: center; color: #fff; font-size: 16px; background: #505050; border: none; cursor: pointer;}
.contactInfor input.sub:hover {background: #1970B9;}
.contactInfor textarea {display: block; width: 476px; height: 130px; margin-bottom: 30px; padding: 8px 16px; line-height: 26px; color: #666; border: 1px solid #c7c7c7; border-radius: 4px;}
.contactInforInner {margin-bottom: 10px; }

/****************新闻资讯****************/
.contBoxR .contWrap ul.newsList {width: 100%;}
.contBoxR .contWrap ul.newsList li {width: 100%; height: 36px; margin-bottom: 10px; line-height: 36px; border-bottom: 1px dashed #ccc;}
.contBoxR .contWrap ul.newsList li a {display: block; height: 100%;}
.contBoxR .contWrap ul.newsList li a:hover {color: #1970B9;}
.contBoxR .contWrap ul.newsList a:after {display: block; clear: both; overflow: hidden; content: "";}
.contBoxR .contWrap ul.newsList span {float: left; width: 10px; height: 100%; margin-right: 8px; background: url(../images/icon_sj.png) no-repeat center;}
.contBoxR .contWrap ul.newsList p {float: left; width: 726px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis;text-overflow: ellipsis;}
.contBoxR .contWrap ul.newsList em {float: right; color: #666;}

.newsPage {margin-top: 32px; text-align: right;}
.newsPage a {text-align: center;}
.newsPage em {text-align: center;}

/*****************新闻资讯-详情页***************/
.newsWrap {}
.newsDHead {text-align: center;}
.newsDHead h3 {margin: 10px 0; font-size: 20px;}
.newsDHead p {font-size: 12px; color: #999;}
.newsWrap .txt {margin-top: 26px; color: #666;}
.newsWrap .txt h4 {margin-top: 26px; line-height: 30px; text-indent: 2em;}
.newsWrap .txt p {line-height: 30px; text-indent: 2em;}
.newsWrap .txt .pic {margin: 20px 0; text-align: center;}
.newsWrap .txt .pic img {width: auto; max-width: 100%;}

.jump {padding-top: 15px; margin-top: 30px; border-top: 1px solid #ccc; position: relative;}
.jump p {margin: 0; line-height: 32px;}
.jump p a:hover {color: #1970B9;}
.back {display: block; position: absolute; right: 80px; top: 36px;}
.back:hover {color: #1970B9;}


.contBoxL ul.productLList {}
.contBoxL ul.productLList li {height: auto; margin-bottom: 6px; text-align: left; background: #f4f4f4;}
.contBoxL ul.productLList li h2 {height: 50px; line-height: 50px; font-size: 0; cursor: pointer;}
.contBoxL ul.productLList li h2:hover {background: #ecebeb;}
.contBoxL ul.productLList li span {display: inline-block; width: 20px; height: 20px; margin: 0 5px 0 56px; background: url(../images/sj_1.png) no-repeat center; vertical-align: middle;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.contBoxL ul.productLList li h2 em {font-size: 18px; vertical-align: top;}
.contBoxL ul.productLList li h2.on {color: #fff; background: #1970B9;}
.contBoxL ul.productLList li h2.on span {background: url(../images/sj_2.png) no-repeat center;-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.contBoxL ul.productLList li h3 {height: 38px; line-height: 38px; font-size: 0; cursor: pointer;}
.contBoxL ul.productLList li h3 em {font-size: 16px; vertical-align: top;}
.contBoxL ul.productLList li h3 span {}
.contBoxL ul.productLList li h3.on span {background: url(../images/sj_3.png) no-repeat center; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.proDown {display: none; padding: 8px 0; background: #f4f6f8;}
.proDownW {display: none; width: 178px; margin-left: 82px;}
.proDownW p {height: 26px; line-height: 26px; font-size: 0;}
.contBoxL ul.productLList li .proDownW p a {display: inline-block; width: auto; font-size: 14px; color: #333; vertical-align: top;}
.contBoxL ul.productLList li .proDownW p a:hover {color: #1970B9;}
.contBoxL ul.productLList li .proDownW p i {display: inline-block; width: 2px; height: 2px; margin-right: 8px; background: #1970B9; vertical-align: middle;}
.contBoxL ul.productLList li .proDownW p.on a {color: #1970B9;}
.contBoxL ul.productLList li .proDownW h3.on a {color: #1970B9;}
.contBoxL ul.productLList li:first-child .proDown {display: block;}


/*分页*/

.list_page{vertical-align: bottom;
display: inline-block;
*display: inline;
*zoom: 1;
*margin-left: 5px;
font-size: 14px;
line-height: 30px;
text-align: center;
padding-top: 20px;
}
.list_page li {
float: left;
list-style-type: none;
}
.list_page a{background:#fff;margin:0px 1px;padding:4px 10px;border:1px solid #D5D5D5;color:#333;border-radius:4px;}
.list_page span{background:#269EF5;color:#fff;margin:0px 1px;padding:4px 6px;/*border:1px solid #269EF5;*/border-radius:4px;}
.list_page b{background:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #269EF5;color:#333;border-radius:4px;}
.list_page b input{border:0;margin:0;padding:0;font-size:12px;font-family:"Microsoft YaHei";font-weight:normal;width:12px;vertical-align:middle;text-align:center;}



/*prodouct_showA*/
.product_showA h1 {
  font-size: 18px;
  line-height: 40px;
  margin: 20px auto;
  text-align: center;
  border-bottom: 1px dashed #ccc;
}
.prodA_content {
  margin: 0 auto 30px;
  text-align: center;
}
.prodA_content img {
  max-width: 100%;
  margin: 0 auto;
}
.prodA_content .showA {
  width: 100%;
  margin: 20px 0;
  text-align: left;
}
 /*show_page*/
.show_page {
  margin: 20px auto;
  overflow: hidden;
  text-align: center;
}
.show_page li {
  width: 48%;
  float: left;
  display:block;
} 
.con_page_prev{ background:#f3f3f3; line-height:35px; height:35px; float:left; width:50%;}
.con_page_next{ background:#f3f3f3; line-height:35px; height:35px;  float:right; width:50%;}