/* CSS Document */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,table,td,tr,th,div,dl,dt,dd,form,fieldset,input,button,img,cite,strong,em{margin:0;padding:0;border:0;}
h1, h2, h3, h4, h5, h6{}
img, table, td, th ,embed{ border:none;}
select,input{font-size:12px;}
select,input,img{vertical-align:middle;}
ul, ol, li{ list-style-type:none;}
a{ color:#333; font-family:"微软雅黑"; text-decoration:none; font-size:12px;}
a:hover{ color:#f00; text-decoration:none;}
a:visited{text-decoration:none;}
body{ font-family:"微软雅黑"; font-size:12px; color:#333;}
.clearit{clear:both; line-height:0; height:10px; font-size:0;content: "."; display: block; visibility: hidden;}
.clearitt{clear:both; line-height:0; height:20px; font-size:0;content: "."; display: block; visibility: hidden;}
.clear{clear:both; line-height:0; height:10px; font-size:0;content: "."; display: block; visibility: hidden;}
/*top_bj*/

.top{ width:1100px; height:100px; margin:0 auto;}
.logo{ width:430px; float:left; padding-top:20px;}
/*nav*/
.nav_bj{ width:100%; height:55px; background:#0462a0;}
.nav{ width:670px; float:right;}
.nav ul{ float:right; text-align:right; padding-top:20px;}
.nav ul li{ width:100px; float:left; text-align:center; position:relative; display:block;}
.nav ul li a{ font-size:16px; display:block; line-height:80px;}
.nav ul li a:hover{ background:#960f10; color:#fff;}
.nav ul li ul {display:none;}
.nav ul li:hover ul {display:block; position:absolute; top:55px; left:0; width:152px; z-index:9999;}
.nav ul li:hover ul li ul {display: none;}
.nav ul li:hover ul li { height:35px; background:#0462a0; color:#fff; width:180px;}
.nav ul li:hover ul li a {display:block; color:#fff; line-height:35px; font-size:12px; padding:0 3px; text-align:left; padding-left:10px;}
.nav ul li:hover ul li a:hover {background:#1b7ec0; color:#fff; padding-left:15px; font-weight:bold;}

/*banner*/
.banner{height:530px;overflow:hidden;}
.banner .d1{width:100%;height:530px;display:block;position:absolute;left:0px; top:100px;}
.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:600px;}
.banner .d2 ul{float:left;position:absolute;left:50%;top:0;margin:0 0 0 -40px;display:inline;}
.banner .d2 li{width:17px;height:15px;overflow:hidden;cursor:pointer;background:url(../images/img1.png) no-repeat center;float:left;margin:0 3px;display:inline;}
.banner .d2 li.nuw{background:url(../images/img1_1.png) no-repeat center;}

/*mainbody*/
.fangan{ width:1100px; margin:0 auto; } 
.fangan_t{ width:1100px;float:left; background:url(../images/indexli.png) no-repeat center top; text-align:center;}
.fangan_t span{ text-align:center; font-size:14px; line-height:45px; color:#56585a;}
.fangan_t span b{ font-weight:bold; font-size:28px; color:#444;}
.fangan_b{ width:1100px; float:left;}
.fangan_b ul{ line-height:28px; padding:10px 0;}
.fangan_b_ul span{ line-height:28px; padding:10px 0; display:block; float:left; font-size:24px; padding-right:15px; line-height:45px;}

.newsMain{overflow:hidden;margin-bottom:25px; float:left;}
.NMPBox li{float:left; width:261px; height:295px; line-height:20px;position:relative;font-size:12px; margin-right:7px; margin-left:7px; margin-bottom:15px;}
.NMPBox li .nImg{width:255px; height:255px;overflow:hidden;display:block;}
.NMPBox li img{width:245px; height:245px; transition:all 0.5s; margin-bottom:10px; border:1px solid #ccc;}
.NMPBox li h3{ white-space:nowrap;overflow:hidden;text-overflow: ellipsis; font-size:16px;font-weight:normal; margin-top:3px; margin-bottom:5px; text-align:center;}
.NMPBox li h3 span{font-size:12px;color:#999;font-family:Arial;display:block;line-height:20px;}
.NMPBox li h3 a{color:#333;font-size:16px;}
.NMPBox li h3 a:hover{color:#f00;}
.NMPBox li:hover img{transition:all 0.5s;transform:scale(1.1,1.1)}
.NMPBox li:hover:before{width:100%;transition:all 0.3s;}

.syfl{ width:100%; margin:0 auto; padding:15px 0; text-align:center;}
.syfl ul{ text-align:center; display:block; width:100%;}
.syfl ul li{ float:left; padding:0 5px;}
.syfl ul li a{ display:block; text-align:center; background: none repeat scroll 0 0 #f7f7f7;
    border-radius: 4px;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    padding: 10px 22px;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;
    background: transparent;
    border: #c1c1c1 solid 1px;
    color: #7C7C7C;}
.syfl ul li a:hover {
    /* background: #2278d1; */
    color: #2278d1;
    text-decoration: none;
    border: #2278d1 solid 1px;
}
/*news*/
.NMPBo li{float:left; width:340px;line-height:20px;position:relative;font-size:12px; margin-right:25px; margin-top:15px;}
.NMPBo li .nImg{width:340px; height:250px; overflow:hidden;display:block;}
.NMPBo li img{width:340px; height:250px;transition:all 0.5s; margin-bottom:10px;}
.NMPBo li h3{font-size:16px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow: ellipsis; position:absolute; line-height:35px;opacity:0.8; width:100%; height:35px; top:215px; background:#333; }
.NMPBo li p{ padding-top:10px;}
.NMPBo li h3 span{font-size:12px;color:#999;font-family:Arial;display:block;line-height:20px;}
.NMPBo li h3 a{font-size:14px; color:#fff;font-weight:normal; padding-left:15px;}
.NMPBo li h3 a:hover{color:#f00;}
.NMPBo li .more{margin-top:8px;display:inline-block;text-transform:uppercase;position:relative;transition:all 0.4s;left:0;}
.NMPBo li .more:hover{left:8px;transition:all 0.4s;color:#f00;}
.NMPBo li:hover img{transition:all 0.5s;transform:scale(1.1,1.1)}
.NMPBo li:hover:before{width:100%;transition:all 0.3s;}


.NMP li{float:left; width:261px; line-height:20px;position:relative;font-size:12px; margin-right:10px; margin-top:15px; margin-left:10px; margin-bottom:25px;}
.NMP li .nImg{width:261px; height:190px;overflow:hidden;display:block;}
.NMP li img{width:261px; height:190px; transition:all 0.5s; margin-bottom:5px;}
.NMP li h3{white-space:nowrap;overflow:hidden;text-overflow: ellipsis; background:#333; position:absolute; line-height:35px;opacity:0.8; width:100%; height:35px; top:155px;}
.NMP li h3 span{font-size:12px;color:#999;font-family:Arial;display:block;line-height:20px;}
.NMP li h3 a{ font-size:14px; color:#fff; padding-left:10px; font-weight:normal;}
.NMP li h3 a:hover{color:#f00;}
.NMP li .more{margin-top:8px;display:inline-block;text-transform:uppercase;position:relative;transition:all 0.4s;left:0;}
.NMP li .more:hover{left:8px;transition:all 0.4s;color:#f00;}
.NMP li:hover img{transition:all 0.5s;transform:scale(1.1,1.1)}
.NMP li:hover:before{width:100%;transition:all 0.3s;}

/*foot*/
.foot_t{ width:100%; background:#0462a0;}
.foot{ width:1100px; margin:0 auto;}
.foot ul{ padding:20px 0; text-align:center; line-height:26px; color:#fff;}
.foot ul a{ color:#fff;}
/*about*/
.about{ width:1100px; margin:0 auto;}
.about_left{ width:209px; float:left;}
.about_left_nav{ width:209px; height:26px; float:left;}
.about_left_nav span{ font-size:18px; letter-spacing:1px;}
.sideMenu{width:100%; float:left; margin-top:5px; line-height:24px;}
.sideMenu h3{height:36px; line-height:36px; background:#e6e6e6; cursor:pointer; font-size:14px; margin-top:2px;}
.sideMenu h3 a{display:block; width:168px; padding-left:40px; height:36px; background:url(../images/com_left_tit.png) 24px center no-repeat; cursor:pointer; margin-right:9px;}
.sideMenu h3:hover,.sideMenu h3.on{background:#0462a0;}
.sideMenu h3 a:hover,.sideMenu h3.on a{color:#FFF; background:url(../images/com_left_tit_h.png) 25px center no-repeat;}

.sideMenu dd{ margin-left:25px; margin-bottom:1px; height:18px; background:url(../images/erfen.jpg) no-repeat left; padding:5px 0;}
.sideMenu dd a{ padding-left:30px; line-height:19px;}
/*about_right*/
.about_right{ width:860px; float:right;}
.about_right_top{ width:860px; height:25px; float:left; border-bottom:1px solid #ccc;}
.about_right_top ul{}
.about_right_top ul b{ float:left; font-size:16px; padding-left:5px; letter-spacing:1px; color:#960f10;}
.about_right_top ul span{ float:right; padding:3px 10px 0 0;}
.about_right_top ul span img{ float:left; margin-top:2px; padding-right:3px;}
.about_right_center{ width:860px; float:left;}
.about_right_center_ul{ line-height:24px; padding:10px;}
.about_right_ul{ line-height:28px; padding:8px;}
/*news product*/
.news_ul{ line-height:22px; padding:10px 0 0 10px;}
.news_ul li{ height:100px; padding:5px 0; display:block;}
.news_ul li strong{ margin-right:15px; display:block; width:83px; height:73px; background:#196db6; float:left; color:#fff; text-align:center; line-height:28px; font-size:18px; font-weight:normal; padding-top:10px;}
.news_ul li strong b{ color:#fff; font-size:20px; padding-top:10px;}
.news_ul li span{ line-height:24px; color:#666;}
.news_ul li span a{ font-weight:bold; font-size:14px;}
.news_ul li:hover strong{ background:#f3a03b;}

.product_ul{ line-height:24px; padding:15px 0;}
/*page_dd*/
.page_dd{ width:700px; height:30px; padding-top:20px; border-bottom:1px solid #d2d2d2; text-align:center; margin:0 auto; font-size:14px; font-weight:bold;}
.page_span{ text-align:center; margin:10px auto;}
.page_span span{ padding:0 10px;}
.page_p{ line-height:175%;}
.page_img { padding-top:10px; text-align:center; margin:0 auto;}

.message_ul{ padding:20px 10px 2px 50px;}
.message_li1{ line-height:175%; font-size:12px; padding:5px;}
.message_li{ padding:5px 0;}
.message_li span{ width:80px; height:20px; line-height:30px; text-align:right; display:block; float:left;}
.message_li2{ width:320px; text-align:center; padding-top:15px;}
.message_li2 span{ padding:0 6px;}