@charset "utf-8";



body{ background: #eaeaea; font-family:"微软雅黑"; font-size:12px; line-height:24px; color:#2a2a2a;}

a{color:#2a2a2a;text-decoration:none;}

a:hover{color:#2a2a2a;text-decoration:none;}



.fl{ float:left;}

.fr{ float:right;}

.cr{ clear: both; overflow: hidden;}



.w820{width: 1000px; margin: 0 auto;}



/*==================top======================*/

#top{height: 97px; width: 100%; margin: 0 auto; background: url(../images/top-bg.jpg) center top no-repeat #686f8b; overflow: hidden;}

#top a.logo img{ margin: 20px 0 0 0;}

#top .phone{position: absolute; right: 0; top: 30px;}



/*==================banner=================*/

#banner{margin: 0 auto; width: 100%; height: 318px; position: relative; overflow: hidden;}



#banner .hd{height: 17px; position: absolute; width: 100%; bottom: 16px; z-index: 1;}

#banner .hd ul{position: absolute; right: 40px;}

#banner .hd li{width: 17px; height: 17px; overflow: hidden; text-indent: 999px; margin-left: 5px; background: url(../images/banner-hd.png) -17px 0 no-repeat; cursor: pointer; float: left;}

#banner .hd li.on{background-position: 0 0;}



#banner .bd{width:100%; margin: 0 auto; max-width: 1440px; height: 318px; z-index: 0;}

#banner .bd li{overflow: hidden; width: 100%; height: 318px; }

#banner .bd img{width: 1440px; height: 318px; position: relative; left: 50%; margin-left: -720px;}



/*===================nav====================*/

#nav{width: 100%; height: 34px; background: url(../images/nav-bg.png) repeat-x; margin: 0 auto; position: relative; z-index: 999;}



#nav li.nLi{height:34px; float: left; margin-left: 53px; position: relative;}

#nav li.nLi>a{font-size: 18px; width: 122px; height: 30px; padding-top: 4px; text-align: center; display: block; color:#fff; position: relative; top: 0; line-height: 30px; } 

#nav li.nLi:first-child{margin-left: 0;}

#nav li.nLi>a.over,#nav li.nLi:hover>a{background: url(../images/nav-over.png) repeat-x; font-size: 20px;}

#nav ul.sub{background: url(../images/nav-sub-bg.png) center bottom no-repeat; display: none; padding-bottom: 13px; position: absolute; top: 34px; width: 138px; left: -6px;}  

#nav ul.sub li{float: none; height: 30px; text-indent:15px; background: url(../images/nav-sub-li.png) center top repeat-y; overflow: hidden;}

#nav ul.sub li a{line-height: 30px; display: block; font-size: 16px; height: 30px; color: #8d8a8a; background: url(../images/nav-sub-a.png) 8px center no-repeat;}

#nav ul.sub li a:hover{ color: #495677; background: url(../images/nav-sub-a-over.png) 8px center no-repeat;}



/*==================pro====================*/

#pro{width: 100%; margin: 0 auto; padding: 25px 0 50px; background: #eaeaea;}

#pro .tit{display: block; background: url(../images/pro-tit.png) left center no-repeat; width: 218px; height: 30px; font-size: 20px; color: #434c6e; margin: 0 auto; text-align: center; margin-bottom: 25px;}

#pro a.prev,#pro a.next{background: url(../images/pro-a.png) no-repeat; display: block; width: 53px; height: 52px; overflow: hidden; cursor: pointer; position: absolute; top: 100px; z-index: 1；}



#pro a.prev{left: 16px;}

#pro a.next{right: 16px; background-position: -53px 0;}



#pro .bd{ width: 800px; margin: 0 100px; overflow: hidden; height: 160px;}

#pro .bd li{float: left; margin-right: 18px; width: 254px;}

#pro .bd li a{display: block; width: 254px; height: 160px; position: relative;}

#pro .bd li a .mask{width: 248px; height: 150px; margin: 3px; background: url(../images/pro-mask.png) repeat; display: none; line-height: 150px; text-align: center; color: #fff; font-size: 16px; position: absolute; left: 0; top: 0;}

#pro .bd li a img{width: 248px; height: 150px; border: 2px solid #0c0c0c; margin: 1px;}

#pro .bd li a:hover .mask{display: block;}

#pro .bd li a:hover img{border: 3px solid #0c0c0c; margin: 0;} 



/*==================totalpro====================*/

#totalpro{width: 100%; margin: 0 auto; padding: 50px 0; height: 600px; background: #495677; position: relative;}

#totalpro a.add{background: url(../images/add.png) no-repeat; width: 62px; height: 63px; position: absolute; top: -31px; left: 50%; margin-left: -31px;}



#totalpro .tit{ width: 100%; border-bottom: 2px solid #fdd44e; height: 48px;  margin: 0 auto; text-align: center; margin-bottom: 25px;}

#totalpro .tit a{display: inline-block; padding: 0 5px; border-bottom: 2px solid #253150; line-height: 24px;  font-size: 18px; color: #b5bee1;}

#totalpro .tit a span{display: block; color: #fff;}



#totalpro .con-fl{width: 176px; }

#totalpro .con-fl .fl-tit{display: block; width: 115px; height: 40px; color: #fff; font-size: 18px; line-height: 40px; text-align: center; background: #5e6ca0; border-radius: 5px 5px 0 0;}

#totalpro .con-fl .con-type{background: #dadde6; padding: 3px;}

#totalpro .con-fl .con-type span.type-tit{display: block; width: 100%; height: 55px; line-height: 55px; color: #3a3b3b; font-size: 20px; text-align: center; background: #b5bbd1;}



#totalpro .type{}

#totalpro .type1{background: url(../images/type-li.png) center top no-repeat; height: 50px; line-height: 50px; padding-left: 5px;}

#totalpro .type1 a{ font-size:16px; color:#606363; display:block; background: url(../images/type-li-a.png) 146px center no-repeat;}

#totalpro .type1sel{background: url(../images/type-li.png) center top no-repeat; height: 50px; line-height: 50px; padding-left: 5px; }

#totalpro .type1sel a{color:#fff; font-size:16px; background: #495677; line-height: 40px; top: 5px; height: 40px; display:block; position:relative; width: 180px; background: url(../images/typesel-li-a.png) 1px center no-repeat #495677; padding-left: 15px;}



#totalpro .type li:first-child{background: none;}





#totalpro .con-fr{width: 790px; height: 536px;}

#totalpro .con-fr .content{ position:relative; display: none; width: 790px; height: 536px;}



#totalpro .con-fr .content .hd{ position:absolute; height: 14px; bottom: 0; width: 200px; left: 50%; margin-left: -100px;}

#totalpro .con-fr .content .hd li{background: url(../images/totalpro-hd.png) no-repeat; width: 15px; height: 14px; float: left; overflow: hidden; text-indent: 999px; cursor: pointer; margin-right: 10px;}

#totalpro .con-fr .content .hd li.on{background-position: -15px 0;}





#totalpro .con-fr .content .bd{ padding: 7px; position:absolute; width:760px; height:482px; }


#totalpro .con-fr .content .bd ul{width:820px !important;}

#totalpro .con-fr .content .bd ul li{ float:left; text-align: center; width: 248px; height: 150px; margin: 0 7px 7px 0;}

#totalpro .con-fr .content .bd ul li a{display: block; position: relative; width: 248px; height: 150px;}

#totalpro .con-fr .content .bd ul li a img{ width: 248px; height: 150px;}

<!--#totalpro .con-fr .content .bd ul li a span{position: absolute; display: block; bottom: 0; width: 100%; background: #bdb8b8; height: 22px; line-height: 22px; font-size: 15px; color: #151518;}-->


#totalpro .con-fr .content .bd ul li a span {
    position: absolute;
    display: block;
    bottom: 0;
    width: 100%;
    background: #fff;
    height: 22px;
    line-height: 22px;
    font-size: 15px;
    color: #000;
    opacity: 0.6;
}


/*==================news====================*/

#news{width: 100%; margin: 0 auto; padding: 50px 0; height: 320px; background: #eaeaea; position: relative; z-index: 10;}

#news a.add{background: url(../images/add.png) no-repeat; width: 62px; height: 63px; position: absolute; top: -31px; left: 50%; margin-left: -31px;}

#news a.add1{background: url(../images/add.png) no-repeat; width: 62px; height: 63px; position: absolute; bottom: -31px; left: 50%; margin-left: -31px;}



#news .hd{width: 100%; height: 60px; border-bottom: 1px solid #c9d1f0;}

#news .hd ul{width: 1000px;}

#news .hd ul li{width: 500px; text-align: center; float: left;}

#news .hd ul li a{font-size: 14px; color: #343434; display: inline-block; height: 59px; }

#news .hd ul li a span{display: block; font-size: 18px; color: #616060;}

#news .hd ul li.on a{border-bottom: 2px solid #434c6e; font-weight: bold;}

#news .hd ul li.on a span{color: #434c6e;}



#news .bd{width: 1000px; margin-top: 20px;}

#news .bd ul.index-news{width: 1000px;} 

#news .bd ul.index-news li{float: left; width: 460px; margin: 0 20px 40px;}

#news .bd ul.index-news li .time{background: url(../images/index-news-fl.png) no-repeat; width: 57px; height: 70px; line-height: 35px; color: #fff; text-align: center;}

#news .bd ul.index-news li .con{width: 380px; position: relative; height: 70px;}

#news .bd ul.index-news li .con .tit{font-size: 14px; display: inline-block; color: #616060;}

#news .bd ul.index-news li .con .line{width: 380px; height: 1px; background: #a5a6aa; margin: 5px 0;}

#news .bd ul.index-news li .con .memo{line-height: 14px; font-size: 12px; color: #616060;}

#news .bd ul.index-news li .con .more{background: url(../images/index-news-more.png) no-repeat; width: 15px; height: 15px; position: absolute; top: 0; right: 0; display: block;} 

#news .bd a.news-more{display: block; clear: both; margin: 0 auto; color: #282d40; font-size: 14px; line-height: 22px; height: 22px; border: 3px solid #282d40; width: 108px;text-align: center;}



/*==================links====================*/

#links{width: 100%; margin: 0 auto; height: 54px; background: #5e6ca0; position: relative; border-top: 15px solid #ced3e6; z-index: 8; line-height:54px; }



#links a.tit{font-size: 18px; display: inline-block; color: #fff; margin-right: 10px;}

#links .con{height: 54px; overflow: hidden; }

#links .con a{font-size: 18px; color: #fff;  margin: 0px 10px;}

#links a.gotop{display: block; background: url(../images/gotop.png) center 10px no-repeat #fdd44e; width: 98px; height: 30px; text-align: center; padding-top: 24px; font-size: 16px; line-height: 30px; color: #4a588c;}

#links #ewm{text-align: center; color: #495677; position: absolute; top: 0; right: 0; height: 228px;background: #fcd34e; width: 180px; } 

#links #ewm span{display: block;}
#links #ewm .top{font-size: 16px; line-height: 50px;}
#links #ewm .wei{font-size: 12px; line-height: 30px;}
/*==================footer=================*/

#footer{width: 100%; margin: 0 auto; height: 230px; background: #4a588c; position: relative;}

#footer ul.footer-nav{width:100%; height: 134px; padding: 12px 0 0; position: relative;}

#footer ul.footer-nav>li{float: left; text-align: center; width: 158px; height: 134px; font-size: 16px; color: #fff; border-left: 2px solid #37426b;}

#footer ul.footer-nav li a{ color: #fff;}
#footer ul.footer-nav ul.sub{margin-top: 10px;}
#footer ul.footer-nav ul.sub li{ text-align: center; font-size: 12px; width: 158px; height: 25px; }

#footer ul.footer-nav ul.sub li a{color: #dddedf;}



#footer .con{ text-align: center; color: #babbbb; position: absolute; bottom: 0; height: 30px; overflow: hidden; font-size: 16px; line-height: 30px;}



/*	内页 */

/*==================menu=================*/

#menu{margin: 15px auto;}

#menu .tit{ font-size: 16px; color: #010101; background: url(../images/menu-tit.png) left center no-repeat; display: block; padding-left: 25px;}

#menu .tit a{color: #010101;}

#menu .tit a:hover{text-decoration: underline; color: #e7bb2b;}



/*==================con=================*/

#con{margin: 0 auto 20px;}



#con-fl{width: 176px;}

#con-fl .fl-type{ width: 170px; padding: 2px 3px; background: #fff;}

#con-fl a.fl-tit{background: #495677; display: block; height: 40px;line-height: 40px; padding-left: 16px; color: #fff; font-size: 18px;}

#con-fl a.fl-tit span{font-size: 14px; color: #a9a8a5; display: inline-block; margin-left: 10px;}

#con-fl .type{}

#con-fl .type1{background: url(../images/type-li.png) center top no-repeat; height: 50px; line-height: 50px; padding-left: 6px;}

#con-fl .type1 a{ font-size:16px; color:#606363; display:block; background: url(../images/type-li-a.png) 146px center no-repeat;}

#con-fl .type1sel{background: url(../images/type-li.png) center top no-repeat; height: 50px; line-height: 50px; padding-left: 5px; }

#con-fl .type1sel a{color:#495677; font-weight: bold; font-size:16px; line-height: 40px; top: 5px; height: 40px; display:block; position:relative; width: 162px; background:url(../images/type-li-a.png) 146px center no-repeat #eaeaea; padding-left: 6px;}



#con-fl .type li:first-child{background: none;}



#con-fl a.qq{display: block; text-align: center; margin: 10px auto;}

#con-fl a.custom{display: block; text-align: center; margin: 10px auto;}



#con-fr{width: 824px; margin-top: -15px;}



#con-fr span.top{display: block; background: url(../images/con-fr-top-bg.png) no-repeat; width: 100%; height: 15px;}

#con-fr span.wei{display: block; background: url(../images/con-fr-wei-bg.png) no-repeat; width: 100%; height: 24px;}

#con-fr .con{background: url(../images/con-fr-bg.png) repeat-y; padding: 0 20px 0 12px;}

#con-fr .con span.fr-tit{display: block; border-bottom: 1px solid #8592be; height: 30px; line-height: 30px; margin:0 0 15px 8px;}

#con-fr .con span.fr-tit a{background: url(../images/fr-tit-a.png) left center no-repeat; padding-left: 23px; color: #010101; font-size: 18px; margin-left: -8px;}



#con-fr ul.news{padding: 0 40px;}

#con-fr ul.news li{ height: 60px; padding-bottom: 20px; border-bottom: 1px solid #b5b5b5; margin-bottom: 20px; overflow: hidden;}

#con-fr ul.news li a.fl img{width: 80px; height: 52px; margin-top: 4px;}

#con-fr ul.news li div.fr{width: 600px; margin-right: 10px;} 

#con-fr ul.news li div.fr a.news-tit{display: inline-block; color: #010101; font-size: 14px; line-height: 20px;}

#con-fr ul.news li div.fr span.time{display: block; color: #747474; line-height: 14px;}

#con-fr ul.news li div.fr .memo{color: #747474; line-height: 14px; height: 28px; overflow: hidden;}



#con-fr .content{font-size: 14px; color: #010101; line-height: 24px; padding: 0 40px;}





#con-fr .con-pro{padding: 15px 0 15px 15px; width: 790px; margin: 15px 0 0 10px; border: 2px solid #495677;}



#con-fr ul.pro{width: 800px; position: relative;}

#con-fr ul.pro li{ float:left; text-align: center; position: relative; width: 248px; height: 150px;  margin: 0 15px 15px 0;}

#con-fr ul.pro li a{display: block; position: absolute; width: 248px; height: 150px; border: 1px solid #393739;}

#con-fr ul.pro li a img{ width: 248px; height: 150px;}

#con-fr ul.pro li a span{position: absolute; display: block; bottom: 0; width: 100%;  height: 22px; line-height: 22px; font-size: 15px; color: #151518;}



#con-fr ul.pro li a:hover{display: block; position: absolute; width: 306px; height: 188px; border: 4px solid #fdd44e; top: -20px; left: -29px; z-index: 99;}

#con-fr ul.pro li a:hover img{ width: 306px; height: 188px;}



#con-fr .con-prod{ padding: 0 40px 0 40px;}



#con-fr .con-prod .zoom{width: 226px;}



#con-fr .con-prod .memo{width: 430px; height: 200px;}

#con-fr .con-prod .memo span.memo-tit{font-size: 16px; color: #151518; display: block;}

#con-fr .con-prod .memo .memo-con{line-height: 20px; color: #000; margin: 20px auto 50px;}

#con-fr .con-prod a.shop{display: inline-block; background: url(../images/shop.png) no-repeat; width: 130px; height: 40px; margin-right: 18px;}

#con-fr .con-prod a.custom{display: inline-block; background: url(../images/custom-fr.png) no-repeat; width: 130px; height: 40px;}



/*#con-fr .con-prod .content-prod{ padding-right: 20px; margin: 20px auto;}*/

#con-fr .con-prod .content-prod{ /*padding-right: 20px;*/ clear: both; margin: 0 auto; padding: 40px 0;}

#con-fr .con-prod .content-prod .hd{width: 100%; height: 38px; overflow: hidden;}
#con-fr .con-prod .content-prod .hd ul{width: 720px;}
#con-fr .con-prod .content-prod .hd li{float: left; width: 176px; height: 38px; background: #495677; color: #fff; line-height: 38px; margin-right: 3px; font-size: 16px; cursor: pointer; text-align: center;}

#con-fr .con-prod .content-prod .hd li.on{background: #ebbb20;}

#con-fr .con-prod .content-prod .bd{width: 100%; margin-top: 10px;}

#con-fr .con-prod .content-prod .bd li{border: 1px solid #5f6a87; padding: 15px 28px; color: #010101; line-height: 20px;}

/*分页*/

/*div.pager{ text-align:center; color: #222222; clear: both; padding: 10px 0; height:24px;}

div.pager span{}

div.pager a{}*/



.pager{ text-align:center; margin-top:15px;}

.pager a{ display:inline-block; height:30px; width:auto; min-width:20px; margin: 0 2px; padding:0 5px; border:1px solid #d5d5d5; line-height:30px; background:#f2f2f2; color:#727272; font-size:12px;}

.pager span.current{display:inline-block; background:#005AAB; border:1px solid #005AAB; margin: 0 2px; color:#fff; height:30px; padding: 0 5px;width:auto; min-width:20px;line-height:30px;}



.producttype{width: 208px; text-align: left; margin: 22px 0 5px 0;}



.producttype1{background: url(../images/type-li.png) 15px center no-repeat #7d5f3f; height: 32px; line-height: 32px; overflow: hidden; margin-top: 4px; border-top: 1px solid #b5a491; border-bottom: 1px solid #b5a491;}

.producttype1 a{ font-size: 14px; color: #fff; padding-left: 65px;}

.producttype1sel{background: url(../images/type-li.png) 15px center no-repeat #7d5f3f; height: 32px; line-height: 32px; overflow: hidden; margin-top: 4px; border-bottom: 1px solid #b5a491;}

.producttype1sel a{ font-size: 14px; color: #fff; padding-left: 65px;}



.producttype2{ display:none; line-height: 20px; background: #90765a;}

.producttype2 a{padding-left: 65px; color: #fff; font-size: 12px;}

.producttype2sel{display:none; line-height: 20px; background: #90765a;}

.producttype2sel a{padding-left: 65px; color: #fff; font-size: 12px;}