@charset "utf-8";
/* CSS Document */
.mian{position:relative; margin-left:auto; margin-right:auto; min-width:320px; max-width:640px; overflow:hidden; background-color:#fff; font-family:Microsoft YaHei;}
a{text-decoration:none; color:#666;}
/*@media screen and (min-width:320px) {
	body{font-size:75%;}
}
@media screen and (min-width:375px) {
	body{font-size:87.5%;}
}
@media screen and (min-width:480px) {
	body{font-size:87.5%;}
}
@media screen and (min-width:540px) {
	body{font-size:112.5%;}
}
@media screen and (min-width:550px) {
	body{font-size:125%;}
}
@media screen and (min-width:640px) {
	body{font-size:150%;}
}*/
li{list-style:none;}

.m-nav-box{display: block;}
.m-nav{width:100%;height:50px;background:#fff;}
.m-logo{float:left;width:145px;height:50px;font-size: 0;background:url(/m/images/logo.png) no-repeat;overflow:hidden;}
.m-logo img {width:145px;height:50px;}
.m-menu-btn{float:right;margin:8px 15px 8px 0;width:45px;height:31px;border-radius:3px;cursor:pointer;background:url(/m/images/icon.png) no-repeat;}
.click{background:url(/m/images/iconx.png) no-repeat;}
.m-menu{display:none;width:100%;height:auto;padding:10px 0;background:#fff;border-top:1px solid #ccc;overflow:hidden;}
.m-menu a{float:left;width:33.3%;text-align:center;line-height:30px;color:#000;font-size: 16px;}


/*banner*/
.banner{ overflow:hidden; width:100%; position:relative}
.banner img{ display:block; width:100%;}
.focus .btn { overflow:hidden; text-align:center; width:100%; position:relative; left:0; bottom:2.5em;}
.focus .btn span{ display:inline-block; width:0.8em; height:0.8em; margin:0 0.2em;  background-size:70%;  z-index: 9999;}
.focus .btn span.on{ background-size:100%;}

/*pro*/
.pro { overflow:hidden; width:96%; margin:1.5em auto 2.8em auto}
.pro h2{ text-align:center; font-size:1.2em; color:#89c018; background:url(../pic/pro_t.png) no-repeat center; margin-bottom:1.5em; background-size:110%}
.pro h2 a{ color:#484848;}
.pro h2 b{ color:#d9832b;}
.pro ul{ overflow:hidden; width:98%; margin:0 auto; margin-bottom:2.5em;}
.pro li{ float:left; width:50%; margin-bottom:4%;}
.pro li a{ display:block; width:90%; margin:0 auto; border:2px solid #5e261b; background-color:#5e261b;}
.pro li img{ display:block; width:100%; height:120px;}
.pro li span{ display:block; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:1em; color:#fff; padding:1em 0}
.pro .more{ overflow:hidden; display:block; width:30%; text-align:center; font-size:1em; color:#333; padding:0.6em 0; border:1px solid #e7e7e7; border-radius:0.5em; margin:0 auto}


.newslist li{ float:left; width:100%;}
.newslist li a{ display:block; width:100%; margin:0 auto; background-color:#5e261b;}
.newslist li img{ display:block; width:100%; }
.newslist li span{ display:block; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:1em; color:#fff; padding:1em 0}
.newslist .more{ overflow:hidden; display:block; width:30%; text-align:center; font-size:1em; color:#333; padding:0.6em 0; border:1px solid #e7e7e7; border-radius:0.5em; margin:0 auto}


 
/*news*/
.news { overflow:hidden; width:96%; margin:0 auto; padding:6% 2%; background:url("http://www.dghypu.com/Mobile/Styles/../images/Index/youshibg.png") repeat center; padding-bottom:7em;}
.news .menu{ overflow:hidden; width:100%; padding-bottom:0.7em; background-color:#fff;}
.news .menu li { text-align:center; width:33.3%; float:left; font-size:1.2em; color:#2d2d2d; padding:1em 0; background-color:#dbdbdb; position:relative}
.news .menu li i{ display:none; width:1em; height:1em; background-color:#B19873; position:absolute; left:50%; bottom:-0.3em; margin-left:-0.5em; transform:rotate(45deg)}
.news .menu li.on{ background-color:#B19873; font-weight:bold; color:#fff;}
.news .menu li.on i{ display:block}
.news .newsbox { overflow:hidden; width:100%; background-color:#fff; padding:1em 0 1.5em 0;}
.news .newslist{ overflow:hidden; width:100%; }
.news .newslist dl{ overflow:hidden; width:100%; margin-bottom:1.7em;}
.news .newslist dt{ float:left; overflow:hidden; }
.news .newslist dt img{ display:block; width:100%;}
.news .newslist dd{ overflow:hidden; width:55%; float:right}
.news .newslist h3{ font-size:1em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:0.3em;}
.news .newslist h3 a{ color:#222;}
.news .newslist p{ font-size:1em; line-height:1.25em; color:#585657; height:4.8em; text-align:justify}
.news .list { overflow:hidden; width:100%;}
.news .list li{ overflow:hidden; line-height:2.2em; font-size:1em;}
.news .list li i{ display: block; float:left; width:0.3em; height:0.3em; border-radius:0.5em; background-color:#333; position:relative; top:0.9em; margin-right:0.5em;}
.news .list li a{ display:block; width:70%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#333; float:left}
.news .list li span{ float:right; color:#b5b5b5}


/*文字*/
.gy{margin:0px auto;margin-top:10px;background:#fff;}
.gy_x{width:100%;margin:0px auto;}
.gy_z{margin-top:20px;width:100%; float:left;text-align:center;}
.gy_z_w{font-size: 18px;color: #000;margin-top:30px;}
.gy_z_b{font-size: 12px;color: #727171; margin-top:10px;padding-bottom: 20px;position: relative;}
.gy_z_b:after {content: "";display:block;width: 66px;height:1px;background: #000;position: absolute;left: 50%; bottom:0; -webkit-transform: translate(-50%);transform: translate(-50%);}
.gy_y{margin-top:20px;width:100%; float:right;text-align:center;}
.gy_xtz img{width:100%; }
.gy_xtr img{width:100%;}
 /*文字*/



/*footer*/
footer {padding: 15px 0;width: 100%;background: #232221;}
.container{width: 90%;margin: 0 auto;}
.gsmc {padding-top:20px;padding-bottom: 15px;border-bottom: 1px solid #737373; font-weight: bold;font-size:18px;}
.container a{color: #bdbebe;}
.footer_dh{margin-top:20px;}
.footer_dh .title{padding-top:20px;padding-bottom: 20px;border-bottom: 1px solid #737373; font-size:14px;color: #bdbebe;}
.footer_contact{margin: 30px 0 5px; padding-left: 0; position: relative;}
.footer_contact .title {font-size: 1.125rem; color: #b3b3b3;position: relative;padding-bottom: 16px;}
.footer_contact .title-cn { font-size: 1.375rem;}
.footer_contact .title-en {   font-size: 12px;    margin-top: 5px;}
.footer_contact .title-xian{border-bottom: 2px solid grey;margin-top: 20px;width: 50px;}
.footer_contact .phone {font-size: 26px;font-weight: 500;margin-bottom: 0;line-height: 40px;}