﻿@charset "utf-8";
*{ margin:0; padding:0; list-style-type:none; outline:none; text-decoration:none; font-style:normal; font-family:"Arial";}
img{ border:none; vertical-align:middle;}



.top-box,.main-box,.footer{ width:100%; min-width:1110px; overflow:hidden;}
.top-box{ background:#f3f3f3; line-height:32px;}
.top,.header,.main,.foot{ width:1120px; margin:0 auto; overflow:hidden; clear:both;}

.top span.fl{ color:#195ca7; font-size:14px; font-family:"Arial"; font-weight:bold; float:left; margin:0;}
.top span.fr{ font-size:10px; font-family:"微软雅黑"; float:right;}
.top span.fr a{ display:inline-block; color:#666;}
.top span.fr a.on{ color:#185da8;}


.logo{ overflow:hidden; margin:5px 0; float:left;}
.nav{ float:right; overflow:hidden; line-height:60px; font-size:15px;}
.nav a{ display:block; float:left; padding:0 25px; color:#333; margin-left:2px;}
.nav a.cur,.nav a:hover{ color:#fff; background:url(../images/nav-bg.jpg) repeat-x;}


.banner{z-index: 99; margin: 0px auto; width:100%; height:400px; min-width:1110px; position:relative;}

.flexslider{position:relative;height:400px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:400px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}

.banner{z-index: 99; margin: 0px auto; width:100%; height:400px; min-width:1110px; position:relative;}
.banner_l,.banner_r{ position:absolute; z-index:999; top:175px; left:50%;}
.banner_l{ margin-left:-555px;}
.banner_r{ margin-left:528px;}
.bannerImg{position: relative; width:100%; min-width:1110px; height:400px;}
.bannerImg .bannerPage{position: absolute; bottom:20px; left:50%; margin-left:-27px;}
.slides_container{position: relative; width:100%; overflow: hidden; min-width:1110px; height:400px;}
.slides_container div{ height:400px;}
.pagination li{background:#333; width:8px; display: block; float:left; height:8px; overflow:hidden; border-radius:8px;float: left; overflow:hidden; margin:0 5px;}
.pagination li a{ display:block; overflow:hidden; clear:both; text-indent:-999px;}
.pagination li.current{ background:#fff; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif}
.zy-banner{ width:100%; min-width:1110px; overflow:hidden; height:105px;}
.banner-about{ background:url(../images/banner-about.jpg) no-repeat center;}
.banner-news{ background:url(../images/banner-news.jpg) no-repeat center;}
.banner-cp{ background:url(../images/banner-cp.jpg) no-repeat center;}
.banner-cps{ background:url(../images/banner-cp.png) no-repeat center;}

.index{ overflow:hidden; clear:both; padding:0 10px; width:1090px; margin:0 auto;}
.left{ width:245px; float:left; box-shadow:0 3px 3px #dbdbdb; border:1px solid #e0e0e0; padding-bottom:10px;}
.left h2{ background:url(../images/h2-bg.jpg) no-repeat; padding:13px 0 0 35px; font:16px/60px "微软雅黑"; border-bottom:1px solid #e0e0e0; margin-bottom:10px; height:60px;}
.left h2 em{ font:12px/60px "Times"; color:#bfbfbf; margin-left:15px;}
.left a{ display:block; overflow:hidden; font:13px/33px "微软雅黑"; color:#333; padding-left:40px; margin-bottom:5px;}
.left a.on{ background:url(../images/on-bg.jpg) no-repeat; color:#fff;}
.left a:hover{ color:red; font-weight:bold;}
.left .dia a{ font-size:12px; text-indent:10px; line-height:30px;}
/*.left .dia a:hover,.left .dia a.cur{ color:#0d54a1; background:#16ADE7;}*/
.left .dia a.cur{ color:#0d54a1; background:#16ADE7;color:red; font-weight:bold;}
.left .dia a:hover{ color:red; font-weight:bold;}
.right{ width:815px; overflow:hidden; float:right; padding-bottom:50px;}
.address{ border-bottom:1px solid #e0e0e0; padding-top:23px; line-height:50px; overflow:hidden; clear:both; height:50px; margin-bottom:10px;}
.address h2,.address a.fanhui{ float:left; font-size:16px; font-family:"微软雅黑"; color:#225199; padding-left:10px;}
.address span{ float:right; font-size:12px; color:#333;}
.address span a{ color:#333;}
.address span i{ color:#103c98;}


.main-box{ background:#f3f3f3; padding-bottom:15px;}
.main{ margin:10px auto;}
.mt{ clear:both; border-bottom:1px solid #ddd; line-height:32px; width:100%;}
.mt h2{ display:inline-block; padding-right:15px; border-bottom:2px solid #185da8; float:left; margin-bottom:-1px; color:#185da8; font-size:14px; font-family:"微软雅黑";}
.mt a{ float:right; font-size:10px; color:#ccc; font-family:"Arial"; margin-right:5px;}
.main .one{ width:330px; float:left; overflow:hidden;}
.main .one.center{ margin:0 60px;}
.one .mt-box{ padding:10px 2px; overflow:hidden; clear:both; height:246px;}
.mt-box .about{ overflow:hidden; clear:both;}
.mt-box .about img{ display:block; clear:both; overflow:hidden; margin-bottom:5px;}
.mt-box .about p{ font-size:12px; line-height:25px; color:#666; text-indent:2em;}
.news-top{ padding-bottom:10px; border-bottom:1px solid #ddd; overflow:hidden; clear:both; font-size:12px; line-height:20px; margin-bottom:5px;}
.news-top img{ float:left; overflow:hidden; margin-right:10px;}
.news-top h3 a{ display:block; overflow:hidden; color:#185da8; font-size:12px;}
.news-top p{ color:#666;}
ul.news-list{ overflow:hidden; clear:both; display:block;}
ul.news-list li{ overflow:hidden; clear:both; font-size:12px; line-height:28px;}
ul.news-list li a{ background:url(../images/jt.png) no-repeat left center; padding-left:10px; color:#666; float:left;}
ul.news-list li a:hover{color:red; font-weight:bold;}
ul.news-list li span{ float:right; color:#666; margin-right:5px;}
.one .mt-box dl{ overflow:hidden; clear:both; margin-bottom:7px;}
.one .mt-box dl dt{ float:left; margin-right:10px; overflow:hidden;}
.one .mt-box dl dd{ float:left; overflow:hidden; width:195px;}
.one .mt-box dl dd a{ font-size:12px; background:url(../images/jt1.png) no-repeat left 10px; line-height:25px; padding-left:10px; display:block; color:#666;}


.product{ overflow:hidden; width:720px; float:left;}
.img-box{ overflow:hidden; clear:both; margin-top:15px;}
.img-box .prev1,.img-box .next1{ float:left; overflow:hidden; margin-top:60px; cursor:pointer;}
.img-show{ position:relative; width:672px; margin:0 15px; float:left; height:164px; overflow:hidden;}
.img-show ul{ position:absolute; left:0; top:0; height:160px; width:800%;}
.img-show ul li{ width:153px; float:left; overflow:hidden; margin-right:20px; height:164px;}
.img-show ul li img{ margin-bottom:10px; display:block;}
.img-show ul li span{ overflow:hidden; display:block; text-align:center; color:#185da8; font-size:12px; font-family:"Arial";}

.contact{ float:right; width:330px; overflow:hidden;}
.lx{ background:url(../images/user.png) no-repeat right bottom; padding:10px 2px 0;}
.lx p{ font-size:12px; color:#666; line-height:35px;}




.footer{ background:#185da8; text-align:center; padding:10px 0}
.pp{ font-size:12px; color:#fff; clear:both; overflow:hidden; line-height:28px; margin:5px 0;}
.pp>a{ color:#fff; display:inline-block;}


.gsry{ padding:20px 0; overflow:hidden; border-bottom:1px solid #ddd; position:relative;}
.gsry img{ float:left; display:block; box-shadow:-3px -3px 5px #ddd; margin:0 30px 0 10px;}
.gsry h3 a{ display:block; overflow:hidden; font:bold 18px/35px "Arial"; color:#333;}
.gsry p,.gsry span{ font:16px/35px "Arial"; color:#333;}
.gsry span{ font-size:14px; color:#0a509c;}
.gsry a.more{ position:absolute; font-size:12px; right:10px; bottom:20px; color:#666;}

.map{ overflow:hidden; margin:50px auto; clear:both;}
.content{min-height: 450px;text-align:center;}
.content ul.news-list li{ line-height:40px; border-bottom:1px dashed #e8ebef; padding:0 5px;}

.content .title{ padding:15px 0; border-bottom:1px solid #ddd; overflow:hidden; clear:both; text-align:center;}
.content .title h3{ font:bold 14px/35px "微软雅黑"; color:#225199;}
.content .title p{ font:12px/35px "宋体"; color:#666;}

.content .cont{ padding:30px 20px; border-bottom:1px solid #ddd; margin-bottom:20px;}
.content .os{ overflow:hidden; clear:both; font-size:12px; position:relative;}
.content .os span{ display:block; overflow:hidden; clear:both; color:#0a509c; line-height:30px;}
.content .os span a,.content .os a.back{ color:#0a509c;}
.content .os a.back{ position:absolute; right:0; top:0;}

.prodect-list{ width:875px; display:block; overflow:hidden; clear:both;}
.prodect-list li{ float:left; width:232px; overflow:hidden; margin:20px 59px 30px 0;}
.prodect-list li a{ display:block; border:1px solid #ddd; overflow:hidden; height:210px; text-align:center;}
.prodect-list li a h3{ line-height:40px; font-size:13px; color:#666; font-weight:bold;}
.prodect-list li a:hover{ border-color:#1a62b1;}
.prodect-list li a:hover h3{ color:#1a62b1;}

.slide-img{ margin:10px 10px; overflow:hidden; clear:both;}
.big-img{ float:left; padding:3px; border:1px solid #ddd;margin-left:1px;width:679px;}.big-img img{width:555px;margin-top:10px;}
.small-img{ float:right; overflow:hidden; width:89px; text-align:center;}
.small-img .img-list{ width:89px; height:343px; position:relative; display:block; overflow:hidden; margin:5px 0;}
.small-img .img-list ul{ display:block; clear:both; position:absolute; top:0; left:0; height:800%;}
.small-img .img-list ul li{ padding:1px; border:1px solid #ddd; margin-bottom:15px;}
.xq-tt{ background:#eee; font:bold 12px/35px "Arial"; padding-left:20px; color:#0a509c;text-align:left;}
.xq{ display:block; overflow:hidden; padding:25px 5px;}









/*分页*/
.page{ padding:30px 0; overflow:hidden; clear:both; text-align:right;}
.page a{ padding:5px 10px; background:#f1f0ec; font-size:12px; color:#666; font-family:"Arial";}
.page a.on,.page a:hover{ background:#0a509c; color:#fff;}

