/* CSS Document */

@media screen and (min-width:1200px){
body{overflow-x:scroll;}}
body{width:100%;overflow-x: hidden; font-size:100%; color: #666; font-family:"Microsoft YaHei";}
ol,ul,li{list-style:none;}
*{	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
body,ul,li,input,h1,h2,h3,h4,p,span,b,dl,dt,dd,header,menu,section,footer,nav,article,ol,button{ margin:0; padding:0;}	
h1,h2,h3,h4{ font-weight:normal;}
p{-webkit-margin-before: 0; -webkit-margin-after: 0; text-align:justify;}	
img{border:0;}
em,i{ font-style:normal;}
a{text-decoration:none; color: #676767;}
.clearf:after,clearf:before{content:"";display:block; }
.clearf:after {clear:both;}
.clearf{zoom:1;}
.text-center{ text-align:center;}
.mr{max-width: 1200px;margin: 0 auto;}
.h2_title{ font-weight:bold;color:#fc0182; margin-top:.5em;margin-bottom:.2em; background:url(../images/titlbg.png) no-repeat center;background-size: 50%;  padding:1.5em;font-size: 2em;}
.h2_title span:after{ content:"•"; padding-left:.5em;}
.h2_title span:before{ content:"•"; padding-right:.5em;}
.h3_title{ margin-bottom:1.5em; font-size:1.5em; letter-spacing:.2em;}
.onclick a{ color:#fd0282; font-size:2em; margin-top:1.5em; display:block;}

.header{ padding:.5em 0; float:left; width:30%;}
.header img{ width:50%;}
.menu{ float:right;}
.menu li{ float:left; height:69px; line-height:69px; margin-right:1em;}
.menu li:last-child{ margin-right:0;}
.menu li a:hover{ color:#F00;}
.mbanner{background-color:#d7b0ff;}
.mbanner img{ display:block; margin:0 auto; width:100%;}

.daodu{ padding:1em; margin-bottom:4em;}
.daodu .content{margin-bottom: 2em;}
.daodu .content img{ display:block; float:left; margin-right:1em; width:40%;}
.daodu .content p{ line-height:1.8em; padding:1em;}
.daodu .content p span{ color:#fd0282; font-weight:bold;}
.daodu .content a{ color:#fd0282;}
.daodu .content>h3{  font-weight:bold;}

.yindao{ padding:1em; margin-bottom:1em; background-color:#e4e6ff;}
.yindao .list-zz{ margin-bottom:2em;}
.yindao .list-zz li{ padding-bottom:2em; background-color:#FFF; width:32%; float:left; margin-right:2%;}
.yindao .list-zz li:last-child{ margin-right:0;}
.yindao .list-zz li:first-child h3{ background:url(../images/y1.jpg) no-repeat center;}
.yindao .list-zz li:nth-child(2) h3{background:url(../images/y2.jpg) no-repeat center;}
.yindao .list-zz li:last-child h3{background:url(../images/y3.jpg) no-repeat center;}
.yindao .list-zz li h3{color:#fff;line-height: 15em; font-weight:bold;}
.yindao .list-zz li p{ letter-spacing:.1em;padding:.7em .5em 0;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; margin-top:1em; margin-bottom:1em; text-align:justify;}
.yindao .list-zz li a{ padding:.3em 1em; margin-top:.5em;color:#fff; background-color:#fd0282;}

.div_butt{ width:100%;background-color:#e4e5ff; padding-bottom:2em;}
.div_butt h3{font-size:1.2em; margin-bottom:1em;}
.a_butt a,.div_butt a{ color:#fff !important; padding:.5em 2em; border-radius:10px; font-weight:bold; background:#fd0282;}

.hos_daquan{padding:2em 0;}
.hos_daquan h4{ margin-top:1em;}
.hos_daquan ul{ background-color:#e4e5ff; padding: .5em;}
.hos_daquan ul li{ margin-right:1%; margin-bottom:1%; width:32.6%; float:left; background-color:#FFF; padding:.5em .5em 1.5em 1em;position: relative; top: 0;transition: all 0.2s linear;}
.hos_daquan ul li:nth-child(3n){ margin-right:0;}
.hos_daquan ul li .img{ height:100px; display:block; overflow:hidden; padding:1em 1em 1em 0; margin-bottom:1em;}
.hos_daquan ul li img{width:100%;}
.hos_daquan ul li p{color: #37474f; font-weight: bold; text-transform: capitalize; margin-bottom:.5em;}
.hos_daquan ul li p:nth-child(3){ font-weight:normal; margin-bottom:1.5em;}
.hos_daquan ul li:hover{top: -4px; box-shadow: 0 15px 30px #000; transition: translate3d(0, -2px, 0);}
.hos_daquan .onclick{ font-size:1em; margin-top:0; display:initial; color:#fd0282; padding:.5em;}

.ym-footer{ width: 100%; font-family: "Microsoft Yahei"; background: #fff; }
.ym-info{height: 275px;padding: 56px 0px 95px 0px;background: #333;width: 100%;}
.foot-wrap{ width: 1200px; margin: 0 auto; }
.foot-wrap i{ font-style: normal; }
.ym-logo{ width: 270px; float: left; }
.ym-logo div{ height: 60px; background: none; }
.ym-logo p{ color: #999; padding-top: 22px; font-weight: normal; }
.ym-logo p span{ font-size: 14px; display: block; }
.ym-logo p em{ font-size: 28px; font-family: Arial; }
.ym-about{ float: left; }
.ym-about dl{ float: left; height: 124px; width: 130px; }
.ym-about dl dt, .ym-about dl dt{ width: 130px; color: #999; }
.ym-about dl dt{ font-size: 16px; padding-bottom: 14px; }
.ym-about dl dd, .ym-about dl dd a{ font-size: 12px; color: #999; line-height: 24px; }
.ym-about dl dd a:hover{ color: #fff; text-decoration: none; }

@media(max-width:1200px){
	.yindao .list-zz li{margin-right:2em;}
	.header_top{ padding:0 1em;}
}
@media(max-width:768px) {
.header img{ width:70%;}
.menu{ margin-right:1em;}
.menu li{ display:none; line-height:3em; height:3em;}
.menu li:first-child,.menu li:last-child{ display:block;}
.banner img{ width:100%;}
.hos_daquan ul li{ width:49%; margin-right:2%; margin-bottom:2%;}
.hos_daquan ul li .img{ height:3em;}
.hos_daquan ul li p:nth-child(2){ height:3em;}
.hos_daquan ul li:nth-child(6){margin-right:0 !important;}
.hos_daquan ul li:nth-child(2n),.hos_daquan ul li:nth-child(6){ margin-right:0;}
.hos_daquan ul li:nth-child(3n){ margin-right:2%;}
.hide,.f_bot{ display:block;}
.show,.ym-footer{ display:none;}
.hide{ margin: 1em; text-align: center; color:#F00; font-weight:bold;}
.f_bot{ padding:1em;}
.f_bot p{ line-height:1.5em;}
.f_bot p a{ margin-right:.5em;}
}