@charset "utf-8";
@import "page.css";
@import "message.css";
@import "hdp.css";
@import "common.css";
/* CSS Document */
body{font-size:14px; font-family:"Microsoft YaHei"; color:#333; overflow-x:hidden }
*{ margin:0px; padding:0px; outline:none}
img{border:0px; max-width:100% }
a{ text-decoration:none; color:#333;}
li{ list-style:none}
.clear{ clear:both}
a:hover{ color:#A76F41}
input{ outline:none;}
div.middle{ width:1200px; margin:0px auto; position:relative;  }
.w1000{ width:1000px; margin:0px auto; position:relative; max-width:96%  }
div.toubu{ position:relative; z-index:2}
i,em{ font-style:normal}
.dlsou{ float:left; display:inline-block;position: relative;
    float: left;
    border-style: solid;
    border-width: 1px;
    border-color: #e0e0e0;
    box-sizing: border-box;
    margin-top: 23px;margin-left: 65px;}
.dlsou input{border: 0px;
    background-color: transparent;
    color: #999;
    text-indent: 10px;
    outline: none;
    width: 130px;
    height: 20px;
    line-height: 20px;
    font-family: "微软雅黑"; float:left;}
.dlsou img{margin-right: 7px; float:right; margin-top:2px;}
.head_top{position: relative;
    z-index: 100;
    width: 100%;
    margin: 0 auto;
    height: 105px;}
.dluser{ float:right; margin-top:20px; margin-right:50px;}
.dluser{}
.dluser a{color: #acabab;
    font-size: 12px; display:inline-block;}
.dluser span.i{color: #a9a8a8; padding:0px 9px;}
.dluser a:hover{ color:#333}
.dluser span.imglogins{}
div.head{}
div.head img.logo{height: 36px;
    width: 201px; position:absolute; left:50%; margin-left:-100px; top:25px;}
div.head div.wapdh{ display:none}
div.head ul.nav{  width:100%;}
div.head ul.nav li a{transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;}
div.head ul.nav li.yi{ float:left; width:12.5%; text-align:center; position:relative;  height:70px;}
div.head ul.nav li.yi a.ayi{ font-size:16px; display:block; width:100%; height:100%; color:#acabab}
div.head ul.nav li.yi a.ayi img{ display:block; margin:0px auto; padding-bottom:6px;}
div.head ul.nav li.yi:hover a.ayi{ color:#333;}
div.head ul.nav li.yi.hover a.ayi{ color:#333; }
div.head ul.nav li.yi ul.ernav{ position:absolute; left:0px; top:70px; width:100%; display:none;background: #E6E6E6;}
div.head ul.nav li.yi ul.ernav li.er{ width:100%; height:30px; line-height:30px; position:relative;}
div.head ul.nav li.yi ul.ernav li.er a.aer{ width:100%; height:100%; display:block; text-align:center; color:#acabab}
div.head ul.nav li.yi ul.ernav li.er:hover a.aer:hover{ color:#333}
div.head ul.nav li.yi ul.ernav li.er ul.sannav{ position:absolute; top:0px; left:100%; display:none; width:100%; background:#FFF}
div.head ul.nav li.yi ul.ernav li.er ul.sannav li.san{ width:100%; height:24px; line-height:24px;}
div.head ul.nav li.yi ul.ernav li.er ul.sannav li.san a.asan{ width:100%; height:100%; display:block; border-bottom:1px dashed #333; text-align:center}
div.head ul.nav li.yi ul.ernav li.er ul.sannav li.san:hover a.asan{ background:#000; color:#FFF}
div.head ul.nav li.yi ul.ernav li.er:hover ul.sannav{ display:block;}
div.head ul.nav li a.you{ position:relative;}
div.head ul.nav li a.you span{ position:absolute; right:5px; line-height:24px;}
div.head ul.nav li a.ayi span{ display:none}
div.head a.hsou{ margin-top:40px; display:block; height:30px;float:right; position:relative; margin-left:10px; width:29px; overflow:hidden;
z-index:9
}
div.head a.hsou img{ position:absolute; right:7px; top:3px;}
div.head a.hsou input{ display:block; margin:0px; height:27px; position:absolute; right:-158px; top:0px; border:1px solid #999; width:148px; border-radius:27px; line-height:27px; text-indent:15px;transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out; }
div.head a.hsou img.xiao{ display:none}
div.head a.hsou img.xian{ display:block}
div.head a.hsou.you{ width:150px;overflow:visible;}
div.head a.hsou.you input{ right:0px;}
div.head a.hsou.you img.xiao{ display:block}
div.head a.hsou.you img.xian{ display:none}
div.head a.hsou img.souclose{ width:22px; position:absolute; right:-22px; top:2px; z-index:9;}
.pc{ display:block;}
.wap{ display:none;}
/*pc端头部end*/
/*手机版头部start*/
div.wapheaddianbei{ width:100%; height:50px;}
div.waphead{ position:fixed; width:100%; left:0px; top:0px; }
div.waphead div.wapdh{ display:block; width:100%; height:50px; background:#FFF;border:1px solid #eee }
div.waphead div.wapdh img.waplogo{  height:30px; padding-top:10px; float:left; margin-left:10px;}
.menuBtn{
    float:right;
    width:30px;
    height:30px; margin-top:10px;
	margin-right:10px;
    cursor:pointer;
    transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    -o-transition:.3s; position:relative;
}
.menuBtn b{
    display:block;
    height:3px;
    background-color:#d7011b;
    margin:6px 0;
    border-radius:2px;
    transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    -o-transition:.3s;
}
.menuBtn.open b{
    display:none;
    margin:0;
    position:absolute;
    top:15px;
    width:30px;
}
.menuBtn.open b:first-child{
    display:block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.open b:last-child{
    display:block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}
div.waphead select{ float:right; margin:15px 20px auto auto}
div.waphead img.logo{ display:none;}
div.waphead div.middle{ width:70%; float:right; background:#FFF; position:relative;  }
div.waphead ul.nav{ width:100%;padding-bottom:10px; padding-top:10px; overflow-x:hidden;transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out; position:absolute; background:#F7F7F7; top:0px; right:-100%;}
div.waphead ul.nav.ulnavxian{ right:0px;}
div.waphead ul.nav li a{transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;}
div.waphead ul.nav li.yi{ width:100%; height:auto; border-bottom:1px solid #eee }
div.waphead ul.nav li.yi a.ayi{ display:block; width:100%; height:40px; line-height:40px;  font-size:14px; text-indent:10px; position:relative}
div.waphead ul.nav li.yi a.ayi span{ position:absolute; right:10px;transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out; text-indent:0px; padding:0px; width:9px; height:6px; display:block; background:url(../images/s-ico1.png); top:15px;
			}
			div.waphead ul.nav li.yi a.ayi span.rotat{transform: rotate(180deg) scale(1);
            -webkit-transform: rotate(180deg) scale(1);
            -moz-transform: rotate(180deg) scale(1);
            -o-transform: rotate(180deg) scale(1);
            -ms-transform: rotate(180deg) scale(1); background:url(../images/s-ico2.png);}
div.waphead ul.nav li.yi ul.ernav{ width:100%; height:auto; display:none;background:#FeFeFe;}
div.waphead ul.nav li.yi ul.ernav li.er{ height:auto; width:100%;}
div.waphead ul.nav li.yi ul.ernav li.er a.aer{ width:100%; height:30px; line-height:30px; position:relative;  text-indent:12px; font-size:12px; display:block;}
div.waphead ul.nav li.yi ul.ernav li.er a.aer span{ position:absolute; right:10px;transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out; text-indent:0px; padding:0px;
background:url(../images/s-ico1.png); top:10px; width:9px; height:6px; display:block;
			}
			div.waphead ul.nav li.yi ul.ernav li.er a.aer span.rotat{transform: rotate(180deg) scale(1);background:url(../images/s-ico2.png);}
div.waphead ul.nav li.yi ul.ernav li.er ul.sannav{ width:100%; height:auto; display:none}
div.waphead ul.nav li.yi ul.ernav li.er ul.sannav li.san{ height:auto; width:100%;}
div.waphead ul.nav li.yi ul.ernav li.er ul.sannav li.san a.asan{width:100%; height:30px; line-height:30px; font-size:12px;  text-indent:12px; display:block;}
div.waphead ul.nav li a:hover{ padding-left:0px;}

.hasdiv{ overflow:hidden; display:block;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: rotate(0deg)
}
.hasdiv .bkg{ display:block; width:100%;transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.hasdiv:hover .bkg{	   transform: rotate(0deg) scale(1.1);
            -webkit-transform: rotate(0deg) scale(1.1);
            -moz-transform: rotate(0deg) scale(1.1);
            -o-transform: rotate(0deg) scale(1.1);
            -ms-transform: rotate(0deg) scale(1.1);}

.l{ float:left;}
.r{ float:right;}
.animates{transition:All 0.4s ease;-webkit-transition:All 0.4s ease;-moz-transition:All 0.4s ease;-o-transition:All 0.4s ease;}

div.comtitle{ text-align:center; display:block; }
div.comtitle span.c{ display:block;font-size: 34px; height: 70px;
    line-height: 70px;
    padding-top: 52px; }
div.comtitle span.e{ display:block; /*text-transform : uppercase;*/height: 30px;
    line-height: 30px;
    font-size: 22px;
    color: #9E9F9E; font-family:Arial, Helvetica, sans-serif;}
div.comtitle p{ display:block; }


.banner{ display:block; text-align:center; width:100%;  height: 301px; background-position:center; background-repeat:no-repeat; background-size: cover;}
.banner img{ display:block; max-width:100%; margin:0px auto;}
.neiye{}
.left{}
.left .left_title{}
.left .left_title span.leftc{}
.left .left_title span.lefte{}
.left .lefternav{}
.left .lefternav li{}
.left .lefternav li a.zhu{}
.left .lefternav li a.zhu.erhover{}
.left .lefternav li a.zhu:hover{}
.left .lefternav li div{}
.left .lefternav li div a{}
.left .lefternav li div a:hover{}
.left .lefternav li div a.sanhover{}
.right{ width:100%; border:1px solid #000}
.right .nycontent{}

.wapernav{ display:none; text-align:center; padding:20px 0px 0px 0px;}
.wapernav a{ display:inline-block; margin:0px 5px 10px 0px; height:27px; line-height:27px; padding:0px 6px; border:1px solid #ccc;}
.wapernav a:hover,.wapernav a.waperhover{ color:#FFF; background:#89211b; border:1px solid #89211b}

.route{}
.route span.arr{}
.route p{ float:right}
.route p a{}



.hdp_c{}
.hdp_c .haveimg{ width:60%; float:left;display: flex;align-items: center; height:724px;}

.hdp_c .haveimg.haveimg_ny{ width:60%; float:left;display: flex;align-items: center; height:420px;}

  .hdp_c img{  max-width:100%; max-height:100%; display:block; margin:auto; }
  .hdp_c dl{ float:right; height:724px;display: flex;align-items: center; width:40%; text-align:right;}
  .hdp_c dl.dl_ny{ height:420px;}
  .hdp_c dl div.cc{ display:block; width:100%;}
  .hdp_c dl i{ display:block; width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .hdp_c dl i.i1{line-height: 45px;
    overflow: hidden;
    color: #747474;
    font-size: 22px;}
  .hdp_c dl i.i2{ font-size:34px; line-height:51px;}
  .hdp_c dl i.i3{font-size:22px; line-height:51px;}
  .hdp_c dl i.i4{ color:#D7C6B8;line-height:51px; font-size:34px;}
  .hdp_c dl a.at{color:#D7C6B8; display:inline-block; padding-top:16px;}
.hdp_c dl em{ display:block; padding-bottom:40%}

.hengfu{}
.hengfu li{ padding:2% 0px;}
.hengfu li.z{ background:#E5E5E5;}
.hengfu li .hf_pic{ float:left; width:56.6%; height:680px;}
.hengfu li .hf_pic img{ display:block; margin:auto; max-width:100%; max-height:680px;}
.hengfu li .hf_wz{ float:right; width:43.4%; height:680px;}
.hengfu li .hf_wz dl{ text-align:left;padding-left:5%; width:95%;}
.hengfu li.z .hf_wz dl{ padding-left:0px; display:block; width:100%; }
.hengfu li .hf_wz dl i{ display:block;color: #666666;
    font-size: 22px;
    height: 35px;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;width:90%;}
.hengfu li .hf_wz dl em{display:block;height: 60px;
    line-height: 60px;    color: #373737;
    font-size: 34px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; width:90%;    }
.hengfu li .hf_wz dl p{display:block;
    line-height: 40px;
    overflow: hidden;
    margin-top: 0px;
    font-size: 22px;
    color: #404040;
width:100%;}
.hengfu li .hf_wz dl a{display:block;height: 35px;
    line-height: 35px;
    margin-top: 45px;font-size: 18px;
    color: #C08A5E;
    margin-right: 20px;}
.hengfu li.z .hf_pic{ float:right;}
.hengfu li.z .hf_wz{ float:left;}
.valign{display: flex;align-items: center; text-align:center;}
.valign img{ max-height:100%; max-width:100%; display:block; margin:auto}
.zzs{}
.zzs .comtitle{}
p.zzs_jj{height: 65px;
    line-height: 65px;
    font-size: 30px;
    color: #333333; text-align:center; padding-top:20px;}
.zzs img{ display:block; margin:auto; margin-top:40px; max-width:96%}
.index_cp{background: #e5e5e5;}
.index_cp .comtitle{}
.index_cp ul{ padding:60px 0px 50px 0px; font-size:0px; text-align:center;}
.index_cp ul li{ display:inline-block; margin:0px 37px; width:247px; height:285px; background:url(../images/shop_bj.png) center center no-repeat; position:relative;}
.index_cp ul li.lit{ position:relative; top:-20px;}
.index_cp ul li dl{ position:absolute; left:0px; top:0px; width:100%; height:100%; text-align:center;}

.index_cp ul li:hover dl.dig{-webkit-transform: rotate3d(0,1,0,180deg);
    -moz-transform: rotate3d(0,1,0,180deg);
    transform: rotate3d(0,1,0,180deg);opacity:0; filter:alpha(opacity=0);}
.index_cp ul li dl div{ display:block; width:100%;}
.index_cp ul li dl img{ display:block; margin:0px auto; max-width:100%; max-height:200px;}
.index_cp ul li .ddivs{ display:block; width:180px; max-width:93%; margin:auto; text-align:center; height:100%;}
.index_cp ul li .ddivs dl{ height:100%; width:100%;  position:relative; left:auto; top:auto}
.index_cp ul li .ddivs dl dd{ display:block; width:100%}
.index_cp ul li .ddivs a.at{font-size: 18px; display:block; margin:0px auto; height:46px; line-height:23px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.index_cp ul li .ddivs p{height: 66px;
    line-height: 22px;
    overflow: hidden;
    color: #666666;
    font-size: 14px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
    display: -moz-box;
    -moz-line-clamp: 3;
    -moz-box-orient: vertical;
    moz-break: break-all;
    display: -o-box;
    -o-line-clamp: 3;
    -o-box-orient: vertical;
    word-break: break-all; padding-top:3px;}
.index_cp ul li dl.sig{opacity:0; filter:alpha(opacity=0);}
.index_cp ul li:hover dl.sig{opacity:1; filter:alpha(opacity=1);}
.index_cp ul li .ddivs a.xx{ font-size:14px; display:block; padding-top:13px;}
.indexxx{}
.indexxx .comtitle{}
.indexxx .xxx_list{ padding-top:75px;}
.indexxx .xxx_list .hasdiv{ float:left; width:537px;}
.indexxx .xxx_list .hasdiv .bkg{ padding-bottom:46%;}
.indexxx .xxx_list dl{ float:right; width:532px;}
.indexxx .xxx_list dl a.at{ display:block; font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;    }
.indexxx .xxx_list dl i{width: 98px;
    height: 20px;
    line-height: 21px; float:right; margin:20px auto 30px auto;
    font-size: 14px;
    color: #AEAEAE;}
.indexxx .xxx_list dl p{line-height: 22px;
    overflow: hidden;
    color: #999999;
    font-size: 14px; height:88px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;}
.indexxx .xxx_list dl a.gdxx{ float:right;    width: 96px;
    height: 25px;
    text-align: center;
    background: #CDA17E;
    line-height: 25px; color:#FFF; margin-top:28px;}
.chanpin_list{}
.cp_left{ float:left; width:336px;border-right: 1px solid #eaeaea;}
.cp_left li{width: 100%;
    height: 71px; line-height:71px; background-position:0px center; background-repeat:no-repeat;
    float: left;
    font-size: 16px}
.cp_left li a{ text-indent:80px; display:block; width:100%; height:100%;}
.cp_left li a:hover,.cp_left li a.on{ color:#F00}
.cp_right{ float:right;width: 600px;
    float: right;}


.cp_right dl{}
.cp_right dl li{ display:block; margin-top:30px; position:relative; z-index:0;}
.cp_right dl li i{color: #B30E1A; font-weight:bold; width:170px; display:inline-block; float:left;}
.cp_right dl li div.co{ display:inline-block;  line-height: 22px;
    width: 180px;
    border: 1px solid #c9c9c9; margin-right:12px; overflow:hidden; height:22px; position:absolute; top:0px; left:170px; }
.cp_right dl li div.co.co1{ left:362px; background:url(../images/right.png) right 0px no-repeat #FFF; }
.cp_right dl li div.co dl{ background:url(../images/right.png) right 0px no-repeat #FFF;}
.cp_right dl li div:hover{ height:auto;}
.cp_right dl li a{ display:block; width:100%; height:22px; text-indent:13px;color: #B30E1A; font-weight:bold;}
.cp_right dl li a.cor{ color: #0080ff; }
.cp_right dl li a:hover{background: #eaeaea;}
.cp_right dl li a:hover{}


.cp_route{padding-top: 15px;border-bottom: 3px #dfdfdf solid;
    padding-bottom: 10px;
    margin-top: 20px;}
.cp_route ul{ float:left; margin-top:20px;}
.cp_route ul a{ display:inline-block;line-height: 23px;
    color: #333333;
    text-decoration: none;
    background: none;
    float: left;
    padding: 0px 10px 0px 10px;}
.cp_route ul a:hover,.cp_route ul a.on{background: #ae535a;
    color: #fff;}
.cp_route i{ float:right; font-size:40px;}
.bottom{ text-align:center; color:#999}
.bottom img.flogo{ display:block; width:201px; height:36px; margin:auto}
.bottom img.qrcode{display:block; margin:auto; height:93px;}
.bottom .footnav1l{ display:block; padding:10px 0px 12px 0px;}
.bottom ul{ padding-top:30px; line-height:30px;}
.bottom ul a{  color: #999999;
    font-size: 14px;
    display: inline-block;
}
.bottom ul i{ display:inline-block; padding:0px 10px;}
.bottom p{line-height:30px;}
.bottom p i{ display:inline-block}
.bottom p a{}
.bottom a{ color:#999999;}
.bottom a:hover{ color:#333;}

div.twhp{border-bottom: 1px solid #e3d4c9;
    margin-top: 25px; padding-bottom:30px;}
div.twhp a.hasdiv{ float:left;width: 23%;
    border: 2px solid #dddddd; margin-right: 20px;}
div.twhp a.hasdiv .bkg{ padding-bottom:62.5%;}
div.twhp div.twhpnr{ overflow: hidden;}
div.twhp div.twhpnr a.twhptitle{ display:block; float:none; width:100%; height:30px; line-height:30px; padding-top:20px;    font-size: 18px;    /*color: #936747;*/white-space:nowrap;overflow:hidden;text-overflow:ellipsis;  }
div.twhp div.twhpnr p{ display:block;overflow: hidden;
    font-size: 14px;
    line-height: 22px;
    color: #888888; padding-top:15px; height:66px; width:100%;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
div.twhp div.twhpnr a.axx{ float:right}
.new_nav{ text-align:center; padding:20px 0px; font-size:0px;}
.new_nav a{ display:inline-block; font-size:16px; margin:0px 12px; background:#F7F5F4; height:36px; line-height:36px; padding:0px 13px; border:1px solid #EAE1DB; color:#EAE1DB}
.new_nav a:hover,.new_nav a.on{ background:#EAE1DB; color:#FFF}
@media screen and (max-width:1444px){
.indexxx .xxx_list{ padding-top:35px;}
}
@media screen and (max-width:1300px){
.index_cp ul li{  margin:0px 18px;}
.index_cp ul li.lit {
    top: -36px;
}
	}
@media screen and (max-width:1200px){
div.middle{ width:96%;}
.hdp_c .haveimg{ height:600px; width:50%; }
.hdp_c dl{  width:50%; height:600px;}

.hdp_c .haveimg.haveimg_ny{ height:400px; width:50%; }
.hdp_c dl.dl_ny{  width:50%; height:400px;}



.hdp_c dl em {
    padding-bottom: 21%;
}
.hengfu li .hf_wz {

    width: 48%;

}
.hengfu li .hf_pic {
    width: 52%;
}

.hengfu li .hf_pic{  height:540px;}
.hengfu li .hf_pic img{ max-height:540px;}
.hengfu li .hf_wz{  height:540px;}


div.comtitle span.c{ font-size: 27px; height: 50px;
    line-height: 50px;
    padding-top: 30px; }
div.comtitle span.e{
    font-size: 18px;
    }
p.zzs_jj{
	height: 40px;
    line-height: 40px;
    font-size: 20px;
     padding-top:10px;}
.index_cp ul{ padding:30px 0px 10px 0px;}




}


@media screen and (max-width:1150px){
.index_cp ul li{  margin:0px 8px;}
.index_cp ul li.lit {
    top: -59px;
}
	}

@media screen and (max-width:1180px){
.indexxx .xxx_list .hasdiv .bkg {
    padding-bottom: 0%; height:247px;
}
.indexxx .xxx_list .hasdiv{ width:465px;}
.indexxx .xxx_list dl {
     display:block; float:right; width: calc(100% - 495px);
}
	}

@media screen and (max-width:1100px){
.index_cp ul li {

    width: 198px;
    height: 228px; background-size:cover;
}
.index_cp ul li dl img {
    max-height: 126px;
}
.index_cp ul li .ddivs {
    max-width: 64%;
}
.index_cp ul li .ddivs a.xx {
    padding-top: 3px;
}
.index_cp ul li .ddivs a.at {
    font-size: 16px;
    height: 40px;
    line-height: 20px;
}
.index_cp ul li.lit {
    top: -45px;
}
}




@media screen and (max-width:1023px){

.pc{ display:none;}
.wap{ display:block;}

.hdp_c .haveimg{ height:400px; }
.hdp_c dl{   height:400px;}

.hdp_c .haveimg.haveimg_ny{ height:300px;  }
.hdp_c dl.dl_ny{   height:300px;}


.hdp_c dl em {
    padding-bottom: 6%;
}
.hdp_c dl i.i2 {
    font-size: 24px;
    line-height: 38px;
}
.hdp_c dl i.i3 {
    font-size: 18px;
    line-height: 30px;
}
.hdp_c dl i.i4 {
    line-height: 30px;
    font-size: 26px;
}


.hengfu li .hf_wz {

    width: 52%;

}
.hengfu li .hf_pic {
    width: 48%;
}

.hengfu li .hf_pic{  height:400px;}
.hengfu li .hf_pic img{ max-height:400px;}
.hengfu li .hf_wz{  height:400px;}
.hengfu li .hf_wz dl em {
    height: 46px;
    line-height: 46px;
    font-size: 20px;
}
.hengfu li .hf_wz dl a {
    margin-top: 10px;

}
.hengfu li .hf_wz dl p{ font-size:16px; line-height:30px;}


div.comtitle span.c{ font-size: 18px; height: 36px;
    line-height: 36px;
    padding-top: 17px; }
div.comtitle span.e{
    font-size: 12px; line-height:140%
    }
p.zzs_jj{
	height: 36px;
    line-height: 36px;
    font-size: 17px;
     padding-top:16px;}
.zzs img{ margin-top:20px; }
.index_cp ul{ padding:20px 0px 0px 0px;}
.indexxx .xxx_list{ padding-top:25px;}

.cp_left {
    width: 200px;
}


}
@media screen and (max-width:900px){
.index_cp ul li.lit {
    top: 0px; margin-top:14px;
}
.index_cp ul {
    padding: 20px 0px 20px 0px;
}



.indexxx .xxx_list .hasdiv{ width:365px;}
.indexxx .xxx_list .hasdiv .bkg{ height:0px; padding-bottom:46%}
.indexxx .xxx_list dl {
     width: calc(100% - 395px);
}



.cp_right dl li div.co.co1 {
    left: 170px; top:40px;
}

.cp_right {

    width: calc(100% - 230px);

}
}


@media screen and (max-width:860px){
.indexxx .xxx_list dl i {

    margin: 10px auto 10px auto;

}
.indexxx .xxx_list dl a.gdxx {
    margin-top: 13px;
}
.banner{ height: 200px; }
div.twhp a.hasdiv{ width: 30%; }
}


@media screen and (max-width:767px){
	.hdp_c .haveimg{ height:200px; width:36%; }
.hdp_c dl{   height:200px;width:64%;}

.hdp_c .haveimg.haveimg_ny{ height:200px;  }
.hdp_c dl.dl_ny{   height:200px;}

.hdp_c dl em {
    padding-bottom: 3%;
}
.hdp_c dl i.i2 {
    font-size: 18px;
    line-height: 33px;
}
.hdp_c dl i.i3 {
    font-size: 14px;
    line-height: 30px;
}
.hdp_c dl i.i4 {
    line-height: 20px;
    font-size: 20px;
}
.indexxx .xxx_list .hasdiv {
    width: 100%; float:none;
}
.indexxx .xxx_list dl {
    width: calc(100% - 0px); float:none; padding-top:28px;
}






.cp_route ul{ float:none; }
.cp_route i{ display:none}



div.twhp{
    margin-top: 13px; padding-bottom:15px;}


div.twhp div.twhpnr a.twhptitle {

    height: 30px;
    line-height: 30px;
    padding-top: 5px;
    font-size: 16px;
    /* color: #936747; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
div.twhp div.twhpnr p {
    padding-top: 0px;
}
}

@media screen and (max-width:680px){
.clearcp{ display:none}
}

@media screen and (max-width:640px){
div.list_thumb ul li{ width:45%; margin-left:3.3%; margin-bottom:3.3%; margin-right:0px;}
div.xuanzhuan li{ width:45%; margin-left:3.3%;}




.hengfu li .hf_wz {

    width: 64%;

}
.hengfu li .hf_pic {
    width: 36%;
}

.hengfu li .hf_pic{  height:150px;}
.hengfu li .hf_pic img{ max-height:150px;}
.hengfu li .hf_wz{  height:150px;}
.hengfu li .hf_wz dl em {
    height: 34px;
    line-height: 34px;
    font-size: 16px;
}
.hengfu li .hf_wz dl a {
    margin-top: 10px;

}
.hengfu li .hf_wz dl p{ font-size:12px; line-height:20px;}

.cp_left{ display:none}
.cp_right {

    width: calc(100% - 0px); float:none; position:relative; z-index:9999

}
.cp_right{}
.cp_right dl li div.co{ }
.cp_right dl li {
    margin-top: 15px;

}
.cp_right dl li div.co.co1 {
    top: 33px;
}



}
@media screen and (max-width:480px){
	/*	div.twhp a.hasimg{ float:none; width:100%;}
    div.twhp div.twhpnr{ float:none; width:100%;}*/
   .hdp_c dl i.i1,.hdp_c dl i.i3{ font-size: 14px; line-height: 22px; }
   .hdp_c dl i.i2,.hdp_c dl i.i4{ font-size: 16px; }
   .hengfu li .hf_wz dl i{font-size: 14px; line-height: 22px; height: 22px;}
   .hengfu li .hf_wz dl a{ font-size: 14px; }
   .zzs img{ max-width: 70%; }
   .index_cp ul li{ width: 48%; margin:1%; }
   .banner{ height: 100px; }
   div.twhp div.twhpnr p{ height: 45px; }
   div.twhp a.hasdiv{ margin-right:10px; width: 35%; }
}

@media screen and (max-width:440px){
.cp_right dl li div.co,.cp_right dl li div.co.co1 {
    left: 135px;
}
}


@media screen and (max-width:360px){
div.waphead div.wapdh img.waplogo{  height:30px; padding-top:10px; float:left; margin-left:4px;}
	.hdp_c .haveimg{ height:180px; width:30%; }
.hdp_c dl{   height:180px;width:70%;}

.hdp_c .haveimg.haveimg_ny{ height:150px;  }
.hdp_c dl.dl_ny{   height:150px;}


.hdp_c dl i.i2 {
    font-size: 16px;
    line-height: 30px;
}
.hdp_c dl i.i3 {
    font-size: 12px;
    line-height: 22px;
}
.hdp_c dl i.i4 {
    line-height: 20px;
    font-size: 18px;
}
.cp_right dl li div.co {
    width: 165px;
}

}
@media screen and (max-width:360px){
.cp_route ul a{ padding:0 5px 0 5px; }
div.twhp a.hasdiv{ width: 40%; }
}