@charset "utf-8";



body { background: #fff; color:#858484; }

.banner { position:relative; width:100%; height:300px;}



.container { padding-bottom:100px; background: #fff; }

.container .wrap {position: relative;padding-top: 50px; width:1200px; min-height:500px; margin:-700px auto 0;}

.sidebar { width:100%;position: relative;}

.sidebar:before {position: absolute;content: '';width: 100%;height: 1px;background: #d8d8d8;top: 107px;}

.side-wrap { margin: 0 auto; width: 1200px;overflow-y:visible; }

.breadcrumbs { float:left; margin: 15px 0 25px; padding-left: 25px; width: 725px; height: 31px; background: url(/template/default/images/mb-icon-2.png) no-repeat left center; color:#c83838; font-size: 14px; line-height: 31px; }

.breadcrumbs a { color:#9f9f9f;}

.breadcrumbs a:after { content: ">"; padding: 0 5px;}

.breadcrumbs a:hover { color:#c83838;}

.slide-menu {position: relative;}

.menu { position: relative; clear: both;    margin-top: 20px;}

.menu ul { padding-bottom: 700px !important; }

.menu ul:after{content:'\20';display:block;height:0;clear:both}

.menu ul {*zoom:1;
    *zoom: 1;
    margin: 0 auto;
    text-align: center;
    width: 70%;
    overflow: hidden;
    display: block;
}

/*..menu li { position: relative; float: left; width: 200px;}

menu li>a {border-left: 1px solid #d8d8d8;white-space: nowrap;padding:0 15px;display: block; line-height: 36px; color: #4e4e4e; font-size: 14px;overflow: hidden;text-overflow:ellipsis;}*/

.menu li { position: relative; float: left; width: 29%;margin: 1% 2%;}
.menu li>a{
    white-space: nowrap;
    padding: 15px;
    display: block;
    color: #555;
    text-align: center;
    border-radius: 10px;
    font-weight: bold;
    line-height: 36px;
    background: #F4F4F4;
    width: 100%;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    
}
.pic-list .p-2nav {margin: 50px 0 30px 0; text-align:center;}
.pic-list .p-2nav a{padding: 12px 40px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #CE1505;
    margin: 0 auto;
    height: 50px;
    line-height: 50px;
    border-radius: 10px;}
.menu li.current>a,.menu li:hover>a {color: #ffffff;width: 100%;background: #d5030b;}

.menu li:hover {z-index: 3;}

.menu li:hover>a {transition:.2s;overflow:visible;text-overflow:inherit;display: inline-block;opacity: .9}

.menu dl { display: none; position: absolute; left: 0; top: 36px; width: 100%; background: #fff; border-top: 4px solid #c83838; z-index: 999;}

.menu dd a { position: relative;display: block; padding: 11px 19px; border: 1px solid #b5b5b5; border-top: 0; color: #848484; font-size: 12px; line-height: 18px;}

.menu dd.current a,.menu dd:hover a { background: #f2f2f2;}



.tempWrap + .menu-prev,.tempWrap + .menu-prev  + .menu-next {position: absolute; top: -42px;width: 17px;background: #0099df; color: #fff; text-align: center;font-size: 14px; height: 19px;font-family: 'SimSun';}

.tempWrap + .menu-prev:before,.tempWrap + .menu-prev  + .menu-next:before {text-align: center;position: absolute; top: 0;left: 0;width: 100%;height: 100%;line-height: 19px;}

.tempWrap + .menu-prev:before {content: '<'}

.tempWrap + .menu-prev  + .menu-next:before {content: '>'}

.tempWrap + .menu-prev {right: 25px;}

.tempWrap + .menu-prev  + .menu-next {right: 0;}

.tempWrap + .menu-prev:hover,.tempWrap + .menu-prev  + .menu-next:hover {background: #0099df;}

.tempWrap + .prevStop,.tempWrap + .menu-prev  + .nextStop {background: #c6c6c6 !important;cursor: default;}



/* article */

.article { line-height:200%; word-wrap:break-word; text-align:justify; }

.article h1{     

    line-height: 56px;

    height: 56px;

    font-size: 24px;

    margin: 20px auto 20px;

    color: #2f2f2f;
    font-weight: bold;

    }

.article h2{     

	width: 248px;

    line-height: 56px;

    height: 56px;

    font-size: 28px;

    margin: 20px auto 20px;

    color: #2f2f2f;

    }

.article img,.article table { max-width: 100%;}

#dituContent img {max-width: 1500px;}



/* news */

.news { margin-top: -30px;}

.news li { clear: both; padding: 30px 0 24px; border-bottom: 1px dotted #949494;}

.news li img { float: left; padding-right: 30px;}

.news li h2 a { color: #535962; font-size: 14px; line-height: 14px; font-weight: normal; display: block; padding: 7px 0 10px}

.news li h2 a:hover {color: #c83838;}

.news li em { color: #a2a2a2; font-size: 12px; line-height: 12px; display: block; padding-bottom: 20px;}

.news li p { height: 67px; color: #a2a2a2; font-size: 12px; line-height: 20px;}

.news li a.more { color: #a2a2a2; font-size: 12px;}

.news li a.more:hover {color: #c83838;}



.news-tittle { margin-bottom: 25px; padding: 15px 0 35px; width: 100%; border-top: 4px solid #bebebe; border-bottom: 1px dotted #949494;}

.news-tittle h2 { float: left; color: #5e5e5e; font-size: 16px; line-height: 16px; font-weight: normal;}

.news-tittle p { float: right; color: #939393; font-size: 14px; line-height: 14px;}

.news-tittle a { padding: 0 30px 0 24px; background: url(/template/default/images/mb-icon-4.png) no-repeat left center;}

.news-tittle a:hover {color: #c83838;}

.news-tittle .date { padding: 0 30px 0 27px; background: url(/template/default/images/mb-icon-5.png) no-repeat left center; background-size: auto 16px;}

.news-tittle .yd { padding-left: 30px; background: url(/template/default/images/mb-icon-6.png) no-repeat left center;}

.news-tittle .wx { position: relative; float: right; display: block; margin-top: -1px; margin-left: 18px; width: 18px; height: 17px; background: url(/template/default/images/mb-icon-7.png) no-repeat left center; cursor: pointer;}

.news-tittle .wx img { display: none; position: absolute; left: 20px; top: -41px;}

.news-tittle .wx:hover img { display: block;}

.news-page { margin-top: 40px; padding-top: 32px; border-top: 1px solid #bebebe;}

.news-page a { float: left; display: block; width: 131px; height: 35px; border: 1px solid #d6d6d6; color: #5e5e5e; font-size: 14px; line-height: 35px;}

.news-page a:hover { border: 1px solid #c83838;}

.news-page a.np-prev:before { padding: 0 44px 0 15px; content: "<";}

.news-page a.np-next { float: right; text-indent: 23px;}

.news-page a.np-next:after { padding-left: 45px; content: ">";}

/* page */

.page { color:#000; line-height:24px; clear:both; display:table; margin:50px auto 0;  }

.page a.noBo { border:0;}

.page a { float:left; padding:0 15px; color:#b7b7b7; margin-top: 3px; font-size: 12px; line-height: 12px; border-left:1px solid #b7b7b7; display:table-cell; }

.page a.prev { background: #b7b7b7; width:24px; height:17px; line-height: 17px; color: #fff; text-align: center; display:block; border:0; padding:0; margin:0;}

.page a.next { background: #b7b7b7; width:24px; height:17px; line-height: 17px; color: #fff; text-align: center; display:block; border:0; padding:0; margin:0;}

.page a:hover,.page a.current { color:#c83838; }

.page .prev + a {border:none;}





/* product-info */

.product-info h2 { color: #757575; font-size: 14px; line-height: 14px; font-weight: normal; padding: 65px 0 8px; border-bottom: 1px solid #dcdcdc; margin-bottom: 20px;}

.product-info-list { position: relative; overflow: hidden;}

.product-info-list .slide {width: 1090px;margin:0 auto;overflow: hidden;}

.product-info-list li { float: left; width:350px; height: 107px; margin-right:10px;}

.product-info-list a.prev,.product-info-list a.next { font-family: 'SimSun';line-height: 30px;text-align: center;color: #fff;font-size: 20px;border-radius: 50%;position:absolute; left:0; top:50%;margin-top: -15px; display:block; width:30px; height:30px; background:#bcbcbc; cursor:pointer; }

.product-info-list a.next { right:0; left:auto;}

.product-info-list a.prev:hover { background:#c83838;}

.product-info-list a.next:hover { background:#c83838;}

.product-info-list li .text { float: left; width: 186px; height: 107px; padding: 26px 0 0 21px; background: #dddddd;}

.product-info-list li .text h3 { color: #5a5a5a; font-size: 12px; line-height: 12px; padding-bottom: 20px;}

.product-info-list li .text a.more { color: #c83838; font-size: 12px; line-height: 12px;}

.product-info-list li .text a.more:before { display: block; float: left; margin-top: 5px; content: ""; width: 0; height: 0; border-style: solid; border-width: 4px; border-color: transparent transparent transparent #c83838;}

/* productlist */



.productlist .pic { width:800px; float: left;margin-right: 38px;}

.productlist .text { float: left; width: 240px; line-height:200%; word-wrap:break-word; text-align:justify;}

.productlist .picList { width:800px; height:466px; overflow:hidden; }

.productlist .picList ul { width:800px; height:466px; overflow:hidden; }

.productlist .picList li { width:800px; height:466px; overflow:hidden; cursor: pointer; }

.soldWrap { position: relative; width:800px; height:59px;}

.soldWrap a.prev,.soldWrap a.next { position:absolute; left:0px; top:4px; display:block; width:15px; height:51px; background:url(/template/default/images/prev1.png) no-repeat; cursor:pointer; }

.soldWrap a.next { right:0px; left:auto; background:url(/template/default/images/next1.png) no-repeat; }

.sold { width:665px; height:auto; margin:24px auto 0; overflow:hidden; }

.sold ul { overflow:hidden; height:auto; }

.sold li { float:left; width:95px; height:59px; margin: 0 5px; display:inline; cursor: pointer; }

.tab-pro { padding-top:58px; }

.tab-pro .hd { border-bottom:1px solid #e3e3e3; }

.tab-pro .hd li { float:left; width:138px; height:28px; text-align:center; line-height:28px; border:1px solid #e3e3e3; border-bottom:none; margin-right:5px; display:inline; background:#e3e3e3; cursor:pointer; }

.tab-pro .hd li.on { background:#fff; border-bottom:1px solid #fff; margin-bottom:-1px; }

.tab-pro .txt { padding:20px; }





/* product-info-C */

.prod-c {position: relative;}

.prod-c .bd {margin-bottom: 20px;}

.prod-c .bd li {height: 480px;}

.prod-c .phd .tempWrap {margin-left: 20px;}

.prod-c .phd li {box-sizing: content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;width: 120px;float: left;margin-left:20px;border:1px solid transparent;opacity:0.7;filter:alpha(opacity=70);cursor:pointer;}

.prod-c .phd li.on {border:1px solid #2b49e4;opacity:1;filter:alpha(opacity=100);}

.prod-c .prev,.prod-c .next {position: absolute;width: 30px;height: 30px;}

.prod-c a.prev,.prod-c a.next { z-index: 99;position:absolute; left:0px; bottom:8px; display:block; width:15px; height:51px; background:url(/template/default/images/prev1.jpg) no-repeat; cursor:pointer; }

.prod-c a.next { right:0px; left:auto; background:url(/template/default/images/next1.jpg) no-repeat; }



/*hr*/

.hr { width: 100%; border: 1px solid #e0e0e0;}

.hr thead th { height: 45px; color: #7c7c7c; font-size: 12px; font-weight: normal; text-align: center; vertical-align: middle !important;}

.hr td {padding: 0 0.7rem !important; height: 45px; color: #7c7c7c; font-size: 12px; text-align: center; vertical-align: middle !important;}

.hr td a.more { display: block; margin: 0 auto; padding-left: 16px; width: 76px; height: 45px; background: url(/template/default/images/mb-icon-10.png) no-repeat left center; color: #7c7c7c; line-height: 45px;}

.hr td:hover a.more { background: url(/template/default/images/mb-icon-10-on.png) no-repeat left center; color: #c83838;}



/*hr-detail*/

.hr-detail-text { padding: 30px 0 80px; border-bottom: 1px dotted #c6c6c6; overflow: hidden;}

.hr-detail-text h2 { margin-bottom: 10px; color: #4e4e4e; font-size: 20px;}

.hr-detail-text dl { float: left; width: 500px;}

.hr-detail-text dl dt { margin-bottom: 10px; color: #4e4e4e; font-size: 14px; font-weight: bold;}

.hr-detail-text dl dd { color: #4e4e4e; font-size: 12px; line-height: 24px;}

.hr-form { padding-top: 50px;}

.hr-form label { display: block; float: left; padding: 0 15px; margin-top: 14px; height: 16px; border-right: 1px solid #c7c7c7; color: #5a5a5a; font-size: 14px; line-height: 16px;}

.hr-form .input { float: left; margin-bottom: 20px; width: 488px; height: 45px; background: #fff; border: 1px solid #d4d4d4;}

.hr-form .input .text { float: left; padding: 0 10px; width: 370px; margin-top: 14px; height: 16px; border: 0; color: #5a5a5a; font-size: 14px; line-height: 16px; outline: none;}

.hr-form p { float: left; margin-bottom: 20px; padding-left: 15px; width: 308px; height: 45px; background: #fff; border: 1px solid #d4d4d4; color: #5a5a5a; font-size: 14px; line-height: 45px;}

.hr-form .input1 { clear: both; width: 100%; background: #fff; border: 1px solid #d4d4d4; overflow: hidden;}

.hr-form .input1 .textarea { float: left; padding: 0 10px; margin: 14px 0; width: 930px; height: 250px; border: 0; outline: none; resize: none;}

.hr-form .input2 { float: right; margin-bottom: 20px; width: 664px; height: 45px; background: #fff; border: 1px solid #d4d4d4;}

#fileToUpload { display: none;}

.hr-form .input2 .text { float: left; padding: 0 10px 0 21px; width: 561px; margin-top: 14px; height: 16px; background: #fff; border: 0; color: #5a5a5a; font-size: 14px; line-height: 16px; outline: none;}

.hr-form .input2 button { float: right; margin-right: 8px; margin-top: 5px; width: 66px; height: 34px; border: 0; border-radius: 4px; background: #c83838; color: #fff; font-size: 14px; line-height: 34px; cursor: pointer; outline: none;}

.hr-form .input2 button:hover { opacity: 0.8;}

.hr-form .submit {clear: left; display: block; margin-top: 40px; width: 167px; height: 50px; border: 0; border-radius: 4px; background: #c83838; color: #fff; font-size: 14px; line-height: 50px; cursor: pointer; outline: none;}

.hr-form .submit:hover { opacity: 0.8;}

.hr-form .input:hover,.hr-form .input1:hover,.hr-form .input2:hover { border: 1px solid #c83838;}



/* form */

.form-panel input,.form-panel textarea { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

.form-panel .ishalf { float: left; margin: 0 10px 20px; width: 580px;}

.form-panel .nohalf {width: 1180px; margin: 0 10px 20px; clear: both;}

.form-panel .form-text { overflow: hidden;}

.form-panel .form0 .form-text,.form-panel .form1 .form-text { line-height: 36px;}

.form-panel .form0 .form-text input,.form-panel .form1 .form-text input { float: left; margin-top: 10px;}

.form-panel .form0 .form-text em,.form-panel .form1 .form-text em { float: left; padding: 0 20px 0 5px;}

.form-panel label { display: block; height: 30px; color: #5a5a5a; font-size: 14px; line-height: 14px;}

.form-panel label em { color: #ff0000;}

.form-panel .text { padding: 10px; width: 100%; height: 36px; background: #fff; border: 1px solid #d4d4d4; color: #5a5a5a; font-size: 14px; line-height: 16px; outline: none;}

.form-panel p { float: left; margin-bottom: 20px; padding-left: 15px; width: 293px; height: 45px; background: #fff; border: 1px solid #d4d4d4; color: #5a5a5a; font-size: 14px; line-height: 45px;}

.form-panel .textarea { padding: 10px; width: 100%; height: 250px; background: #fff; border: 1px solid #d4d4d4; outline: none; resize: none;}

.form-panel .submit { display: block; margin-top: 40px; margin-left: 10px; width: 167px; height: 50px; border: 0; border-radius: 4px; background: #c83838; color: #fff; font-size: 14px; line-height: 50px; cursor: pointer; outline: none;}

.form-panel .submit:hover { opacity: 0.8;}

.form-panel .text:focus,.form-panel .textarea:focus { border: 1px solid #c83838;}



.fblist {padding-bottom: 30px;}

.i-message { margin-bottom: 20px; padding: 0 35px;}

.i-message-user { float: left; width: 45px; height: 45px; background: url(/template/default/images/mb-icon-12.png) no-repeat; border-radius: 50%; color: #fff; font-size: 24px; line-height: 48px; text-align: center;}

.i-message-text { position: relative; margin: 0 0 43px 63px; padding: 15px; background: #fff; border: 1px solid transparent; border-radius: 4px;}

.i-message-text:before { position: absolute; top: 18px; left: -10px; right: 100%; width: 0px; height: 0px; display: block; content: " "; border-color: #fff #fff transparent transparent; border-style: solid; border-width: 10px;}

.i-message-hd { margin-bottom: 15px; color: #4d4b50; font-size: 14px;}

.i-message-hd span { padding-right: 16px;}

.i-message-bd p { margin: 0; color: #4d4b50; font-size: 12px;}

.admin-message .i-message-user { float: right; background: url(/template/default/images/mb-icon-13.png) no-repeat;}

.admin-message .i-message-text { margin-left: 0; margin-right: 63px;}

.admin-message .i-message-text:before { left: auto; right: -10px; border-color: #fff transparent transparent #fff;}



/*contact*/

.map { margin-bottom: 33px; width: 1200px; height: 370px;}

.contact { border-top: 3px solid #949494;}

.contact li { height: 50px; line-height: 50px; background: #f7f7f7; border-bottom: 1px solid #dedede;}

.contact li span { display: block; float: left; padding-left: 42px; width: 162px;}

.contact li em { padding-left: 26px;}

.contact li.i1 span { background: url(/template/default/images/mb-c1.png) no-repeat 13px center #ededed;}

.contact li.i2 span { background: url(/template/default/images/mb-c2.png) no-repeat 16px center #ededed;}

.contact li.i3 span { background: url(/template/default/images/mb-c3.png) no-repeat 13px center #ededed;}

.contact li.i4 span { background: url(/template/default/images/mb-c4.png) no-repeat 12px center #ededed;}

.contact li.i5 span { background: url(/template/default/images/mb-c5.png) no-repeat 14px center #ededed;}

.contact li.i6 span { background: url(/template/default/images/mb-c6.png) no-repeat 16px center #ededed;}

.contact li.i7 span { background: url(/template/default/images/mb-c7.png) no-repeat 13px center #ededed;}

.contact li.i8 span { background: url(/template/default/images/mb-c8.png) no-repeat 14px center #ededed;}



/*download*/

.download li { padding: 24px 0 18px 34px; background: url(/template/default/images/mb-icon-3.png) no-repeat left 30px; border-bottom: 1px dotted #949494; color: #4f4f4f; font-size: 14px; line-height: 27px; overflow: hidden;}

.download li p { float: left;}

.download li a.more { display: block; float: right; width: 104px; height: 27px; background: #848484; color: #fff; font-size: 12px; text-align: center;}

.download li span { float: right; display: block; padding-right: 20px; margin-right: 22px; border-right: 1px solid #cbcbcb; color: #9c9c9c;}

.download li a.more:hover { background: #c83838;}







/*    pic-list    */

.pic-list {overflow: hidden;}
.pic-list .dec{
    background: #bea97c;
    text-align: center;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    border-radius:5px;
    width: 100%;
    font-size: 20px;
    line-height: 60px;height: 60px;
    font-weight: bold;
    color: #fff;}
.pic-list .dec p{font-weight: bold;}
.pic-list ul {  padding-top:10px; width:1260px;}

.pic-list li {position: relative;overflow: hidden;padding-bottom: 60px; float:left; margin-right:70px; margin-bottom:20px;}
.pic-list li:nth-child(4n){margin-right:0px;}

.pic-list li .txt {background: rgba(255,255,255,1);line-height: 20px;color: #9d9d9d;position: absolute;width: 100%;transition:top .25s;height: 100%;top:100%;margin-top: -60px;}

.pic-list li .txt .content {padding: 0 13px;}

.pic-list li .txt h3 {color: #828181;font-size: 14px;font-weight: normal;line-height: 60px;border-bottom: 1px solid #ccc;margin-bottom: 26px;}

.pic-list li .txt h3 a {display: block;}

.pic-list li .txt i {font:normal 24px/60px 'SimSun';color: #B2B2B2;float: right;-margin-top: 19px;transition:.3s;}

.pic-list li .txt h3 a:hover i {transform:rotate(90deg);}

.pic-list li .txt .more {bottom:10%;line-height: 28px;border: 1px solid #dbdbdb;padding-left:11px;position: absolute;}

.pic-list li .txt .more span {font-family: 'SimSun';margin:0 20px 0 8px;display: inline-block;}

.pic-list li:hover .txt {top: 0;margin-top: 0;}

.pic-list li:hover h3 a {color: #c83838;}

.pic-list li:hover span {animation:arrMove 1.5s infinite;color: #c83838;}

.pic-list li .txt .more:hover {border-color: #c83838;color: #c83838;}

@keyframes arrMove {0 {opacity: 1;transform:translateX(0);}100% {opacity: 0;transform:translateX(24px);}}





.pagelink{ height: 35px;text-align: center;margin: 50px 0 30px 0;*+margin-left:30px;}

.pagelink .page-index , .pagelink .page-pre , .pagelink .page-next , .pagelink .page-last{ list-style: none;border: 1px solid #C7CFC2; display: inline-block;margin: 0 3px;*+display:block;*+float:left;}

.pagelink .page-status {list-style: none;border: 1px solid #C7CFC2; display: inline-block;margin: 0 3px;*+display:block;*+float:left; padding: 3px 8px;}

.pagelink .page-index a, .pagelink .page-pre a, .pagelink .page-next a, .pagelink .page-last a{padding: 3px 8px; display:block;}

.pagelink .page-numbar .page-num{ list-style: none;border: 1px solid #C7CFC2;padding: 3px 8px;display: inline-block;margin: 0 3px;*+display:block;*+float:left;}

.pagelink a.page-num-current, .pagelink a:hover{ background: #CCC;color: #FFF; display:block;}