@charset "utf-8";
body{padding:0;margin:0;color:#858585;font-size:14px;font-family:"microsoft yahei","微软雅黑";font-weight: lighter;}
*{padding: 0;margin: 0;}
li{list-style:none;}
img{border:none;}
em{font-style: normal;}
a{text-decoration:none;color:#350001;cursor: pointer;}
a:hover{color: #f86323;}
.clearfix:after{ content: ""; display: block; overflow: hidden; clear: both;}
.fl{ float: left;}
.fr{ float: right;}
.animation{ transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s;}
.width{width: 1180px;margin: 0 auto;}
.mrno{margin-right: 0!important;}
.mlno{margin-left: 0!important;}
.body{background: #F5F5F5;}

.head .top{background: #EAEAEA;height: 40px;}
.head .top p a,.head .top p em{line-height: 40px;font-size: 14px;color: #444444;display: block;float: left;margin-right: 5px;}
.head .top p .weixin{height: 40px;position: relative;}
.head .top p .weixin img{position: absolute;left: -28px;display: none;z-index: 3;}
.head .top p .weixin:hover img{display: block;}
.head .mid{background: #f86323;height: 130px;}
.head .mid .logo{display: block;float: left;margin-top: 18px;}
.head .mid p{font-size: 18px;color: #FFF;line-height: 36px;float: right;margin-top: 50px;}
.head .mid p em{display: block;width: 42px;height: 35px;background: url(../../images/yypr/icons.png) -168px 0;float: left;margin-top: 5px;}
.head .mid p span{font-family: DIN-MediumItalicAlt;font-size: 28px;}
.head .nav{height: 54px;background: #ff8550;line-height: 54px;color: #FFF;font-size: 18px;}
.head .nav li{float: left;width: 125px;margin-left: -5px;position: relative;height: 54px;cursor: pointer;}
.head .nav li a{color: #FFF;display: block;text-align: center;}
.head .nav li:after{content: "|";position: absolute;right: 0;top: 0;height: 54px;}
.head .nav li:hover:after,.head .nav li.on:after{content: "";}
.head .nav li:hover,.head .nav li.on,.head .nav li a:hover{background: #ec6124;}
.head .nav li p{display: none;position: absolute;width: 125px;}
.head .nav li:hover p{display: block;background: #ff8550;z-index: 2;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;overflow: hidden;}

.content .banner .swiper-slide{background-position: center top;background-repeat: no-repeat;}
.content .swiper-container .swiper-pagination-bullet{width: 14px;height: 14px;background: rgba(255,255,255,0.5);border-radius: 7px;}
.content .swiper-container .swiper-pagination-bullet-active{width: 50px;background: rgba(255,255,255,1)}
.fl_1{padding: 15px 0 40px;border-bottom: 1px solid #EAEAEA;}
.fl_1 .swiperTab{line-height: 66px;border-bottom: 1px solid #EAEAEA;font-size: 20px;color: #350001;}
.fl_1 .swiperTab p span{font-size: 20px;color: #350001;cursor: pointer;}
.swiperTab p span.active{color: #ff8550;}
.fl_1 .fl{width: 480px;padding-top: 24px;}
.fl_1 .fr{width: 680px;padding-top: 24px;}
.fl_1 .swiper-container li.fl a{font-size: 18px;line-height: 40px;display: block;}
.fl_1 .swiper-container li.fl a span{display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fl_1 .swiper-container li.fl p{line-height: 24px;padding-top: 5px;}
.fl_1 .fr .left{float: left;margin: 24px 20px 23px 0;height: 75px;width: 123px;text-align: center;border-right: 1px solid #D9D9D9;font-size: 16px;color: #350001;padding: 5px 0 0;line-height: 36px;}
.fl_1 .fr .left a{width: 82px;height: 26px;line-height: 26px;border-radius: 4px;color: #FFF;background: #ff8550;margin: 0 auto;font-size: 14px;}
.fl_1 .fr div{height: 125px;margin-bottom: 5px;overflow: hidden;}
.fl_1 .fr a{display: block;}
.fl_1 .fr p a{font-size: 18px;line-height: 36px;margin: 16px 0px 8px 0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fl_1 .fr p{line-height: 24px;padding-right: 10px;}
.fl_1 .fr div:hover{background: #EEEEEE;}
.fl_2{border-bottom: 1px solid #EAEAEA;padding-bottom: 52px;}
.fl_2 .width{height: auto;overflow: hidden;}
.fl_2 dl{width: 380px;margin-right: 20px;float: left;padding-top: 7px;}
.fl_2 dl dt{font-size: 22px;color: #350001;line-height: 66px;}
.fl_2 dl dt a{display: block;font-size: 14px;color: #858585;width: 80px;height: 24px;line-height: 24px;border: 1px solid #eaeaea;text-align: center;float: right;margin-top: 20px;transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s;}
.fl_2 dl dt a:hover{color: #ff8550;border-color: #ff8550;}
.fl_2 dl dd img{width: 380px;height: 217px;display: block;margin-bottom: 12px;}
.fl_2 dl dd a{display: block;line-height: 35px;color: #858585;transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fl_2 dl dd a:hover{color: #000;}
.fl_3{padding-bottom: 70px;}
.fl_3:after{ content: ""; display: block; overflow: hidden; clear: both;}
.fl_3 dl.fl{width: 780px;}
.fl_3 dl.fr{width: 380px;}
.fl_3 dl dt{font-size: 22px;color: #350001;line-height: 66px;padding-top: 9px;height: 66px;}
.fl_3 dl.fl dt div{float: left;width: 50%;}
.fl_3 dl.fl dd{width: 380px;}
.fl_3 dl.fl dd.fr{padding:24px 0 0 20px;height: 196px;background: #EEEEEE;}
.fl_3 dl.fl dd.fr p{line-height: 35px;padding-right: 15px;}
.fl_3 dl.fl dd.fr a{color: #858585;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display: block;}
.fl_3 dl.fl dd.fr a:hover{color: #000;}
.fl_3 dl.fl dd.fr em{display: block;float: right;}
.fl_3 dl.fr p{width: 126px;height: 40px;border: 1px solid #EAEAEA;border-radius: 20px;float: left;margin-right: 8px;background: url(../../images/yypr/down.png) no-repeat 120px center;font-size: 16px;color: #350001;line-height: 40px;padding-left: 30px;cursor: pointer;position: relative;}
.fl_3 dl.fr p.link a{padding: 0;width: 100%;text-align: center;}
.fl_3 dl.fr p.link{background: none;padding: 0;width: 158px;float: right;}
.fl_3 dl.fr p span{display:none;padding: 10px 0;background: #EEEEEE;width: 312px;position: absolute;left: 0;box-shadow: 0 0 20px rgba(133, 133, 133, 0.5);border-radius: 6px;}
.fl_3 dl.fr p a{line-height: 40px;font-size: 16px;color: #350001;display: block;float: left;padding-left: 30px;box-sizing: border-box;width: 50%;}
.fl_3 dl.fr .no2{border: 1px solid #ff8550;height: auto;overflow: hidden;margin-top: 18px;border-right: 0;}
.fl_3 dl.fr .no2 a{display: block;width: 25%;box-sizing: border-box;border-right: 1px solid #ff8550;height: 158px;float: left;font-size: 16px;color: #ff8550;text-align: center;}
.fl_3 dl.fr .no2 a:hover{background: #ff8550;color: #FFF;}
.fl_3 dl.fr .no2 a em{display: block;width: 42px;height: 35px;margin: 45px auto 20px;background: url(../../images/yypr/icons.png);}
.fl_3 dl.fr .no2 .weibo em{background-position: -42px 0;}
.fl_3 dl.fr .no2 .xinxi em{background-position: -84px 0;}
.fl_3 dl.fr .no2 .oa em{background-position: -126px 0;}
.fl_3 dl.fr .no2 a:hover em{background-position-y: -35px;}

.footer{background: #393b3d;height: auto;overflow: hidden;padding-bottom: 50px;}
.footer .fl{color: #737373;line-height: 30px;background: url(../../images/yypr/footer_logo.png) left 40px no-repeat;padding-top: 155px;}
.footer .fl a{color: #737373;}
.footer .fr p{float: left;color: #737373;margin: 60px 0 0 33px;}
.footer .fr p img{max-width: 82px;margin-bottom: 5px;display: block;}
.footer .fr span{display: block;line-height: 30px;clear: both;text-align: right;padding-top: 10px;}
.footer .fr span em{font-family: DIN-MediumItalicAlt;font-size: 22px;line-height: 30px;}

/*内页*/
.article .width{height: auto;overflow: hidden;padding-bottom: 45px;}
.article .banner{margin-bottom: 20px;background-repeat:no-repeat!important;}
.article .banner a{display: block;}
.article .fl{width: 280px;background: #FFF;overflow: hidden;}
.article .fr{width: 880px;background: #FFF;overflow: hidden;height: auto;}
.article .fl dl{line-height: 44px;font-size: 16px;}
.article .fl dt{height: 44px;padding-left: 36px;background: #f86323;color: #FFF;border-bottom: 1px solid #EAEAEA;}
.article .fl dt a{color: #FFF;}
.article .fl dt a:hover{color: #350001;}
.article .fl dd{height: 44px;padding-left: 36px;border-bottom: 1px solid #EAEAEA;}
.article .fl dd a{display: block;}
.article .fl dd.on,.article .fl dd:hover{background: url(../../images/yypr/left.png) 18px center no-repeat;}
.article .fl img{display: block;}
.article .fr .position{font-size: 16px;color: #350001;line-height: 44px;background: #E6E6E6;padding-left: 25px;height: 44px;}
.article .fr.list ul{padding: 25px;padding-top: 0;}
.article .fr.list ul li{height: auto;overflow: hidden;padding: 26px 0;border-bottom: 1px solid #eaeaea;}
.article .fr.list ul li .img{float: left;width: 200px;height: 153px;margin-right: 20px;border: 1px solid #EAEAEA;overflow: hidden;text-align: center;}
.article .fr.list ul li .img img{max-width: 200px;max-height: 153px;}
.article .fr.list ul li p{font-size: 18px;line-height: 36px;}
.article .fr.list ul li p a{display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.article .fr.list ul li p em{display: block;float: right;color: #350001;}
.article .fr.list ul li p:hover em{color: #f86323;}
.article .fr.list ul li span{display: block;line-height: 25px;color: #858585;padding: 10px 0;}
.article .fr.list ul li i{display: block;color: #d32f2f;font-style: normal;padding-top: 5px;}
.article .fr.list ul.page{height: auto;overflow: hidden;float: right;padding: 10px 20px 35px 0;}
.article .fr.list ul.page li{float: left;padding: 0;border: none;text-align: center;margin-left: 8px;border: 1px solid #eaeaea;border-radius: 4px;box-sizing: border-box;padding: 0 10px;}
.article .fr.list ul.page li a,.article .fr.list ul.page li span{display: block;padding: 0;min-width: 36px;line-height: 30px;}
.article .fr.list ul.page li.active{border: none;}
.article .fr .art_body{padding: 25px;}
.article .fr .art_body table{margin: 0 auto;}
.article .fr .art_body th{text-align: center;}
.article .fr .art_body td{padding-left: 4px;}
.article .fr .art_body h1{font-size: 26px;color: #000000;text-align: center;font-weight: normal;line-height: 50px;padding: 32px 0 29px;}
.article .fr .art_body p.info{text-align: right;border-bottom: 1px solid #EAEAEA;padding-bottom: 22px;}
.article .fr .art_body .cont{color: #6c6c6c;line-height: 35px;padding: 40px 0;border-bottom: 1px solid #EAEAEA;}
.article .fr .art_body .cont img{max-width: 830px;}
.article .fr .other{padding-bottom: 40px;}
.article .fr .other li{padding-left: 68px;}
.article .fr .other a{line-height: 30px;color: #6c6c6c;}
.article .fr .other a:hover{color: #f86323;}
