@charset "utf-8";
/* CSS Document */
/*banner*/
@font-face {
      font-family: 'fontello';
      src:url('../../style/yd-img/fontello.woff') format('woff');
      font-weight: normal;
      font-style: normal;
    }

.banner {      
	background: url(img/YOYO-1.jpg) 50% 0 no-repeat !important;
	text-align: center;
	background-size: cover !important;    height: 1080px;
}

.banner .content {
	width: 801px !important;
	height: 241px !important;
	margin-top: -210px !important;
	margin-left: -400px !important;
}
.banner .content img{
	width:100%;
}
.banner .btnbox{
	width: 216px !important;
	height: 79px !important;
	padding-top: 91px !important;
}

.banner .btnbox a{
	width: 216px !important;
	height: 48px !important;
	border: none;
	color: #fff;
	font-size: 24px;
	background: url("img/YOYO-3.png") no-repeat!important;
	position: relative;
	cursor: pointer;
}

.banner .btnbox a:hover {
	background-position: 0 -48px!important;
}

.jian6 {
	height: 28px;
	width: 56px;
}

.jian {
	background: url(img/produce_rx13.png) no-repeat;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 56px;
	margin-left: -28px;
}

.arrow {
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -36px;
}

.rx-content {
	width: 100%;
	padding-top: 48px;
	height:384px;
	background-color: #ffffff;
	position: relative;
	text-align: center;
}

.text-explain {
	text-align: center;
	font-size: 14px;
	color: #888888;
	font-family: "微软雅黑";
	line-height: 24px;
}

.rx-img1 {
	margin-top: 52px;
	text-align: center;
	overflow: hidden;
}

/*.box{text-align: center}*/
.box ul {
	width: 914px;
	margin: 0 auto;
	margin-top: 49px;
	text-align: left;
}

.rx-content .box ul li {
	width: 216px;
	height: 143px;
	float: left;
}

 .rx-content .box li+li {
	margin-left: 133px;
}

div.title1 {
	width: 216px;
	height: 24px;
	font-size: 14px;
	line-height: 1.5;
	background-color: #132f41;
	color: #fff;
	text-indent: 12px;
	font-family: "微软雅黑";
	line-height: 24px;
}

p.content1 {
	margin-top: 9px;
	font-size: 14px;
	color: #888888;
	line-height: 24px;
	font-family: "微软雅黑";
}

.advantage {
	width: 100%;
	padding-top: 48px;
	text-align: center;
}

.advantage .main {
	width: 913px;
	margin: 0 auto;
}

.advantage .main .msg-item-l {
	width: 422.5px;
	text-align: left;
	float: left;
	margin-top: 48px;
}
.advantage .main .msg-item-r {
	margin-right: 68px;
}
.advantage .main .msg-item-l .icon{
	width: 70px;
	height: 70px;
	display: inline-block;
	background-repeat: no-repeat;
	background-size:cover;
	margin-right: 10px;
	}
.advantage .main .msg-item-l .iconn{
	width: 132px;
	height: 43px;
	display: inline-block;
	vertical-align: top;
	
	}
.advantage .main .msg-item-l .icon1{
background-image: url(../images/cpjs/1.png);
	}
.advantage .main .msg-item-l .icon2{
background-image: url(../images/cpjs/2.png);
}
.advantage .main .msg-item-l .icon3{
background-image: url(../images/cpjs/3.png);
}
.advantage .main .msg-item-l .icon4{
background-image: url(../images/cpjs/4.png);
	}
.advantage .main .msg-item-l .icon5{
background-image: url(../images/cpjs/5.png);
}
.advantage .main .msg-item-l .icon6{
background-image: url(../images/cpjs/6.png);
}
.advantage .main .msg-item-l .icon7{
background-image: url(../images/cpjs/7.png);
}
.advantage .main .msg-item-l .icon8{
background-image: url(../images/cpjs/8.png);
}
.advantage .main .msg-item-l .icon9{
background-image: url(../images/cpjs/9.png);
}
.advantage .main .msg-item-l .icon10{
background-image: url(../images/cpjs/10.png);
}
.advantage .main .msg-item-l .icon11{
background-image: url(../images/cpjs/11.png);
}
.advantage .main .msg-item-l .icon12{
background-image: url(../images/cpjs/12.png);
}
.advantage .main .msg-item-l .icon13{
background-image: url(../images/cpjs/13.png);
}




.advantage .main .msg-item-l .iconn2{
		background-position: 0 -43px;
	}
.advantage .main .msg-item-l .iconn3{
	background-position: 0 -86px;
}
.advantage .main .msg-item-l .iconn4{
	background-position: 0 -129px;
}

.advantage .main .msg-item-l .content, .main .msg-item-r .content
	{
	font-size: 14px;
	color: #000;
	margin-top: -31px;
	font-family: "微软雅黑";
	line-height: 24px;
	margin-left: 86px;
	text-indent: 2em;
}


.power {
	width: 100%;
	height: 1250px;
	padding-top: 48px;
	text-align: center;
	background-color: #5d72f4;
        background-image: url(../images/bg-k.png);
}

.power .content {
	line-height: 24px;
	font-size: 14px;
	color:#fff;
    filter: alpha(opacity=50);
	font-family: '微软雅黑';
}

.power ul {
	width: 913px;
	height: 412px;
	text-align: left;
	margin: 0 auto;
	margin-top:72px;
}

.power li {
	float: left;
}

.power li+li {
	/*width: 117px;*/
	margin-left: 98px;
}

.power .icon {
	display: inline-block;
	width: 190px;
	height: 190px;
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

.power .icon1 {
	background-image: url(../images/cpys/1.png);
}

.power .icon2 {
	background-image: url(../images/cpys/2.png);
}
.power .icon3 {
	background-image: url(../images/cpys/3.png);
}

.power .icon4 {
	background-image: url(../images/cpys/4.png);
}

.power .icon5 {
	background-image: url(../images/cpys/5.png);
}

.power .icon6 {
	background-image: url(../images/cpys/6.png);
}










.power li p.title {
	font-size: 20px;
	margin-top: 22px;
	color: #333333;
	line-height: 20px;
}

.power li p{
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	font-family: '微软雅黑';

}
.power  p.to{
	margin-top: 16px;
}
.power  p.mid{
	margin-top: 11px;
}
.power  p.bot{
	margin-top: 14px;width: 220px;
}
.power .powbox {
    width: 216px;
    margin: 0 auto;
}
.power .powbox a {
    width: 216px;
    height: 48px;
    border: none;
    color: #fff;
    font-size: 24px;
    background: url(img/YOYO-13.png) no-repeat;
    position: relative;
    cursor: pointer;
     text-align: center;
}
.power .powbox a:hover {
    background-position: 0 -48px;
}
.programme {
	width: 100%;
	height: 620px;
	padding-top: 48px;
	text-align: center;
	background-color: #8e9fd1;
background-image: url("../images/bg-k.png");

}
.programme .main {
	width: 928px;
	margin: 0 auto;
}
.programme .content {
	line-height: 24px;
	font-size: 14px;
	color: #aaaaaa;
	font-family: '微软雅黑';
}
.programme .imgeleft{
	margin-top: 53px;
	margin-right: 158px;
	
}
.programme .imgrig{
	display: inline-block;
	width: 274px;
	vertical-align: top;
	margin-top: 151px;
	*display:inline;
 	*zoom:1;
}
.programme  p{
	font-family: "微软雅黑";
	font-size: 14px;
	line-height: 24px;
	color: #a7a7a7;
}
.programme  p.down{
    font-family: "微软雅黑";
    color: #333333;
    font-size: 18px;
    margin-top: 24px;
    color: #333;
    margin-bottom: 8px;
}

/*last*/
/*.contact {
	width: 100%;
	height: 334px;
	background: #202127;
	text-align: center;
}
*/
.contact img {
	margin-top: 48px;
	margin-bottom: 19px;
}

.contact .professor {
	font-size: 20px;
	color: #808082;
	font-family: "微软雅黑";
	height: 24px;
}

.professor span {
	padding: 0 5px;
	color: #8c8d8d;
}

.contact .professor-order {
	margin-left: 16px;
	display: inline-block;
	padding: 5px 4px;
	background-color: #16be85;
	color: #fff;
}
.contact .imgcode{
	width: 44px;
	height: 48px;
	display: inline-block;
	margin-top: 29px;
}
.contact .codeone{
	margin-right: 44px;
	background: url(img/YOYO-18.png) no-repeat;
}
.contact .codetwo{
	background: url(img/YOYO-19.png) no-repeat;
}
.contact .imgcode:hover{
	background-position: 0 -48px;
}
.contact .professor-order:hover {
	text-decoration: underline;
	background: #20a56e;
}

.contact .more-info {
	font-size: 18px;
	    font-weight: bold;
	color: #fff;
	margin-top: 26px;
	font-family: "微软雅黑";

    filter: alpha(opacity=70);
}
.contact .more-info .font16{
	font-size: 16px;
}
.contact .more-info a {
	text-decoration: underline;
	color: #888888;
}

.contact .more-info a:hover {
	color: #fff;
}
.contact .codehover{
	position: relative;
    top: -241px;
    left: 43px;
    display: none;
}


.mp-title{font-size: 30px;margin-bottom:5px;font-weight: 500;}
.mp-hr{width: 564px;margin: 5px auto;border-top: 1px solid #aaaaaa;}
.mp-itme-title{display: inline-block;vertical-align: top;color: #25b6d2;;font-size: 18px;font-weight: bold;}
.mp-title-2{font-size: 17px; color: #fff;font-weight: bold}
.programme .img{float: left;width: 245px;}
.app{margin-top: 70px;overflow: auto;width: 913px;margin: auto;}