﻿/* CSS Document */
@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1658793909950') format('woff2'),
       url('iconfont.woff?t=1658793909950') format('woff'),
       url('iconfont.ttf?t=1658793909950') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body{
	margin:0;
	padding:0;
	font-family: Myriad Pro;
}
ul,li,h1,h2,h3{margin:0;padding:0; list-style:none; font-weight:400;}
@font-face{ 
font-family:Bauhaus Md;
src:url(../fonts/BAUHAUSB.TTF) format('truetype');}
@font-face{ 
font-family:Bauhaus Md;
src:url(../fonts/BAUHAUSM.TTF) format('truetype');}
A {TEXT-DECORATION: none; color:#333;}
A:hover {TEXT-DECORATION: none}
img{ border:0;max-width: 100%;}
.clear{ clear:both;}
.left{ float:left;}
.right{ float:right;}

.content{ width:1200px;margin:0 auto;}
header{ background:#f1f1f1;}
.logo{ float:left;}
.lx{float:right;}
.lx li{ float:left; padding:54px 20px 44px 15px;}
nav{ background:#3598db; height:53px; display:block;}
.nav li{ float:left;}
.nav li a{ color:#fff;line-height:53px; height:53px; display:inline-block; font-family:AvantGarde Md BT; font-size:20px; padding:0 33px; background:url(../images/dhxian.jpg) no-repeat right 0px;}
.nav a:hover{ color:#333;}

.slide img{ width:100%; margin-bottom:39px;}


.n1top{ background:#f1f1f1;height:101px;}
.n1 ul{ width:20%; float:left;}
.n1top { padding:40px 0 0 30px; line-height:30px;}
.n1top img{ float:left; padding-right:10px;}
.n1bom{ text-align:center;}
.n1bom img{ width:85%;}
.n1bom img:hover{filter:alpha(Opacity=40);-moz-opacity:0.4;opacity: 0.4;}
.n1top:hover{ background:#ffa0a2; color:#fff;}

.n2 ul{ width:22%; float:left;}
.n2 ul img{ width:100%; border-bottom:1px solid #404040; border-left:1px solid #404040;border-right:1px solid #404040;}
.n2 h2{ font-family:Bauhaus Md; color:#3598db; text-align:center; font-size:40px; line-height:100px; padding-top:30px;}
.n2top{ background:#404040; line-height:49px; text-align:center; color:#fff; width:266px;}
.juli{ padding-left:4%; padding-right:2%;}
.juli1{ padding-left:2%; padding-right:4%;}
.juli2{ padding:0 2%}

.n3 h2{font-family:Bauhaus Md; color:#3598db; text-align:center; font-size:40px; line-height:96px; margin-top:110px; background:#f1f1f1;}
.n3 ul{width:32%; float:left; margin-top:29px;}
.n3 ul img { width:100%;height: 307px;object-fit: cover;}
.n3top{ background:#f1f1f1; text-align:center; color:#404040; height:53px; line-height:53px; margin-top:13px;}

.imgbj{ display:block;position:relative;}
.imgbj span{position:absolute;left:0px;top:0px;width:100%; height:100%;}
.imgbj span:hover{ background:#333; display:block; filter:alpha(Opacity=40);-moz-opacity:0.4;opacity: 0.4;}


footer{background:#3598db; margin-top:20px;}
.footer{background:#3598db;}
.footer ul{ width:25%; float:left; text-align:center; padding:75px 0;}
.footer li{color:#fff; line-height:26px; padding-top:38px; width:80%; margin:0 auto;}
.footer li a{ color:#fff;}
.footer li a:hover{ color:#333;}

.banquan{ color:#fff; line-height:66px; background:#000; text-align:center;}


.mid_left { width:20%; float:left; display:inline; height:100%;}
.mid_list1{ margin-bottom:20px;}
.mid_list1 h2{color:#0c5cbb; font-size:24px; line-height:200%; font-weight:normal; background: url("arrow_down.png") no-repeat scroll 158px center;}
.mid_list1 ul{ border-top:2px solid #0c5cbb;}
.mid_list1 li{ line-height:35px;}
.mid_list1 li a{background:url(ar.png) no-repeat left center; padding-left:20px;  width:145x; color:#666666; font-size:14px; display:block;  border-bottom:1px dotted #ccc;}
.mid_list1 li a:hover { background:url(ar2.png) no-repeat left center #eee; color:#0c5cbb; font-weight:bold;}
.mid_list1 li a.current {background:url(ar2.png) no-repeat left center #eee;color:#0c5cbb; font-weight:bold; border-bottom:1px dotted #0c5cbb;}
.mid_right{ height:auto; float:right; overflow:hidden; width:76%;}
.mid_right h2{  font-size:1.5em; line-height:200%; font-weight:normal;border-bottom: #0c5cbb 2px solid; margin-bottom:6px;}
.toutuo {color: #808080;
    display: block;
    font-family: inherit;
    font-size: 1.5em;
    line-height: 1.1667em;
    padding-bottom: 1.0em;}
.default-nav {float:right; font-weight:normal; font-size:12px; color: #999999;}
.default-nav a:hover{ color:#06F;} 
.nr{line-height:25px;clear:both; font-size:14px;padding-top:10px;}

/*产品显示方式一*/

.product li.plist1 {padding:2px 8px 15px 8px; width:288px; float:left; overflow:hidden; display:block; z-index:-100; line-height: normal;}
.product li.plist1 a{ border:1px solid #E9E7EA; box-shadow:0 0 3px #E0DFE0; display:block; color:#666; background:#FFFFFF;}
.product li.plist1 a:hover{ border:1px solid #97262a; background: #97262a; box-shadow:0 0 3px #E0DFE0; display:block; color:#FFFFFF;}
.product li.plist1 a:hover img {}
.product li.plist1 dl dt {background: #fff;}
.product li.plist1 dl dd { width:100%;}
.product li.plist1 img {max-width: 100%;height: 248px;display: block;margin: auto;}

span.pro {  border-top:1px solid #eee;font-size:14px; display:block; text-align:center; padding:5px 0; height:25px; overflow:hidden; }
/*产品显示方二*/
.product1 li.plist2{float:left;width:650px;overflow:hidden;background:#fafafa;margin:2px;padding:0px;}
.product1 li.plist2 span.pleft{float:left;height:auto;width:460px;margin:10px 5px 5px 35px;line-height:220%}
.product1 li.plist2 span.pleft a{display:block}
.product1 li.plist2 span.pleft span{padding:5px 5px 3px 20px;display:block}
.product1 li.plist2 span.pright{float:left;height:auto;width:140px}
.product1 li.plist2 span.pright img{width:140px}

.pagelist {clear:both; font-size: 12px; padding:20px 0;text-align:center;}
.pagelist a{ padding: 5px 9px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin:3px; color:#666; font-family:宋体,arial,sans-serif;}
.pagelist a:visited, #nowpage { padding: 3px 8px; margin:3px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.pagelist a:hover, #nowpage{color:#97262a; background: #fff; border-color:#97262a; text-decoration: none;}

.nrtp img{ width:45%; border:1px #CCCCCC solid; padding:2px; float:left;border-radius:5px; margin-right:2%;margin-bottom:20px;}
.nrtp1 img{ width:22%; border:1px #CCCCCC solid; padding:2px; float:left;border-radius:5px; margin-right:2%;margin-bottom:20px;}

.nrtpdiv { width:48%; float:left;margin-right:2%;margin-bottom:10px;}
.nrtpdiv img{border:1px #CCCCCC solid; padding:2px; width:100%;border-radius:5px; }

.zxfk input{height:25px; line-height:25px;}
.zxfk tr{height:40px;}

.banben{float:right;}
.banben a{line-height:26px; padding:2px 15px; background:#3598db; display:block; color:#fff; border-radius:10px; float:left;margin:10px 8px 0 0px;}

.bannerxg h3{position:absolute; top:45%; left:7.5%; width:52.5%; z-index:100; font-size:28px;font-family:Arial, Helvetica, sans-serif; font-style: italic; color:#000; background:rgba(255,255,255,0.3); padding:15px; line-height:40px; border-radius:10px;}
.bannerxg p{ font-family:Arial, Helvetica, sans-serif; font-style: italic; color:#000; font-size:13px;line-height:20px; margin-top:20px; }

@media screen and (max-width: 1440px){
.bannerxg h3{position:absolute; top:45%; left:7.5%; width:52.5%; z-index:100; font-size:26px;font-family:Arial, Helvetica, sans-serif; font-style: italic; color:#000; background:rgba(255,255,255,0.3); padding:15px; line-height:40px; border-radius:10px;}
.bannerxg p{ font-family:Arial, Helvetica, sans-serif; font-style: italic; color:#000; font-size:13px;line-height:20px; margin-top:20px; }
}


@media screen and (max-width: 768px){
	.content{width:100%}
	.header ul{width:50%;}
	.logo img{width:100%;}
	.lx{width:40%;}
	.lx li{padding:22px 0px 0px 0px; width:30%;}
	.lx li img {width:80%;}
	}