﻿@charset "UTF-8";
/*重置*/
header, body, section, a, p, h1, h2, h3, h4, h5, h6, input, select, img, article, aside, nav, footer, ul, li{
    margin: 0;
    padding: 0;
}
.overflowh{
    overflow: hidden;
}
ul,li{
    list-style: none;
}
input,select{
    outline: none;
    border: none;
}
input,select{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    border: 1px solid #dedede;
}
select{
    text-indent: 0.6em;
}
input{
    padding-left: 18px;
}
body{
    font-size: 14px;
    color: #333;
    font-family: "Microsoft YaHei","微软雅黑","Helvetica Neue",Helvetica,Arial,sans-serif;
}
a{
    color: #333;
    text-decoration: none;
    display: block;
}
a:hover{
    color: #20409a;
	cursor: pointer;
}
.bg-blue{
    background: #20409a;


    color: #fff;
}
.bg-orange{
    background: #ff4400;
}
.bg-white{
    background: #fff;
}
img{
    display: block;
}
.mar-gin{
    margin-bottom: 10px;
}
.position-r{
    position: relative;
}
.position-s{
    position: static;
    top: 0;
}
.position-a{
    position: absolute;
}
.float-l{
    float: left;
}
.float-r{
    float: right;
}
.body-contain{
	position:relative;
	width:100%;
	min-width:1170px;
	margin:0 auto;
	overflow:hidden;
}
/*页眉*/
.bg-gray{
    background: #f7f7f7;
}
.container{
    width: 1170px;
    margin: 0 auto;
}
.left{
    float: left;
}
.right{
    float: right;
}
header .container{
    line-height: 36px;
}
header .right a{
    display: inline-block;
    padding-right: 30px;
}
header .right span{
    padding-left: 18px;
    background: url("../images/gray_phone.jpg") left center no-repeat;
    display: inline-block;
}
 /*新增*/
.other{
    position: relative;
}
.care-box{
    position: absolute;
    top: 36px;
    left: -6px;
    height: 0;
    overflow: hidden;
    z-index: 100;
}
.other:hover .care-box{
    height: 70px;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
}

/*搜索*/
.top-main a{
	display:inline-block;
}
.second img,.second .search,.second .phone,.second h2{
    display: inline-block;
    vertical-align: middle;
}
.second h2{
    font-size: 38px;
    color: #20409a;

}
.second img{
    padding-right: 10px;
}
.second .search{
    position: relative;
    margin-left: 470px;
    margin-right: 2px;
}
.second .search input{
    line-height: 36px;
    width: 304px;
    padding-left: 10px;
}
.second .search a{
    display: inline-block;
    position: absolute;
    top: 0;
    width: 80px;
    height: 38px;
    vertical-align: middle;
    background:#20409a url("../images/ico_05.png") center no-repeat;

}
.second .search a:hover{
    background:#2d52b8 url("../images/ico_05.png") center no-repeat;
}
.second .phone{
    font-size: 18px;
    color: #ff4400;
}
.phone{
    padding-left: 48px;
    background: url("../images/icon-phone.png") no-repeat left center;
}

/*导航*/
.nav-w-list li{
    display: inline-block;
}
.nav-w-list li a{
    color: #fff;
    padding: 12px 41px;
    display: inline-block;
    font-size: 16px;
}
.nav-w-list li a:hover{
    background: #2d52b8;
}
.nav-w-list1 li a{
    color: #333;
    padding-left: 40px;
    padding-right: 40px;
padding: 12px 41px;
}
.nav-w-list1 li a:hover{
    background: none;
    color: #20409a;
}
.bg-gray.nav-w-list.nav-w-list1{
    border-bottom: 1px solid #eee;
}
/*banner*/
.banner{
    width: 1170px;
	height: 455px;
    position:relative;
    margin: 0 auto;
}
#playBox{
	width: 1920px;
	height: 455px;
	margin: 0 -375px;
	position: relative;
	overflow:hidden;
}
#playBox .oUlplay {
    width:99999px;
    position:absolute;
    left:0;
    top:0;
}
#playBox .oUlplay li{
    float:left;
}
#playBox .smalltitle {
    width:100%;
    height:10px;
    position:absolute;
    bottom:15px;
    z-index:10
}
#playBox .smalltitle ul{
    width:210px;
    margin:0 auto;
}
#playBox .smalltitle ul li{
    width:60px;
    height:8px;
    margin:0 5px;
    background:#ffffff;
    float:left;
    overflow:hidden;
    *display:inline;
    *zoom:1;
}
#playBox .smalltitle .thistitle{
    background:#20409a;
}
#playBox .smalltitle:hover{
    cursor: pointer;
}
/*报名*/
.bm-list{
    background: rgba(0,0,0,.6);
    z-index: 100;
    position: absolute;
    width: 390px;
    padding: 20px 0;
    top: 10%;
}
.bm-list h3,.bm-list p{
    color: #fff;
}
.bm-list h3{
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    padding: 20px 0;
    border-bottom: 2px solid  #ff4400;
}
.bm-list p{
    padding: 17px 0;
}
.bm-list p,.bm-list select,.bm-list input{
    margin-left: 17px;
}
.bm-list select,.bm-list input{
    width: 170px;
    height: 50px;
    float: left;
    margin-bottom: 20px;
}
.bm-list select{
    text-indent: 0.6em;
}
.bm-list input{
    padding-left: 18px;
}
.bm-list .btn{
    text-align: center;
}
.btn input{
    border-radius: 5px;
    border: 1px solid #ff4400;
    background-color: transparent;
}
.bm-list .btn input{
    width: 250px;
    height: 36px;
    box-shadow: 250px 0 #ff4400 inset;
    -webkit-box-shadow: 250px 0 #ff4400 inset;
    -moz-box-shadow: 250px 0 #ff4400 inset;
    -ms-box-shadow: 250px 0 #ff4400 inset;
    -o-box-shadow: 250px 0 #ff4400 inset;
    color: #fff;
    float: none;
    padding-left: 0;
}
.btn input:hover{
    cursor: pointer;
    color: #ff4400;
    box-shadow: 5px 0 #ff4400 inset;
    -webkit-box-shadow: 5px 0 #ff4400 inset;
    -moz-box-shadow: 5px 0 #ff4400 inset;
    -ms-box-shadow: 5px 0 #ff4400 inset;
    -o-box-shadow: 5px 0 #ff4400 inset;
    transition: all .5s linear;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
}

/*内容*/
.main-wrapper .banner-col-list li{
    float: left;
    margin-right: 20px;
}
.main-wrapper .banner-col-list li a{
    display: block;
    width: 218px;
    height: 166px;

}
h2 a{
	display:inline-block	
}
.main-wrapper .banner-col-list li:first-child a{
    background: url("../images/yingguo.jpg") left center no-repeat;
}
.main-wrapper .banner-col-list li:first-child a:hover{
    background: url("../images/yingguo_s.jpg") left center no-repeat;
}
.main-wrapper .banner-col-list li:nth-child(2) a{
    background: url("../images/meiguo.jpg") left center no-repeat;
}
.main-wrapper .banner-col-list li:nth-child(2) a:hover{
    background: url("../images/meiguo_s.jpg") left center no-repeat;
}
.main-wrapper .banner-col-list li:nth-child(3) a{
    background: url("../images/jianada.jpg") left center no-repeat;
}
.main-wrapper .banner-col-list li:nth-child(3) a:hover{
    background: url("../images/jianada_s.jpg") left center no-repeat;
}
.main-wrapper .banner-col-list li:nth-child(4) a{
    background: url("../images/aodaliya.jpg") left center no-repeat;
}
.main-wrapper .banner-col-list li:nth-child(4) a:hover{
    background: url("../images/aodaliya_s.jpg") left center no-repeat;
}
.main-wrapper .banner-col-list li:last-child a{
    background: url("../images/deguo.jpg") left center no-repeat;
}
.main-wrapper .banner-col-list li:last-child a:hover{
    background: url("../images/deguo_s.jpg") left center no-repeat;
}
.main-wrapper .banner-col-list li:last-child{
    margin-right: 0;
}
.main-wrapper .banner-col-list{
    padding-top: 20px;
}
/*左侧*/
.country-wrapper .left{
    width: 744px;
}
.country-wrapper .img-left{
    width: 40px;
}
.country-wrapper{
    padding: 20px;
    background: #fff;
}
.country-wrapper-a .country-list{
    width: 356px;
}
.country-list{
    float: left;
    width: 100%;
}
.country-list h2{
    font-size: 24px;
    font-weight: normal;
    padding-bottom: 10px;
    line-height: 40px;
    border-bottom: solid 1px #c9caca;
}
.country-list hr{
    border: none;
    border-bottom:1px solid #20409a;
}
.img-box{
    width: 100%;
    overflow: hidden;
    margin: 15px 0;
}
.img-box img:hover{
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transition: all .5s linear;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
}

.right.index-new-a{
	position: relative;
	height: 134px;
}
.information .right.index-new-a .index-n-a-t {
    position: absolute;
    bottom: -15px;
    width: 100%;
    background: rgba(0,0,0,.7);
    font-size: 16px;
    line-height: 34px;
    padding: 0 20px;
    color: #fff;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.country-list-b li{
    padding-left: 12px;
    background: url("../images/dian.jpg") left center no-repeat;
    line-height: 26px;
}
.country-list-b li a{
    color: #666;
    display: inline-block;
    white-space: nowrap;
     
    text-overflow: ellipsis;
}
.country-list-b li a:hover{
    color: #20409a;
}
.country-list:nth-child(2n+2){
    margin-right: 30px;
}
    /*行业资讯*/
.information,.country-wrapper-a .information{
    width: 100%;
}
.left .information .left,.left .information .right{
    width: 356px;
}
.left .information .right p{
    color: #999;
line-height: 28px;
}
 	/*专家答疑*/
.question h3 a{
    font-size: 20px;
    font-weight: normal;
    color: #20409a;
    padding-top: 15px;
}
.question .coll-r-s-b-m{
    padding-top: 0;
}

/*右侧*/
.country-wrapper .right{
    width: 356px;
}
    /*院校库和排名*/
.college-r-first h2{
    font-size: 24px;
    padding-bottom: 10px;
	line-height:40px;
    font-weight: normal;
}
.mar-gin span{
    float: left;
    width: 50%;
    text-align: center;
    padding: 10px 0;
}
.coll-r-f-t span{
    font-size: 24px;
    border-bottom: 1px solid #20409a;
}
.mar-gin span:hover{
    cursor: pointer;
}
.coll-r-f-b{
    padding: 20px;
    border: 1px solid #dedede;
}
.college-bm-wrapper select{
    width: 100%;
    margin-bottom: 20px;
}
.college-bm-wrapper input,.college-bm-wrapper select{
    height: 40px;
}
.college-search input{
    float: left;
}
.college-search input:first-child{
    width: 80%;
}
.college-search input:last-child{
    width: 20%;
    color: #fff;
    border: 1px solid #20409a;
    box-shadow: 63px 0 #20409a inset;
    -webkit-box-shadow: 63px 0 #20409a inset;
    -moz-box-shadow: 63px 0 #20409a inset;
    -ms-box-shadow: 63px 0 #20409a inset;
    -o-box-shadow: 63px 0 #20409a inset;
    border-radius: 0;
    padding-left: 0;
    border: none;
}
.college-search input:last-child:hover{
    background: #2d52b8;
}
.college-search input:last-child:hover{
    cursor: pointer;
}
.college-hot p{
    padding: 20px 0 20px;
}
.college-hot ul li{
    float: left;
    width: 142px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 15px;
}
.college-hot ul li h4{
    padding: 10px 0;
    font-weight: normal;
}
.college-hot ul li h4:hover{
    background: #fcfcfc;
}
.college-hot ul li:nth-child(2n+1){
    margin-right: 30px;
}
.college-hot ul li:nth-child(3),.college-hot ul li:last-child{
    margin-bottom: 0;
}
.college-ranking-list{
    padding: 15px 0;
    border-bottom: dashed 1px #dedede;
line-height: 24px;
}
.college-ranking-list:hover{
    background: #fcfcfc;
}
.college-ranking-list h4{
    padding-left: 18px;
    background: url("../images/dian.jpg") left center no-repeat;
    font-size: 16px;
    color: #666;
    font-weight: normal;
}
.college-ranking-list a:hover h4{
    color: #20409a;
}
.college-ranking-list p{
    color: #666;
}

/*专家答疑*/
.float-no{
    float: none;
    clear: both;
}
.question-list.college-ranking-list.float-l{
    width: 356px;
}
.question-main{
    padding: 10px 0 0;
}
.question-list.college-ranking-list.float-l:nth-child(2n+1){
    margin-right: 32px;
}
.college-r-second h2{
    border-bottom: none;
}
.coll-r-s-t span{
    background: #f7f7f7;
}
.coll-r-s-t span.active{
    color: #20409a;
    background: none;
    border-top: 2px solid #20409a;
}
.question-list{
    padding: 10px 0;
}
.question-list h4,.question-list p{
    padding-left: 26px;
}
.question-list h4{
    background: url("../images/wen.jpg") left center no-repeat;
    margin-bottom: 6px;
}
.question-list p{
    background: url("../images/da.jpg") left 12% no-repeat;
}
.coll-r-s-b-m{
    padding: 20px 0;
}
.college-r-third .college-ranking-list img{
    width: 28%;
}
.college-r-third .team-wrapper .right{
    width: 65%;
}
.team-wrapper{
    height: 463px;
    overflow: hidden;
}

/*成功案例*/
.sample.information li.left{
    width: 171px;
    margin-right: 20px;
    border: solid 1px #dedede;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    padding: 10px;
}
.sample-box{
    width: 100%;
    overflow: hidden;
}
.sample-box ul{
    width: 4000px;
}
.sample.information .index-sample li.left img{
	width:151px;
	height:211px;
    margin: 0 auto 10px;
}
.sample.information li.left h4{
    text-align: center;
    font-size: 10px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: normal;
}
.sample.information hr.left-line,.sample.information hr.right-line{
    width: 70px;
    position: absolute;
    top: 164px;
}
.sample.information hr.left-line{
    left: 20px;
}
.sample.information hr.right-line{
    right: 20px;
}
.sample.information li.left .text{
    padding-top: 14px;
}
.sample.information li.left .text p{
    color: #666;
}

/*页脚*/
footer{
background: #323232
}
footer *{
    color: #fff;
}
footer p{
    line-height: 26px;
}
footer .footer-first{
    padding: 8px 0;
}
footer .footer-first{
    border-bottom: 1px solid #4d4d4d;
}
footer .footer-first .left{
    padding-left: 20px;
    padding-right: 20px;
}
footer .footer-first .left:first-child{
    border-right: 1px solid #4d4d4d;
    padding-left: 0;
	margin-top:4px;
}
footer .copy{
    text-align: center;
	padding: 20px 0;
line-height: 30px;
}
    /*新闻资讯页*/
span.left{
    line-height: 26px;
    padding: 0 12px;
}
.new-wrapper .new-title.country-list h2{
    border-bottom: none;
    padding: 0;
    font-size: 16px;
    line-height: 26px;
}
.new-wrapper .new-title{
    padding: 14px 0;
}
.new-wrapper .new-title img{
    margin-right: 20px;
    width: 40px;
}
.new-banner,.new-banner-l{
    height: 400px;
    overflow: hidden;
}
.new-banner-r a:first-child{
    margin-bottom: 20px;
}
.new-banner-r-list{
    background: #7090ea;
    height: 120px;
    width: 456px;
    margin-bottom: 20px;
    padding: 20px;
    box-sizing: border-box;
}
.new-banner-r-list h3,.new-banner-r-list p{
    color: #fff;
}
.new-banner-r-list h3{
    padding-bottom: 10px;
}
.new-banner-r-list:last-child{
    margin-bottom: 0;
}
.new-banner-r .active{
    background: #325dd3;
}
.new-banner-r:hover{
    cursor: pointer;
}
.ctrl{
    width: 14px;
    right: 20px;
    z-index: 20;
    height: 70px;
    top: 50%;
    margin-top: -35px;
}
.ctrl li{
    width: 100%;
    height: 14px;
    margin-bottom: 10px;
    border-radius: 50%;
    background: #f7f7f7;
}
.ctrl li:last-child{
    margin-bottom: 0;
}
.ctrl .active{
    background: #20409a;
}
    /*列表*/
.information .new-list .left{
    width: 200px;
	height:112px;
}
.information .new-list .right{
    width: 523px;
}
.information .new-list .right h4{
    font-size: 18px;
}
.information .new-list .right .left{
    width: 80%;
	height:auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.information .new-list .right .right{
    width: 15%;
    text-align: right;
    font-size: 14px;
    color: #999;
}
.information .new-list .right .new-text-b p{
    padding: 12px 0;
    margin-bottom: 0;
    text-indent: 0;
}
.information .new-list{
    padding: 20px 0;
    border-bottom: 1px dashed #dedede;
}
.information .new-list:hover{
    background: #f7f7f7;
}
.new-label a{
    float: left;
    margin-right: 15px;
    color: #999;
}
.new-label a:hover{
    color: #20409a;
}
.new-text-b a.detailed{
    display: inline-block;
}
.pagination-wrapper{
    text-align: center;
    margin-top: 30px;
}
.pagination{
    display: inline-block;
}
.pagination li{
    float: left;
    padding: 6px 12px;
    border: 1px solid #ddd;
    margin-left: -1px;
}
.pagination li:first-child{
    margin-left: 0;
}
.pagination li.active{
    background: #20409a;
    border-color: #20409a;
}
.pagination li.active a{
    color: #fff;
}
.img-box .pagination span{
    padding: 0;
}
    /*快速申请*/
.country-wrapper .applay{
    background: #f5f5f5;
    padding: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
.country-wrapper .applay .college-bm-wrapper input,.country-wrapper .applay .college-bm-wrapper select{
    margin-bottom: 15px;
}
.country-wrapper .applay h2{
    border-bottom: none;
}
.country-wrapper .applay .college-bm-wrapper .btn{
    text-align: center;
}
.country-wrapper .applay .college-bm-wrapper .btn input{
    padding-left: 0;
    width: 60%;
    border: 1px solid #20409a;
    box-shadow: 190px 0 #20409a inset;
    -webkit-box-shadow: 190px 0 #20409a inset;
    -moz-box-shadow: 190px 0 #20409a inset;
    -ms-box-shadow: 190px 0 #20409a inset;
    -o-box-shadow: 190px 0 #20409a inset;
}
.country-wrapper .applay .college-bm-wrapper .btn input:hover,.team-list .btn a:hover{
    color: #20409a;
    box-shadow: 5px 0 #20409a inset;
    -webkit-box-shadow: 5px 0 #20409a inset;
    -moz-box-shadow: 5px 0 #20409a inset;
    -ms-box-shadow: 5px 0 #20409a inset;
    -o-box-shadow: 5px 0 #20409a inset;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
}
.country-wrapper .applay .college-bm-wrapper .btn .bg-blue{
    margin-bottom: 0;
}
.country-wrapper .care img{
    display: inline-block;
}
.country-wrapper .care{
    background: #f5f5f5;
    text-align: center;
    padding: 20px 0;
}
    /*大家都在看*/
.look-label{
    margin-top: 20px;
}
.look-label a{
    float: left;
    background: #f5f5f5;
    width: 80px;
    padding: 10px 0;
    margin-right: 12px;
    text-align: center;
    margin-bottom: 12px;
}
.look-label a:hover{
    background: #20409a;
    color: #fff;
    transition: background .4s linear;
    -webkit-transition: background .4s linear;
    -moz-transition: background .4s linear;
    -ms-transition: background .4s linear;
    -o-transition: background .4s linear;
}
.look-label a:nth-child(4n+4){
    margin-right: 0;
}
    /*文章内页*/
.new-event .new-main h2{
    text-align: center;
    border-bottom: none;
}
.new-event .page-tools{
    padding: 5px 0 10px;
    border-bottom: 1px solid #c9caca;
    text-align: center;
}
.new-event .page-tools small{
    margin-right: 20px;
}
.new-event .page-tools small,.new-event .page-tools small a{
    font-size: 14px;
    color: #999;
}
.new-event .page-tools small a{
    display: inline-block;
    color: #20409a;
}
.new-wrapper .img-box p{
    line-height: 24px;
    margin-bottom: 20px;
    text-indent: 2em;
    text-align: left;
}
.new-wrapper .sample .sample-box .text p{
    text-indent: 0;
    margin-bottom: 0;
}
.new-event .img-box{
    text-align: center;
}
.new-event .img-box img{
    display: inline-block;
    margin-bottom: 20px;
}
.new-event .sample-box img{
	width:210px;
	height:280px;
}
.new-event .share-box small{
    line-height: 36px;
    font-size: 14px;
}
.new-event .share-img .share-img-list,.new-event .share-box small{
    float: left;
}
.new-event .share-img .share-img-list{
    height: 40px;
    width: 36px;
    background: url("../images/main_desktop2.png") no-repeat;
    margin-right: 12px;
}
.new-event .share-img .share-img-a{
    background-position: 0 7px;
}
.new-event .share-img .share-img-a:hover{
    background-position: 0 -73px;
}
.new-event .share-img .share-img-b{
    background-position: -60px 7px;
}
.new-event .share-img .share-img-b:hover{
    background-position: -60px -73px;
}
.new-event .share-img .share-img-c{
    background-position: -124px 7px;
}
.new-event .share-img .share-img-c:hover{
    background-position: -124px -73px;
}
.new-event .share-img .share-img-d{
    background-position: -200px 7px;
}
.new-event .share-img .share-img-d:hover{
    background-position: -200px -73px;
}
.new-event .share-img .share-img-e{
    background-position: -283px 7px;
}
.new-event .share-img .share-img-e:hover{
    background-position: -290px -70px;
}
.new-event .share-img .share-img-f{
    background-position: -359px 7px;
}
.new-event .share-img .share-img-f:hover{
    background-position: -359px -73px;
}
.new-event .share-box{
    margin-bottom: 20px;
}
.cont-link{
    padding-top: 20px;
    border-top: 1px solid #c9caca;
}
.cont-link a{
	display: inline-block;
	width: 300px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height:1;
}
.cont-link .left{
    text-align: left;
}
.new-event .college-ranking-list{
    padding: 10px 0 10px 12px;
}
    /*海外游学*/
.article-wrapper .country-wrapper .left{
    width: 280px;
}
.article-wrapper .right{
    width: 820px;
}
.article-wrapper .right .new-text{
    width: 70%;
}
.article-wrapper .right .left{
    width: 25%;
}
.nav-part li{
    background: #f5f5f5 url("../images/ico_19.png") 85% center no-repeat;
    line-height: 40px;
    border-bottom: 1px solid #dedede;
}
.nav-part li:hover{
    background: #20409a url("../images/ico_19_w.png") 85% center no-repeat;
    color: #fff;
    cursor: pointer;
}
.nav-part li:hover .name{
    color: #fff;
}
.nav-part li{
    position: relative;
}
.sub-cont{
    position: absolute;
    top: 0;
    left: 280px;
    width: 0;
    overflow: hidden;
    background: #fff;
    text-align: left;
    line-height: 40px;
}
.sub-cont h3{
    color: #333;
    border-bottom: 1px solid #dedede;
}
.nav-part li:hover .sub-cont{
    width: 120px;
    border: 1px solid #dedede;
    box-sizing: border-box;
    transition: all .5s linear;
}
.sub-list a:hover{
    background: #20409a;
    color: #fff;
}
.sub-list a,.sub-cont h3{
    padding-left: 30px;
}
.nav-part .active .name .arrow{
    display: block;
}
.nav-part li.bg-blue{
    background: #20409a url("../images/ico_19_w.png") 85% center no-repeat;
}
.nav-part li.bg-blue .name{
    color: #fff;
}
.nav-part .name{
    padding: 0 34.22% 0 15.78%;
}
.nav-part .name .arrow{
    display: none;
    position: absolute;
    right: -5px;
    top: 50%;
    margin: -4.5px 0 0;
    background: url("../images/ico_20.png") no-repeat;
    width: 5px;
    height: 9px;
    z-index: 2000;
}
    /*内页-专家答疑*/
.article-wrapper .question-list{
    padding: 15px 0;
}
.article-wrapper .question-list h4{
    font-size: 18px;
    font-weight: 600;
}
.article-wrapper .question-list p{
    line-height: 24px;
    margin-bottom: 0;
    text-indent: 0;
}
    /*成功案例*/
.sample-wrapper .country-wrapper{
    padding-bottom: 0px;
}
.sample-wrapper .sample-box ul{
    width: 100%;
}
.sample-wrapper .img-box .sample-box .left{
    width: 31.3%;
    margin-right: 3%;
    margin-bottom: 3%;
}
.sample-wrapper .sample-box .left:nth-child(3n+3){
    margin-right: 0;
}
.sample-wrapper .sample-box .text p{
    margin-bottom: 0;
    text-indent: 0;
}
.sample-wrapper .sample.information hr.left-line, .sample-wrapper .sample.information hr.right-line{
    top: 168px;
    width: 60px;
}
    /*美国留学*/
.nav-top{
    padding-bottom: 30px;
}
.nav-top h2{
    font-size: 16px;
    font-weight: normal;
}
.nav-top .img-left{
    margin-right: 20px;
}
.country-wrapper-a{
    padding: 20px 20px;
}
.project-banner{
    background: url("../images/usa-banner.jpg") center no-repeat;
    position: relative;
	padding:66px 0
}
.gbr .project-banner{
    background: url("../images/gbr-banner.jpg") center no-repeat;
}
.can .project-banner{
    background: url("../images/can-banner.jpg") center no-repeat;
}
.aus .project-banner{
    background: url("../images/aus-banner.jpg") center no-repeat;
}
.ger .project-banner{
    background: url("../images/ger-banner.jpg") center no-repeat;
}
.project-banner img{
    margin: 0 auto;
}
.new-wrapper .top{
    line-height: 40px;
    padding-bottom: 10px;
    border-bottom: 1px solid #c9caca;
}
.new-wrapper .top h2{
    padding-bottom: 0;
    border-bottom: none;
}
.new-wrapper .country-list-b.img-box li{
    text-align: left;
}
.project .sample.information li.left{
    width: 228px;
}
.project .text{
    text-align: left;
}
.project .sample.information hr.left-line,.project .sample.information hr.right-line{
    width: 60px;
    top: 168px;
}
.college-wrapper{
    text-align: center;
    margin: 20px 0 8px;
    height: 560px;
}
.college-wrapper h4{
    padding-left: 0;
    background: none;
}
.college-wrapper img{
    display: inline-block;
}
.project .college-wrapper .college-ranking-list{
    padding-left: 0;
    border: none;
}
.project .college-wrapper .img-box{
    margin: 0;
}
.project .college-wrapper .img-box img{
    margin-bottom: 8px;
}
.project .college-wrapper .img-box .new-list-college img{
	width:280px;
	height:90px;
}
.coun-special .country-list:nth-child(2n+1){
    margin-right: 30px;
}
.coun-special .country-list:nth-child(2n+2){
    margin-right: 0;
}
/*院校库单页面*/
.font_color{
    color: #20409a;
}
.hot-college h2,.qq-college h2{
    font-size: 24px;
    font-weight: normal;
    padding-bottom: 10px;
    line-height: 40px;
    border-bottom: solid 1px #c9caca;
}
.hot-college ul{
    margin-top: 30px;
}
.hot-college li{
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 267px;
    overflow: hidden;
}
.hot-college li img{
    width: 267px;
    height: 178px;
}
.hot-college li:nth-child(4n+4){
    margin-right: 0;
}
.hot-college .college-name{
    text-align: center;
    padding: 10px 0;
}
.hot-college .college-name h3,.hot-college .college-name h4{
    font-weight: normal;
    font-size: 16px;
}
.hot-college .college-name h4{
    color: #666;
    margin-top: 4px;
}
.hot-college .college-name:hover{
    background-color: #f7f7f7;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
}
.hot-college .college-name:hover h3{
    color: #333;
}
.qq-college .left,.qq-college .right{
    margin-top: 30px;
}
    /*右侧*/
.search-top .from-group{
    border-bottom: 1px dashed #c8c8c8;
    padding: 14px 0;
}
.search-top .from-group label,.search-top .from-group .from-gr-r,.search-top .from-group .from-gr-r a,.from-group:first-child .from-gr-r input{
    float: left;
}
.search-top .from-group label{
    width: 12%;
    text-align: right;
    margin-right: 20px;
}
.search-top .from-group a{
    margin-right: 20px;
}
.search-top .from-group a,.search-top .from-group label,.from-group .from-gr-r{
    font-size: 16px;
}
.input-search{
    width: 260px;
    padding-left: 15px;
    margin-right: 10px;
}
.input-search,.submit{
    height: 31px;
}
.submit{
    background: #20409a url("../images/search.png") center no-repeat;
    width: 50px;
    border: none;
    border-radius: 5px;
}
    /*学校列表*/
.college-main-wrapper-b{
    margin-top: 40px;
}
.college-main-wrapper-b ul{
    margin-top: 10px;
}
.college-main-wrapper-b .title span,.part1,.part2,.part3,.part4,.part1 img,.part1 .college-title{
    float: left;
    text-align: center;
}
.college-main-wrapper-b .title{
    padding-bottom: 10px;
    border-bottom: 1px solid #c9caca;
}
.college-main-wrapper-b .title span{
    font-size: 16px;
}
.college-main-wrapper-b .title span:first-child,.part1{
    color: #666;
    width: 54%;
}
.college-main-wrapper-b .title span:nth-child(2),.part2{
    width:20%;
}
.college-main-wrapper-b .title span:nth-child(3),.part3{
    width: 7%;
}
.college-main-wrapper-b .title span:last-child,.part4{
    width: 19%;
}
.part1 .college-title{
    text-align: left;
	width:280px;
}
.college-title h5{
    font-size: 16px;
    color: #20409a;
}
.college-title:hover h6{
    color:#666
}
.college-title h6{
    font-size: 14px;
    color: #666;
    font-weight: normal;
}
.college-title h6.intro{
    margin-top: 5px;
}
.part1 img{
    margin-right: 20px;
}
.part2 p,.part3,.part4 .btn,.part1 img{
    line-height: 68px;
}
.college-list{
    padding: 20px 10px;
    border-bottom: 1px solid #eee;
}
.college-list img{
	width:130px;
	height:68px;
}
.college-list:hover{
    background-color: #fcfcfd;
    border: 1px solid #e3681b;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
}
.college-list .btn{
    border: 1px solid #ed8b47;
    box-shadow: 107px 0 #ed8b47 inset;
    -webkit-box-shadow: 107px 0 #ed8b47 inset;
    -moz-box-shadow: 107px 0 #ed8b47 inset;
    -ms-box-shadow: 107px 0 #ed8b47 inset;
    -o-box-shadow: 107px 0 #ed8b47 inset;
    color: #fff;
    width: 70%;
    height: 40px;
    line-height: 40px;
    margin: 19px auto;
    border-radius: 5px;
}
.college-list .btn:hover,.yx-t-r .btn:hover{
    box-shadow: 7px 0 #ed8b47 inset;
    -webkit-box-shadow: 7px 0 #ed8b47 inset;
    -moz-box-shadow: 7px 0 #ed8b47 inset;
    -ms-box-shadow: 7px 0 #ed8b47 inset;
    -o-box-shadow: 7px 0 #ed8b47 inset;
    color: #ed8b47;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
}
    /*院校库内页*/
.yx-t{
    background: url("../images/college_main.jpg") no-repeat left center;
    height: 260px;
    overflow: hidden;
    padding: 0 20px;
}
.yx-t-l img{
    width: 210px;
    height: 176px;
    margin-top: 15px;
}
.yx-t-l,.yx-t-m,.yx-t-r{
    float: left;
    margin-top: 20px;
}
.yx-t-m{
    width: 66%;
}
.yx-t-m h2,.yx-t-m span{
    padding-left: 15px;
}
.yx-t-m h2{
    font-weight: normal;
    color: #ed8b47;
}
.yx-t-m span{
    color: #9e9d9d;
}
.yx-t-m ul{
    margin-top: 10px;
}
.yx-t-m li{
    color: #fff;
    width: 45%;
    float: left;
    padding: 6px 15px;
}
.yx-t-r{
    width: 14%;
}
.yx-t-r .btn{
    width: 100%;
    text-align: center;
    border: 1px solid #ed8b47;
    box-shadow: 162px 0 #ed8b47 inset;
    -webkit-box-shadow: 162px 0 #ed8b47 inset;
    -moz-box-shadow: 162px 0 #ed8b47 inset;
    -ms-box-shadow: 162px 0 #ed8b47 inset;
    -o-box-shadow: 162px 0 #ed8b47 inset;
    color: #fff;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    margin-top: 89px;
}
/*底部院校相关左侧*/
.yx-wrapper ul li{
    float: left;
    width: 248px;
    text-align: center;
    background: #f7f7f7;
    border-right: 1px solid #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    line-height: 40px;
}
.yx-wrapper ul li.active{
    background-color: transparent;
    color: #20409a;
    border-top: 2px solid #20409a;
}
.yx-wrapper ul li:last-child{
    border-right: none;
}
.jj-part{
    margin-bottom: 30px;
}
.jj-part h3{
    font-size: 16px;
    border-left: 2px solid #20409a;
    padding-left: 20px;
    margin-bottom: 10px;
}
.jj-part p{
    line-height: 26px;
    margin-bottom: 20px;
}
.yx-w-b{
    position: relative;
    margin-top: 30px;
}
.yx-w-b-m .pic-box li{
    float: left;
    margin-right: 21px;
    width: 234px;
    background: transparent;
    margin-bottom: 30px;
}
.yx-w-b-m li:nth-child(3n+3){
    margin-right: 0;
}
.yx-w-b-m li img{
    width: 234px;
    height: 156px;
}
    /*开设专业*/
.zy-t{
    margin-top: 20px;
}
.zy-t-list label,.zy-t-list .tag-list{
    float: left;
}
.zy-t-list label{
    font-size: 16px;
    width: 100px;
}
.tag-list{
	width:620px;
}
.zy-t-list{
    padding: 13px 0;
    border-bottom: 1px dashed #ddd;
    line-height: 16px;
}
.zy-t-list .tag-list a{
    display: inline-block;
    margin: 0 0 0 18px;
    padding: 0 6px;
    height: 24px;
    line-height: 24px;
    border-radius: 4px;
}
.zy-t-list .tag-list a:hover,.zy-t-list .tag-list .active{
    background: #20409a;
    color: #fff;
}
.qh{
    display: block;
}
.click-dis{
    width: 140px;
    background: #20409a;
    height: 40px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    border-radius: 5px;
    margin: 20px auto 0;
}
.hide i{
    background: url("../images/zhankai.png") no-repeat left center;
}
.show i{
    background: url("../images/yincang.png") no-repeat left center;
}
.click-dis i{
    position: relative;
    top: 1px;
    display: inline-block;
    width: 10px;
    height: 10px;
}
.click-dis-wrapper{
    position: relative;
}
.list-m{
    padding: 25px 0;
    border-bottom: 1px solid #d3d3d3;
    padding-right: 20px;
    overflow: hidden;
}
.s-l{
    width: 80%;
}
.s-l h3{
    font-weight: normal;
}
.s-l .s-type{
    margin-top: 5px;
}
.s-l .s-type span{
    color: #818181;
    display: inline;
    width: 50%;
}
.s-r{
    width: 14%;
}
.s-r .btn{
    text-align: center;
    border: 1px solid #ed8b47;
    box-shadow: 162px 0 #ed8b47 inset;
    -webkit-box-shadow: 162px 0 #ed8b47 inset;
    -moz-box-shadow: 162px 0 #ed8b47 inset;
    -ms-box-shadow: 162px 0 #ed8b47 inset;
    -o-box-shadow: 162px 0 #ed8b47 inset;
    color: #fff;
    height: 28px;
    line-height: 28px;
    border-radius: 5px;
}
    /*右侧排名*/
.pm-t{
    margin-top: 20px;
}
.pm-t-l,.pm-t-r{
    background: #f7f7f7;
}
.pm-l,.pm-r{
    text-align: center;
    line-height: 40px;
}
.pm-l img{
    width: 60px;
    height: 40px;
    margin-right: 20px;
}
.pm-l a{
    font-size: 16px;
}
.pm li{
    padding-left: 0;
    background-image: none;
}
.pm-name{
    color: #20409a;
    text-align: left;
    padding-left: 20px;
}
.pm-number{
   color: #ed8b47;
    text-align: right;
    padding-right: 20px;
}
.pm-l{
    width: 70%;
}
.pm-r{
    width: 30%;
}
.pm-name,.pm-number{
    font-size: 18px;
    font-weight: bolder;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

/*顾问团队*/
.team-main .college-ranking-list{
    padding: 20px 0;
}
.team-main ul{
    margin:10px 0 50px;
}
.team-r{
    width: 516px;
}
.team-r h3,.team-r .team-con,.team-r .team-pro{
    padding-bottom: 15px;
    line-height: 22px;
}
.team-r h3{
    font-size: 20px;
}
.team-r .team-con{
    font-size: 16px;
}
.team-list .btn{
    text-align: right;
}
.team-list .btn a{
    color: #fff;
    box-shadow:140px 0 #20409a inset;
    -webkit-box-shadow:140px 0 #20409a inset;
    -moz-box-shadow:140px 0 #20409a inset;
    -ms-box-shadow:140px 0 #20409a inset;
    -o-box-shadow:140px 0 #20409a inset;
    line-height: 40px;
    border-radius: 5px;
    width: 140px;
    text-align: center;
    display: inline-block;
    border: 1px solid #20409a;
}

/*文章页面自录单独文本样式*/
.new-main .other-article-main p{
	text-indent:0;
}
/*右侧栏*/
.right-contact{
    position: fixed;
    left: 50%;
    top: 30%;
    border-radius: 0px;
    z-index: 60;
    margin-left: 600px;
    width: 70px;
}
.right-contact ul{
    background: #fff;
    border: 1px solid #eee;
}
.right-contact li {
    border-bottom: solid 1px #eee;
    padding: 14px 0;
    text-align: center;
    position: relative;
}
.right-contact li i{
    background: url("../images/icon.png") no-repeat;
    background-position: -23px -24px;
    width: 32px;
    height: 28px;
    display: inline-block;
}
.right-contact li:hover,.right-contact li:hover .detail{
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
}
.right-contact li:hover{
    background: #20409a;
}
.right-contact li:hover span{
    color: #fff;
}
.right-contact li:hover .detail{
    width: 140px;
}
.right-contact li:hover .btn-zz{
    background-position: -61px -24px;
}
.right-contact li:hover .btn-dz{
    background-position: -61px -60px;
}
.right-contact li:hover .btn-wx{
    background-position: -62px -97px;
}
.right-contact li:hover .btn-db{
    background-position: -63px -128px;
}
.right-contact li .btn-dz{
    background-position: -23px -60px;
}
.right-contact li .btn-wx{
    background-position: -21px -97px;
}
.right-contact li .btn-db{
    background-position: -21px -128px;
}
.right-contact li span{
    display: inline-block;
    color: #666;
}
.right-contact .detail span,.right-contact .detail{
    color: #fff;
}
.right-contact .detail{
    position: absolute;
    bottom: 0;
    right: 69px;
    width: 0;
    overflow: hidden;
    background: #20409a;
    padding-bottom: 10px;
}
.right-contact .detail span{
    display: block;
    width: 140px;
    padding: 10px 0;
}
.right-contact .detail span img{
    display: inline-block;
    text-align: center;
}
.right-contact .top-switch{
    display: none;
}
.detail b {
    width: 140px;
    display: block;
}
.right-l-m{
    position: relative;
}
.inf-ale{
    position: absolute;
    right: 12px;
    top: -3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #ed8b47;
    text-align: center;
    color: #fff;
    animation: mymove 5s infinite;
    -webkit-animation: mymove 2s infinite;
    -moz-animation: mymove 2s infinite;
    -ms-animation: mymove 2s infinite;
}
@keyframes mymove {
    0%{
        background: #ed8b47;
        width: 18px;
        height: 18px;
    }
    50%{
        background: #ed5347;
        width: 20px;
        height: 20px;
    }
    100%{
        background: #ed8b47;
        width: 18px;
        height: 18px;
    }
}
@-webkit-keyframes mymove {
    0%{
        background: #ed8b47;
        width: 18px;
        height: 18px;
    }
    50%{
        background: #ed5347;
        width: 20px;
        height: 20px;
    }
    100%{
        background: #ed8b47;
        width: 18px;
        height: 18px;
    }
}
@-moz-keyframes mymove {
    0%{
        background: #ed8b47;
        width: 18px;
        height: 18px;
    }
    50%{
        background: #ed5347;
        width: 20px;
        height: 20px;
    }
    100%{
        background: #ed8b47;
        width: 18px;
        height: 18px;
    }
}
@-ms-keyframes mymove {
    0%{
        background: #ed8b47;
        width: 18px;
        height: 18px;
    }
    50%{
        background: #ed5347;
        width: 20px;
        height: 20px;
    }
    100%{
        background: #ed8b47;
        width: 18px;
        height: 18px;
    }
}
@-o-keyframes mymove {
    0%{
        background: #ed8b47;
        width: 18px;
        height: 18px;
    }
    50%{
        background: #ed5347;
        width: 20px;
        height: 20px;
    }
    100%{
        background: #ed8b47;
        width: 18px;
        height: 18px;
    }
}

/*一分钟美国*/
.container .minute-reading{
    padding: 40px;
}
.container .minute-reading li .text-wrapper{
    padding: 30px;
}
.container .minute-reading li{
    width: 100%;
    height: 345px;
    overflow: hidden;
    margin-bottom: 40px;
}
.container .minute-reading li:last-child{
    margin-bottom: 0;
}
.minute-reading .img-wrapper{
    width: 40%;
    overflow: hidden;
}
.minute-reading .text-wrapper{
    width: 60%;
}
.container .minute-reading li .text-wrapper{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-shadow: 654px 0 #f7f7f7 inset;
    -webkit-box-shadow: 654px 0 #f7f7f7 inset;
    -moz-box-shadow: 654px 0 #f7f7f7 inset;
    -ms-box-shadow: 654px 0 #f7f7f7 inset;
    -o-box-shadow: 654px 0 #f7f7f7 inset;
    height: 345px;
}
.container .minute-reading li .text-wrapper:hover{
    border: 1px solid #eee;
    box-shadow: 0 0 #f7f7f7 inset;
    -webkit-box-shadow: 0 0 #f7f7f7 inset;
    -moz-box-shadow: 0 0 #f7f7f7 inset;
    -ms-box-shadow: 0 0 #f7f7f7 inset;
    -o-box-shadow: 0 0 #f7f7f7 inset;
    transition: all .3s linear;
}
.minute-reading h4{
    font-size: 18px;
    padding-bottom: 20px;
}
.minute-reading p{
    margin-bottom: 10px;
line-height: 22px;
}
.minute-reading .text-main p:last-child{
    margin-bottom: 0;
}

/*底部固定栏*/
.col-md-4,.col-md-3,.col-md-6{
    float: left;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
.col-md-4{
    width: 33.33333333%;
}
.form-control{
    display: block;
    width: 100%;
    height: 34px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.col-md-4 .form-group{
    margin-bottom: 15px;
}
.col-md-3{
    width: 25%;
}
.col-md-6{
    width: 50%;
}
.dis-b-in{
    display: inline-block;
}
.method .container{
    padding:0;
    height: 120px;
}
.method-big,.method-small{
    position:fixed;
    bottom:0;
    width:100%;
    z-index: 1000;
}
.method-big{
    background:rgba(0,0,0,0.85);
    height:120px;
    display:none;
}
.method-big .method-left{
    position:static;
    padding:0;
    height: 219px;
}
.method-big .close{
    position:absolute;
    top:8px;
    color:#fff;
    font-size:44px;
    opacity: .8;
    font-weight: normal;
    margin-top: -8px;
    display: inline-block;
}
.method-big .close:hover{
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .5s linear;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
}
.method-big .col-md-4 .btn{
    box-shadow: 155px 0 #ed8b47 inset;
    -webkit-box-shadow: 155px 0 #ed8b47 inset;
    -moz-box-shadow: 155px 0 #ed8b47 inset;
    -ms-box-shadow: 155px 0 #ed8b47 inset;
    -o-box-shadow: 155px 0 #ed8b47 inset;
    width: 100%;
    color: #fff;
    background-color: transparent;
    line-height: 34px;
    margin-top: -1px;
    text-align: center;
    ackground-image: none;
    border: 1px solid transparent;
    border-radius: 4px;

}
.method-big .col-md-4 .btn:hover{
    color: #ed8b47;
    border: 1px solid #ed8b47;
    box-shadow: 5px 0 #ed8b47 inset;
    -webkit-box-shadow: 5px 0 #ed8b47 inset;
    -moz-box-shadow: 5px 0 #ed8b47 inset;
    -ms-box-shadow: 5px 0 #ed8b47 inset;
    -o-box-shadow: 5px 0 #ed8b47 inset;
    transition: all .3s linear;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
}
.method-big .method-left img{
    position:absolute;
    bottom:0;
}
.method-right{
    position:relative;
    margin-top:18px;
}
.method-small{
    display:none;
}
.method-small{
    left: 0;
    width: 128px;
    bottom: 20px;
}
.method-small img{
    width:128px;
    height: 140px;
    cursor:pointer;
    position:relative;
    bottom:0;
}
.box_hi{
    height: 120px;
}
.pc-small{
    display:block;
}
.mobile-small{
    display:none;
}

.other-article-main{
padding-top: 20px;
line-height: 32px;
}

.other-article-main img{
 display:inline;
}

.other-article-main a{
 display:inline;
}