@charset "UTF-8";
.top-wrap, .about-wrap .tit01, .about, .product-wrap .tit01, .product, .news-wrap .tit01, .news, .service-wrap ul, .f-menu, .footer, .main { width: 1100px; margin: 0 auto; overflow: hidden; }
body{min-width:1100px;}
.top-wrap { height: 100px; }
.top-wrap .logo { float: left; }
.top-wrap .logo img { max-width: 250px; max-height: 100%; display: block; }
.top-wrap .nav-menu { margin-top: 30px; float: right; overflow: hidden; }
.top-wrap .nav-menu li { line-height: 40px; float: left; }
.top-wrap .nav-menu li.active a, .top-wrap .nav-menu li:hover a { color: #FFFFFF; background: #1A1673; }
.top-wrap .nav-menu li a { padding: 0 33px; display: block; }
/* banner */
.banner { clear: both; position: relative; background: white; margin: 0 auto; }
.banner .img a, .banner .img, .banner .img li { width: 100%; height: 100%; }
.banner .img { position: relative; }
.banner .img li { position: absolute; top: 0; left: 0; }
.banner .img a { display: block; cursor: default; }
.focus { position: absolute; width: 100%; bottom: 40px; z-index: 99; text-align: center; height: 50px; }
.focus li { display: inline-block; *display: inline;
zoom: 1; width: 60px; height: 5px; cursor: pointer; background: #FFFFFF; position: relative; top: 11px; margin: 0 2px; text-indent: -999em; *text-indent: 0;
font-size: 0; }
.focus li.state { background: #1A1673; }
.btn-next, .btn-prev { width: 71px; height: 142px; position: absolute; top: 45%; z-index: 100; text-indent: -999em; }
.btn-next { right: 10%; background: url(../images/btn-next.png) no-repeat center; }
.btn-prev { left: 10%; background: url(../images/btn-prev.png) no-repeat center; }
/* about  */
.about-wrap { height: 700px; background: url(../images/proLineBg.jpg) repeat-y center top; }
.about-wrap .tit01 { padding-top: 60px; padding-bottom: 24px; }
.about .txt p { line-height: 20px; font-size: 12px; font-family: '宋体'; color: #666666; }
.about .txt p a { width: 130px; line-height: 50px; margin-top: 50px; padding-left: 30px; float: left; background: url(../images/more.png) no-repeat center; display: block; text-align: left; text-transform: uppercase; font-size: 14px; color: #666666; font-family: "微软雅黑"; }
.about .txt p a:hover { background: url(../images/moreH.png) no-repeat center; color: #1A1673; }
.product-line { float: left; }
.product-line .btn-prev, .product-line .btn-next { width: 31px; height: 60px; background-size: contain; }
.about-r { width: 360px; padding-right: 35px; float: right; }
/* product */
.product-wrap { padding-top: 65px; }
.product-wrap .tit01 { padding-bottom: 68px; }
.product-box { height: 600px; background: url(../images/productBg.jpg) repeat-y center top; }
.product .pro-r { width: 595px; padding-left: 75px; float: right; }
.product .pro-r img { max-width: 100%; max-height: 600px; }
.pro01 .pro-l, .pro03 .pro-l, .pro02 .pro-l, .pro04 .pro-l { width: 400px; padding-right: 30px; float: left; margin-top: 80px; }
.pro01 .pro-l h2, .pro03 .pro-l h2, .pro02 .pro-l h2, .pro04 .pro-l h2 { margin-bottom: 30px; padding-top: 210px; font-size: 24px; color: #1A1673; text-align: center; background: url(../images/proBg1.png) no-repeat center top; }
.pro01 .pro-l p, .pro03 .pro-l p, .pro02 .pro-l p, .pro04 .pro-l p { font-size: 18px; color: #666666; text-align: center; overflow: hidden; }
.pro01 .pro-l p a, .pro03 .pro-l p a, .pro02 .pro-l p a, .pro04 .pro-l p a { width: 130px; line-height: 50px; margin-top: 75px; padding-left: 30px; float: left; background: url(../images/more.png) no-repeat center; display: block; text-align: left; text-transform: uppercase; font-size: 14px; color: #666666; }
.pro01 .pro-l p a:hover, .pro03 .pro-l p a:hover, .pro02 .pro-l p a:hover, .pro04 .pro-l p a:hover { background: url(../images/moreH.png) no-repeat center; color: #1A1673; }
.pro03 .pro-l h2 { background: url(../images/proBg3.png) no-repeat center top; }
.pro02, .pro04 { background: none; }
.pro02 .pro-l, .pro04 .pro-l { float: right; }
.pro02 .pro-l h2, .pro04 .pro-l h2 { background: url(../images/proBg2.png) no-repeat center top; }
.pro02 .pro-l p a, .pro04 .pro-l p a { float: right; }
.pro02 .pro-r, .pro04 .pro-r { float: left; padding-left: 0; padding-right: 75px; }
.pro04 .pro-l h2 { background: url(../images/proBg4.png) no-repeat center top; }
.page-product-list { margin-left: -24px; overflow: hidden; }
.page-product-list li { width: 200px; margin-left: 24px; margin-bottom: 20px; float: left; }
.page-product-list li img { width: 100%; height: 130px; display: block; }
.page-product-list li span { padding-top: 10px; display: block; line-height: 36px; text-align: center; font-size: 16px; color: #666666; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
/* news */
.news-wrap { height: 712px; background: url(../images/newsBg.jpg) no-repeat center; }
.news-wrap .tit01 { padding-top: 70px; border-bottom: 0; }
.news-wrap .tit01 h2 { color: #FFFFFF; background: none; border-bottom: 1px solid #FFFFFF; }
.news-wrap .tit01 h2 span { color: white; }
.news-wrap .tit01 a { margin-right: 5px; color: white; }
.news { padding-top: 30px; overflow: hidden; }
.news-l { width: 480px; float: left; }
.news-l .currency { display: none; }
.news-l ul { width: 480px; height: 384px; position: relative; }
.news-l li { width: 480px; height: 384px; position: absolute; top: 0; left: 0; display: none; }
.news-l li:nth-child(1) { display: block; }
.news-l li a { display: block; }
.news-l li img { width: 480px; height: 384px; }
.news-l li span { width: 100%; line-height: 40px; position: absolute; bottom: 0; left: 0; background: rgba(26, 22, 116, 0.9); color: white; display: block; text-align: center; }
.news-r { width: 600px; float: right; color: white; }
.news-r .news-guide { overflow: hidden; }
.news-r .news-guide li { line-height: 40px; padding: 0 15px; float: left; cursor: default; font-size: 16px; }
.news-r .news-guide li.active, .news-r .news-guide li:hover { background: #FFFFFF; color: #1A1673; }
.news-r .company, .news-r .currency { padding-top: 10px; }
.news-r .company dl, .news-r .currency dl { padding-top: 20px; border-bottom: 1px dashed white; }
.news-r .company dt, .news-r .currency dt { overflow: hidden; }
.news-r .company dt a, .news-r .currency dt a { color: white; font-size: 16px; }
.news-r .company dt span, .news-r .currency dt span { float: right; }
.news-r .company dt:hover a, .news-r .currency dt:hover a { color: #1A1673; }
.news-r .company dt:hover span, .news-r .currency dt:hover span { color: #1A1673; }
.news-r .company dd, .news-r .currency dd { padding-top: 10px; padding-bottom: 16px; }
.news-r .company dd p, .news-r .currency dd p { line-height: 20px; }
.news-r .currency { display: none; }
.page-news-list li { line-height: 50px; border-bottom: 1px dashed #ccc; overflow: hidden; }
.page-news-list li a { max-width: 75%; text-overflow: ellipsis; white-space: nowrap; color: #666666; overflow: hidden; display: block; }
.page-news-list li span { float: right; color: #666666; }
/* service */
.service-wrap { padding: 40px 0; background: #f4f4f4; }
.service-wrap ul { overflow: hidden; }
.service-wrap ul li { width: 180px; margin: 0 20px; float: left; }
.service-wrap ul li a { display: block; }
.service-wrap ul li img { width: 71px; height: 71px; margin: 0 auto; display: block; }
.service-wrap ul .txt { text-align: center; }
.service-wrap ul .txt h2 { padding: 15px 0 10px 0; font-size: 18px; color: #333333; }
.service-wrap ul .txt p { color: #666666; }
/* footer */
.footer-wrap { height: 360px;/* background: url(../images/fBg.jpg) no-repeat center top; */background-color:#222222;}
.f-menu { padding-top: 30px; }
.f-menu dl { float: left; text-align: center; }
.f-menu dl:first-child dt { border-left: 0; }
.f-menu dt { padding: 0 48px; border-left: 1px solid #FFFFFF; }
.f-menu dt a { font-size: 16px; color: #FFFFFF; }
.f-menu dd a { line-height: 26px; display: block; color: #FFFFFF; }
.footer { padding-top: 35px; color: #FFFFFF; }
.f-l { width: 221px; float: left; background: url(../images/fDiv.jpg) no-repeat top right; }
.copyright { padding-left: 35px; padding-right: 40px; float: left; background: url(../images/fDiv.jpg) no-repeat top right; }
.copyright p { line-height: 26px; }
.f-r { padding-right: 50px; float: right; }
.main { padding-top: 60px; }
.side { width: 180px; padding-bottom: 50px; float: left; }
.side-tit { line-height: 60px; text-align: center; background: #1A1673; }
.side-tit h2 { color: #FFFFFF; font-size: 18px; }
.side-menu { border: 1px solid #1A1673; border-top: 0; border-bottom: 0; }
.side-menu li { line-height: 59px; border-bottom: 1px solid #1A1673; text-align: center; }
.side-menu li a { font-size: 16px; color: #666666; }
.side-menu li.active a { color: #1A1673; }
.main-r { width: 873px; padding-bottom: 40px; float: right; }
.content { padding-top: 60px; }
.tit01 { overflow: hidden; }
.tit01 span { display: block; font-size: 30px; color: #CCCCCC; text-transform: uppercase; }
.tit01 h2 { margin-bottom: 24px; padding-bottom: 20px; padding-bottom: 24px; float: left; padding-right: 35px; font-size: 24px; border-bottom: 1px solid #1A1673; }
.tit01 p { width: 720px; clear: both; font-size: 16px; color: #666666; }
.tit02 { margin-bottom: 40px; }
.tit02 h2 { font-size: 24px; margin-bottom: 5px; }
.tit02 span { display: block; color: #cccccc; text-transform: uppercase; }
.main-tit { line-height: 60px; border-bottom: 1px solid #5a7876; overflow: hidden; }
.main-tit .crumbs { float: right; }
.main-tit .crumbs a { font-size: 12px; font-family: '宋体'; color: #666666; }
.main-tit h2 { font-size: 24px; color: #333333; }
.ad { overflow: hidden; }
.ad img { max-width: 100%; height: auto; display: block; }
/* show */
.text-title {text-align: center;margin-bottom: 30px;padding-bottom: 10px;border-bottom: 1px dashed #999999;}
.text-title h1 { margin-bottom: 10px; font-size: 16px; font-weight: bold; color: #666666; }
.text-title p { font-size: 12px; color: #666666; }
.text-title p a { color: #666666; }
.detailTxt {overflow: hidden;/* padding-top: 30px; */}

.paging { padding-top: 30px;}
.detailTxt p { line-height: 26px; margin-bottom: 25px; color: #666666; color: #666666; }
.detailTxt p img{max-width: 100%;}
/* message */
.message { width: 490px; padding-top: 20px; margin-left: auto; margin-right: auto; }
.message fieldset > div { margin-bottom: 15px; line-height: 32px; overflow: hidden; }
.message label { float: left; text-align: right; font-size: 14px; min-width: 70px; }
.message input[type=text] { width: 320px; height: 26px; text-indent: 10px; color: #333; border: 1px soild #ccc; }
.message textarea { width: 313px; height: 94px; padding: 5px; line-height: 22px; color: #333; border: 1px soild #ccc; }
.messBtn { padding: 0 24px; margin-left: 100px; border: 1px solid #87b3b7; border-radius: 3px; cursor: pointer; color: #333; font: 14px/28px '微软雅黑'; background: #9ac8cc; }
.messBtn:hover { background: #a7dbdf; }
.message .submit { margin-left: 83px; }
.message .submit input { width: 220px; height: 50px; color: white; font-size: 16px; text-align: center; line-height: 32px; font-size: 14px; border: none; background: #1A1673; }
.btn2 { margin-left: 6px; }
.form_box { padding: 30px 0px; }
.message div { margin-bottom: 20px; }
.message div.checkNum input { width: 100px; }
.message div img { vertical-align: middle; }
.message input[type='text'] { width: 200px; }
.message label { font-size: 16px; }
/*validate*/
.Validform_checktip { float: right; margin-left: 8px; line-height: 20px; height: 20px; overflow: hidden; color: #999; font-size: 12px; }
.Validform_right { color: #71b83d; padding-left: 20px; background: url(../images/right.png) no-repeat left center; }
.Validform_wrong { color: red; padding-left: 20px; white-space: nowrap; background: url(../images/error.png) no-repeat left center; }
.Validform_loading { padding-left: 20px; background: url(../images/onLoad.gif) no-repeat left center; }
.Validform_error { background-color: #ffe7e7; }
#Validform_msg { color: #7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width: 280px; -webkit-box-shadow: 2px 2px 3px #aaa; -moz-box-shadow: 2px 2px 3px #aaa; background: #fff; position: absolute; top: 0px; right: 50px; z-index: 99999; display: none; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');
}
#Validform_msg .iframe { position: absolute; left: 0px; top: -1px; z-index: -1; }
#Validform_msg .Validform_title { line-height: 25px; height: 25px; text-align: left; font-weight: bold; padding: 0 8px; color: #fff; position: relative; background-color: #000; }
#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited { line-height: 22px; position: absolute; right: 8px; top: 0px; color: #fff; text-decoration: none; }
#Validform_msg a.Validform_close:hover { color: #cc0; }
#Validform_msg .Validform_info { padding: 8px; border: 1px solid #000; border-top: none; text-align: left; }
/* page */
.page { clear: both; padding: 30px 0 20px; text-align: center; }
.page a { height: 34px; margin-bottom: 10px; display: inline-block; padding: 0 15px; height: 34px; font-size: 12px; line-height: 34px; background: #fff; border: 1px solid #e3e3e3; text-align: center; color: #333; border-radius: 3px; }
.page a.a1 { padding: 0 15px; height: 34px; line-height: 34px; margin-top: 0px; }
.page a:hover { background: #1A1673; color: white; text-decoration: none; }
.page span { display: inline-block; padding: 0 15px; height: 34px; line-height: 34px; background: #1A1673; border: 1px solid #1A1673; color: #fff; text-align: center; border-radius: 3px; }
.page .noPage { display: inline-block; padding: 0px 12px; height: 22px; line-height: 22px; border: 1px solid #e3e3e3; text-align: center; color: #a4a4a4; }
@media only screen and (min-width: 300px) {
	.news-r .company dl, .news-r .currency dl{
	    padding-top:10px;
	}
	.news-r .company dl dd, .news-r .currency dl dd{
	    height:45px;
	    font-size:1rem;
	    overflow:hidden;
	}
}
@media only screen and (min-width: 992px) {
	.news-r .company dl, .news-r .currency dl{
	    padding-top:20px;
	}
	.news-r .company dl dd, .news-r .currency dl dd{
	    height:auto;
	    font-size:14px;
	    overflow:hidden;
	}
}