.domPC { display: block; }
.domMobile { display: none; }
a:active, a:hover { color: #388de1 !important; }
.content { width: 1065px; height: auto; margin: 0 auto; }
/*banner*/
.banner { width: 100%; height: 259px; background:url(https://www.piyao.org.cn/index/images/banner.png) 50% 0 no-repeat; position: relative; }
.banner .sousuo{ display:none;}
.sousuo input { float: left; display: block; width: 146px; height: 30px; font-size: 14px; color: #fff; background: none; border: 1px solid #3d5572; margin: 0 auto; margin-top: 30px; margin-left: 850px; border-radius: 5px }
.sousuo .img { float: left; margin-top: 30px; margin-left: 5px; width: 42px; height: 32px; cursor: pointer; }
.sousuo form { border: 1px solid transparent; overflow: hidden; }
.sousuo label { display: block; overflow: hidden; height: 50px; background: url("https://www.piyao.org.cn/index/images/souas.png") center center no-repeat; margin-top: 20px; cursor: pointer; }
.sousuo .img { display: none; }
.ewm { position: absolute; right: 50%; margin-right: -680px; top: 65px; }
/*END*/
/*导航*/
.nav_box { width: 100%; height: 63px; background: url(https://www.piyao.org.cn/index/images/nav_bj.jpg) 50% 0 no-repeat; }
.nav_list { list-style: none; }
.nav_list li { float: left; height: 25px; border-right: 1px solid #5671b3; font-size: 16px; color: #fff; margin-top: 20px; padding: 0px 13px 0 13px; }
.nav_list li a { color: #fff; }
.nav_list li a:hover { border-bottom: 2px solid #388de1; padding-bottom: 8px; }
.nav_list li.nobor { border: none; }
/*END*/
/*footer*/
.footer { width: 100%; height: auto; background: #2f3b49; overflow: hidden; padding: 30px 0 15px 0; margin-top: 50px; }
.footer p { text-align: center; font-size: 12px; color: #77879b; margin-bottom: 15px; }
.footer p span { color: #77879b; padding: 0 15px 0 15px; }
.footer p span a { color: #77879b; }


/*END*/
@media screen and (min-width:0px) and (max-width: 767px) {
.content { width: 100%; height: auto; margin: 0 auto; }
.domPC { display: none; }
.domMobile { display: block; }
.banner { width: 100%; height: auto; }
.banner img { width: 100%; height: auto; }
/*导航*/
.nav { position: absolute; top: 0; left: 0; z-index: 100; opacity: 0; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.nav--active .nav { opacity: 1; background-color: rgba(0,0,0,0.6); }
.nav__list { margin: 3.6666666666666665rem 0 0 0; padding: 2% 10% 2% 10%; }
.nav__list li { width: 100%; height: auto; overflow: hidden; margin-bottom: 1.1666666666666667rem; }
.nav__list li i { float: left; width: 20%; height: auto; line-height: 1.1666666666666667rem; }
.nav__list li i img { width: 50%; }
.nav__list li p { float: left; font-size: 1.1rem; color: #fff; padding-top: 1%; line-height: 1.1666666666666667rem; }
.nav__list li p a { color: #fff; }
.nav__trigger { display: block; position: absolute; width: 10%; height: auto; left: 0.6666666666666666rem; top: 0.5rem; z-index: 300; }
.nav--active .nav__trigger { opacity: 0.5; }
.nav__icon { display: inline-block; position: relative; width: 65%; height: 0.16666666666666666rem; background-color: #FFFFFF; -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, -webkit-transform; transition-property: background-color, transform; transition-property: background-color, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.nav__icon:before, .nav__icon:after { content: ''; display: block; width: 100%; height: 0.16666666666666666rem; position: absolute; background: #FFFFFF; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.nav__icon:before { margin-top: -0.3333333333333333rem; }
.nav__icon:after { margin-top: 0.3333333333333333rem; }
.style-1 .nav { -webkit-transform: translateX(-100%); transform: translateX(-100%); width: 70%; height: auto; }
.style-1 .nav__link { opacity: 0; -webkit-transition-delay: 500ms; transition-delay: 500ms; }
.style-1 .nav--active .nav__link { opacity: 1; }
.style-1 .nav--active .nav { -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; -webkit-transform: translateX(0); transform: translateX(0); }
.style-1 .nav--active .nav__icon { background: rgba(0, 0, 0, 0); }
.style-1 .nav--active .nav__icon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.style-1 .nav--active .nav__icon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
/*END*/
/*footer*/
.footer { width: 100%; height: auto; background: #2f3b49; overflow: hidden; padding: 1rem 0 0.5rem 0; margin-top: 1.6666666666666667rem; }
.footer p { text-align: center; font-size: 0.4rem; color: #77879b; margin-bottom: 0.5rem; padding: 0 5% 0 5%; }
.footer p span { color: #77879b; padding: 0 1% 0 1%; }
.footer p span a { color: #77879b; }
/*END*/
}