.headerBox .header .logo a img{
    width:auto;
    height:auto;
}
.evaluation_container .sectionBox{
    width:100%;
    height: auto;
    margin-bottom: 45px;
}
.evaluation_container .sectionBox .center{
    width:1200px;
    height: auto;
    margin: 0px auto;
}
.evaluation_container .sectionBox .centerBox{
    overflow: hidden;
    height: 535px;
}
.sectionBox .center .focus{
    width: 1200px;
    height: 78px;
}
.sectionBox .center .focus1{
    margin: 70px auto 60px;
    background: url(../png/evaluation/focus_1.png) center center no-repeat;
}
.sectionBox .center .main{
    width:1200px;
    height: auto;
}
.main .square_2Cont{
    width:1220px;
    height: auto;
    position: relative;
    _position: relative;
    margin-left: -20px;
    zoom: 1;
}
.main .square_2Cont:after{
    display:block;
    clear:both;
    content:"";
    visibility:hidden;
    height:0;
}
.square_2Cont .slide-item {
    position: relative;
    float: left;
    color: #000;
    font-size: 0;
    text-align: center;
    width:285px;
    height:435px;
    cursor: pointer;
    margin-left: 20px;
    background: #fff;
    -webkit-box-shadow: 0px 10px 30px #dcedf5;
    -moz-box-shadow: 0px 10px 30px #dcedf5;
    -o-box-shadow: 0px 10px 30px #dcedf5;
    box-shadow: 0px 10px 30px #dcedf5;
    position: relative;
    top:0px;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index:100;
}
.square_2Cont .slide-item>a{
    display: block;
    width:285px;
    height:435px;
}
.square_2Cont .slide-item .item-bg {
    width: 100%;
    height: 100%;
}
.square_2Cont .slide-item  .mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.square_2Cont .slide-item .mask .bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.square_2Cont .slide-item .mask .bg.other-bg {
    opacity: 0.82;
    filter: alpha(opacity=82);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(82));
}
.square_2Cont .slide-item .mask .content {
    position: absolute;
    left: 0;
    right: 0;
    top: 45px;
    bottom: 0;
    overflow: hidden;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.square_2Cont .slide-item .mask .content .line-panel {
    padding: 0;
    margin: 0;
    font-size: 0;
    line-height: 0;
    margin-top: 20px;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.square_2Cont .slide-item .mask .content .line-panel .item-line {
    width: 20px;
    height: 2px;
    background: #fff;
    display: inline-block;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.square_2Cont .slide-item .mask .content .item-img-panel {
    position: relative;
    width:59px;
    height:60px;
    display: inline-block;
    text-align: center;
}
.square_2Cont .slide-item .mask .content .item-img-panel .item-img,
.square_2Cont .slide-item .mask .content .item-img-panel .item-img-hover {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    display: inline-block;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.square_2Cont .slide-item .mask .content .item-img-panel .item-img-hover {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.square_2Cont .slide-item .mask .content .item-title {
    font-size: 24px;
    line-height: 24px;
    color:#444444;
    margin: 0;
    padding: 0;
    margin-top: 60px;
    font-weight: normal;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.square_2Cont .slide-item:hover .mask .content .item-title{
    color:#fff;
}
.square_2Cont .slide-item .mask .content .item-text{
    font-size: 14px;
    line-height: 27px;
    color:#333;
    margin: 0;
    padding: 0;
    margin-top: 40px;
    display: block;
    padding: 0px 23px;
    font-weight: normal;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    text-align: left;
}
.square_2Cont .slide-item:hover .mask .content .item-text{
    display: none;
}
.square_2Cont .slide-item .mask .content .item-desc {
    font-size: 14px;
    color: #fff;
    text-align: left;
    margin-top: 70px;
    padding: 0px 23px;
    line-height: 27px;
    height: 72px;
}
.square_2Cont .slide-item .mask .content .item-desc{
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.square_2Cont .slide-item1:hover .bg{
    background: url(../png/evaluation/slide-item_bg1.png) no-repeat;
}
.square_2Cont .slide-item2:hover .bg{
    background: url(../png/evaluation/slide-item_bg2.png) no-repeat;
}
.square_2Cont .slide-item3:hover .bg{
    background: url(../png/evaluation/slide-item_bg3.png) no-repeat;
}
.square_2Cont .slide-item4:hover .bg{
    background: url(../png/evaluation/slide-item_bg4.png) no-repeat;
}
.square_2Cont .slide-item:hover .bg.other-bg {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(80));
}
.square_2Cont .slide-item:hover .content {
    top:59px;
}
.square_2Cont .slide-item:hover .content .item-img-panel .item-img {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
}
.square_2Cont .slide-item:hover .content .item-img-panel .item-img-hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
}
.square_2Cont .slide-item:hover .content .item-title {

}
.square_2Cont .slide-item:hover .content .item-desc{
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
}
.square_2Cont .slide-item:hover .content .item-desc {
    margin-top: 40px;
}
.square_2Cont .slide-item:hover{
    top:-30px;
}
.main .square_2Cont>span.slide-line{
    display: block;
    position: absolute;
    bottom: 0;
    width: 80px;
    height: 6px;
}
.main .square_2Cont>span.slide-line i{
    display: block;
    width:80px;
    height:6px;
    background-color: #2dbef0;
}
.sectionBox .screen{
    width:100%;
    height:auto;
    overflow: hidden;
    background: #eee;
}
.sectionBox .screen .focus{
    width:100%;
    height:150px;
    margin-top: 40px;
    background: #fff url(../png/evaluation/focus_2.png) no-repeat center 0px;
}
.sectionBox .center .focus3{
    margin: 104px auto 90px;
    background: url(../png/evaluation/focus_3.png) center center no-repeat;
}
.sectionBox .center .significanceBox{
    width:1230px;
    height:auto;
    overflow: hidden;
    position: relative;
    _position:relative;
    margin-left: -30px;
}
.significanceBox li{
    width:583px;
    height:200px;
    float: left;
    border:1px solid #c8c8c8;
    cursor: pointer;
    position: relative;
    margin:0px 0px 30px 30px;
}
.significanceBox li a{
    display: block;
    width:80px;
    height:80px;
    float: left;
    margin:67px 0px 0px 55px;
    position: relative;
    z-index: 1;
}
.significanceBox li a>img{
    display: block;
    margin: 0px auto;
}
.significanceBox li a>img.significance-img-hover{
    display: none;
}
.significanceBox li .significanceText{
    width:365px;
    height:auto;
    float: left;
    margin-left: 50px;
    position: relative;
    z-index: 1;
}
.significanceBox li .significanceText b{
    display: block;
    width:100%;
    line-height: 40px;
    font-size: 24px;
    color:#333;
    font-weight: normal;
    margin-top: 32px;
}
.significanceBox li .significanceText p{
    display: block;
    width:100%;
    line-height: 27px;
    font-size: 14px;
    color:#999;
    margin-top: 18px;
}
.significanceBox li>img{
    display: block;
    width:100%;
    height:100%;
    position: absolute;
    top:0px;
    left:0px;
    opacity: 0;
}
.significanceBox li:hover{
    border:1px solid #2dbef0;
}
.significanceBox li:hover a>img.significance-img{
    display: none;
}
.significanceBox li:hover a>img.significance-img-hover{
    display: block;
}
.significanceBox li:hover .significanceText p,
.significanceBox li:hover .significanceText b{
    color:#fff;
}
.sectionBox .center .focus4{
    margin: 100px auto 79px;
    background: url(../png/evaluation/focus_4.png) center center no-repeat;
}
.sectionBox .screenBox{
    width:100%;
    height:475px;
    position: relative;
    background: url(../jpg/evaluation/screen_bg.jpg) no-repeat center 0px;
}
.sectionBox .screenBox>a{
    display: block;
    width: 150px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    border: 1px solid #fff;
    font-size: 20px;
    color: #fff;
    -webkit-border-radius: 46px;
    -moz-border-radius: 46px;
    border-radius: 46px;
    background: none;
    position: absolute;
    bottom: 35px;
    left: 50%;
    margin-left: -76px;
    z-index: 10;
    background: url(../png/evaluation/bannerBtn_bg.png) no-repeat;
}
.sectionBox .screenBox>a:hover{
    background: #2dbef0;
    border:1px solid #2dbef0;
}
.screenBox ul {
    width: 1171px;
    height: 434px;
    margin: 0px auto;
    zoom: 1;
    padding-left: 29px;
    background: url(../png/evaluation/lc_bg.png) no-repeat 0px 210px;
}
.screenBox ul:after{
    display:block;
    clear:both;
    content:"";
    visibility:hidden;
    height:0;
}
.screenBox ul li{
    float: left;
    height: auto;
    position: relative;
    text-align: center;
    cursor: pointer;
    margin-left: 13px;
}
.screenBox ul li.item-top{
    margin-top: 110px;
}
.screenBox ul li.item-bottom{
    margin-top: 217px;
}
.screenBox ul li>a{
    display: block;
    width:180px;
    margin: 0px auto;
    font-size: 20px;
    color:#fff;
    line-height: 55px;
}
.screenBox ul li>span.line_bg{
    display: block;
    width:2px;
    height:50px;
    margin: 0px auto;
    background: #fff;
}
.screenBox ul li>span.circular_bg{
    display: block;
    width:10px;
    height:10px;
    background: #2dbef0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    z-index:10;
    display: none;
}
.screenBox ul li.item-top>span.circular_bg{
    bottom: -6px;
}
.screenBox ul li.item-bottom>span.circular_bg{
    top: -7px;
}
.screenBox ul li>p.text{
    width:268px;
    height: auto;
    font-size: 14px;
    color:#eee;
    text-align: center;
    line-height: 25px;
    position: absolute;
    z-index:10;
    display: none;
}
.screenBox ul li.item-top>p.text{
    top:-58px;
}
.screenBox ul li.item-bottom>p.text{
    top:104px;
}
.screenBox ul li:hover>span.line_bg{
    background: #2dbef0;
}
.screenBox ul li:hover>p.text,
.screenBox ul li:hover>span.circular_bg{
    display: block;
}
.screenBox ul li:hover>a{
    color: #2dbef0;
}
.sectionBox .center .focus5{
    margin: 90px auto 57px;
    background: url(../png/evaluation/focus_5.png) center center no-repeat;
}

/*  Resets */
.mis-stage, .mis-slider, .mis-slide, .mis-container, .mis-container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.mis-stage, .mis-slider {
    position: relative;
    overflow: hidden;
}
.center .mis-stage {
    width: 1200px; /*  Set stage width as desired */
    text-align: center; /*  Center list navigation */
    position: relative;
    left:55px;
}
.mis-slider {
    list-style: none;
    overflow: visible;
    height: 100%;
    margin-top: 0;
}
/*  Set slide width and padding */
.mis-slide {
    /*  Set width in pixels to restrict width of slides
        for multi-item slider, default is 100%
        for single-item slider. Use padding to add space
        between slides */
    width: 100%;
    height: auto;
    padding: 0;
    display: block;
    position: relative;
    float: left;
    overflow: visible !important;
}
.mis-slide.mis-current {
    z-index: 100;
}
/*  Slide container - inserted around the contents
    of each slide by the plugin */
.mis-container {
    display: block;
    width: auto;
    height: auto;
    border: 0;
}
/*  Style list navigation */


/*  Cameo Skin CSS ========================================= */

.mis-stage {
    background-color: #fff;
}
.mis-slider {
    /*  Slider element does not need to be a specific height
        Here we use it to create a stylish bar behind slides */
    margin-top: 138px;
    height: 80px;
}
.mis-slider li a {
    display: block;
    text-decoration: none;
    color: #666;
    position: relative;
}
.mis-slider li a .figure{
    display: block;
    width: 113px;
    height:113px;
    position: relative;
}
.mis-slider li a .figure>span.opacity{
    display: block;
    width:170px;
    height:170px;
    background: #000;
    position: absolute;
    top:0px;
    left:0px;
    z-index:10;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=60);
    -webkit-opacity: 0.6;
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
}
.mis-slider li .figcaption {
    font-size: 14px;
    color: #333;
    width:100%;
    margin:20px auto 0px;
    margin-left: 27px;
    display: none;
}
.mis-slider li .figcaption b{
    display: block;
    width:100%;
    line-height: 30px;
    font-weight: normal;
    font-size: 20px;
    text-align: center;
}
.mis-slider li .figcaption p{
    display: block;
    width:100%;
    line-height: 25px;
    font-size: 12px;
    text-align: center;
}
.mis-slider li img {
    width: 170px;
    height: 170px;
    border-radius:50%;
    border: none;
}
.mis-slide {
    width: 260px;
    height: 260px;
    padding: 0px;
    margin-top: -138px;
}
.mis-nav-buttons a {
    color: #fff;
}
.mis-nav-list,.mis-nav-buttons{
    display: none;
}
.mis-slider.mis-current li a .figure>span.opacity {
    left:0px;
    display: none;
}
.center ul.activityTab{
    width:100%;
    height: auto;
    overflow: hidden;
    margin-top: 70px;
}
.activityTab li{
    line-height: 35px;
    margin-right: 40px;
    font-size: 20px;
    color:#333;
    float: left;
    border-bottom:2px solid #fff;
    cursor: pointer;
}
.activityTab li:hover,
.activityTab li.active{
    color: #2dbef0;
    border-bottom:2px solid #2dbef0;
}
.center .tabContBox{
    width:100%;
    height:auto;
    overflow: hidden;
}
.tabContBox .tabCont{
    width:1230px;
    height: auto;
    overflow: hidden;
    position: relative;
    _position:relative;
    left:-30px;
    padding-top: 40px;
    display: none;
}
.tabContBox .tabCont.show{
    display: block;
}
.tabContBox .tabCont1 li{
    width:380px;
    height: auto;
    float: left;
    margin-left: 30px;
    position: relative;
    cursor: pointer;
    margin-bottom: 30px;
}
.tabContBox .tabCont1 li>img{
    display: block;
    width:380px;
    height:150px;
}
.tabContBox .tabCont1 li>b{
    display: block;
    padding: 0px 5px;
    height: 57px;
    line-height: 57px;
    overflow: hidden;
    font-size:18px;
    color:#333;
    font-weight:normal;
    border-bottom:1px solid #2dbef0;
}
.tabContBox .tabCont1 li>p{
    display: block;
    width:380px;
    line-height: 25px;
    height:50px;
    overflow: hidden;
    font-size: 12px;
    color:#666;
    margin-top: 5px;
}
.tabContBox .tabCont1 li>a{
    display: block;
    width:380px;
    height: 150px;
    background: url(../png/evaluation/cont1_hover_bg.png) no-repeat;
    position: absolute;
    top:0px;
    left:0px;
    z-index:10;
    display: none;
}
.tabContBox .tabCont1 li:hover>a{
    display: block;
}
.tabContBox .tabCont1 li:hover>b{
    color: #2dbef0;
}
.tabContBox .tabCont2 li{
    width:378px;
    height: 148px;
    float: left;
    margin-left: 30px;
    margin-bottom: 30px;
    position: relative;
}
.tabContBox .tabCont2 li .item-box{
    width:378px;
    height: 148px;
    overflow: hidden;
    position: absolute;
    top:0px;
    left:0px;
    z-index:10;
    cursor: pointer;
    border:1px solid #c8c8c8;
}
.tabContBox .tabCont2 li .item-main{
    width:100%;
    height: auto;
    padding-top: 16px;
    position: relative;
    top:0px;
}
.tabContBox .tabCont2 li .item-main a{
    display: block;
    width:100%;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color:#666;
    text-align: center;
    padding-top: 42px;
    background: url(../png/evaluation/time_icon.png) no-repeat center 0px;
}
.tabContBox .tabCont2 li .item-main b{
    display: block;
    padding: 0px 10px;
    font-size: 18px;
    color:#333;
    font-weight: normal;
    text-align: center;
    line-height: 40px;
    height:40px;
    overflow: hidden;
    margin-top: 7px;
}
.tabContBox .tabCont2 li .item-main p{
    display: block;
    width:300px;
    font-size: 14px;
    color:#666;
    text-align: center;
    line-height: 25px;
    height:75px;
    overflow: hidden;
    margin: 11px auto 0px;
}
.tabContBox .tabCont2 li:hover .item-box{
    border:1px solid #2dbef0;
}
.tabContBox .tabCont2 li:hover .item-main b{
    color: #2dbef2;
}
.sectionBox .center .focus6{
    margin: 78px auto 30px;
    background: url(../png/evaluation/focus_6.png) center center no-repeat;
}
.center .caseList{
    width:1254px;
    height: auto;
    overflow: hidden;
    position: relative;
    _position:relative;
    margin-left: -52px;
}
.center .caseList li{
    width:365px;
    height:auto;
    float: left;
    margin:0px 0px 30px 53px;
    overflow: hidden;
}
.center .caseList li>a{
    display: block;
    width:100%;
    height:238px;
    overflow: hidden;
}
.center .caseList li a>img{
    display: block;
    width:100%;
    height:100%;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.center .caseList li>p{
    display: block;
    width:100%;
    height:56px;
    line-height: 30px;
    font-size: 18px;
    color:#333;
    margin-top: 10px;
    overflow: hidden;
}
.center .caseList li:hover a>img{
    -webkit-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);
}
.center .caseList li:hover p{
    color:#2dbef0;
}
.sectionBox .center .focus7{
    margin: 80px auto;
    background: url(../png/evaluation/focus_7.png) center center no-repeat;
}
.moreBox{
    display: block;
    width:100%;
    line-height: 40px;
    overflow: hidden;
}
.moreBox a{
    float: right;
    font-size: 14px;
}
.activityTab li.moreBox{
    width:auto;
    float: right;
    margin-right: 0px;
}
.activityTab li.moreBox:hover{
    border:none;
}
.activityTab li.moreBox a{
    display: none;
}
.activityTab li.moreBox a.on{
    display: block;
}
/* slider */
.sliderBox{
    width: 1200px;
    height: auto;
    margin: 0px auto;
    position: relative;
    padding-top: 58px;
}

.sliderBox div.drama-poster{
    margin:0 auto;
    width:1200px;
    height:auto;
    overflow:hidden;
    position:relative;
}
.drama-poster ul {
    overflow: hidden;
    height:auto;
    margin-left: -12px;
}
.drama-poster li {
    padding:0 14px;
    list-style:none;
}
.show-poster-3 {
    width:380px;
    height:auto;
    float:left
}
.show-poster-3 .img {
    display:block;
    width:309px;
    height:193px;
}
.drama-slide li {
    position:absolute;
    top:292px;
    list-style:none;
}
.drama-slide li.prev {
    left: -76px;
    background: url(../png/index/square_4_prev1.png) center center no-repeat;
}
.drama-slide li.prev:hover{
    background: url(../png/index/square_4_prev3.png) center center no-repeat;
}
.drama-slide li.next {
    right:-76px;
    background: url(../png/index/square_4_next1.png) center center no-repeat;
}
.drama-slide li.next:hover{
    background: url(../png/index/square_4_next3.png) center center no-repeat;
}
.drama-slide li a {
    display:block;
    width:60px;
    height:60px;
}
.slidecont{
    width:100%;
    height: auto;
    background: #eee;
}
.padding {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    cursor: pointer;
}
.padding .professional {
    width: 100%;
    min-height: 462px;
    height: auto;
    background-color: #fff;
    padding: 30px 0px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.15);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.15);
    -o-box-shadow: 0px 1px 3px rgba(0,0,0,.15);
    box-shadow: 0px 1px 3px rgba(0,0,0,.15);
}
.padding:hover .professional{
    -webkit-box-shadow: 0px 10px 20px rgba(0,0,0,.15);
    -moz-box-shadow: 0px 10px 20px rgba(0,0,0,.15);
    -o-box-shadow: 0px 10px 20px rgba(0,0,0,.15);
    box-shadow: 0px 10px 20px rgba(0,0,0,.15);
}
.padding .professional .picture {
    width: 102px;
    height: 102px;
    border-radius: 80px;
    overflow: hidden;
    margin: 0px auto;
}
.padding .professional .picture img {
    width: 102px;
    height: auto;
}
.padding .professional .name {
    width: 100%;
    height: 70px;
    font-size: 25px;
    line-height: 70px;
    text-align: center;
    color: #000;
}
.padding .professional .job {
    width: 100%;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: #2dbef0;
}
.padding .professional .color {
    width: 268px;
    height: auto;
    min-height: 30px;
    padding: 0px 56px;
}
.padding .professional .color span {
    display: block;
    width: auto;
    height: 20px;
    margin: 5px auto 5px 0px;
    padding: 0px 7px;
    float: left;
    border-radius: 5px;
    background-color: #2dbef0;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
}
.padding .professional .color.orange span {
    background-color: #fa7132;
}
.padding .professional .color.green span {
    background-color: #75d87c;
}
.padding .professional .text {
    width: 268px;
    height: auto;
    min-height: 30px;
    padding: 0px 25px;
    font-size: 14px;
    line-height: 27px;
    color: #333;
    overflow: hidden;
    margin: 17px auto 0px;
}
/*.professional.list .square.list .center .text.blue {
    height: 24px;
}*/
.padding .professional .text.orange {
    line-height: 27px;
}
.padding .professional .text.green {
    /* height: 72px;*/
    padding: 0px 56px 0px 56px;
}
.center .columnCont{
    width:380px;
    height:auto;
    float: left;
    margin:70px 0px 0px 30px;
}
.columnCont .columnTitle{
    width:100%;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
}
.columnCont .columnTitle b{
    display: block;
    line-height: 36px;
    font-size:20px;
    color:#4c4c4c;
    font-weight: normal;
    float: left;
}
.columnCont .columnTitle a{
    font-size: 14px;
    color:#4c4c4c;
    float: right;
}
.columnCont .columnTitle a:hover{
    color: #2dbef0;
}
.columnCont .columnBox{
    width:378px;
    height:auto;
    border:1px solid #e5e5e5;
    margin-top: 16px;
    padding-bottom: 9px;
}
.columnCont .columnBox .columnImg{
    width:100%;
    height:auto;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 7px;
}
.columnCont .columnBox .columnImg img{
    display: block;
    width:100%;
    height:auto;
}
.columnCont .columnBox .columnImg a{
    display: block;
    width:348px;
    height:39px;
    line-height: 39px;
    font-size:18px;
    color:#fff;
    padding: 0px 15px;
    background: url(../png/evaluation/club_bg.png) no-repeat;
    position: absolute;
    bottom: 0px;
    left:0px;
    z-index: 1;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    white-space:nowrap;
    overflow: hidden;
}
.columnCont .columnBox>a{
    display: block;
    width:94%;
    height: 29px;
    line-height: 29px;
    padding: 0px 3%;
    font-size: 14px;
    color:#646464;
    overflow: hidden;
}
.columnCont .columnBox>a span.spanTitle{
    float: left;
    width:252px;
    height: 29px;
    line-height: 29px;
    color:#333;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    white-space:nowrap;
    overflow: hidden;
}
.columnCont .columnBox>a span{
    float: right;
    font-size: 14px;
    color:#cacaca;
}
.columnCont .columnBox>a span.spanTitle{
    float: left;
    width:250px;
    height: 29px;
    line-height: 29px;
    color:#333;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    white-space:nowrap;
    overflow: hidden;
}
.columnCont .columnBox>a:hover,.columnCont .columnBox>a:hover span{
    color:#2dbef0;
}

@media screen and (max-width: 1211px){
    .canvas #slide .container .banner .bannerBtn,
    .evaluation_container .sectionBox .center,
    .sectionBox .center .focus6,
    .sectionBox .center .focus1,
    .sectionBox .center .main,
    .sectionBox .center .focus5,
    .sectionBox .center .focus4,
    .sectionBox .center .focus{
        width:1000px;
    }
    .center .columnCont{
        width:313px;
    }
    .columnCont .columnBox{
        width:311px;
    }
    .columnCont .columnBox .columnImg a{
        width: 281px;
    }
    .columnCont .columnBox>a span.spanTitle{
        width: 193px;
    }
    .center .caseList{
        width:1054px;
    }
    .center .caseList li{
        width:298px;
    }
    .main .square_2Cont{
        width:1020px;
    }
    .square_2Cont .slide-item{
        width:235px;
    }
    .square_2Cont .slide-item .mask .content .item-text{
        padding: 0px 13px;
    }
    .drama-slide li.prev{
        left:-59px;
    }
    .drama-slide li.next{
        right:-57px;
    }
    .sliderBox,.sliderBox div.drama-poster{
        width:885px;
    }
    .show-poster-3{
        width:267px;
    }
    .padding .professional{
        min-height: 516px;
    }
    .drama-poster ul{
        margin-left:0px;
    }
    .padding .professional .text{
        width:217px;
    }
    .screenBox ul{
        width:971px;
        background-size: 100% auto;
    }
    .screenBox ul li.item-top>span.circular_bg{
        bottom: -4px;
    }
    .screenBox ul li{
        margin-left: -42px;
    }
    .screenBox ul li>span.circular_bg{
        left:85px;
    }
    .screenBox ul li.item-top:nth-child(1){
        position: relative;
        left:20px;
    }
    .screenBox ul li.item-bottom{
        margin-top: 215px;
    }
    .canvas #slide .container .banner .bannerBtn a{
        right:0px;
    }
    .center .caseList li>a{
        height: 195px;
    }
}