@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
html{}
body{ background:#fff; font-family:'微软雅黑',Verdana,Arial,Helvetica,sans-serif; color:#000; font-size:14px;}
img { border:0}
a{ text-decoration:none; color:#000}
ul li{ list-style:none}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}

.fr{ float:right}
.fl{ float:left}
.clr{ clear:both}

.pull-left { float: left !important;}

.ui-shadow { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);}
.ui-shadow-inset { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;}
.ui-radius{border-radius:5px;}


.line{ max-width:640px; margin:0 auto; overflow:hidden}

.top{ width:640px; margin:0 auto; position:relative; z-index:111;}
.top .logo{ float:left; margin-left:23px;}
.top .menu-push{ width:38px; height:29px; float:right; margin-right:30px; margin-top:30px; background:url(images/menu-push.jpg) no-repeat; transition: all 0.8s;}
.top .menu-push.close{ background:url(images/menu-close.jpg) no-repeat;}

/** 菜单列表 */
.menu-list{ width: 640px; display: none; position:absolute; top:100px; left:0; z-index:110;}
.menu-list form .choose { padding: 20px 15px 20px; background: #fff; box-shadow: 0px 3px 3px #f1f1f1 inset;}
.menu-list form .choose a { float: left; font-size: 14px; color: #666666; line-height: 12px;}
.menu-list form .choose a.on { color: #ff0000;}
.menu-list form .choose i { float: left; width: 1px; height: 7px; margin: 3px 27px 0; background: #c2c1c1;}
.menu-list form input { float: left;}
.menu-list .form {height: 40px; background: #e9e9e9;}
.menu-list form .text { width: 80%; height: 40px; line-height: 40px; border: none; padding-left: 15px; background: #e9e9e9;}
.menu-list form .search { height: 40px; width: 40px; margin-right: 15px; float: right; border: none; background: #e9e9e9 url("images/form_ico.png") no-repeat center center; background-size: 15px 15px;}
.menu-list ul { float: none; overflow: auto;}
.menu-list li { float: none; background: #ffffff; padding: 0; margin: 0;}
.menu-list li .z1 { display: block; height: 43px; line-height: 43px; font-size: 18px; color: #333333; border-bottom: 1px solid #e5e5e5; padding: 0 15px; position: relative;}
.menu-list li .z1.active { color: #fff; background: #ff0000; border-color: transparent;}
.menu-list li .z1 i { position: absolute; right: 15px; top: 14px; width: 17px; height: 17px; background: url("images/menu_list1.png") no-repeat right center; background-size: 
17px 17px;}
.menu-list li .z1.active i { background-image: url("images/menu_list2.png");}
.menu-list li dl {padding: 5px 0; display: none; margin: 0;}
.menu-list li dd > a { padding: 0 15px; background: #f5f5f5; display: block; height: 30px; line-height: 30px; font-size: 16px; color: #333;}
.menu-list li dd > div{ width:590px; padding:5px 25px; line-height:25px;}
.menu-list li dd > div a{ margin-right:15px; color:#666; white-space:nowrap; font-size:14px; float:left;}

/** 快速链接 */
.qlink{ width:620px; padding:10px; margin:0 auto; background:#F5F5F5;}
.qlink ul{ width:100%;}
.qlink ul li{ width:33.333333%; float:left; margin:10px 0; text-align:center;}
.qlink ul li img{ width:90%;}


/** 品牌故事 */
.brand_stroy{ width:640px; height:240px; margin:0 auto; background:url('images/story_bg.jpg') no-repeat; background-size:100% 100%;}
.brand_stroy .company{ float:left; margin-left:40px; margin-top:23px; border:3px solid #D7D7D7;}
.brand_stroy .info{ width:290px; padding:30px 23px 0 0; float:right;}
.brand_stroy .info h2{ line-height:40px; font-size:29px; padding-bottom:15px;}
.brand_stroy .info p{ font-size:18px; color:#6c6b6b; line-height:35px;}


.i-title{ width:640px; height:60px; line-height:60px; font-size:29px; color:#1f1a18; text-indent:20px; background:url(images/title_bg.jpg) no-repeat; background-size:100% 100%; margin:0 auto;}

.news{ width:640px; margin:0 auto;}
.news a{ width:100%; height:66px; display:block; overflow:hidden; line-height:66px; text-indent:20px; font-size:18px; background:url(images/index_news_bg.jpg) no-repeat; background-size:100% 100%; color:#2F2F2F;}

.shop {overflow: hidden; width: 100%; background:#fff; margin:0 auto;}
.shop-img { height: 60px; width: 115px;}
.shop-img img{ height: 60px; width: 115px;}
.shop-a { display: block; width: 100%; text-align:center; font-size:14px; line-height:25px;}

.anli{ width:620px; padding:10px; margin:0 auto;}
.anli img{ width:100%; height:315px;}

.bottom{ width:640px; height:108px; margin:0 auto; background:url(images/bottom_logo.jpg) no-repeat center #494949;}

/* 内页 */
.main_n{ width:640px; margin:0 auto;}
.main_n .title{ width:100%; height:60px; line-height:60px; padding:5px 0; text-indent:10px; color:#666; background:#fff; font-size:16px; border-bottom:1px solid #EBEBEB;}
.main_n .title a{ color:#666;}
.main_n .title .home { display: inline-block; width: 18px; height: 15px; background: url("images/home_ico.png") no-repeat 0 0; margin-right:10px;}
.main_n .con{ width:98%; margin:0 auto; min-height:300px; padding:10px 0; font-size:18px; line-height:30px;}
.main_n .con img{ max-width:100%; height:auto;}



.banner-box { position: relative;}
.banner-box .banner { display: block; width: 100%; height: auto;}
.banner-box .wrap { position: absolute; bottom: 0;  width: 100%; background: url("images/op-75-bg.png");}
.banner-box .wrap .w1200 .left { padding:0 10px;}
.banner-box .wrap .w1200 .left .text { width: 60%; margin: 2px 0;  line-height: 35px; font-size: 14px; color: #fff;}
.banner-box .wrap .w1200 .left .text.font-hr{ width:40%}
.banner-box .wrap .w1200 .left .text .icon.call { font-size: 16px; background-position: 6px 7px;}
.banner-box .wrap .w1200 .left .text .icon { width: 35px; height: 35px; margin-right: 12px; border: 1px solid #fff; border-radius: 50%; text-align: center;  line-height: 35px; background-repeat: no-repeat;}
.banner-box .wrap .w1200 .left .text .icon img{ vertical-align: middle;}


/* 新闻列表 */
.mangbox { width: 100%;}
.mangbox li { background:#F3F2F0; padding:20px 20px;}
.mangbox li:nth-child(2n){background:#fff;}
.mangbox li img { float: right; width:20%!important; height:80px!important;}
.list-left { float: left; width:75%}
.list-left span {font-size: 16px;line-height: 25px; display: block; color: #000; padding-bottom:10px;}
.list-left p{ width:100%; height:40px; font-size:14px; line-height:20px; color:#666; overflow:hidden;}
.list-left .date { font-size: 14px; line-height: 18px; line-height:25px; color: #9a9a99;}

/* 新闻详细 */
.news-info { width: 620px; margin: 0 auto; padding: 58px 10px 70px;}
.news-info .title h3 { font-weight: normal; font-size: 24px; color: #333333; line-height: 2; padding-bottom: 26px; border-bottom: 1px solid #e4e4e4; text-align: center;}
.news-info .title .p { text-align: center; font-size: 14px; color: #999999; line-height: 28px; height: 28px; overflow: hidden; padding: 24px 0;}
.news-info .pic{ text-align:center;padding-bottom:20px;}
.news-info .pic img{ max-width:100%;}
.news-info .con { width:100%; font-size: 14px; color: #444444; line-height: 1.8; padding: 0 0 40px;}
.news-info .bot { border-top: 1px solid #e4e4e4; padding-top: 20px; position: relative;}
.news-info .bot a { color:#7c7c7c}
.news-info .bot p { line-height: 24px; font-size: 14px;color: #333;margin-bottom: 5px;}
.news-info .bot .back { position: absolute; right: 0; top: 20px; font-size: 14px; color: #333;}


.listpd li { width: 48%; margin-bottom: 25px; float:left;}
.listpd li:nth-child(2n) {margin-left:4%;}
.listpd li .img { display: block; width:100%; height:180px;}
.listpd li .img img{ float:left; width:100%; height:180px;}
.listpd li .detail { width: calc(86% - 2px); padding: 6% 7% 9%; border: 1px solid #c9c9c9; border-top: 0; text-align: center; background: #fff;}
.listpd li a.tit { width:100%; position: relative; display: inline-block; padding-bottom: 4%; margin-bottom: 6.6%; font-size: 20px; line-height: 2; color: #333;}
.listpd li a.tit:after { content: ""; display: inline-block;position: absolute; left: 50%; bottom: 0; width: 40px; height: 1px; background: #ddd; margin-left: -20px;}
.listpd li p{ color:#666;}
.listpd li a.btn { display: inline-block; width: 46.5%;  border: 1px solid #c9c9c9; margin-top: 13%; font-size: 12px; line-height: 30px; color: #999;transition: all 0.5s;}
.listpd li a.btn:hover{ background:#f00; color:#fff;}


/* 分页CSS */
.pg {
    font-size: 12px;
    margin: 20px 0;
    text-align: center;
    width: 100%;
	color:#595555;
}
.pg span {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #999999;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin: 0 3px;
    padding: 0 5px;
    text-align: center;
}
.pg a {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #000 !important;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin: 0 3px;
    padding: 0 5px;
    text-decoration: none;
}