﻿/* CSS Document */
@charset "utf-8";
@import url("public.css");

.w1190{ width:1190px; margin:0 auto; height:auto; overflow:hidden}

.head{ height:45px; overflow:hidden; background:rgb(1,4,37); line-height:45px; border-bottom:solid 2px #fff}
.head span{ font-size:14px; color:#fff}

.banner{ height:1280px; background:url(../images/tbg.jpg) no-repeat center; position:relative; z-index:999}
.logo{ width:150px; height:100px; margin:20px auto; text-align:center}
.logo img{ height:100px;}
.menu{ height:142px; overflow:hidden; width:1090px; margin:0 auto;}
.menu ul{ height:142px; overflow:hidden}
.menu ul li{ width:181.666667px; float:left; text-align:center; line-height:135px; height:142px; overflow:hidden}
.menu ul li a{ font-size:14px; color:#fff;}
.menu ul li:hover{ background:url(../images/ahover.png) no-repeat center; }

.box1{ height:815px; overflow:hidden; background:url(../images/box1bg.jpg) no-repeat center top; margin-top:-78px;}
.b-tubiao{ height:220px; overflow:hidden; width:1200px; margin:120px auto 10px;}
.b-tubiao ul{ height:auto; overflow:hidden}
.b-tubiao ul li{ width:150px; height:220px; float:left; padding:0px 25px; position:relative}
.b-tubiao ul li div.wbspan{ width:150px; height:150px; overflow:hidden; position:relative; z-index:999 }
.b-tubiao ul li span{ display:block; width:150px; height:150px; overflow:hidden; position:absolute;transition:0.2s ease-in;-webkit-transition:0.2s ease-in;}
.b-tubiao ul li span#sp1{ top:0; left:50%; margin-left:-75px;}
.b-tubiao ul li span#sp2{ top:150px; left:50%; margin-left:-75px;}
.b-tubiao ul li p{ display:block; text-align:center; margin-top:15px; font-size:15px; color:#333; position:absolute; top:160px; width:150px;}
.b-tubiao ul li p i{ font-size:12px;}
.b-tubiao ul li:hover{ cursor:pointer}
.b-tubiao ul li:hover span#sp1{ top:-150px; left:50%; margin-left:-75px;}
.b-tubiao ul li:hover span#sp2{ top:0; left:50%; margin-left:-75px;display:block}

.b-about{ height:auto; overflow:hidden; width:1200px; margin:0px auto;}
.b-abouttit{ width:280px; height:208px; margin:0 auto; background:url(../images/t-bg.png) no-repeat center; background-size:280px; text-align:center; font-size:18px; color:#fff; line-height:198px;}
.b-abouttxt{ width:1000px; height:auto; overflow:hidden; margin:30px auto; line-height:25px; font-size:14px; color:#333; text-align:center}
.b-abouttxt a.abut{ display:block; width:40px; height:40px; line-height:40px; font-size:22px; color:#003; margin:40px auto;; text-align:center; background:#fff; padding:2px; border:solid 1px #003;}
.b-abouttxt a.abut:hover{ background:#003; color:#fff}

.box2{ height:630px; background:rgb(1,4,37); padding-top:30px;}
.b-tit2{ width:280px; height:208px; margin:0 auto; background:url(../images/t-bg.png) no-repeat center; background-size:280px; text-align:center; font-size:18px; color:#fff; line-height:198px;}

.b-youshi{ height:auto; overflow:hidden; width:1200px; margin:0px auto;}
.b-youshi ul{ height:auto; overflow:hidden}
.b-youshi ul li{ width:350px; height:auto; float:left; padding:25px;}
.b-youshi ul li img{width:350px; height:233px; padding:5px; border:solid 1px #fff;}
.b-youshi ul li p{ display:block; height:auto; overflow:hidden; text-align:center; font-size:16px; color:#fff; margin-top:40px;}
.b-youshi ul li p i{ display:block; font-size:13px; margin-top:15px;}

.box3{ height:auto; overflow:hidden; padding-top:30px;}
.b-product{ height:auto; overflow:hidden; width:1200px; margin:15px auto;}
.b-product ul{ height:auto; overflow:hidden;}
.b-product ul li{ width:300px; height:300px; float:left; margin-right:150px; text-align:center;}
.b-product ul li img{width:300px; height:220px; margin-bottom:20px;}
.b-product ul li a{ font-size:14px; color:#333}
.abut1{ display:block; width:60px; height:60px; margin:15px auto;}

.box4{ height:560px; overflow:hidden; padding:30px 0px; background:url(../images/xwbg.jpg) no-repeat  center fixed}
.b-newlist{ height:auto; overflow:hidden; width:1200px; margin:0 auto;}
.b-newlist img{ float:left; margin-right:20px;}
.b-newlist ul{ width:730px; height:auto; overflow:hidden; float:right}
.b-newlist ul li{ line-height:26px; height:auto; overflow:hidden; margin-bottom:10px;}
.b-newlist ul li em{ float:left; margin-right:10px; font-size:12px; color:#fff}
.b-newlist ul li a{ font-size:12px; color:#fff;}
.b-newlist ul li h3{ display:block; height:auto; overflow:hidden; margin-bottom:5px;}
.b-newlist ul li h3 a{ font-size:16px; color:#fff}
.b-newlist ul li p{ display:block; color:#bbb; padding-bottom:10px; border-bottom:solid 1px #fff}
.b-newlist ul li a:hover{ color:#09F}

.box5{ height:auto; overflow:hidden; margin-top:30px}
.b-map{ width:1200px; height:420px; border:1px solid rgb(28, 69, 135); margin:0 auto;}
.b-lxbox{ width:1200px; height:150px; overflow:hidden; margin:40px auto;}
.b-lxbox li{ width:350px; height:150px; background:url(../images/lxbg.jpg) no-repeat center; float:left; margin-right:75px; text-align:center; font-size:13px; color:#fff}
.b-lxbox li img{ width:30px; height:30px; margin-top:40px; margin-bottom:15px;}

.footer{ height:360px; overflow:hidden; background:rgb(1, 4, 37);}
.f-box1{ width:330px; height:auto; overflow:hidden; float:left; margin-top:60px;}
.f-box1 h2{ display:block; font-size:18px; color:#fff; text-align:center;}
.f-box1 p{ display:block; height:auto; line-height:26px; color:#fff; font-size:13px; margin-top:20px;}

.f-box2{ width:330px; height:auto; overflow:hidden; float:left; margin-top:60px; margin-left:75px; text-align:center}
.f-box3{ width:330px; height:auto; overflow:hidden; float:right; margin-top:60px; text-align:center; }

.nrbox{ height:auto; overflow:hidden; margin:15px auto; width:1200px;}
/*内容通用*/
.content_nr{ font-size:15px; color:#444; line-height:30px; min-height:200px; margin:15px 0px;height:auto; overflow:hidden}
.content_nr p{ margin-bottom:10px; line-height:30px; font-size:15px;}
.content_nr img{max-width:1200px;  /*IE7和Firefox用*/ width: expression(this.width > 1200 ? 1200: true);   /*IE6用*/ margin:0px 0px;}
.content_nr p a{ font-weight:bold; color:#03F; text-decoration:underline;}

/*内容通用*/
.content_nr1{ font-size:15px; color:#444; line-height:30px; min-height:200px; margin:15px 0px;height:auto; overflow:hidden;}
.content_nr1 p{ margin-bottom:10px; line-height:30px; font-size:15px;}
.content_nr1 img{max-width:1680px;  /*IE7和Firefox用*/ width: expression(this.width > 1680 ? 1680: true);   /*IE6用*/ margin:0px 0px;}
.content_nr1 p a{ font-weight:bold; color:#03F; text-decoration:underline;}

.b-cpfl{ height:40px; line-height:40px; text-align:center; margin:15px 0px;}
.b-cpfl a{ padding:10px 50px; margin:0px 5px; background:#f8f8f8; border:solid 1px #ddd; color:#666}
.b-cpfl a:hover{ background:rgb(1, 4, 37); color:#fff;}
.b-cpfl a.hover{ background:rgb(1, 4, 37); color:#fff;}

.b-cplist{ height:auto; overflow:hidden; margin:15px 0px;}
.b-cplist ul{ height:auto; overflow:hidden}
.b-cplist ul li{ width:248px; height:218px; overflow:hidden; border:solid 1px #ddd; padding:15px; margin-bottom:30px;border-radius:3px; float:left; margin-right:26px;transition:0.3s ease-in;-webkit-transition:0.3s ease-in;}
.b-cplist ul li img{width:248px; height:187px;}
.b-cplist ul li h3{ display:block; height:30px; line-height:30px; overflow:hidden; margin:10px 0px 0px; text-align:center}
.b-cplist ul li h3 a{ font-size:14px; color:#333;}
.b-cplist ul li:hover{ border-color:rgb(1, 4, 37)}

/*内容标题样式*/
.list-auto{ height:auto; overflow:hidden; min-height:200px; margin:15px 0px;}
.meta{ margin:0px 0 0 0; padding:0 0 15px 0; border-bottom:1px solid #f0f0f0; text-align:center }
.meta:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
.meta h1{ margin:0; padding:0 0 15px 0; color:#1f1f1f; font-size:22px; line-height:30px; }
.meta .meta-info{ color:#999; font-size:12px; line-height:24px; }
.meta .meta-info span{ margin-right:10px; padding-left:20px; color:#777; background:url(../images/sprite.gif) no-repeat; }
.meta .meta-info .time{ background-position:left -156px; }
.meta .meta-info .view{ background-position:left -32px; }
.meta .meta-info .comm{ background-position:left 4px; }
.next-prev-single{ padding:10px 0; color:#444; font-size:14px; overflow:hidden; }
.next-prev-single p{ width:49%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.next-prev-single p a{ color:#428bca; text-decoration:none; }
.next-prev-single .prev{ float:left; }
.next-prev-single .next{ float:right; }
.c_imgbox{ height:auto; overflow:hidden; margin:30px 0px; text-align:center;}
.c_imgbox img{max-width:1200px;  /*IE7和Firefox用*/ width: expression(this.width > 1200 ? 1200: true);   /*IE6用*/ margin:0px 0px;}

/*图文列表*/
.nb-nlist{ height:auto; overflow:hidden; min-height:200px; margin:15px 0px;}
.nb-nlist li{ display:block; padding-bottom:16px; border-bottom:1px solid #f0f0f0; overflow:hidden; }
.nb-nlist li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.nb-nlist li h2{ padding:6px 0 14px 0; font-size:16px; line-height:27px; font-weight:normal; }
.nb-nlist li h2 a{ font-size:16px; font-weight:bold; line-height:29px; color:rgb(1, 4, 37); text-decoration:none; }
.nb-nlist li h2 a:hover{ color:#f60; }
.nb-nlist li .note b{ position:relative; display:block; float:left; margin-right:16px; width:156px; height:104px; font-style:normal; }
.nb-nlist li .note b img{ min-width:100%; min-height:105px; width:100%; height:105px; }
.nb-nlist li .note p{ font-size:14px; line-height:23px; font-weight:500; color:#555; }
.nb-nlist li .note .info{ padding-top:20px; }
.nb-nlist li .note .info span{ margin-right:10px; padding-left:20px; color:#777; background:url(../images/sprite.gif) no-repeat; }
.nb-nlist li .note .info .time{ background-position:0 -156px; }
.nb-nlist li .note .info .view{ background-position:0 -32px; }
.nb-nlist li .note .info .comm{ background-position:0 4px; }
.nb-nlist .nodata{ margin-top:30px; color:#666; font-size:14px; line-height:100px; text-align:center; }

.footer1{display:none}

@media  screen and (max-width: 600px) {
.w1190{width:100%;}
.head{padding:0px 10px;} 
.logo{margin-bottom:5px;}
.banner{height:300px;background: url(../images/tbg1.jpg) no-repeat top center;background-size:100%;}
.menu{height:60px;margin-top:0px;width:96%;margin:0 auto;}
.menu ul{height:60px;overflow:hidden}
.menu ul li{width:33.333%;height:30px;line-height:30px;float:left}

.box1{height:auto;margin-top:0px;}
.b-tubiao{ height:auto; overflow:hidden; width:96%; margin:20px auto 10px;}
.b-tubiao ul{ height:auto; overflow:hidden}
.b-tubiao ul li{ width:33.33%; height:110px; float:left; padding:0px 0px;}
.b-tubiao ul li div.wbspan{ width:100%; height:90px; overflow:hidden; }
.b-tubiao ul li span{ display:block; width:90px; height:90px; overflow:hidden;}
.b-tubiao ul li span#sp1{ top:0; left:50%; margin-left:-45px;}
.b-tubiao ul li span#sp2{ top:90px; left:0%; margin-left:0px;display:none}
.b-tubiao ul li p{ display:block; text-align:center; margin-top:-70px; font-size:13px; color:#333;width:100%;}
.b-tubiao ul li p i{ font-size:12px;display:none}
.b-tubiao ul li:hover{ cursor:pointer}
.b-tubiao ul li:hover span#sp1{ top:-90px; left:50%; margin-left:-45px;}
.b-tubiao ul li:hover span#sp2{ top:0; left:50%; margin-left:-45px;display:block}
.b-tubiao ul li img{width:90px;height:90px;}

.b-about{ height:auto; overflow:hidden; width:100%; margin:0px auto;}
.b-abouttit{ width:200px; height:128px; margin:0 auto; background:url(../images/t-bg.png) no-repeat center; background-size:200px; text-align:center; font-size:15px; color:#fff; line-height:120px;}
.b-abouttxt{ width:96%; height:auto; overflow:hidden; margin:20px auto; line-height:25px; font-size:14px; color:#333; text-align:center}
.b-abouttxt a.abut{ display:block; width:40px; height:40px; line-height:40px; font-size:22px; color:#003; margin:20px auto;; text-align:center; background:#fff; padding:2px; border:solid 1px #003;}
.b-abouttxt a.abut:hover{ background:#003; color:#fff}

.box2{ height:auto; background:rgb(1,4,37); padding-top:15px;}
.b-tit2{ width:200px; height:128px; margin:0 auto; background:url(../images/t-bg.png) no-repeat center; background-size:200px; text-align:center; font-size:15px; color:#fff; line-height:120px;}

.b-youshi{ height:auto; overflow:hidden; width:100%; margin:0px auto;}
.b-youshi ul{ height:auto; overflow:hidden}
.b-youshi ul li{ width:100%; height:auto; float:left; padding:0px;margin-bottom:15px;}
.b-youshi ul li img{width:95%; height:233px; padding:2%; border:solid 1% #fff;}
.b-youshi ul li p{ display:block; height:auto; overflow:hidden; text-align:center; font-size:16px; color:#fff; margin-top:10px;}
.b-youshi ul li p i{ display:block; font-size:12px; margin-top:0px;}


.b-product{ height:auto; overflow:hidden; width:100%; margin:5px auto;}
.b-product ul{ height:auto; overflow:hidden;}
.b-product ul li{ width:50%; height:auto; float:left; margin-right:0px; text-align:center;}
.b-product ul li img{width:100%;height:auto; /*height:220px;*/ margin-bottom:20px;}
.b-product ul li a{ font-size:14px; color:#333}

.box4{height:auto;padding:20px 0px;}
.b-newlist{ height:auto; overflow:hidden; width:100%; margin:0 auto;}
.b-newlist img{ float:left; margin-right:20px;display:none}
.b-newlist ul{ width:96%; height:auto; overflow:hidden; float:right;margin:0 auto;}
.b-newlist ul li{ line-height:26px; height:auto; overflow:hidden; margin-bottom:10px;}
.b-newlist ul li em{ float:left; margin-right:10px; font-size:12px; color:#fff}
.b-newlist ul li a{ font-size:12px; color:#fff;}
.b-newlist ul li h3{ display:block; height:auto; overflow:hidden; margin-bottom:5px;}
.b-newlist ul li h3 a{ font-size:16px; color:#fff}
.b-newlist ul li p{ display:block; color:#bbb; padding-bottom:10px; border-bottom:solid 1px #fff}
.b-newlist ul li a:hover{ color:#09F}


.b-map{ width:96%; height:320px; border:1px solid rgb(28, 69, 135); margin:0 auto;}
.b-lxbox{ width:100%; height:auto; overflow:hidden; margin:20px auto;}
.b-lxbox li{ width:100%; height:150px; background:url(../images/lxbg.jpg) no-repeat center; float:left; margin-right:75px; text-align:center; font-size:13px; color:#fff}
.b-lxbox li img{ width:30px; height:30px; margin-top:40px; margin-bottom:15px;}


.footer{ height:auto; overflow:hidden; background:rgb(1, 4, 37);display:none}
.footer1{display:block;font-size:13px; color:#fff;background:rgb(1, 4, 37);padding:15px;line-height:26px;}


/*内容通用*/
.content_nr1{ font-size:15px; color:#444; line-height:30px; min-height:200px; margin:15px 2px;height:auto; overflow:hidden;}
.content_nr1 p{ margin-bottom:10px; line-height:30px; font-size:15px;}
.content_nr1 img{max-width:100%;  /*IE7和Firefox用*/ width: expression(this.width > 100% ? 100%: true);   /*IE6用*/ margin:0px 0px;}
.content_nr1 p a{ font-weight:bold; color:#03F; text-decoration:underline;}

.nrbox{ height:auto; overflow:hidden; margin:15px auto; width:96%;}

.b-cpfl{ height:40px; line-height:40px; text-align:center; margin:15px 0px;}
.b-cpfl a{ padding:8px 10px; margin:0px 5px; background:#f8f8f8; border:solid 1px #ddd; color:#666}
.b-cpfl a:hover{ background:rgb(1, 4, 37); color:#fff;}
.b-cpfl a.hover{ background:rgb(1, 4, 37); color:#fff;}

.b-cplist{ height:auto; overflow:hidden; margin:15px 0px;}
.b-cplist ul{ height:auto; overflow:hidden}
.b-cplist ul li{ width:50%; height:auto; overflow:hidden; border:solid 0px #ddd; padding:0px; margin-bottom:30px;border-radius:3px; float:left; margin-right:0px;transition:0.3s ease-in;-webkit-transition:0.3s ease-in;}
.b-cplist ul li img{width:100%; height:auto;}
.b-cplist ul li h3{ display:block; height:30px; line-height:30px; overflow:hidden; margin:10px 0px 0px; text-align:center}
.b-cplist ul li h3 a{ font-size:14px; color:#333;}
.b-cplist ul li:hover{ border-color:rgb(1, 4, 37)}

.c_imgbox{ height:auto; overflow:hidden; margin:30px 0px; text-align:center;}
.c_imgbox img{max-width:100%;  /*IE7和Firefox用*/ width: expression(this.width > 100% ? 100%: true);   /*IE6用*/ margin:0px 0px;}

.meta .meta-info span{ margin-right:5px; padding-left:15px; color:#777; background:url(../images/sprite.gif) no-repeat; }

}

