﻿@charset "utf-8";

@import "base.css";
@import "http://at.alicdn.com/t/font_901016_l0ze4mlrrr.css";

body{color:#666;margin:0;padding:0;font-family:"Microsoft YaHei","微软雅黑";font-size:14px;line-height:2.5;}

.main{width:1200px; margin: auto;}
.container{margin:0 auto;width:1200px;}

.header_top{width:100%;overflow:hidden;border-bottom:#dedede 1px solid;line-height:35px;color:#808080;}
.header_top span{float: right}
.header_top span a{margin: 0 5px;}


.hd_cont{ padding:18px 0 0 0}
.hd_cont .hd_logo{width:716px; float: left}
.hd_cont .hd_logo dt{width:320px; float: left}
.hd_cont .hd_logo dd{ float: left; margin:6px 0 0 12px; padding-left: 20px; border-left:1px solid #9B9B9B;}
.hd_cont .hd_logo dd p{font-size:14px;color:#808080;}
.hd_cont .hd_ad{color: #ec6c21;font-size: 20px;font-weight: bold; float: right; margin-top: 45px;}
.hd_cont .dh_phone{ float: right; padding:0 0 18px 140px;background:url(../images/phone.png) no-repeat left center;color:#5c5c5c;margin-top: -4px; line-height: 26px;}
.hd_cont .dh_phone p{font-size:26px;font-family:Arial,Helvetica,sans-serif;color:#ec6c21;}


#nav{background:url(../images/navBg.png);}
#nav ul li{font-size:14px;float:left;width:120px;line-height:55px;text-align:center;background:url(../images/navline.gif) no-repeat left; position: relative}
#nav ul li a{display:block;color:#FFF;text-align:center;}
#nav ul li dl{position:absolute;top:100%;z-index:100;width:170px;background:#ec6c21; display: none; font-size: 12px;}
#nav ul li dl dd{display:block;height:30px;line-height:30px;color:#FFFFFF;}
#nav ul li dl dd:hover{color:#000;background-color:#f8c40f;}
#nav ul li:hover dl{ display: block;transition: all .4s ease 0s;-webkit-transition: all .4s ease 0s;-moz-transition: all .4s ease 0s;}

/*首页幻灯片*/
.banner{}
.fullSlide{width:100%;position:relative;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;/*overflow:hidden;*/height:480px; }
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height: 480px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;
    *display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}

.search{line-height:36px;overflow:hidden;padding-top:10px;padding-bottom:20px;background:url(../images/serbg.png) bottom no-repeat}
.search .searchBox{width:262px; float: right}
.search .soText{ float: left; width:206px;padding:10px;color:#333;border:none;background:url(../images/searchtxt.png) no-repeat left top;}
.search .soBtn{float:right;width:36px;height:36px;border:none;background:url(../images/searchbtn.png) no-repeat center;cursor:pointer}
.search .keyWord{width:582px;overflow:hidden;color:#333; float: left}
.search .keyWord b{font-weight:normal;height:36px;}
.search .keyWord a{padding:0 10px;color:#333;}

.poxt{background:url(../images/poxtit.png) no-repeat center bottom; padding: 15px 0;}
.poxt h4{overflow:hidden;text-align:center;}
.poxt h4 a{font-size:24px;margin-top:24px;display:inline-block;color:#ec6c21;}
.poxt h4 span{font-size:18px;display:block;color:#b2b2b2;font-weight:normal;text-transform:uppercase;text-align:center}

.ihonor{overflow:hidden; width: 1060px; margin: auto}
.ihonor ul{overflow: hidden}
.ihonor ul li{ width:142px;margin-right: 13px; overflow: hidden; float: left }
.ihonor ul li img{width:133px;height:100px;border:5px #ededed solid;}

.ibox7 {padding: 30px 0;overflow: hidden;position: relative;}
.ibox7 #LeftArr1 {position: absolute;left: 0px;top: 30px;width: 34px;height: 174px;cursor: pointer;background: url(../images/left.png) left center no-repeat;}
.ibox7 #RightArr1 {position: absolute;right: 0px;top: 30px;width: 34px;height: 174px;cursor: pointer;background: url(../images/right.png) right center no-repeat;}


.inPro{border: 1px solid #ccc; padding-top: 50px;overflow:hidden;}
.inPro .inpro_t{ background: url("../images/line.jpg") no-repeat center bottom;text-align:center; padding-bottom: 40px;}
.inPro .inpro_t h2{font-size:40px;text-decoration:none;color:#ec6c21;}
.inPro .inpro_t h3{font-size:28px;text-decoration:none;color:#000;}

.inpro_class{ margin: 10px 9px;    width: 230px;
    float: left;}

.inpro_class h4{text-align: center;font-size: 17px;color:#ec6c21; }
.inpro_class h5{text-align: center;font-size: 17px;color:#ec6c21; border-bottom: 2px solid #cccccc}
.inpro_class h5 img{vertical-align: middle}
.inpro_class .pro1{border: 1px solid #cccccc;}
.inpro_class .contact1{border: 3px dotted #cccccc ;   margin-top: 20px;}
.inpro_class .contact1 p{padding-left:9px;}
.inpro_class .contact1 p img{vertical-align: middle}
.inpro_class ul li{margin:2px;width: calc(100% - 4px);background: #ec6c21;color:#fff;line-height: 35px;
    text-align: left;
    text-indent: 10px;font-weight:bold; float: left}
.inpro_class ul dl{line-height: 35px;
    text-align: left;
    text-indent: 15px;}
.inpro_class ul li a{color:#fff;display:block;    font-size: 13px;}
.inpro_class ul li  img{vertical-align: middle;margin-top: 11px;    float: left;    padding-left: 12px;}
.inpro_class ul li a:hover{background:#ec6c21;}
.inproList{width: calc(100% - 260px);
    float: right;}
.inproList ul li{width:207px; float: left;border:4px solid #ccc;    margin: 0 10px 10px 10px;font-size:14px;}
.inproList ul li:hover .img{overflow: hidden;}
.inproList ul li:hover .img a img{-webkit-transform: scale(1.2);-webkit-transition: ease 1s;
    transition: ease 1s;}
/*.inproList ul li:hover .txt{padding:23px 10px;}*/
.inproList ul li .txt{background:#ec6c21;padding:20px 10px;height:24px;color:#FFF;overflow:hidden}
.inproList ul li .txt h3{font-size: 12px;text-align: center;}
.inproList ul li:hover .txt{background:#ffc600}
.inproList ul li:nth-child(1){margin-top: 0px;}
.inproList ul li:nth-child(2){margin-top: 0px;}
.inproList ul li:nth-child(3){margin-top: 0px;}

.box{width:100%;background:url(../images/boxbg.jpg) center;margin:30px 0 10px 0; padding: 40px 0}
.box_cl{width:600px; float: left;color:#f7f7f7;font-size:18px;line-height:30px;}
.box_cl h3{color:#fff;font-size:24px;margin-bottom:10px;line-height:40px;}
.box_cr{width:220px;margin-top:13px; float: right;color:#FFF;line-height:50px;text-align:center;font-size:16px;}
.box_cr a{ color: #ffffff}
.box_cr span{ display: block; background:#ec6c21}

.incase{ padding: 30px 0;}
.incaseL{width:270px;float: left;}
.incaseL li{height:44px;line-height:44px;background:url(../images/incaseli.png) center;}
.incaseL li a{display:block;text-align:center;color:#fff;height:44px;line-height:44px;}
.incaseL li:hover,.incaseL li.current{background-image:url(../images/incaselinow.png);}
.incaselist{width:930px;float: right}
.incaselist ul li{position:relative; margin:0 10px 60px 10px;float:left;width:290px;}
.incaselist ul li .txt{position:absolute;left:0;bottom:0;width:100%;height:36px;line-height:36px;background: rgba(51,51,51,0.62);overflow:hidden;font-size:14px;}
.incaselist ul li .txt a{margin:0 10px;color:#fff;}




@media (max-width:641px) {
    .main,.container{width:100%;}
    .hd_cont{ padding:10px 0 0 0}
    .hd_cont .hd_logo,.hd_cont .hd_logo dt{width:100%; float: none}
    .search .searchBox{width:262px; float: none; margin: auto}

    .poxt{padding: 10px 0;}
    .poxt h4 a{font-size:14px;margin-top:0;}
    .poxt h4 span{font-size:12px;}

    .inPro{padding:10px 0;}
    .inPro .inpro_t h2{font-size:14px;text-decoration:none;color:#ec6c21;}
    .inPro .inpro_t h3{font-size:12px;text-decoration:none;color:#000;}

    .inpro_class{ margin:0;}
    .inpro_class ul li{margin:5px 1% 0;width:48%;line-height:20px; height: 20px;overflow: hidden;}

    .inproList ul li{width:48%;margin:10px 1% 0;font-size:12px; border: 0}
    .inproList ul li .txt{padding:5px 2px;height:30px;}
    .inproList ul li .txt h3{font-size:12px;}

    .box{margin:10px 0; padding:10px 0 0 0; text-align: center}
    .box_cl{width:100%; float: none;font-size:14px;line-height:20px;}
    .box_cl h3{font-size:14px;line-height:20px;}

    .box_cr{width:160px;margin:10px auto 0 ; float: none;color:#FFF;line-height:30px;font-size:14px;}

    .incase{ padding: 10px 0}
    .incaseL{width:270px;float: none; margin: auto;}

    .hd_cont .hd_logo dd,.hd_cont .hd_ad,.hd_cont .dh_phone,#nav,.search .keyWord,.incaselist{display: none}
}


/*优势*/
.hxysbg{padding-bottom:35px;background:#202932 url(../images/boxbg.jpg);}
.hxysbg .hxystit{padding:30px 0 20px 0;font-size:20px;line-height:25px;color:#fff;margin-bottom:20px;font-weight:bold;text-align:center;background:url(../images/hxystitbr.png) no-repeat bottom;}
.hxysbg .hxystit span{font-size:32px;line-height:30px;margin-bottom:10px;color:#ec6c21;display:block}
.hxysbg li{float:left;margin:0 24px;padding:54px 20px 0 20px;width:152px;height:200px;background:url(../images/hxysdl.png) no-repeat center;line-height:20px;font-weight:bold;color:#fff;}
.hxysbg li h5{margin-bottom:10px;font-size:24px;text-align:center;color:#fff;}

.index_abt{width:100%;background-color:#f9f5f2;padding-top:40px;}
.about_t{width:100%;position:relative;background:url(../images/about_titbg.gif) repeat-x bottom left;}
.about_t h3{font-size:24px;color:#666;line-height:normal;font-weight:normal;font-family:Arial,Helvetica,sans-serif;}
.about_t h2{display:inline-block;*display:inline;*zoom:1;padding:0 20px;font-size:18px;font-weight:normal;color:#fff;line-height:normal;background-color:#ec6c21;}
.about_t .more{position:absolute;bottom:0;right:30px;padding:0 15px;background:#ec6c21;color:#FFF}
.about_t .more a{color:#FFF}
.about_c{padding:20px 0}
.about_cl{width:350px;float: left;}
.about_cr{width:812px; line-height: 26px;font-size:14px; float: right}
.about_cr h3{line-height:1.6em;color:#ec6c21;font-size:20px; margin-bottom: 10px;}
.about_cr a{width:90px;line-height:30px;background:#ec6c21;color:#fff;display:block; margin-top: 10px; text-align: center}
.about_cr a:hover{background:#ec6c21}

.dtspan{margin:30px auto;}
.dtbox{width:918px;border:1px solid #ccc; float: left}
.dtbox h4{overflow:hidden;font-size:18px;background:url(../images/dttitbr.png) no-repeat center;}
.dtbox h4 a{float:left;width:50%;text-align:center;line-height:48px;color:#333;background:url(../images/dttitbr.png) repeat-x center 47px;transition:all 0s;}
.dtbox h4 a em{font-family:宋体;text-transform:uppercase;margin-left:5px;color:#969696;}
.dtbox h4 a:hover,.dtbox h4 a.cur{background:url(../images/dttith.png) repeat-x center bottom;color:#ec6c21;text-decoration:none;}
.dtbox dl{margin:20px;height:150px;overflow:hidden;}
.dtbox dl dt{ width: 32%; float: left}
.dtbox dd{ width: 65%; float: right}
.dtbox dd h5{height:50px;line-height:50px;font-size:14px;}
.dtbox dd h5 a{color:#333;}
.dtbox dd p{line-height:22px;height:66px;overflow:hidden;}
.dtbox ul{margin:0 20px;border-top:1px dotted #ccc;padding-top:10px;}
.dtbox li{height:28px;line-height:28px; overflow: hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:16px;background:url(../images/dtliico.png) no-repeat left center;}
.dtbox li a{color:#333;}
.dtbox li span{color:#999; float: right}


.fwzc{width:232px;border:1px solid #ccc; float: right}
.fwzc h4{margin-left:18px;padding:1px 0px;}
.fwzc .fwphone{height:64px;background:url(../images/fwphone.png) no-repeat left top; padding: 24px 0 0 64px;font-size:20px;font-weight:bold;color:#ec6c21;}

.fwzc .m_form{margin-left:8px;}
.fwzc .m_form li{margin-bottom:4px;overflow:hidden;}
.fwzc .m_form label{float:left;width:27px;height:28px;border:1px solid #ccc;border-right-width:0;text-align:center;background-color:#fff;}
.fwzc .m_form label img{position:relative;top:8px;}
.fwzc .m_form .ipttxt{float:left;width:164px;border:1px solid #ccc;height:16px;line-height:16px;padding:6px 10px;outline:none;color:#666;background-color:#fff;}
.fwzc .m_form .areli label{height:70px;}
.fwzc .m_form .txtare{float:left;width:164px;height:60px;line-height:20px;border:1px solid #ccc;outline:none;resize:none;color:#666;padding:5px 10px;background-color:#fff;}
.fwzc .m_form .btnsubmit{width:214px;height:30px;cursor:pointer;border:none;background:url(../images/btnsubmit.png) no-repeat center;}


.yqlj{background-color:#333;padding:24px 0px;}
.yqlj .conttit{border-bottom:none;}
.yqlj .conttit .tita{padding-left:10px;color:#fff;background:url(../images/yqljtit.png) no-repeat left;}
.yqlj .conttit span{color:#5c5c5c;}
.yqlj p{height:30px;line-height:30px;overflow:hidden;}
.yqlj p a{padding-right:15px;color:#808080;}


.footwrap{background:#333;}
.footer{position:relative;padding-bottom:40px;overflow:hidden;}
.fotnav{line-height:40px; border-bottom:1px solid #484848;}
.fotnav a{padding-right:22px;padding-left:22px;background:url(../images/navli.png) no-repeat left center;color:#fff;}
.fotnav a.nobg{background-image:none;}
.f_logo{ width: 320px; float: left; margin: 18px 37px 0 0;}
.fottxt{ float: left; padding-top:20px;line-height:30px;color:#999;}
.fottxt a{color:#999;}
.fotphone{ float: right; padding-left:46px; margin-top:26px; background:url(../images/footphone.png) no-repeat left center;color:#fff;}
.fotphone dd{font-size:20px;font-weight:bold;font-family:Arial,Helvetica,sans-serif;color:#fff;}

#pageTop{z-index:160;width:65px;height:65px;background:url(../images/pagetop.png) no-repeat;position:fixed;bottom:10px;right:10px;overflow:hidden;text-indent:-999px;cursor:pointer}
#pageTop:hover{background-image:url(../images/pagetop_on.png)}
#pageTop a{width:100%;height:100%;display:block;}

@media (max-width:641px) {
    .hxysbg{padding-bottom:10px;}
    .hxysbg .hxystit{padding:10px 0;font-size:12px;line-height:25px;margin-bottom:20px;}
    .hxysbg .hxystit span{font-size:14px;line-height:30px;margin-bottom:0}
    .hxysbg li{float:none;margin:10px auto 0 ;padding:5px;width:96%;height:auto;background:#af1e25;line-height:20px;}
    .hxysbg li h5{margin-bottom:0px;font-size:14px;}

    .index_abt{padding-top:10px;}
    .about_t h3{font-size:14px;}
    .about_t h2{padding:0 10px;font-size:14px;}
    .about_t .more{right:5px;padding:0 5px;}

    .about_c{padding:10px 0}
    .about_cl{width:90%;float:none; margin:0 auto;}
    .about_cr{width:96%; margin: auto; line-height: 22px;font-size:12px; float: none}
    .about_cr h3{line-height:1.4em;font-size:14px;}
    .about_cr a{margin: 10px auto;}

    .dtspan{margin:10px auto;}
    .dtbox{width:98%;float: none; margin: auto;}

    .dtbox h4{font-size:14px;}
    .dtbox h4 a{line-height:30px;}
    .dtbox h4 a em{display: none}
    .dtbox dl{ display: none}

    .dtbox ul{margin:0 10px;}
    .dtbox li{height:22px;line-height:22px;padding-left:16px;}

    .fwzc,.yqlj{ display: none}

    .footer{padding-bottom:10px;}
    .fotnav{line-height:26px;}
    .fotnav a{padding:0 15px; display: inline-block;}
    .f_logo{ width: 280px; float: none; margin:5px auto;}
    .fottxt{ float: none; padding-top:10px;line-height:26px; text-align: center; padding-bottom: 50px;}
    .fotphone{ display: none}

    #pageTop{ bottom: 60px;}
}


.nconr{width:950px;float:right;border:#dedede 1px solid;background:#FFF; margin-top: 10px; }
.nconl{width:210px;float:left;margin: 10px 0 }

.post{border-bottom:#DDDDDD 1px solid;padding:0 10px;background:url(../images/conttitbg.png) repeat-x; line-height: 32px;}
.post h2{background:url(../images/lf_n_ic2.gif) left no-repeat;line-height:32px;font-size:14px;color:#ec6c21;padding-left: 20px;}
.post h3{float:right;font-weight:normal;color:#666;}

.pro{padding:5px 0}
.pro ul li{width:274px;float:left; margin:17px 20px; background: #F7F7F7;line-height:30px;color:#666; text-align: center}
.pro ul li .img{border:#dedede 1px solid;}
.pro ul li p { width: 100%; height: 30px; overflow: hidden}

.prs {background: #ec6c21; margin-bottom: 10px; padding: 0 5px 5px 5px;}
.prs h3 {background: #ec6c21;line-height: 63px;padding-left: 25px;font-size: 19px;font-weight: normal;color: #FFF;}
.prs ul li {line-height: 35px;padding-left: 10px;border-bottom: 1px dotted #b4b1b1; background: #ffffff;}
.prs ul li a {color: #333333;}
.prs ul li.cur a {color: #ec6c21}

.pagex{clear:both;margin:20px;overflow:hidden;line-height:20px;}
.pagex a{border:1px solid #ccc;padding:2px 9px;margin:0 3px;background:#fff; display: inline-block;}
.pagex a.active{border:1px solid #ec6c21;background:#ec6c21;color:#fff;}
.pagex a:hover{color:#1f9652;}


.contactn {background: #FFF; margin-top: 10px;}
.contactn .tits {padding: 9px 0 9px 5px;text-align: center;background: #ec6c21;color: #fff;font-size: 16px;font-weight: 100;}
.contactn .tits span {color: #F3F3F3;font-size: 12px;text-transform: uppercase;text-align: center}
.contactn .subnr {border: 1px solid #ec6c21;border-top: 0;padding: 24px 7px 5px;overflow: hidden;}
.contactn .subnr p {line-height: 25px;overflow: hidden;}
.contactn .subnr span {color: #333;font-weight: bold;}
.contactn .subnr h5 {padding-top: 12px;line-height: 28px;overflow: hidden;color: #ec6c21;font-size: 14px}


.content {line-height: 24px;font-size: 14px;padding: 15px 20px 25px 20px;background: #FFF}
.content img {max-width:100% !important;}

.liebiao{padding:15px 15px;}
.liebiao li{height:35px;line-height:35px;background:url(../images/sou_bj.png) left no-repeat;padding-left:15px;border-bottom:#CCC 1px dotted; overflow: hidden}
.liebiao li span{float:right;}

.linkarc {padding: 10px 5px 5px 5px;}
.linkarc_t { line-height: 26px; border-bottom: 1px #ccc dashed;background: url(../images/dd.gif) left no-repeat;padding-left: 20px;font-weight: bold;}
.linkarc ul {padding: 10px 0;}
.linkarc ul li {line-height: 25px;padding-left: 15px;background: url(../images/dd2.gif) left no-repeat;border-bottom: #CCC 1px dashed}
.linkarc ul li a {color: #2b2b2b}

.resource{line-height:36px;border-bottom:1px solid #DEDEDE;text-align:center;margin-bottom:8px}
.nconr .title{line-height:60px;font-size:20px;text-align:center}

@media (max-width:641px) {
    .nconr{width:98%;float:none;margin: 10px auto; }
    .nconl{width:100%;float:none;margin: 10px 0 }

    .post{padding:0 5px;line-height: 32px;}
    .post h2{line-height:32px;font-size:12px; padding-left:15px;}
    .post h3{display: none}

    .pro{padding:5px 0}
    .pro ul li{width:48%;margin:10px 1%;}

    .pagex{height:30px;margin:20px;overflow:hidden;line-height:20px;}
    .pagex a{border:1px solid #ccc;padding:2px 9px;margin:0 3px;background:#fff; display: inline-block;}
    .pagex a.active{border:1px solid #ec6c21;background:#ec6c21;color:#fff;}
    .pagex a:hover{color:#1f9652;}

    .prs {margin-bottom: 10px;}
    .prs h3 {line-height:36px;padding-left:0;font-size:16px; text-align: center}
    .prs ul li {line-height: 30px;padding-left:5px;}

    .pagex{margin:10px;}

    .contactn .tits {padding:0;font-size: 14px;}
    .contactn .tits span {display: none}
    .contactn .subnr {padding:5px; text-align: center}


    .content {line-height: 24px;font-size: 12px;padding:5px 10px 15px 10px;}

    .liebiao{padding:5px;}
    .liebiao li{height:30px;line-height:30px;padding-left:10px;}
    .liebiao li span{float:right;}

    .linkarc {padding:5px;}

    .resource{line-height:26px;}
    .nconr .title{line-height:26px;font-size:14px;}


}


.artshow{line-height:25px;font-size:14px;padding:0 0 15px 0;}
.artshow .title{text-align:center;font-size:20px;line-height:30px;font-weight:100;font-variant: normal;margin:0;padding:15px 0;font-family:microsoft yahei;}
.artshow .info{text-align:center;font-family:microsoft yahei;color:#999;padding:0 0 15px 0;font-size:14px;}
.artshow p{margin:5px 0;font-size:14px;}
.artshow .pre{margin:5px 0 5px 0;color:#999;}
.artshow .next{margin:0 0 5px 0;color:#999;}



#goodsshow{padding: 15px 10px;}
.show_gallery{float:left;width:430px;height:508px;margin:0 0 20px 0;position:relative; background: #ffffff;}

.show_property{float:right;width:280px;padding:0;position:relative;}
.show_property h1{font-size:20px;color:#333;line-height:40px;}
.show_property h1 a{color:#333;}
.show_property h2{font-size:15px;color:#cc0000;line-height:20px;margin-bottom:20px;}
.show_property p span{color:#999;display:inline-block;}

#goodsshow .shop_big{border:1px solid #e9e9e9;padding:2px;background:#fff;cursor:pointer;}
#goodsshow .shop_big img{ max-width: 414px; max-height: 414px;}
#goodsshow .shop_plist{}

#prolist{width:390px;float:left;overflow:hidden;height:68px;position:relative;margin:10px 0 0 0;}
#prolist ul{margin:0;padding:0;list-style:none;overflow:hidden;width:20000px;position:relative;}
#prolist ul li{float:left;cursor:pointer;position:relative;background:url(../images/pro_none.gif) no-repeat center top;height:68px;}
#prolist ul li img{height:60px;width:60px;margin:6px 8px 0 8px;padding:0px;border:0;}
#prolist .hover{background:url(../images/pro_bg.gif) no-repeat center top;height:68px;}
#goodsshow .shop_plist a.prev{float:left;width:20px;height:68px;display:block;outline:none;background:url(../images/ico_left.gif) no-repeat center;line-height:68px;margin-top:12px;}
#goodsshow .shop_plist a.next{float:left;width:20px;height:68px;display:block;outline:none;background:url(../images/ico_right.gif) no-repeat center;margin-top:12px;}
#goodsshow .right{width:350px;}
#goodsshow .right h1{font-size:18px;font-weight:normal;margin:0 0 10px 0;padding:0;}
#goodsshow .right .intro{color:#999;min-height:80px;}
#goodsshow .right .sno{border-bottom:1px solid #eee;line-height:35px;}
#goodsshow .right .price{color:#999;line-height:30px;padding:10px 0;}
#goodsshow .right .price span{color:#f60;font-size:16px;}

.choose_style {margin: 10px 0 0 0;border: #e9e9e9 1px solid;background: #f4f4f4;padding: 10px 0 15px 20px;}

.content_box{display:none;overflow: hidden; padding:15px 5px; line-height: 26px;}

.show_content {display: inline;}
.show_content h3 {background: url(../images/hbg.jpg) repeat-x 0 bottom;}
.show_content h3 span {float: left;line-height: 43px;color: #333;border: #e9e9e9 1px solid;
    border-bottom: none;background: #f9f9f9;cursor: pointer;font-weight: normal;width: 110px;text-align: center;margin: 0 3px 0 0;display: inline;}
.show_content h3 span.current {line-height: 43px;border: #e9e9e9 3px solid;border-bottom: none;background: #fff;font-weight: bold;width: 144px;}

.comment {border: #e9e9e9 1px solid;background: #f4f4f4;padding: 20px 30px;}
.comment h4 {line-height: 20px;color: #666;font-weight: normal;padding: 5px 0 15px 0;}
.comment td {height: 35px;padding-bottom: 10px;}
.comment td .text {border: #ccc 1px solid;height: 33px;line-height: 33px;width: 198px;}
.comment td textarea {border: #ccc 1px solid;height: 118px;line-height: 33px;width: 598px;overflow: hidden;}
.comment .ok_btn {background: #ec6c21;border:0;color: #ffffff;cursor: pointer;font-size: 14px;font-weight: bold;height: 40px;text-align: center;width: 130px;}


/*在线客服*/
.online-qq {position: fixed;top: 40%;left: 3px;z-index: 200;}
.online-qq .qq_content {background: #fff;margin: 0;padding: 0;}
.online-qq .qq_content .dt {text-align: center;background: #202020;color: #fff;font-size: 14px;font-weight: bold;padding: 6px 15px;border: 1px solid #ddd;border-bottom: 0;}
.online-qq .qq_content .qq {padding: 10px 10px 5px;margin: 0;border: 1px solid #ddd;border-top: 0}
.online-qq .qq_content .qq p {background: url(../images/online_qq.png) repeat-x 0 -33px;margin: 0 0 5px}
.online-qq .qq_content .qq a {border: 1px solid #ddd;display: block;background: url(../images/online_qq.png) no-repeat 10px -72px;height: 23px;line-height: 23px;padding: 0 18px 0 30px}
.online-qq .qq_content .tel {background: #fff;padding: 10px;margin: 0;text-align: center;font-size: 14px;color: #333;border: 1px solid #ddd;border-top: 0}
.online-qq .qq_content .tel strong {font-size: 12px;color: #af1f24}
.online-qq .qq_content .tel p {text-align: center;font-size: 12px}
.online-qq .footqq {border: 1px solid #ddd;background: #f1f1f1;height: 2px;overflow: hidden;margin: 0 5px;border-top: 0;display: none}
.page_top {position: absolute;}

.iconfont{ font-size: 24px;}
.m_nav{ display: none; padding: 5px 0; background: rgba(0,0,0,0.8); color: #ffffff; width: 100%; position: fixed; left: 0; bottom: 0; z-index: 9999}
.m_nav ul li{ width: 25%; text-align: center; font-size: 12px; float: left;}
.m_nav a{ color: #ffffff; display: block;}
.contact-xmtj {
    margin-top: 10px;
   /* background: url(../images/jobbg.png) top right no-repeat;*/
    padding: 60px 0;
}
.contact-xmtj a:hover {
    color: #F00
}
.button1 {
    width: 64px;
    height: 21px;
    text-align: center;
    line-height: 21px;
    cOLOR: #FFF;
    font-family: "Microsoft YaHei";
    background: url(../images/xmtj_11.jpg) no-repeat;
    border: none;
    margin-right: 20px;
    float: left;
    cursor: pointer;
}
.button2 {
    width: 64px;
    height: 21px;
    text-align: center;
    line-height: 21px;
    cOLOR: #FFF;
    font-family: "Microsoft YaHei";
    background: url(../images/xmtj_13.jpg) no-repeat;
    float: left;
    border: none;
    cursor: pointer;
}

@media (max-width:641px) {
    #goodsshow{padding:5px 0;}
    .show_gallery{float:none;width:318px;height:400px;margin:auto;}

    .show_property{float:none;width:98%; padding: 5px 1%;}
    .show_property h1{font-size:14px;line-height:30px;}
    .show_property h2{font-size:12px;line-height:20px;margin-bottom:10px;}

    #goodsshow .shop_big{border:0;padding:1px;}
    #goodsshow .shop_big img{ max-width:315px; max-height:315px;}
    #prolist{width:278px;}
    #prolist ul li img{height:60px;width:60px;margin:6px 5px 0;}

    .content_box{padding:5px; line-height: 26px;}
    .show_content h3 span {border:0;width:33.3%;margin: 0;}
    .show_content h3 span.current {border:0;width: 33.3%;}

    .comment {padding:10px 5px;}
    .comment td .text{ width: 170px;}
    .comment td textarea {width:170px;}

    .online-qq{ display: none}
    .m_nav{ display: block}

}








