/* CSS Document */

.alpha50 { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }

.radius3 {-webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px;}

.circle {-webkit-border-radius: 500px;  -moz-border-radius: 500px;  border-radius: 500px;}

.ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

a {

blr:expression(this.onFocus=this.blur());

}

a:focus,input:focus { 

outline: none; 

}

a:active, a:visited {text-decoration: none;} 

#tippanel { position:fixed; width:100%; height:2.4em; top:0; line-height:2.4em; color:#FFF; text-align:center; background-color:rgb(91,192,222); background-color:rgba(91,192,222,0.95); display:none;}

#tippanel.info {background-color:rgb(91,192,222); background-color:rgba(91,192,222,0.95);}

#tippanel.success {background-color:rgb(92,184,92); background-color:rgba(92,184,92,0.95);}

#tippanel.warning {background-color:rgb(240,173,78); background-color:rgba(240,173,78,0.95);}

#tippanel.error {background-color:rgb(217,83,79); background-color:rgba(217,83,79,0.95);}

.fs8 { font-size:8px;}

.fs10 { font-size:10px;}

.fs12 { font-size:12px; }

.fs14 { font-size:14px; }

.fs16 { font-size:16px; }

.fs18 { font-size:18px; }

.fs20 { font-size:20px; }

.fs24 { font-size:24px; }

.fs28 { font-size:28px; }

.fs36 { font-size:36px; }

.fs60 { font-size:60px; }



.b-l { border-left:1px solid #E6E6E6; }

.b-r { border-right:1px solid #E6E6E6; }

.b-t { border-top:1px solid #E6E6E6; }

.b-b { border-bottom:1px solid #E6E6E6; }

.b-all { border:1px solid #E6E6E6; }



.mt5 { margin-top:5px; }

.mt10 { margin-top:10px; }

.mt15 { margin-top:15px; }

.mt20 { margin-top:20px; }

.mt30 { margin-top:30px; }

.mt60 { margin-top:60px; }



.mb10 { margin-bottom:10px; }

.mb15 { margin-bottom:15px; }

.mb20 { margin-bottom:20px; }

.mb30 { margin-bottom:30px; }



.ml5 { margin-left:5px; }

.ml10 { margin-left:10px; }

.ml15 { margin-left:15px; }

.ml20 { margin-left:20px; }

.ml30 { margin-left:30px; }



.mr5 { margin-right:5px; }

.mr10 { margin-right:10px; }

.mr15 { margin-right:15px; }

.mr20 { margin-right:20px; }

.mr30 { margin-right:30px; }



.pl5 { padding-left:5px; }

.pl10 { padding-left:10px; }

.pl15 { padding-left:15px; }

.pl20 { padding-left:20px; }

.pl30 { padding-left:30px; }



.pr5 { padding-right:5px; }

.pr10 { padding-right:10px; }

.pr15 { padding-right:15px; }

.pr20 { padding-right:20px; }

.pr30 { padding-right:30px; }



.pt5 { padding-top:5px; }

.pt10 { padding-top:10px; }

.pt15 { padding-top:15px; }

.pt20 { padding-top:20px; }

.pt30 { padding-top:30px; }



.pb5 { padding-bottom:5px; }

.pb10 { padding-bottom:10px; }

.pb15 { padding-bottom:15px; }

.pb20 { padding-bottom:20px; }

.pb30 { padding-bottom:30px; }



.header { padding-top: 40px; background-color: #fff;}

.wrap { padding:15px 20px;}

.imgfit {max-width: 100%;}

.lh15 {line-height: 2;}

.fftimes {font-family:"Times New Roman",Georgia,Serif;}



.btn-404 {position: absolute; width: 351px; height: 110px; left: 50%; margin-left: -175px; background: url(../image/404-btn-1.png) no-repeat center top; overflow: hidden; text-indent: -100000px; top: 70%;}

.btn-404:hover {background-image: url(../image/404-btn-2.png);}



body {color: #3d3d3d; background-color: #fafafa;}

a, a:hover {color: #3d3d3d;}

a.noborder:hover {text-decoration: none;}

.container {width: 1130px;}

.bg-lightgray {background-color: #fafafa;}

.bg-gray {background-color: #efefef;}

.bg-eee {background-color: #eeeeee;}

.bg-white {background-color: #fff;}

.bg-f4f4 {background-color: #f4f4f4;}

.gray { 

    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    -o-filter: grayscale(100%);

    

    filter: grayscale(100%);

	

    filter: gray;

}

.dot-top {  

    font-size: 0;  

    line-height: 0;  

    border-width: 8px;  

    border-color: #eeeeee;  

    border-top-width: 0;  

    border-style: dashed;  

    border-bottom-style: solid;  

    border-left-color: transparent;  

    border-right-color: transparent;  

}



.carousel-indicators li {background-color: #cccccc; border-color: #cccccc;}

.carousel-indicators .active {background-color: #003b83; border-color: #003b83;}

.rp {position: relative;}

.reg-login {height: 50px; background:url(../image/Logo.png) no-repeat center center;}

.reg-login input {width: 0px; border: 1px solid #a2a2a2; font-size: 12px;  border-radius: 20px; padding: 2px 30px 2px 10px; opacity: 0;}

.reg-login button {border:none; background-color: transparent; position: absolute; top: 1px; right: 4px;}

.nav-container {padding-bottom: 20px; border-bottom: 1px solid #eee; margin-top: 55px; position: relative;}

.nav-items {width: 670px; margin: 0 auto; display: table;}

.nav-items > li {display: table-cell; width: 1%; height: 20px; }

.nav-items > li > a{color: #a2a2a2; display: block; height: 20px; text-align: center;}

.nav-items > li > a:hover, .nav-items > li.active > a {color: #3d3d3d; text-decoration: none;}

.nav-items > li .submenu {position: absolute; left:0px; right: 0px; top: 19px; padding-top: 22px; color: #a2a2a2; z-index: 20; display: none;}

.nav-items > li .submenu a, .nav-items > li .submenu a:hover {color: #a2a2a2; text-decoration: none;}

.submenu .dot-top {position: absolute; margin-top: -9px;}

.submenu .dot-top.about {left: 273px;}

.submenu .dot-top.news {left: 385px;}

.submenu .dot-top.goods {left: 494px;}

.submenu .dot-top.research {left: 613px;}

.submenu .dot-top.service {left: 835px;}

.abouthistory {background-color: #eeeeee; height: 190px; text-align: center; display: table-cell; vertical-align: middle; }

.about-text {position: absolute; display: none; top:0; left: 0; right: 0; bottom:0; font-size: 18px; padding: 50px 30px 0 30px; color: #fff; background-color: #003b83; background-color:rgba(0,59,131,0.8);}

.about-text-rec:hover .about-text { display: block; }

.th50 {background:url(../image/50th.png) #e6ecf4 no-repeat 35px center; text-align: right; color: #003b83; height: 190px;}

.th50 p {margin-bottom: 5px;}

.watermark { z-index: 19; position: absolute; width: 350px; height: 200px; background: no-repeat center center; left: 50%; top: 50%; margin-left: -175px; margin-top: -110px;}

.watermark.index {background-image: url(../image/index-watermark.png);}

.watermark.jzgy {background-image: url(../image/jzgy-watermark.png);}

.watermark.pwsh {background-image: url(../image/pwsh-watermark.png);}

.watermark.about {background-image: url(../image/about-watermark.png);}

.watermark.xinkuan {background-image: url(../image/xinkuan-watermark.png);}

.watermark.zzys {background-image: url(../image/zzys-watermark.png);}

.watermark.dynamics {background-image: url(../image/drnamics-watermark.png);}

.wxqr {position: absolute; width: 100px; height: 100px; right: 15px; top: -10px; padding: 5px; border-radius: 5px; z-index: 1; display: none;}

a:hover .wxqr {display: block;}



.w190 {width: 190px; float: left;}

.w310 {width: 280px; float: right;}

.imgrec {position: relative;}

.imgrec img {max-width: 100%;}

.imgrec .title {height: 27px; position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; background-color: red; color: #fff; line-height: 27px; padding: 0 10px;}

.imgrec .title.bgblue {background-color: #003b83;}

.dl-horizontal.staggerer-dl dt {width: 40px;}

.dl-horizontal.staggerer-dl dd {margin-left: 60px;}

.video-btn { width:83px; height:83px; background:url(../image/video-btn.png) no-repeat; position:absolute; text-indent:-10000px; left:50%; top:50%; margin-left:-41px; margin-top:-41px; opacity:0.8; z-index: 1;}

.video-btn:hover {opacity:1;}

.videoContainer {position:absolute; left:15px; top:0; right:0; bottom:0; display:none;}

.about-big-title-en {font-size: 48px;  font-family:"Times New Roman",Georgia,Serif; font-weight:500; text-align: center; margin-bottom: 0;}

.about-big-title-cn {font-size: 30px; font-family:"Microsoft YaHei"; text-align: center; margin-top: -5px;}

a.more-btn {padding: 8px 30px; font-size: 16px; color: #fff; background-color: #3d3d3d;}

a.more-btn:hover {background-color: #272727;}

#carousel-about .carousel-control.right, #carousel-about .carousel-control.left, #carousel-dynamics .carousel-control.right, #carousel-dynamics .carousel-control.left {color: #3d3d3d; background-repeat: no-repeat;}

#carousel-about .carousel-control.left, #carousel-dynamics .carousel-control.left {background-image: url(../image/arrow-left.png); background-position: left center;}

#carousel-about .carousel-control.right, #carousel-dynamics .carousel-control.right {background-image: url(../image/arrow-right.png); background-position: right center;}

#carousel-about .indicators, #carousel-dynamics .indicators {

	position: absolute;

    bottom: -5px;

    left: 0;

    width: 100%;

}

#carousel-about .aboutrec, #carousel-dynamics .aboutrec {position: absolute; top: 0; bottom: 0;}

#carousel-about .aboutrec .col-xs-3, #carousel-dynamics .aboutrec .col-xs-3  {height: 100% ;background-color: #eeeeee;}

.indicators ul {margin-bottom: 0; display: table; width: 100%;}

.indicators ul li{display: table-cell; width: 1%; height: 6px; line-height: 6px;background-color: #a0a0a0; border-right: 2px solid #fff; cursor: pointer;}

.indicators ul li:last-child {border-right: none;}

.indicators ul li.active {background-color: #003b83;}

.pro-class {width: 120px;}

.pro-class ul li {text-align: center; position: relative; height: 35px;  line-height: 35px;}

.pro-class ul li a {position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-size: 18px; color: #555;}

.pro-class ul li a .cn {display: none;}

.pro-class ul li a:hover {text-decoration: none;}

.pro-class ul li a:hover .en {display: none;}

.pro-class ul li a:hover .cn {display: block;}

.pro-items {width: 880px;}

.pro-items a {margin-bottom: 40px; display: block; position: relative;}

.pro-items a .mask {position: absolute; left: 0; top: 0; right: 0; bottom: 0;  background-color: #fff; opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms;}

.pro-items a .mask span {border:2px solid #3d3d3d;position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; }

.pro-items a:hover .mask {opacity: 0.6;}





.about-technology .hovermask {position: absolute; width: 320px; height: 320px; top: 0; left: 50%; margin-left: -160px; background-color: #003b83; background-color: rgba(0,59,131,.9); padding: 45px 30px 0 30px; line-height: 36px; color: #fff; display: none;}

.about-technology .hovermask a {position: absolute; font-size: 18px; right: 25px; bottom: 8px; color: #fff;}

.service .item {width:330px; height: 184px; margin: auto;  position: relative; background:url(../image/service_1.jpg) no-repeat center center;}

.service .item a {position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: center; color: #fff; font-size: 30px;  -webkit-transition:all 300ms; transition:all 300ms; line-height: 184px; opacity: 0;}

.service .item a:hover {background-color: rgba(0,0,0,0.5); text-decoration: none; opacity: 1;};

.service .item.b1 {background-image: url(../image/service_1.jpg);}

.service .item.b2 {background-image: url(../image/service_2.jpg);}

.service .item.b3 {background-image: url(../image/service_3.jpg);}



.footer {background-color:#3d3d3d; padding: 50px 0; color: #fff;}

.footer .f-left {width: 110px; float: left;}

.footer .f-right {width: 900px; float: right;}

.footer ul li { line-height: 2; font-size: 14px; }

.footer ul li a { color: #fff; }

.footer ul li a:hover { text-decoration: none;}

.footer-copyright {padding: 30px 0 60px 0; text-align: center;}

.footer-copyright a {color: #3d3d3d;}



.news-left {margin-right: 330px; min-height: 600px;}

.news-right {position: absolute; top: 0; right: 0; width: 270px;}

.recomand-title {margin-top: 0px;}

.recomand-title span {padding-bottom: 10px; border-bottom: 2px solid #3d3d3d;}

.news-top-title {margin-top: 0;}

.news-top-title span {padding-bottom: 10px; border-bottom: 3px solid #3d3d3d;}

.news-recomand {margin-top: 20px; padding-left: 15px; font-size: 16px; }

.news-recomand a {color: #3d3d3d;}

.news-recomand a:hover {color: #000; text-decoration: none;}

.news-recomand li {padding-top: 20px; border-bottom: 1px solid #3d3d3d; padding-bottom: 8px; word-wrap: break-word;}

.news-list {min-height: 800px;}

.news-list > li {padding-top: 70px; position: relative; padding-bottom: 5px; border-bottom:2px solid #e5e6e6;}

.news-list > li:last-child {border:none;}

.news-list > li .side-right {margin-left: 100px;}

.news-list > li .side-left {position: absolute; left: 0; top: 70px; width: 72px; height: 72px; background-color: #3d3d3d; font-size: 30px; color: #fff; line-height: 78px; text-align: center;}

.news-thumb {position: relative;}

.news-thumb img {width: 100%; }

.news-more-arrow {border:1px solid #555; border-radius: 100%; padding:4px 3px 2px 4px;}

.video-container {position:absolute; left:0; top:0; right:0; bottom:0; }

.pagination > .active > a, .pagination > .active > a:hover {background-color: #3d3d3d; border-color: #3d3d3d;}

.pagination > li > a, .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {color: #3d3d3d;}

.breadcrumb {

    padding: 8px 0px;

    margin-bottom: 20px;

    list-style: none;

    background-color: transparent;

    border-radius: 4px;

}



.product-class-title span {padding-bottom: 10px; border-bottom: 2px solid #3d3d3d;}

.gender-selector a {display: inline-block; width: 100px; height: 40px; line-height: 40px; border:1px solid #3d3d3d; text-align: center;}

.gender-selector a.active, .gender-selector a:hover {background-color: #3d3d3d; color: #fff; text-decoration: none; }



.pro-list {margin-top: 80px;}

.pro-list a {margin-bottom: 120px; display: block; position: relative;}

.pro-list a h4 {position: absolute;bottom: -50px; left: 0; right: 0;}

.pro-list a .mask {position: absolute; left: 0; top: 0; right: 0; bottom: 0;  background-color: #fff; opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms;}

.pro-list a .mask span {border:3px solid #3d3d3d;position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; }

.pro-list a:hover .mask {opacity: 0.6;}

.research li {border-bottom: 2px solid #a0a0a0; padding-bottom: 120px; margin-bottom: 120px;}

.research li:last-child {border:none; margin-bottom: 0; }

.steprec { min-height: 200px; background: url(../image/about-sep.jpg) no-repeat left top; padding-left: 50px; position: relative;}

.steprec h1 { margin: 0; pt5 }

.steprec .img-info {position: absolute; top: 0; right: 0; width: 360px; height: 180px;}



.sex10 .sex20{display: none;}

.sex20 .sex10{display: none;}














/*分页*/
.m-page {
	text-align:right;
	font-size:0;
	height:38px;
	line-height:38px;
	padding-right:10px;
}
.m-page li {
	display:inline
}
.m-page a, .m-page i {
	display:inline-block;
	font-size:15px;
	background-color:#90c423;
	padding:0px 13px;
	height:36px;
	overflow:hidden;
	text-align:center;
	border:0px #FFFFFF solid;
	color:#FFFFFF;
	font-family:Arial;
	margin-left:5px;
	vertical-align:top;
}
.m-page a.next, .m-page a.prev {
	font-family:宋体;
	font-size:16px;
	font-weight:700;
}
.m-page a:hover, .m-page li.thisclass a {
	color:#ff0000;
}
.m-page span {
	font-size:14px;
	padding-right:10px;
}