﻿/*头部样式*/
.clear{ clear: both;}
.top { height: 85px;}
.topbox .boxx { border-bottom: 1px solid #eee; color: #5a5a5a; line-height: 32px;}
#header { border-bottom: 1px solid #19326e;}
.logo { float: left; padding-top: 10px;}
img{ width:100%; height:auto;}
ul,li{ list-style:none;}
/*主体样式*/

#container {  width: 1000px; margin: 0 auto; margin-top: 10px;}
.boxx {padding: 0 10%; overflow: hidden; width: 100%;}

@media (max-width: 1680px) {
	 .boxx { padding: 0 15px; }
}

.c2 ul{padding-bottom:5px; text-align:left !important;margin-top: 6%}
.c2 ul li{overflow: hidden; width:48.0%; margin:0% 1%;float:left;}
.c2 ul li .img{padding: 10% 6%;background: #dcdcdc;display: block;}
.c2 ul li a img{display: block;width:100%;height: auto;vertical-align: middle;    }
.c2 ul li h3{display: block;width:100%;overflow: hidden;color:#000; line-height:54px;text-align:center;font-weight:normal;height: 54px;}
.c2 ul li h3 a{text-align:center;color:#2690e1;display: block;font-weight:normal;font-size: 18px;line-height: 54px;}

.tit { color: #4e4e4e; font: 400 32px/40px "Microsoft Yahei"; padding-top: 30px; position: relative;}
.tit span { color: #19326e;}
.tit p{ color: #C0C0C0; font: 400 18px/20px "Microsoft Yahei"; padding-top: 10px;}
.tit img{ width:auto; height:auto;}

.c3 ul{padding-bottom:5px; text-align:left !important;margin-top: 6%}
.c3 ul li{overflow: hidden; width:48.0%; margin:0% 1%;float:left;}
.c3 ul li img{display: block;width:100%;height: auto;vertical-align: middle; }
.c3 ul li h3{display: block;width:100%;overflow: hidden;color:#000; line-height:54px;text-align:center;font-weight:normal;height: 54px;}
.c3 ul li h3 a{text-align:center;color:#2690e1;display: block;font-weight:normal;font-size: 18px;line-height: 54px;}

.news{}
.news .tit{ text-align:center;}
.news ul{ float:left; margin-bottom:30px; width:100%;}
.news li{ border: 1px solid #eee; padding: 20px 15px; float:left; margin-top: 18px; list-style:none; width:100%;}
.news li h3 a { display: block; color: #323232; font: 400 16px/36px "Microsoft Yahei"; height: 36px; overflow: hidden;}
.news li h3 p { color: #5a5a5a; font: 400 14px/24px "Microsoft Yahei"; height: 48px; overflow: hidden;}
.news li h3 span { float:left; margin-top:10px;}
.news .more { margin-top: 55px;  text-align: center; bottom: -50px; opacity: 0; transition: all 2s;}
.news .more { bottom: 0; opacity: 1; transition-delay: 1.5s;}
.news .more a { display: inline-block; width: 101px; border: 1px solid #e5e5e5; border-radius: 15px; color: #c3c2c2; text-align: center; font: 400 12px/27px "Microsoft Yahei"; position: relative; transition: all 0.3s;}
.news .more a:before { position: absolute; left: 101px; top: 13px; width: 100px; height: 1px; content: ""; background: #e5e5e5;}
.news .more a:after { position: absolute;right: 101px; top: 13px; width: 100px; height: 1px; content: ""; background: #e5e5e5;}
.news .more:hover a {}

#footer { background: #242628; font: 400 12px/28px "Microsoft Yahei"; padding-top: 30px; padding-bottom: 30px; margin-top: 30px;}
#footer li { list-style:none; border-bottom: 1px solid #c3c3c3; font-size:14px; color:#FFFFFF; line-height:35px; padding-left:28px;}
#footer li:before{content: ''; display: inline-block;font-size: 19px; color: #fff; vertical-align: middle; font-weight: normal;
background: url(../images/contact_ico.png) no-repeat; height:30px; width:40px; position:absolute; left:0}
#footer li.add:before{ background-position:20px 8px;}
#footer li.tel:before{ background-position:20px -55px;}
#footer li.fax:before{ background-position:20px -284px}
#footer li.mail:before{ background-position:20px -136px}
#footer li.web:before{ background-position:20px -180px}
#footer li a{ color:#FFFFFF}


.foot-bottom { background: #1b1b1b; color: #fff;font: 400 14px/42px "Microsoft Yahei"; text-align:center}

#nbanner { position:relative; width:100%; z-index:-1}
#nbanner img{ width:100%; height: auto;}

.sort{ float:left; width:96%; margin:3% 2% 4%;}
.sort h3 { line-height: 59px; font-weight: 400; font-family: "微软雅黑"; background: #19326e;font-size: 20px; color: #fff; padding-left: 40px;}
.sort ul { padding: 5px 0; background: #f0f0f0; float:left; width:100%;}
.sort li { float:left; list-style:none; width:100%;}
.sort li a { color: #000; display: block; line-height: 48px; padding-left: 46px; font-size: 16px;}
.sort li a:hover, .sort li a.hover { color: #f16100; text-decoration: none; background: url(../Images/list2.jpg) #FFFFFF no-repeat 34px 50%;}

.content{  padding-top: 15px; float:left; width:96%; margin:0 2% 0;}
.content h2{ border-bottom: 1px solid #ddd; padding-bottom:20px;}
.content .tent{ float:left; line-height:26px; padding:10px 0 0 0; width:99%;}
.content img{ width:100%; height:auto;}

.news_list li { line-height: 26px; position: relative; padding: 10px 0; border-bottom: 1px dashed #e4e4e4;}
.news_list li span{ float: right;}

.n_body {overflow:hidden; margin-bottom:10px; float:left; width:100%; margin-top:40px;}
.n_body img{ width:100%; height:auto;}
#news_info { min-height:468px; height:auto !important; height:468px; overflow:visible;}
#news_info a { color:#3C3C3C; }
#news_info a:hover { color:#FA4A1F; }
#news_info .article_title { font-size:16px; font-weight:bold; margin:0px; text-align:center; line-height:28px; }
#news_info .atdes { line-height:36px; text-align:center; border-bottom:1px dotted #BCBCBC; padding-bottom:8px;}
#news_info .atdes span{ padding:0px 6px; }
#news_info .news_body { font-size:14px; padding:18px 12px; line-height:28px; text-align:left;}
#news_info .news_body img { border:1px solid #CCC; }
#news_info .news_body p { font-size:14px; margin:0px 0px 6px 0px; }
#news_info .news_body p.pcut span { border:1px solid #B4B4B4; margin-right:2px; padding:2px 4px; font-weight:bold; color:#0473EC; }
#news_info .news_body p.pcut a { border:1px solid #B4B4B4; margin-right:2px; padding:2px 4px; color:#9E9E9E; }
#news_info .news_body p.pcut a:hover { text-decoration:none; color:#0473EC; }
#news_info .news_body a { color:#094B9F; }
#news_info .news_body a:hover { text-decoration:underline; color:#094B9F; }


#news_info .news_body p span{ width:100%; height:auto;}


#updown { font-size:14px; border-top:#BCBCBC 1px dotted; line-height:24px; padding-top:8px; padding-bottom:8px; text-align: center; float:left; width:100%; margin-top:18px;}
.prevnext { clear: both; padding: 16px 17px 5px 17px; text-align: center; height: auto !important; overflow: hidden; border-top:1px dashed #CCC;}
.prevnext .previous { font-size: 14px; width: 100%; float: left; text-align: left; }
.prevnext .nex { font-size: 14px; width: 100%; float: left; text-align: left; line-height:35px;}

.proul { width: 100%; float: left; overflow: hidden;}
.proul ul{padding-bottom:5px; text-align:left !important;margin-top: 6%; width:100%; float:left;}
.proul ul li{overflow: hidden; width:48.0%; margin:0% 1%;float:left;}
.proul ul li .img{padding: 10% 6%;background: #dcdcdc;display: block;}
.proul ul li a img{display: block;width:100%;height: auto;vertical-align: middle;    }

.proul li h2 {
    padding-top: 16px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #323232;
    line-height: 24px;
}

.proul input {
    float: left; padding-top:12px;
}
.proul li a {
    background: #edeef2;
    float: left;
    padding: 2px;
    display: block; margin-bottom:12px;
}

.proul li h2 p {
    text-align: center;
}

.down_list { height:auto !important; width:100%; float:left;}
.down_list ul { display: block; float:left;  padding-bottom:50px; width:100%;}
.down_list ul li { float:left; width:99%; line-height:35px;  border-bottom:1px dashed #d4d4d4; background: url(../images/news_ico.jpg) no-repeat 0 13px; padding-left:18px; margin-bottom:4px;}
.down_list ul li .downtxt{ float:left; width:80%px;}
.down_list ul li .down{border:none; float:right; width:20%; height:22px; margin-top:6px; text-align:right;}
.down_list ul li .down a{ color:#000000; text-align:right; width:100%;}
.down_list ul li .down a:hover{ color:#FF0004}


.cuxin{ margin-top:9px;  margin-bottom: 19px; float:left; width:100%;}
.xinl{ width:100%; float:left;}
.xinr{ width:100%; float:left;}
.cuxin .int1{ padding-left:18px; margin-top:19px;}
.cuxin .xing{ background:url(../images/xing.jpg) no-repeat left 22px;}
.cuxin .xing img{ width:50px; height:auto;}
.cuxin .int1 input{ width:99%; height:48px; border:1px solid #bbbbbb; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; padding-left:40px; font-size:16px; line-height:46px; border-radius:5px; color:#333}
.cuxin .curen{ background:#fff url(../images/coren.jpg) no-repeat left center;}
.cuxin .cuxinfeng2{ background:#fff url(../images/coxinfeng.jpg) no-repeat left center;}
.cuxin .cudianhua2{ background:#fff url(../images/codianhua.jpg) no-repeat left center;}
.cuxin .cudianhua3{ background:#fff url(../images/cofang.jpg) no-repeat left center;}
.cuxin .cufangzi2{ background:#fff url(../images/cofang.jpg) no-repeat left center;}
.cuxin .int2{padding-left:18px; margin-top:19px;}
.cuxin .int3{padding-left:18px; margin-top:16px;}

.textan{  border:1px solid #bbbbbb; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;  padding-left:40px; font-size:16px; line-height:46px;background:#fff url(../images/cobiji.jpg) no-repeat 4px top; border-radius:5px; color:#333}

.texta{  border:1px solid #bbbbbb; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;  padding-left:46px; font-size:16px; line-height:46px;background:#fff url(../images/cobiji2.jpg) no-repeat 6px top; border-radius:5px; color:#333}


.cuxin .int4{width:100px; float:left; margin-right:12px; text-align:center; height:35px; border:1px solid #bbbbbb; font-size:16px; line-height:35px; float:left; border-radius:5px; color:#333}
.cuxin .cuyanzheng{float:left; margin-left:8px; cursor:pointer;}
.cuxin .int5{   font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; width:120px; height:35px; border:none; float:right; cursor:pointer; font-size:18px; text-transform:uppercase; color:#73a50e;  background:#0e6eb8; color:#fff;}
.ditu{ width:1200px; height:512px; margin-top:45px;}
.cuxin .int5:hover{ background:#fff; color:#0e6eb8; border:1px solid #0e6eb8;}



.product_detail{position:relative;padding:0;width:100%; margin:0 auto;}
.product_detail .title{background: #0068b7;height: 35px;line-height: 35px;text-align: center;margin-top: 2px; font:500 14px/35px Arial; color:#fff;}
.product_detail .img{width:100%; margin-top:10px;}
.product_detail .img img{width:100%; height:auto;}
.handin{width:84px; height:31px; background:#0068b7; margin:0 auto; text-align:center; line-height:31px; font:500 14px/31px Arial; color:#fff; margin-top:10px; cursor:pointer;}
.handin a{color:#fff;}

.product_content{width:100%; margin:0 auto; margin-top:10px; padding:5px;}
.product_content .title{background: #0068b7;height: 35px;line-height: 35px;text-align: center;margin-top: 2px; font:500 14px/30px Arial; color:#fff; line-height:35px; text-align:left; padding-left:10px;}
.product_content .content{padding:5px; font:500 14px/25px Arial; color:#333; text-align:left;}
.product_content .content img{ height:auto !important;max-width: 100% !important;}
.product_content .pn{background: #f3f3f3;padding: 5px;line-height: 30px;border: 1px solid #d9d9d9;color: #666; text-align:left;font:500 14px/30px Arial; margin-top:5px;}
.product_content .pn a{font:500 14px/24px Arial;}
.product_content table{ width:100%;}



	nav.pagelist { clear: both; text-align: center; font-size: 1.4em; padding: 18px 0px 35px 0px; }
nav.pagelist a { border: #9aafe5 1px solid; margin-right: 5px; padding: 3px 7px; color: #2e6ab1; font-size:14px;}
nav.pagelist a:hover { color: #e06f23; text-decoration: none; }
nav.pagelist span.current { color: #fff; background-color: #2e6ab1; margin-right: 5px; padding: 3px 7px; }
nav.pagelist span.disabled { border: #ccc 1px solid; margin-right: 5px; padding: 3px 7px; color: #3C3C3C; }
nav.pagelist a.selectedd{ color: #f00}




.ad{ float:left; width: 100%; margin-right:20px; color:#FFFFFF; margin-top:14px; border:none;}
.ad input{background:#0e6eb8; color:#FFFFFF; border:none; padding:7px 12px 6px; margin:0; font-size:14px; font-weight:600;}

.stdbtn:hover {background:#fff; color:#0e6eb8; border:1px solid #0e6eb8;}

.prevt { float:left; width:100%; padding: 16px 0 5px 0; text-align: center; height: auto !important; overflow: hidden; border-top:1px dashed #CCC;}
.prevt .previou { font-size: 14px; width: 50%; float: left; text-align: left; margin-top:9px;}
.prevt .previou a{  background:#0e6eb8; padding:8px 16px 7px; color:#FFFFFF;border:1px solid #0e6eb8;}
.prevt .previou a:hover{  background:#ffffff; padding:8px 16px; color:#0e6eb8;border:1px solid #0e6eb8;}


.adt{ float:right; width: auto; background:#73a50e; color:#FFFFFF; border:none;}
.adt input{background:#0e6eb8; color:#FFFFFF; border:none; padding:7px 12px 6px; margin:0; font-size:14px; font-weight:600; border:1px solid #0e6eb8;}
.stdbtn:hover {background:#fff; color:#0e6eb8; border:1px solid #0e6eb8;}



.proul ul{padding-bottom:5px; text-align:left !important;margin-top: 6%}
.proli li{overflow: hidden; width:48.0%; margin:0% 1%;float:left; height:auto;}
.proli li img{display: block;width:100%;height: auto;vertical-align: middle;    }
.proli li h2{display: block;width:100%;overflow: hidden;color:#000;text-align:center;font-weight:normal;height: auto; border-bottom:none; padding-bottom:0;}
.proli li h2 .chanfu{ background: #edeef2; float:left; width:100%; text-align:center;}
.proli li p{ width:100%; text-align:center; font-size:14px; line-height:35px; float:left; padding:2% 0}
.proli li a { background: #edeef2; padding: 2px; display: block; line-height:32px;}

.proli li a:hover{ background:#00acff; color:#FFF;}
