@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; max-width:1920px }
*{ margin:0px; padding:0px; }
img{border:0px; max-width:100%; }
a{ text-decoration:none; color:#333;}
li{ list-style:none}
.clear{ clear:both}
.bak{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;  display: block; }
.bak:hover {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic,.pic1{ overflow: hidden; margin: auto; position: relative;}
.pic span{ background-repeat: no-repeat; background-position: center; background-size: cover; display: block;}
.pic span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; transition: all 0.5s;}

.pic1 span{background-repeat: no-repeat; background-position: center; background-size:contain; display: block;}
.pic1 span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain; transition: all 0.5s;}



a:hover{ color:#dcb557}
i,em{ font-style:normal;}
input{ outline:none;}
div.middle{ width:1200px; margin:0px auto;  }
div.toubu{ position:relative; z-index:2}
/*div.head div.middle{ width:100%;}*/
div.head{ height:79px; line-height:79px;}
div.head img.logo{ float:left; height:70px; margin:4px auto auto 23px;}
div.head div.wapdh{ display:none}
div.head ul.nav{ float:right; width:700px;}
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:16.6%; height:79px; line-height:79px; text-align:center; position:relative;}
div.head ul.nav li.yi a.ayi{ font-size:16px; display:block; width:100%; height:100%;}
div.head ul.nav li.yi:hover a.ayi{ color:#fff; background:#dcb557;}
div.head ul.nav li.yi.hover a.ayi{ color:#fff; background:#dcb557;}
div.head ul.nav li.yi ul.ernav{ position:absolute; left:0px; top:79px; width:100%; display:none;background:#FFF}
div.head a.email{ float:right; display:inline-block; color:#dcb557; font-size:16px; height:79px;}
p.lang{ display:block; float:right; width:119px; height:79px; position:relative; background:url(../images/lang.gif) 60px center no-repeat #f6f6f6; line-height:79px; font-size:16px; margin-left:20px;}
p.lang a{ text-indent:43px;width:100%; height:100%;color:#dcb557;}
p.lang a.yincang{ display:none; position:absolute; left:0px; top:79px;  background:#f6f6f6;}
p.lang:hover a.yincang{ display:block;}
p.lang a.xianshi{display:block; color:#dcb557;}
div.head ul.nav li.yi ul.ernav li.er{ /*width:100%; width:auto;*/ float:left; padding-left:25px; display:inline-block; height:40px; line-height:40px; position:relative;}
div.head ul.nav li.yi ul.ernav li.er a.aer{height:100%; /*width:100%;  display:block; border-bottom:1px dashed #dcb557; text-align:center;*/ overflow:hidden}
div.head ul.nav li.yi ul.ernav li.er:hover a.aer{ /*background:#dcb557;*/ color:#dcb557}
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;}
div.wapheaddianbei{ width:100%; height:50px; display:none;}
div.waphead{ position:fixed; width:100%; left:0px; top:0px; display:none; z-index:991000 }
div.waphead div.wapdh{ display:block; width:100%; height:50px; background:#FFF;border:1px solid #eee }
div.waphead div.wapdh img.waplogo{  height:40px; padding-top:5px; 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 a.en{ float:right; margin:16px 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;}
/*手机版头部end*/


.small,.nosmall,.big,.nobig,.slide-T, .slide-B, .slide-L, .slide-R, .slide-W, .slide-Wsmall, .slide-H, .noslide-T, .noslide-B, .noslide-L, .noslide-R, .noslide-W, .noslide-Wsmall, .noslide-H{
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
.hasimg{ display:block; overflow:hidden;}
.hasimg img{transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease; display:block; width:100%;}
.hasimg:hover img{
	   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);
	}


.hasdiv{ overflow:hidden; display:block;}
.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;}
.animates1{transition:All 2.9s ease;-webkit-transition:All 2.9s ease;-moz-transition:All 2.9s ease;-o-transition:All 2.9s ease;}
.small{transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-o-transform: scale(0.8);-ms-transform: scale(0.8);}
.nosmall{transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-o-transform: scale(0.8);-ms-transform: scale(0.8);}
.big{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);}
.nobig{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);}
.smallbigton{transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);}
.slide-T{position:relative; top:-50px; opacity:0; filter:alpha(opacity=0);}
.noslide-T{position:relative; top:-50px; opacity:0; filter:alpha(opacity=0);}
.slide-Ton{top:0px; opacity:1; filter: alpha(opacity=1);}
.slide-B{position:relative; bottom:-50px; opacity:0; filter:alpha(opacity=0);}
.noslide-B{position:relative; bottom:-50px; opacity:0; filter:alpha(opacity=0);}
.slide-Bon{bottom:0px; opacity:1; filter: alpha(opacity=1);}
.slide-L{position:relative; left:-153px; opacity:0; filter:alpha(opacity=0);}
.noslide-L{position:relative; left:-0px; opacity:0; filter:alpha(opacity=0);}
.slide-Lon{left:0px; opacity:1; filter: alpha(opacity=1);}
.slide-R{position:relative; right:-50px; opacity:0; filter:alpha(opacity=0);}
.noslide-R{position:relative; right:-50px; opacity:0; filter:alpha(opacity=0);}
.slide-Ron{right:0px; opacity:1; filter: alpha(opacity=1);}









div.comtitle{ text-align:center; display:block; }
div.comtitle span.c{ display:block;  }
div.comtitle span.e{ display:block; text-transform : uppercase}
div.comtitle p{ display:block; }




div.comtitle1{ border-bottom:1px solid #999; height:40px; line-height:40px;}
div.comtitle1 span.c{ float:left; display:inline-block;}
div.comtitle1 span.e{text-transform : uppercase; display:inline-block; float:left;}
div.comtitle1 a{ float:right;}




div.twhp{ margin-bottom:4%;}
div.twhp a.hasimg{ float:left; width:40%;}
div.twhp div.twhpnr{ float:right; width:55%;}
div.twhp div.twhpnr a.twhptitle{ display:block; float:none;}
div.twhp div.twhpnr p{ display:block;}
div.twhp div.twhpnr a.axx{ float:right}





div.xuanzhuan li{ text-align:center; float:left; width:20%; margin-left:4%; margin-bottom:4%;}
div.xuanzhuan li img{ width:100%; display:block;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.xuanzhuan li img.xiao{ height:0px;}
div.xuanzhuan li:hover img.xiao{ height:auto;}
div.xuanzhuan li:hover img.xian{ height:0px;}
div.xuanzhuan li:hover img{-webkit-transform: rotate3d(0,1,0,360deg);
    -moz-transform: rotate3d(0,1,0,360deg);
    transform: rotate3d(0,1,0,360deg);}

div.xuanzhuan li a{ line-height:22px; display:block;}
div.xuanzhuan li p{ text-align:center; display:block;}






.banner{ display:block; text-align:center; width:100%;}
.banner .pic span{ padding-top: 18.23%; padding-top: 20%; }
/*.banner img{ display:block; max-width:100%; margin:0px auto;}*/
.neiye{}
.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:30px; line-height:30px; padding:0px 6px; border:1px solid #ccc;}
.wapernav a:hover,.wapernav a.waperhover{ color:#FFF; background:#dcb557; border:1px solid #dcb557}





.foot{  background:#f8f8f8;}
.foot img.flogo{ float:left; margin-left:2.9%; margin-top:43px; margin-bottom:31px;}
.foot p{ float:left; display:block; padding-left:30px; margin-top:55px; line-height:22px;}
.foot p span{ display:block;}
.foot p i{ display:inline-block; color:#8c8c8c;}
.foot dl{ float:right; margin-right:4%; margin-top:17px; display:block; text-align:center;}
.foot dl img{ display:block; padding:6px; background:#e8e8e8;}
.foot dl span{ display:block;}



.indexabout{ padding:54px 0px 48px 0px;}
.indexabout p{ line-height:26px; /*padding-top:25px;*/}
.abouttitile{ display:block; height:181px;}
.abouttitile span{ position:relative; z-index:2; color:#757576; font-size:24px; font-weight:bold; display:block; padding-top:7px;}
img.ab1{ position:relative; z-index:1; display:block;}
img.ab2{ position:relative; z-index:2; display:block; margin-top:-133px;}

.zhuyingyewu{ background:#f8f8f8; padding-top:30px;}
.zhuyingyewu_title{ display:block; padding-left:4.5%;font-size:24px; font-weight:bold;}
.zhuyingyewu_title span{ display:block;  background:#cca74d; height:3px; width:20px; margin-top:11px }
.zhuyingyewu ul{ padding-top:41px;}
.zhuyingyewu ul li{ display:block; float:left; width:16.6%; text-align:center; position:relative;}
.zhuyingyewu ul li.z{ width:17%}
.zhuyingyewu ul li dl{ display:block; height:250px; position:relative; z-index:2; background-color:#dcb557;background-position:center 83px; background-repeat:no-repeat; border-right:1px solid #FFF; background-size: 65px;}
.zhuyingyewu ul li.z dl{ border:none; }
.zhuyingyewu ul li dl a{ display:block; font-size:18px; color:#FFF; font-weight:bold; padding-top:166px; max-width:97%; margin:0px auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;    }
.zhuyingyewu ul li a.hasimgs{ background-size:cover;background-position:center; background-repeat:no-repeat; position:absolute; left:0px; bottom:-30px; bottom:0px; z-index:1; height:287px; display:block; width:100%;opacity:0; filter:alpha(opacity=0);transition:All 1.7s ease;-webkit-transition:All 1.7s ease;-moz-transition:All 1.7s ease;-o-transition:All 1.7s ease; z-index: 1;}
.zhuyingyewu ul li:hover a.hasimgs{opacity:1; filter:alpha(opacity=1); bottom:0px;
/*transform-style:preserve-3d;
 transform: rotateX(0deg) rotateY(360deg);*/
}
.zhuyingyewu ul li:hover a.hasimgs:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.6); z-index: 2; }
.zhuyingyewu ul li:hover dl{ background-color:rgba(0,0,0,0);}

.cengjis{ height:60px; line-height:60px; border-bottom:1px solid #dfdfdf;}
.cengjis p{ float:left; display:block; padding-left:19px;}
.cengjis p a{ display:inline-block; padding-left:27px; height:60px; background-position:left center; background-repeat:no-repeat;}
.cengjis p a.home{ background-image:url(../images/h.png);}
.cengjis p a.arr{ background-image:url(../images/a.png);}
.cengjis p span{ display:inline-block; padding:0px 12px;}
ul.lefternav{ float:right;}
ul.lefternav a{ display:inline-block; height:60px; line-height:60px; border-left:1px solid #dfdfdf; padding:0px 28px; border-right:1px solid #dfdfdf; margin-left:-1px; float:left; color:#999;}
ul.lefternav a:hover,ul.lefternav a.erhover{ color:#FFF; background:#dcb557;}

.dsj{ display:block; padding:50px 0px 137px 0px;}
.dsj_title{ text-align:center;font-size:18px; color:#555; font-family:Arial, Helvetica, sans-serif}
.dsj_title span{ display:block;  color:#999;font-size:36px; font-family:"微软雅黑"; padding-bottom:4px; }
.dsjtx{ margin-top:50px; width:100%; background:url(../images/sjz.png) center 12px no-repeat; overflow:hidden}
.up{text-transform : uppercase}

.about{ padding:55px 0px 60px 0px;}
.about .imgtitle{ float:left; width: 36px; margin-right: 60px;}
.about_nr{ display:block; overflow: hidden;}
.about_nr{ line-height:26px; color:#777;}
.about_nr span.sitname{ display:block; font-size:36px; color:#333; line-height:100%}
.about_nr i.ii{ display:block; font-size:22px; padding-top:27px; line-height:100%}
.about_nr em{ display:block; width:47px; height:2px; background:#ababab; margin:40px auto 40px 0px;}
.about_nr img.you,.about_nr div.you{ float:right; padding-left:43px; margin-top:-140px; padding-bottom:12px;}
.about_nr div.you{ width:406px; position:relative; z-index:999}
.new_ny{ display:block; padding:54px 0px 80px 0px;}
.new_ny ul{ padding-top:4px;}
.new_ny ul li{ display:block; border-top:1px solid #e8e8e8; padding:30px 0px; position:relative;}
.new_ny ul li{}
.new_ny ul li em{ display:block; width:153px; height:4px; position:absolute; left:0px; top:-4px; background:#dcb557;}
.new_ny ul li:hover em{ background:#ff0000;}
.new_ny ul li dl.dl1{ float:left; display:block; width:288px; width:502px; padding-left:28px; position:relative; z-index:999}
.new_ny ul li dl.dl1 span.spantime{ font-size:18px; font-family:Arial, Helvetica, sans-serif; display:block; width:66px; height:48px; background:url(../images/sjxie.png) right bottom no-repeat; padding-top:14px; margin-bottom:15px;}
.new_ny ul li dl.dl1 a.at{ display:block; font-size:18px; line-height:27px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;    }
.new_ny ul li dl.dl1 p{ display:block; line-height:22px; color:#999999; height:44px; overflow:hidden; padding-top:14px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.new_ny ul li dl.dl2{ display:block; padding-left:550px;}
.new_ny ul li dl.dl2 .bkg{ height:336px;  }





.new_ny_tg{ display:block; padding:35px 0px 24px 0px;}
.new_ny_tg ul li{ display:block; border:2px solid #e8e8e8; margin-bottom:11px; padding:39px 0px 30px 0px; position:relative;}
.new_ny_tg ul li span.gexiam{ width:21px; height:3px; background:#ececec; display:block;}
.new_ny_tg ul li dl{  display:block; width:980px; margin:0px auto; max-width:95%;}
.new_ny_tg ul li dl span.spantime{ font-size:14px; text-align:right; color:#999999; font-family:Arial, Helvetica, sans-serif; display:block; width:72px; height:48px;  float:right;   }
.new_ny_tg ul li dl span.spantime i{font-size:26px;}
.new_ny_tg ul li dl a.at{ display:block; font-size:18px; float:left;width: calc(100% - 90px); line-height:27px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;    }
.new_ny_tg ul li dl p{ display:block; line-height:24px; color:#999999; height:44px; overflow:hidden; padding-top:14px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; padding-top:15px;}
.new_ny_tg ul li dl a.m{ display:block; background:url(../images/m.png); width:37px; height:37px; float:right; margin-top:13px;}
.new_ny_tg ul li:hover dl a.m{background:url(../images/mm.png);}


.ywbj_nr table tr td{ height:210px;}
.ywbj_nr table tr td p{display: -webkit-box;-webkit-box-orient: vertical;
-webkit-line-clamp: 8;
overflow: hidden;}
.ywbj{ margin-top:71px; background:url(../images/ywbj_bg1.gif) 0px 144px no-repeat;}


.middleywbj{ position:relative}

.ywbj dl{opacity:0; filter:alpha(opacity=0); position:absolute; left:0px; top:0px;}
.ywbj dl.dldl{opacity:1; filter:alpha(opacity=1); position:relative}
.ywbj dl .ywbj_nr .sdiv{opacity:0; filter:alpha(opacity=0);}
.ywbj dl.dldl .ywbj_nr .sdiv{opacity:1; filter:alpha(opacity=1);}
.ywbj_title{ height:144px;}
.ywbj_title span{ display:block; font-size:34px; color:#cacaca; width:650px; max-width:100%; line-height:100%}
.ywbj_title1 span{ font-size:20px;max-width: calc(100% - 570px);}
.ywbj_title1 i{max-width: calc(100% - 570px);}
.ywbj_title i{ display:block; color:#dcb557; font-size:34px; font-weight:bold;}
.ywbj_nr{background:url(../images/ywbj_bg.gif) repeat-x; height:210px; position:relative;}
.ywbj_nr table{ line-height:26px; color:#777; display:block; width:630px;  }
.ywbj_nr a.hasimg,.ywbj_nr div.hasimgs,.ywbj_nr iframe{ position:absolute; right:-80px; bottom:0px; width:576px;}
.ywbj_nr div.hasimgs{  z-index:999!important}

.ywbj_nr table tr td div li{}
.ywbj_nr table tr td div li img{ display:block;}



.ywbj ul{ display:block; padding:64px 0px 53px 0px;}
.ywbj ul li{ text-align:center; float:left; display:block; width:16.6%;}
.ywbj ul li span{ display:block; height:68px; background-position:center; background-repeat:no-repeat; width:100%;}
.ywbj ul li a{ display:block; height:48px; padding-top:12px;  width:100%; font-size:18px; line-height:120%}
.ywbj ul li.selected a,.ywbj ul li:hover a{ color:#dcb557}

.ywbj_nr_li{ width:600px;}
.ywbj_nr_li li{ float:left; color:#555; font-size:16px; height:105px;}
.ywbj_nr_li li.z{ float:right;}
.ywbj_nr_li li img{ display:block; height:31px; padding:18px 0px;}
.ywbj_contact{ padding-bottom:86px;}

.tong_list1{ margin:auto; overflow: hidden; padding: 54px 0;}
.tong_list1 li{ margin:auto; border-top: 1px solid #e8e8e8; padding-top: 50px; margin-bottom:50px; position: relative; }
.tong_list1 li em{ display:block; width:153px; height:4px; position:absolute; left:0px; top:-4px; background:#dcb557;}
.tong_list1 li:hover em{ background:#ff0000;}
.tong_list1 li .text{  float: left; width: 45%; margin-right: 5%; }
.tong_list1 li .text h3{ font-size: 26px; font-weight: bold; }
.tong_list1 li .text .con{ margin-top: 20px; font-size: 16px; line-height: 2; text-align:justify; }
.tong_list1 li .pic{ overflow: hidden;}

.tong_list1 li .pic span{ padding-top: 60%; }

.about_con{ margin:40px auto 0 auto; display: flex; align-items: center;  }
.about_con .text{ float: left; width: 55% margin-right:5%; display: flex; align-items: center; }
.about_con .pic { float: left; width: 45%; margin-right: 5%; }
.about_con .pic b{ display: block; text-align: center; }
.about_con .pic b.wap{ margin-top: 5px; font-size: 12px;  }
/*.about_con .text{ overflow: hidden; line-height: 1.8;  width: 70%; display: flex; align-items: center; }
.about_con .text_l{ float: left; width: 30%;margin-right: 5%; }
.about_con .text_r{ overflow: hidden; width: 65%; font-size: 16px; line-height: 1.8; }*/
.about_con  .text_jj{ width: 50%;  line-height: 1.8; font-size: 14px; }
.about_con .text_zc{ width: 40%; font-size: 16px; line-height: 1.8; font-family: "楷体";}
.wap{ display: none; }
.zc_qm{}
.zc_qm img{ float: right; display: block;}
.more{ margin:auto; }
.more a{ display: block; width: 100px; height: 35px; line-height: 35px; border-radius: 35px;  border: #dcb557 1px solid; color: #dcb557; text-align: center; margin:auto;  }
#owl-hdp .item .pic span{padding-top:43.75%; /*height: 750px;*/ }
.about_nr .jianjies{ text-indent: 28px; }

@media screen and (max-width:1800px){
#owl-hdp .item .pic span{ height: auto; padding-top:43.75%;  }
}


@media screen and (max-width:1360px){
.ywbj_nr a.hasimg,.ywbj_nr div.hasimgs,.ywbj_nr iframe{  right:0px; }
.ywbj_nr table{  width: calc(100% - 606px);}
.ywbj_nr_li{ width:auto}
.ywbj_nr_li{ padding-top:27px;}
.ywbj_nr_li li{ float:none;  font-size:16px; margin-left:12px; height:auto; padding-left:26px; position:relative; line-height:140%;   margin-bottom:13px;}
.ywbj_nr_li li.z{ float:none;}
.ywbj_nr_li li img{ display:inline-block; position:absolute; left:0px; top:3px; height:18px;  width:18px; padding:0px;}
div.head ul.nav li.yi ul.ernav.ernav3{ left:-200%;}
	}

@media screen and (max-width:1300px){
div.head ul.nav{  width:770px;}
p.lang{  width:80px;  background:url(../images/lang.gif) 40px center no-repeat #f6f6f6;  margin-left:10px;}
p.lang a{ text-indent:13px;}
}
@media screen and (max-width:1200px){
div.middle{ width:94%;}
div.head ul.nav{  width:714px;}
.about_nr img.you,.about_nr div.you{  padding-left:20px; margin-top:0px; padding-bottom:12px;}
.about .imgtitle{ margin-right: 40px; }
.new_ny ul li dl.dl1{padding-left:0px;}
.new_ny ul li dl.dl2{ display:block;padding-left:302px;}



}
@media screen and (max-width:1100px){
	.zhuyingyewu ul li{  width:33.3%;}

	.zhuyingyewu ul li a.hasimgs{ height:250px;}
.zhuyingyewu ul li.z{ width:33.3%}

.tong_list1 li .text h3{ font-size: 18px; }
.tong_list1 li .text .con{ font-size: 14px; }
.about_con .text_zc{ font-size: 15px; }
/*.zhuyingyewu ul li a.hasimgs{ display: none; }
.zhuyingyewu ul li a:hover{display: none; }*/
.zhuyingyewu ul li:hover a.hasimgs{ display: none; }
.zhuyingyewu ul li:hover a.hasimgs:before{ display: none; }
.zhuyingyewu ul li:hover dl{ background-color:#dcb557;}





}



@media screen and (max-width:1024px){
	.new_ny ul li dl.dl1{ float:none;  width:100%; }
.new_ny ul li dl.dl2{ width:100%;padding-left:0px; padding-top:20px;}
.new_ny ul li dl.dl2 .bkg{ height:0px; padding-bottom:28.5%;}
}
@media screen and (max-width:1023px){
.cengjis{ display:none}
.wapernav{ display:block}

.ywbj{  background:url(../images/ywbj_bg1.gif) 0px 144px repeat-x;}
.ywbj_nr table,.ywbj_nr table{  width:48%; }
.ywbj_nr table tr td p{ line-height:22px;}
.ywbj_nr a.hasimg,.ywbj_nr div.hasimgs,.ywbj_nr iframe{ width:48%;}
.ywbj_title1 span{ font-size:20px;max-width: calc(50%);}
.ywbj_title1 i{max-width: calc(50%);}
}
@media screen and (max-width:900px){
.foot{ text-align:center}
.foot img.flogo{ float:none; margin: auto; padding-top:20px; display:block}
.foot p{ float:none;  padding-left:0px; margin-top:10px;}


.foot dl{ float:none; margin-right:4%; margin-top:10px; display:block; margin:20px auto auto auto; padding-bottom:20px; width:100px; }



}
@media screen and (max-width:800px){
.ywbj ul li a{  font-size:14px;}
.about_nr img.you,.about_nr div.you{ width:50%}

.about_con{ display: block;  margin:20px auto;}
.about_con .text{ float: none; width: 100%;}
.about_con .text_zc{ width: 100%; }
.about .imgtitle{ width: 25px; }
.about_nr span.sitname{ font-size: 30px; }
.about_nr em{  margin:25px auto 25px 0px;}
.tong_list1 li .text{ float: none; width: 100%; margin:auto; margin-bottom: 20px; }
.tong_list1 li{ padding-top: 20px; margin-bottom: 20px;  }
.tong_list1{ padding: 20px 0; }
.banner .pic span{ padding-top: 25%; }
}


@media screen and (max-width:767px){
.new_ny ul li{  padding:15px 0px; }
.indexabout{ padding:20px 0px 20px 0px;}
.indexabout p{ line-height:24px; padding-top:1px;}
	.zhuyingyewu ul li{  width:50%; margin-bottom: 1px;}
.zhuyingyewu ul li.z{ width:50%}
.zhuyingyewu ul li dl {background-position: center 15px; height: 115px;}
.zhuyingyewu ul li dl a{ padding-top: 70px; }
.dsj{ display:block; padding:20px 0px 20px 0px;}
.dsjtx{ padding-top:20px;}
.about{ padding:20px 0px 20px 0px;}
.about .imgtitle{ width: 15px; margin-right: 20px; }
.about_nr span.sitname{ font-size:20px; line-height:120%}
.about_nr i.ii{ font-size:14px; padding-top:12px;}
.about_nr em{  margin:15px auto 15px 0px;}
.about_nr {
    line-height:24px;text-align:justify;
}
.dsjtx {
    margin-top: 20px;}
.dsj_title span {
    font-size: 26px;
	}
.new_ny{display:block;padding:20px 0px 20px 0px;}

.ywbj{ margin-top:20px; background:none }
.ywbj_nr{ height:auto; background:none;}
.ywbj_nr a.hasimg,.ywbj_nr div.hasimgs,.ywbj_nr iframe{ width:98%; position:static; float:left;margin-left:1% }
.ywbj_nr div.hasimgs{ position:relative; left:auto; right:auto; top:auto; bottom:auto}
.ywbj_nr iframe{ margin-top:15px; margin-right:1%;}
.ywbj_nr iframe,.ywbj_nr_li{ float:right;}
.ywbj_nr_li{ width:98%; padding-bottom:16px;}
.ywbj_nr table,.ywbj_nr table{width:98%;  float:left;margin-left:1%}
.ywbj_nr table tr td{ height:auto; }
.ywbj_nr table tr td p{ display:block; padding:20px 0px;display: -webkit-box;-webkit-box-orient: vertical;
-webkit-line-clamp: 80;
overflow: hidden;}
.ywbj_title{ height:auto; padding:0px 0px;}
.ywbj_title span{  font-size:20px; }
.ywbj_title i{font-size:20px;}
.ywbj ul{padding:20px 0px 20px 0px;}
.ywbj ul li{width:33.3%;}
.ywbj_nr_li li{font-size:14px; line-height:160%;margin-bottom:15px;}
.ywbj_contact{padding-bottom:20px;}
.zhuyingyewu ul li a.hasimgs{ height:115px;}
.ywbj_title1 span{ font-size:20px;max-width: calc(100% - 0px);}
.ywbj_title1 i{max-width: calc(100% - 0px);}
.about_nr img.you,.about_nr div.you{ width:100%}

.dan_con p strong{font-size: 16px!important;}

/*.about_con .text{ display: block; }
.about_con .text .pic{ float: none; width: 60%; margin:auto; }
.about_con .text .text_jj{ float: none; width: 100%; margin:20px auto;}*/
.about_con .text .text_jj{ font-size: 10px; }
.banner .pic span{ padding-top: 35%; }

.pc{ display: none; }
.wap{ display: block; }
.about_con .text .text_jj.none{ display: none; }
.zc_qm.none{ display: none; }
.about_con .text_zc p.wap{ margin-top: 20px; }
.about_con .pic{ width: 48%; margin-right:2%; padding-top: 65px; }

}

@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%;}
img.ab1{ width:170px; display: none; }

.zhuyingyewu ul li dl a{ font-size:16px;}
.about_nr img.you,.about_nr div.you{
    padding-left: 10px;
    padding-bottom: 10px;
}
.zhuyingyewu ul li dl{ background-size: 45px; }

	div.twhp a.hasimg{ float:none; width:100%;}
    div.twhp div.twhpnr{ float:none; width:100%;}
	img.ab2{ height: 40px; margin-top:0; }
.line{ width:316px; border-bottom: #eee 1px solid; margin:10px 0 5px 0; position: relative; }
.line:before{ content: ""; position: absolute; left: 0; top: 0px; width: 82px; height: 2px; background: #DCB557; }
    .abouttitile span{ font-size: 20px;  }
    .abouttitile{ height: auto; }
    .about_con .pic b.wap{ font-size: 10px; }


}
@media screen and (max-width:400px){
.about_con .pic{ padding-top: 60px; }
}
@media screen and (max-width:380px){
.about_con .pic{ padding-top: 70px; }
}