@charset "utf-8";
/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,pre,div,ul,ol,li,dl,dt,dd,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td { line-height:30px; cursor:hand;}
select{ font-family:微软雅黑,Arial, Helvetica, sans-serif; font-size:12px; line-height:20px;}

body{font-size:12px; color: #333333; font-family:微软雅黑,Arial, Helvetica, sans-serif; background:#ffffff; font-size:12px;}
a{ font-family:微软雅黑,Arial,Helvetica,sans-serif; color:#333333; text-decoration:none; font-size:12px;}
a:hover{ color:#e62129; text-decoration:none;}

.listpage{ display:block; float:left; width:720px; height:30px; overflow:hidden; text-align:right;}
.pagelist1.pages{ font-family:Webdings; cursor:hand;}
.pagelist1{ font-size:12px; padding:3x; margin:3px; text-align:right;}
.pagelist2{ font-size:11px; padding:3x; margin:3px; text-align:right;}
.pagelist2 a{ border:#ccc solid 1px; color:#bc0008; margin-right:2px; padding:2px 5px;}
.pagelist2 a:hover{ background:#bc0008; border:#ccc solid 1px; color:#fff;}
.pagelist2 span.current{ background:#bc0008; border:#ccc solid 1px; color:#FFFFFF; margin-right:2px; padding:2px 5px;}
.pagelist2 span.disabled{ border:#ddd solid 1px; color:#ddd; margin-right:2px; padding:2px 5px;}
.pagelist2 span.total{ font-size:12px; line-height:20px; margin:0 5px;}

.noInfo{ float:left; background:url(../images/loading.gif) left no-repeat; width:100%; height:30px; padding-left:20px; line-height:30px;}
.clears{ clear:both; font-size:0; line-height:0;}

.fl{float:left;}.fr{float:right;}
.tar{text-align:right;}.tac{text-align:center;}.tal{text-align:left;}

.w250{width:250px;}
.h20{height:20px;}.h30{height:30px;}.h100{height:100px;}

.pt10{padding-top:10px;}.pl10{padding-left:10px;}.pr25{padding-right:25px;}.pr10{padding-right:10px;}
.mgt10{margin-top:10px;}.mgb10{margin-bottom:10px;}.mgt20{margin-top:20px;}

.lh20{line-height:20px;}.lh25{line-height:25px;}
.bb{border-bottom:#1e2087 solid 1px;}
.bbr{border-bottom:#ea1205 solid 1px;}
.dashline{ background:url(../Images/dashedline.gif) bottom repeat-x;}
.hidden{overflow:hidden;}
.relative { position:relative;}.absolute { position:absolute;}
.nobg{ background:none;}

#FloatDiv{width:130px; position:absolute;float:right;z-index:10000; overflow:hidden;}
.Float-t{float:left; width:130px; height:32px; background:url(../images/qq_top_bg.gif) no-repeat; position:relative; }
.qqclose{ position:absolute; top:5px; right:10px; cursor:pointer; display:block; width:10px; height:10px; background:url(../Images/qq_top_shut.gif) no-repeat;}
.Float-bg{float:left; width:100px; background:url(../images/qq_mid_bg.gif) repeat-y; padding:10px 15px; color:#333;}
.qlist{float:left; width:100px;}
.qlist li{width:100px; height:30px; line-height:30px;}
.Float-b{float:left; width:130px; height:60px; background:url(../images/qq_btm_bg.gif) repeat-y;}

.list-scroll{ position:relative; overflow:hidden;}
.list-scroll ul{ position: absolute; width: 20000em;}
.list-scroll ul li{ float:left; display:inline;}

.info-title{ float:left; display:block; width:100%; height:40px; overflow:hidden; position:relative; }
.info-title h4{ float:left; height:40px; line-height:40px; font-size:14px;  overflow:hidden;  text-align:center; color:#0b176d;}
.info-title h3{ float:left; height:40px; line-height:40px; font-size:16px;  overflow:hidden;  text-align:center; color:#0b176d; background:url(../images/listicon.png) left center no-repeat; padding-left:20px;}
.info-title h5{ margin-left:5px; float:left; height:30px; font-size:12px; color:#015bbc; line-height:40px; overflow:hidden; }
.info-title span{ float:right; line-height:40px;}
.info-title span a.more{ float:left; display:block; width:33px; height:40px; background:url(../Images/more.png) center no-repeat;}

.home-title{ float:left; display:block; width:100%; height:50px; overflow:hidden; position:relative; }
.home-title h4{ float:left; height:50px; overflow:hidden; color:#0b176d; }
.home-title h4 p.p1{ display:block; height:20px; line-height:20px; font-size:12px; font-weight:normal; overflow:hidden; color:#b30205; border-bottom:#0b176d solid 1px; }
.home-title h4 p.p2{ float:left; display:block; height:30px; line-height:30px; font-size:18px;  font-weight:normal; overflow:hidden; color:#0b176d; }
.home-title span{ float:right; line-height:25px; padding-top:25px;}
.home-title span a.more{ float:left; display:block; padding-right:15px; height:25px; background:url(../Images/more.png) right center no-repeat; color:#0b176d;}


.wrapper{ float:left; width:100%; display:block; background:url(../images/header-bg.png) center bottom repeat-x;}
.header-wrapper{ height:100px;}
.header{ width:960px; height:100px; margin:0 auto; position:relative; z-index:10;}
.header h1{ position:absolute; left:0px; top:25px; display:block;}
.header .tel{ position:absolute; right:0px; bottom:0px; display:block; width:320px; height:74px; background:url(../images/tel.png) center bottom repeat-x;}
ul.header-nav{ position:absolute; top:0px; right:10px; width:232px; height:31px; padding-left:2px; background:url(../Images/nav-line.png) left top no-repeat;}
ul.header-nav li{ float:left; width:114px; padding-right:2px; background:url(../Images/nav-line.png) right top no-repeat;}
ul.header-nav li a{ display:block; width:114px; height:31px; line-height:31px; font-size:14px; text-align:center;}
ul.header-nav li a:hover{ background:url(../Images/nav-hover.png) top repeat-x;}

.search-wrapper{ float:right; width:160px; height:20px; margin-top:8px;}
.search-wrapper .keyword-bg{ float:left; width:130px; padding-left:10px; height:20px; background:url(../Images/search-bg.png) no-repeat;}
.search-wrapper .keyword-bg input{ border:0; width:120px; line-height:20px; background:none; font-family:"Arial Black", Gadget, sans-serif; font-size:12px; color:#FFF}


.menu-wrapper{ height:36px; background:url(../images/menu-bg.png) center bottom repeat-x;}
.menu{ margin:0 auto; width:960px; position:relative;}
ul.menu-list{ float:left; width:770px;}
ul.menu-list li{ float:left; width:110px; line-height:36px; text-align:center; position:relative; z-index:5; background:url(../images/menu-line.png) right no-repeat; z-index:11;}
ul.menu-list li a{ display:block; width:110px; font: bold 14px/36px 微软雅黑,Arial, Helvetica, sans-serif; color:#ffffff;}
ul.menu-list li a:hover,ul.menu-list li a.current{ display:block; width:110px; background:#b30205; color:#ffffff;}
ul.menu-list li ul{ position:absolute; top:36px; left:0px; width:110px; display:none;}
ul.menu-list li ul li{ float:left; width:110px; height:30px; overflow:hidden; background:none;}
ul.menu-list li ul li a{ display:block; width:110px; height:30px; background:url(../images/index-focus-txt.png) repeat; color:#fff; line-height:30px; font-size:12px; font-weight:normal; text-align:center; }
ul.menu-list li ul li a:hover{ background:#b30205; color:#ffffff; }

.banner-wrapper{ height:360px; overflow:hidden; z-index:2;}
.bannerbox{ margin:0 auto; width:1440px; height:360px; position:relative;}
.banners{ width:1440px; margin:0 auto; height:360px;}
ul.banner-list li{ width:1440px; height:360px;}
ul.banner-list li a{ display:block; width:1440px; height:360px;}
.banner-left{ position:absolute; top:140px; left:80px; display:block; width:40px; height:70px; background:url(../images/banner-left.png) no-repeat; z-index:99; cursor:pointer;}
.banner-right{ position:absolute; top:140px; right:80px; display:block; width:40px; height:70px; background:url(../images/banner-right.png) no-repeat; z-index:99; cursor:pointer;}

.mainer-wrapper{ padding:20px 0;}
.home-mainer-wrapper{ background:url(../Images/home-mainer-bg.png) top repeat-x #f8f7f3;}
.mainer{ width:960px; margin:0 auto;}
.home-mainer{ float:left; width:960px; background:url(../Images/service-img.png) right top no-repeat; padding:20px 0;}

.home-about{ float:left; width:250px; padding-bottom:60px; background:url(../images/brief-img.jpg)  left bottom no-repeat;}
.home-about-content{ float:left; margin-top:10px; width:250px; height:200px;  line-height:25px;  overflow:hidden; }
.home-about-content strong{ color:#0b176d;}

.home-contact{ float:right; width:300px;}
.home-contact-content{ float:left; width:300px; height:265px; line-height:25px; overflow:hidden; overflow:hidden; margin-top:10px; }
.s-title{ float:left; width:300px; line-height:25px;}
.s-title span{ color:#b30205}
.s-tel{ float:left; width:250px; padding-left:50px; line-height:15px; margin-top:30px; background:url(../images/tels.png) left bottom no-repeat;}
.s-tel strong{  font-size:18px; line-height:25px; color:#b30205;}
.s-ew{ float:left; width:210px; padding-left:90px; line-height:15px; margin-top:30px; line-height:20px; background:url(../images/ew.png) left bottom no-repeat;}

.home-news{ float:left; width:350px; margin-left:30px;}
.home-news-content{ float:left; width:350px; height:264px; margin-top:10px; overflow:hidden;}
ul.home-news-list{ float:left; width:350px;}
ul.home-news-list li{float:left; width:350px; height:55px; margin-bottom:6px; padding-bottom:5px; background:url(../images/dashedline.gif) bottom repeat-x; position:relative;}
ul.home-news-list .news-date{ width:55px; height: 55px; background:#6975d2; text-align: center;}
ul.home-news-list .news-date .day { color:#fff; font-size:25px; line-height:30px;}
ul.home-news-list .news-date .year {font-size:15px; color: #fff; line-height:25px;}
ul.home-news-list .box{ position:absolute; width:290px; right:0; top:0px;}
ul.home-news-list .box strong{ float:left; font:bold 12px/25px Microsoft YaHei; overflow:hidden; width:290px; height:25px; color:#333333}
ul.home-news-list .box p{display:block;width:290px; height:30px;line-height:15px; overflow:hidden; color:#666666;}
ul.home-news-list li a:hover .news-date {background: url(../images/btnbg2.png) bottom no-repeat;}
ul.home-news-list li a:hover strong {color:#c00b10;}

.products-wrapper{ padding:10px 0; height:260px; background: url(../images/home-product-bg.png) top repeat-x;}
.products{ width:960px; margin:0 auto;}

.home-product-box{ float:left; display:block; width:960px; height:190px; position:relative; margin-top:20px;}
.home-product-wrapper{ margin:0 auto; width:880px; height:190px; overflow:hidden;}
ul.home-product-list{ float:left; width:2000em;}
ul.home-product-list li{ float:left; width:160px; height:190px; display:inline; margin-right:20px;}
ul.home-product-list li a{ float:left; display:block; width:160px; height:150px;}
ul.home-product-list li a img{ width:150px; height:150px; border:#cccccc solid 1px; padding:4px;}
ul.home-product-list li a span{ float:left; width:160px; height:30px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; line-height:30px;}
ul.home-product-list li a:hover img{ border:#0b176d solid 1px; padding:4px;}
ul.home-product-list li a:hover span{ background:#0b176d ; color:#FFF}
.home-product-left{ position:absolute; left:0px; top:80px; display:block; width:28px; height:28px; background:url(../Images/arrow-left.png) left no-repeat; cursor:pointer; z-index:100;}
.home-product-right{ position:absolute; right:0px; top:80px; display:block; width:28px; height:28px; background:url(../Images/arrow-right.png) left no-repeat; cursor:pointer; z-index:100;}


.side{ float:left; width:220px;}
.side-title{ float:left; width:220px; height:50px; background:url(../images/side-title-bg.png) no-repeat; }
.side-nav-box{ float:left; width:200px; padding:10px; background:#efefef;}

ul.side-nav-list{ float:left; width:200px;}
ul.side-nav-list li{ float:left; width:200px; height:30px; background:url(../Images/dashedline.gif) bottom repeat-x;}
ul.side-nav-list li a{ float:left; width:185px; height:30px; line-height:30px; padding-left:15px; background:url(../images/arr.png) left center no-repeat; overflow:hidden;}
ul.side-nav-list li a:hover,ul.side-nav-list li a.current{ color:#ec6e02; font-weight:bold;}

.side-service{ float:right; width:220px; margin-top:20px;}
.side-service a.btn1{ float:left; width:220px; height:72px; background:url(../images/contact-bg.png) top left no-repeat;}
.side-service a.btn2{ float:left; width:220px; height:71px; background:url(../images/contact-bg.png) 0 -72px no-repeat;}
.side-service a.btn3{ float:left; width:220px; height:70px; background:url(../images/contact-bg.png) 0 -143px no-repeat;}

.focusbox{ float:left; width:220px;}

.main{ float:right; width:720px; overflow:hidden;}
.main-content{ float:left; width:720px; line-height:25px;}

ul.news-list{ float:left; width:720px;}
ul.news-list li{float:left; width:720px; height:70px; margin-bottom:10px; padding-bottom:5px; background:url(../images/dashedline.gif) bottom repeat-x; position:relative;}
ul.news-list .news-date{ width:55px; height: 55px; background:#6975d2; text-align: center;}
ul.news-list .news-date .day { color:#fff; font-size:25px; line-height:30px;}
ul.news-list .news-date .year {font-size:15px; color: #fff; line-height:25px;}
ul.news-list .box{ position:absolute; width:650px; right:0; top:0px;}
ul.news-list .box strong{ float:left; font:bold 12px/30px Microsoft YaHei; overflow:hidden; width:650px; height:30px; color:#333333; overflow:hidden;}
ul.news-list .box p{display:block;width:650px; height:40px;line-height:20px; overflow:hidden; color:#666666;}
ul.news-list li a:hover .news-date {background: url(../images/btnbg2.png) bottom no-repeat;}
ul.news-list li a:hover strong {color:#c00b10;}

ul.certificate-list{ float:left; width:740px;}
ul.certificate-list li{ float:left; width:165px; height:210px; display:inline; margin-right:20px; margin-bottom:10px; overflow:hidden; }
ul.certificate-list li .cerbox{ *float:left; width:160px; height:170px; text-align:center; vertical-align:middle; display:table-cell; position:relative; border:1px solid #ccc; padding:1px; overflow:hidden; }
ul.certificate-list li .cerimg{ *position:absolute; top:50%;}
ul.certificate-list li .cerimg img{ *position:relative; top:-50%; left:-50%; vertical-align: middle\9; }
ul.certificate-list li span{ float:left; width:165px; height:30px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; line-height:30px;}

ul.product-list{ float:left; width:740px;}
ul.product-list li{ float:left; width:165px; height:195px; display:inline; margin-right:20px; margin-bottom:10px;}
ul.product-list li a{ float:left; display:block; width:165px; height:195px;}
ul.product-list li a img{ width:155px; height:155px; border:#cccccc solid 1px; padding:4px;}
ul.product-list li a span{ float:left; width:165px; height:30px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; line-height:30px;}
ul.product-list li a:hover img{ border:#0b176d solid 1px; padding:4px;}
ul.product-list li a:hover span{ background:#0b176d ; color:#FFF}

.product-brief{ float:left; text-align:left; width:100%; line-height:25px;}
.product-content-title{ float:left; width:720px; height:30px; font:bold 14px/30px 微软雅黑,Arial, Helvetica, sans-serif; text-align:left; color:#0b176d; overflow:hidden; background:url(../Images/dashedline.gif) bottom repeat-x;}

ul.download-list{ float:left; width:720px;}
ul.download-list li{float:left; width:720px; height:30px; background:url(../Images/dashedline.gif) bottom repeat-x;}
ul.download-list li .n-date{ float:right; display:block; color:#bc0008; line-height:30px; font-size:12px; width:80px; text-align:center; font-family:Georgia, "Times New Roman", Times, serif}
ul.download-list li a{ float:left;display:block;width:640px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;line-height:30px;}

ul.video-list{ float:left; width:720px;}
ul.video-list li{ float:left; width:210px; height:190px; display:inline; margin-right:30px; margin-bottom:10px;}
ul.video-list li a img{ float:left; width:200px; height:150px; border:#cecece solid 1px; padding:4px;}
ul.video-list li a span{ float:left; width:210px; height:30px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; line-height:30px;}
ul.video-list li a:hover img{ float:left; width:200px; height:150px; border:#b40800 solid 1px; padding:4px;}
ul.video-list li a:hover span{ float:left; width:210px; height:30px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; line-height:30px;}

.point{ color:#0689d9}
.about-content{ float:left; width:100%; display:block; padding-bottom:160px; background:url(../Images/about-img.jpg) bottom center no-repeat; line-height:25px;}
.about-left{ float:left; width:340px;}
.about-right{ float:right; width:360px;}
.contact-content{ float:left; display:block; margin-top:20px; padding-bottom:50px; width:100%;  background:url(../Images/home-contact.png) bottom right no-repeat;}
.contact-info{ float:left; width:360px;}
.contact-info strong{color:#e62129; font-size:18px;}
.contact-info p{ border-bottom:#e6e9ee solid 1px; line-height:35px;}
.network-content{ display:block; height:550px; background:url(../Images/map.jpg) center no-repeat;}
.culture-content{ float:left; display:block; width:100%; padding-bottom:120px; background:url(../Images/honor-img.jpg) bottom center no-repeat;}

.footer-wrapper{ padding:10px 0; background:#6975d2;}
.footer{ width:960px; margin:0 auto; line-height:25px; color:#FFF;}
.footer a{ color:#F00;}