/* CSS Document */
html{ overflow:hidden; overflow-x:hidden; overflow-y:auto;}
body{
margin:0;
padding:0;
font-family:"微软雅黑";
font-size:14px;
}
p,h1,h2,h3,h4,h5,h6{
padding:0;
margin:0;
}
ul,ol{
list-style-type:none;
margin:0;
padding:0px;
}
a{
color:#FFFFFF;
text-decoration:none;
}
a:hover{
color:#CCC;
}
img{
border:none;
}
.f_l{
float:left;
}
.f_r{
float:right;
}
.clear{
clear:both;
}
*{ margin:0; padding:0;}
#header{
width:100%;
height:34px;
line-height:34px;
height:auto;
border-bottom:1px #d0d0d0 solid;
color:#9a9a9a;
}
.header{
width:940px;
margin:0 auto;
}
.header_l{
float:left;
width:360px;
}
.header_r{
float:right;
width:260px;
}
.header_r li{
display:block;
padding-left:5px;
padding-right:5px;
float:right;
}
.header_r li a{
color:#9a9a9a;
}
.top{
width:940px;
height:115px;
margin:0 auto;
}
.top_l{
background:url(../image/1.png) no-repeat 0px;
width:456px;
height:115px;
padding-left:105px;
}
.top_l small{
display:block;
width:105px;
height:22px;
font-size:22px;
color:#656565;
font-weight:bold;
padding-top:25px;
}
.top_l big{
display:block;
width:280px;
height:30px;
font-size:24px;
color:#0749a7;
font-weight:bold;
padding-top:8px;
}
.top_r{
background:url(../image/2.jpg) no-repeat 0px 0px;
width:300px;
height:72px;
color:#6d6d6d;
padding-top:33px;
text-align:right;
font-size:14px;
}
.nav{
width:100%;
height:47px;
background:url(../image/3.jpg) no-repeat center;
}
.nav ul{
display:block;
width:1100px;
height:47px;
margin:0 auto;
}
.nav li{
display:block;
width:122px;
height:47px;
float:left;
text-align:center;
line-height:47px;
}
.nav li a{
color:#FFF;
font-size:14px;
font-weight:bold;
width:120px;
height:47px;
display:block;
}
.nav a:hover {
display:block;
width:120px;
height:47px;
background:url(../image/4.jpg) no-repeat center;
}
/* banner */
.banner{
margin:0 auto;
height:368px;
overflow:hidden;
width:1420px;
}
.banner .d1{width:100%;height:392px;display:block;position:absolute;left:0px;top:0px;}
.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:360px;}
.banner .d2 ul{float:left;position:absolute;left:50%;top:0;margin:0 0 0 -96px;display:inline;}
.banner .d2 li{width:17px;height:15px;overflow:hidden;cursor:pointer;background:url(http://www.gycwjs.com/template/css/images/img1.png) no-repeat center;float:left;margin:0 3px;display:inline;}
.banner .d2 li.nuw{background:url(http://www.gycwjs.com/template/css/images/img1_1.png) no-repeat center;}
.product{
width:995px;
margin:20px auto 0px auto;
}
.product_l{
width:238px;
text-align:center;
background-color:#f1f1f1;
border:1px #03409d solid;
}
.product_l_top{
height:73px;
width:238px;
background-color:#01409d;
color:#f4feff;
}
.product_l_top p{
font-size:18px;
padding-top:15px;
font-weight:bold;
}
.product_l_top small{
font-size:14px;
color:#2f6ac6;
}
.product_l ul{
display:block;
padding:10px 0px;
}
.product_l ul p{font-weight:bold; background-color:#2d5c9a; color:#FFFFFF; line-height:35px; font-size:14px;}
.product_l ul p a{ color:#FFFFFF;}
.product_l li{
display:block;
width:238px;
height:35px;
padding-top:7px;
}
.product_l li a{
display:block;
width:200px;
height:28px;
margin:0 auto;
background-color:#fcfcfc;
border:1px #d5d5d5 solid;
color:#666666;
line-height:28px;
}
.product_l li a:hover{
background-color:#0045af;
color:#FFF;}
.product_r{
width:735px;
height:1740px;
margin-bottom:20px;
border:1px #d0d0d0 solid;
}
.product_r ul{
display:block;
margin:0 auto;
padding-top:15px;
width:720px;
}
.product_r li{
display:block;
width:226px;
float:left;
text-align:center;
margin-left:7px;
_margin-left:4px;
margin-right:7px;
margin-bottom:15px;
}
.product_r li img{
border:1px #d0d0d0 solid;
}
.product_r li a{
display:block;
width:190px;
font-size:14px;
color:#3a3a3a;
margin:0 auto;
height:35px;
line-height:35px;
padding-top:5px;
}
.product_r li p{
display:block;
width:190px;
color:#9c9c9c;
margin:0 auto;
line-height:22px;
}
.advantage{
width:100%;
height:auto;
/*background-color:#fff0e0;*/
margin:20px 0px 0px 0px;
}
.advantage_t{
text-align:center; height:145px; }
.advantage_t img{
height:145px;
position:relative;
z-index:1;
top:-145px;
margin:0 auto;
}
.imgl{ width:49%; height:145px; background:url(../image/imgl.jpg) repeat-x; }
.imgr{ width:49%; height:145px; background:url(../image/imgr.jpg) repeat-x; }
.advantage ul{
display:block;
background-color:#FFF;
width:1037px;
margin:0 auto;
_margin-top:-155px;
padding-top:10px;
}
.advantage ul li{
display:block;
width:962px;
margin:0 auto;
}
.advantage ul li img{
display:block;
margin-top:6px;
}
.ad_r{
width:473px;
height:140px;
margin-top:60px;
}
#mar_1{
margin-top:85px;
}
.ad_r_top{
width:473px;
height:68px;
border-bottom:1px #adadad solid;
background:url(../image/18.jpg) no-repeat 0px 0px;
line-height:63px;
}
.ad_r_top span{
color:#FFF;
font-size:28px;
font-weight:bold;
padding-left:25px;
}
.ad_r_top b{
font-size:30px;
padding-left:30px;
}
.ad_r_top b a{
color:#337dbc;
}
.ad_r p{
display:block;
width:440px;
color:#7d7d7d;
margin:0 auto;
padding-top:10px;
line-height:26px;
font-size:16px;
}
#about{
width:100%;
margin:0 auto;
}
.about{
width:985px;
margin:0 auto;
}
.about_l{
width:609px;
padding-top:15px;
}
.about_l_t{
width:609px;
height:43px;
line-height:43px;
background:url(../image/20.jpg) no-repeat 0px 6px;
margin-bottom:20px;
}
.about_l_t strong{
font-size:18px;
padding-left:10px;
color:#004fb2;
float:left;
}
.about_l_t a{
float:right;
color:#2a2a2a;
}
.about_l img{
display:block;
border:1px #e1e2dd solid;
float:left;
}
.img_right{
float:right;
width:275px;
}
.img_right b{
display:block;
width:268px;
font-size:16px;
color:#3d3d3d;
height:35px;
line-height:35px;
}
.img_right a{
display:block;
width:92px;
height:21px;
background:url(../image/22.jpg) no-repeat 0px 0px;
color:#FFF;
text-align:center;
line-height:21px;
margin-top:15px;
}
.img_right p{
display:block;
line-height:26px;
padding-top:5px;
}
.about_r{
width:269px;
margin-left:30px;
height:auto;
margin-top:10px;
}
/*.about_r p{
display:block;
line-height:24px;
color:#333;
width:260px;
margin:0 auto;
}*/
.button{
width:20px;
height:60px;
background:url(../image/36.jpg) no-repeat center;
margin:130px 0px;
line-height:14px;
}
.button p{
display:block;
padding-top:13px;
padding-left:4px;
}
.button a{
color:#000;
}
.hr{
margin:25px 0px 0px 0px;
height:31px;
width:1440px;
}
#news{
background-image:url(../image/38.jpg);
width:100%;
margin:0 auto;
padding-top:15px;
padding-bottom:15px;
}
.news{
display:block;
width:946px;
margin:0 auto;
padding-top:20px;
}
.news_l{
width:454px;
padding-right:8px;
}
.news_l_t b{
display:block;
font-size:18px;
float:left;
color:#004ab1;
}
.news_l_t a{
display:block;
float:right;
color:#333;
}
.news_l img{
display:block;
border:1px #d7d9d8 solid;
width:254px;
height:106px;
margin:10px auto;
}
.news_l li{
display:block;
width:454px;
height:36px;
line-height:36px;
border-bottom:1px #dedede dotted;
background:url(../image/31.jpg) no-repeat 4px 13px;
}
.news_l li a{
display:block;
text-align:left;
float:none;
padding-left:18px;
color:#5d5d5d;
}
.news_c{
width:320px;
padding-left:15px;
padding-right:15px;
}
.news_c p{
display:block;
font-size:18px;
color:#004ab1;
font-weight:bold;
margin-bottom:15px;
}
.news_r{
width:454px;
padding-left:12px;
}
.news_r img{
display:block;
border:1px #d7d9d8 solid;
width:254px;
height:106px;
margin:10px auto;
}
.news_r li{
display:block;
width:454px;
height:36px;
line-height:36px;
border-bottom:1px #dedede dotted;
background:url(../image/31.jpg) no-repeat 4px 13px;
}
.news_r li a{
display:block;
text-align:left;
float:none;
padding-left:18px;
color:#5d5d5d;
}
.liu{
display:block;
width:300px;
margin-bottom:6px;
}
.liu span{
display:block;
width:83px;
text-align:center;
height:28px;
line-height:28px;
float:left;
color:#626262;
font-size:12px;
border:1px #d5d5d5 solid;
position: relative;
z-index: 1;
background-color:#FFF;
}
.btn1{
background:none;
border:none;
background:url(../image/32.jpg) no-repeat center;
height:34px;
width:89px;
color:#FFF;
float:left;
margin-left:50px;
font-size:18px;
font-family:"微软雅黑";
letter-spacing:6px;
font-weight:bold;
text-align:center;
}
.btn2{
background:none;
border:none;
background:url(../image/33.jpg) no-repeat center;
height:34px;
width:89px;
color:#FFF;
float:right;
margin-right:50px;
_margin-right:50px;
font-size:18px;
font-family:"微软雅黑";
font-weight:bold;
letter-spacing:6px;
text-align:center;
}
.liu i{
color:#fa0000; float:right; height:28px; line-height:28px; padding-top:7px;
}
.yu{
width:300px;
height:70px;
margin-bottom:6px;
text-indent: 7em;
line-height: 28px;
margin-top:-30px;
}
.yan{
width:220px;
}
.yan span{
display:block;
width:83px;
text-align:center;
height:28px;
line-height:28px;
float:left;
color:#626262;
font-size:12px;
border:1px #d5d5d5 solid;
background-color:#FFF;
}
.liu2{
margin-top:10px;
}
.yan input{
display:block;
width:78px;
height:28px;
border:none;
border:1px #d5d5d5 solid;
border-left:none;
float:left;
}
.yan img{
display:block;
float:right;
margin-top:10px;
}
.liu input{
display:block;
width:200px;
height:28px;
border:none;
border:1px #d5d5d5 solid;
border-left:none;
float:left;
}
#footer{
width:100%;
margin:0 auto;
background-color:#043578;
font-size:14px;
}
.footer{
width:960px;
margin:0 auto;
padding-top:20px;
}
.footer span{
color:#FFF;
display:block;
height:auto;
padding-top:10px;
padding-bottom:10px;
line-height:26px;
font-size:14px;
}
.footer a{
color:#FFF;
}
.footer ul{
display:block;
width:958px;
height:40px;
line-height:40px;
border:1px #FFF solid;
}
.footer ul li{
display:block;
padding-left:25px;
padding-right:25px;
float:left;
color:#FFF;
}
.footer ul li a{
color:#FFF;
}
.footer p{
display:block;
width:500px;
color:#FFF;
line-height:26px;
}
.pi{
display:block;
padding-top:35px;
width:500px;
float:left;
}
.footer img{
display:block;
width:107px;
height:107px;
float:right;
margin-top:10px;
}
#content{
width:100%;
height:auto;
background-color:#f0f2ef;
padding-top:25px;
padding-bottom:20px;
}
.content{
width:1100px;
height:auto;
margin:0 auto;
}
.content11{
width:100%;
padding:20px 0px;
height:auto;
}
.content11 a{ color:#000000;}
.content_l{
width:244px;
}
.content_l_t_top{
background:url(../image/45.jpg) no-repeat center;
height:53px;
line-height:53px;
color:#FFF;
}
.content_l_t_top big{
font-family:"微软雅黑";
font-size:20px;
font-weight:bold;
padding-left:45px;
}
.content_l_t_top span{
font-size:18px;
padding-left:5px;
}
.content_l_t ul{
display:block;
width:242px;
margin:0 auto;
background-color:#FFF;
}
.content_l_t ul p{font-weight:bold; background-color:#2d5c9a; color:#FFFFFF; line-height:35px; font-size:14px; padding-left:40px;}
.content_l_t ul p a{ color:#FFFFFF;}
.content_l_t ul li{
display:block;
height:40px;
width:200px;
line-height:40px;
font-family:"微软雅黑";
font-size:14px;
background:url(../image/bj.jpg) no-repeat 11px center #f5f5f5;
padding-left:35px;
border-bottom:1px #f2f2f2 solid;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
.content_l_t ul li a{
color:#4d4d4d;
}
.content_l_t ul li a:hover{
color:#F00;
}
.content_l_t_bottom{
width:244px;
height:10px;
background:url(../image/46.jpg) no-repeat center;
}
.content_l_b{
margin-top:20px;
background-color:#FFF;
border-bottom:2px #0946a3 solid;
padding-bottom:10px;
height:335px;
}
.content_l_b_1{
background-color:#FFF;
padding-bottom:10px;
width:244px;
}
.content_l_b_1 img{
display:block;
width:234px;
height:108px;
margin:0 auto;
margin-bottom:10px;
}
.content_l_b_1 p{
display:block;
width:230px;
line-height:24px;
margin:0 auto;
padding-left:10px;
}
.content_l_b img{
display:block;
width:234px;
height:108px;
margin:0 auto;
margin-bottom:10px;
}
.content_l_b p{
display:block;
width:230px;
line-height:24px;
margin:0 auto;
padding-left:10px;
}
.content_r{
width:827px;
background-color:#FFF;
color:#666666;
font-family:"微软雅黑";
padding-top:5px;
height:auto;
}
.content_r p{ line-height:30px;}
.content_r a{ color:#000000;}
.content_r1{
width:827px;
background-color:#FFF;
color:#666666;
font-family:"微软雅黑";
padding-top:5px;
height:auto;
}
.content_r_top{
width:783px;
height:50px;
line-height:50px;
border-bottom:1px #dbdcdc solid;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
.content_r_top span{
display:block;
float:left;
background-color:#36508b;
color:#FFF;
font-size:18px;
font-weight:bold;
padding-left:10px;
padding-right:10px;
}
.content_r_top p{
display:block;
float:right;
}
.content_r_top p a{
color:#666666;
}
.content_r_top p span{
color:#2a8a15;
}
.content_r ul{
display:block;
width:760px;
margin:20px auto;
}
.content_r ul li{
display:block;
height:210px;
border:1px #dbdcdc solid;
margin-bottom:22px;
width:226px;
float:left;
margin-left:6px;
_margin-left:3px;
margin-right:6px;
}
.content_r ul li a p{
display:block;
width:200px;
text-align:center;
color:#9b9b9b;
font-family:"微软雅黑";
margin:0 auto;
line-height:24px;
}
.left{
color:#FFF;
}
.left a{
display:block;
width:65px;
height:65px;
text-align:center;
background-color:#8e8e8e;
color:#FFF;
}
.left a:hover{
background-color:#34508b;
}
.left a big{
height:30px;
padding-top:10px;
font-size:18px;
display:block;
width:65px;
}
.left a small{
display:block;
width:65px;
height:25px;
font-size:10px;
}
.right{
padding-left:20px;
height:65px;
}
.right a{
display:block;
color:#666666;
height:24px;
line-height:24px;
margin-top:10px;
}
.right p{
display:block;
color:#999999;
line-height:20px;
text-indent:30px;
}
.product_more{
width:827px;
color:#666666;
font-family:"微软雅黑";
padding-top:5px;
height:770px;
}
.product_more ul{
display:block;
width:738px;
margin:0 auto;
}
.product_more ul li{
display:block;
width:226px;
height:255px;
float:left;
margin-left:10px;
_margin-left:5px;
margin-right:10px;
margin-top:22px;
margin-bottom:8px;
background-color:#FFF;
position:relative;
z-index:300;
}
.image_b {
display:block;
margin:0 auto;
}
.ab{
display:block;
height:36px;
line-height:36px;
color:#2a8a15;
text-align:center;
}
.ab a{
color:#000000;
line-height:50px;
display:block;
}
.product_more ul li p{
display:block;
line-height:22px;
text-align:center;
color:#999999;
width:220px;
}
.image{
display:block;
width:26px;
height:26px;
position:absolute;
top:0px;
right:0px;
z-index:9999;
margin:0;
line-height:26px;
}
.slideBox{ width:100%; height:auto; overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; margin-right:20px; }
.slideBox .hd ul li{ float:left; margin-right:5px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#004d9a; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0; }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:auto; display:block; }
.page{ font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 14px; float:left; width:200px; }
.page a,.page span{display:block;color:#18A4FD;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:3px;float:left;margin-top:5px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:18px} /* SPAN和链接 */
.page a:hover, .page a.current{color:#F44;border:1px solid #F44} /* 当前链接有激活时 */
.page input{padding:0px;color:#18A4FD;height:16px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px}
/*新闻列表*/
.nlist{ display:block; padding:20px 30px;}
.nlist ul li{display: block; border-bottom: 1px dashed #cacaca;}
.nlist ul li h2 {
font-size: 14px;
height: 32px;
font-weight:600;
overflow: hidden;
line-height: 32px;
margin-bottom: 2px;
}
.nlist ul li h2 label {
color: #aeaeae;
display: inline;
float: right;
font-size: 12px;
font-weight: 100;
width: 180px;
text-align: right;
}
.nlist ul li h2 b{ font-weight:500; color:#333333;background: url(../image/31.jpg) no-repeat left center; padding-left:20px; font-size:14px;}
.nlist ul li p {
line-height: 26px;
color: #666;
}
/*轮播图*/
.banner{width:1420px;; height:368px; margin:0px auto; text-align:center; position: relative; overflow: hidden;}
.banner ul li { float: left; }
#b03{width:1420px;}
#b03 .dots{position: absolute; left: 0; right: 0; bottom: 20px;}
#b03 .dots li{display: inline-block;width: 12px;height: 12px;margin: 0 5px;text-indent: -9999px; border-radius: 50%;cursor: pointer; background:#fff;}
#b03 .dots li.active{background: #1d5298;}