@font-face{
    font-family:Light;
    src:url('../font/SourceHanSansCN-Light.otf');
}
@font-face{
    font-family:Medium;
    src:url('../font/SourceHanSansCN-Medium.otf');
}
@font-face{
    font-family:Bold;
    src:url('../font/SourceHanSerifCN-Bold.otf');
}
@font-face{
    font-family:Heavy;
    src:url('../font/SourceHanSerifCN-Heavy.otf');
}
@font-face{
    font-family:SemiBold;
    src:url('../font/SourceHanSerifCN-SemiBold.otf');
}
body {
    font-family: Light,PingFangSC-Regular, Microsoft YaHei,'黑体',Tahoma, Arial, sans-serif;
    overflow-x: hidden;//overflow去掉滚动条
    width:100%;
    font-size: 20px;
    background-color: #FFFFFF;
    color:#333;
}
* {
    margin: 0;
    padding: 0;
    border:none;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */

}
ul,li{
    list-style:none;
}
.main{
    width:1300px;
    height:auto;
    margin:0 auto;
    overflow:hidden;
}
.center_1200{
    width:1200px;
    height:auto;
    margin:0 auto;
    overflow:hidden;
}
.halo_left{
    width:600px;
    height:auto;
    float:left;
    overflow:hidden;
    margin-top:90px;
}
.halo_left .en_title{
    width:auto;
    height:86px;
    font-family: Heavy;
    font-size:60px;
    color:#333;
    font-weight:800;
    line-height:86px;
}
.halo_left .en_title .halo_color{
    color:#6D2EAC;
}
.halo_left .zh_title{
    height:70px;
    line-height:70px;
    font-family:Medium;
    color:#333;
    font-size:70px;
    font-weight:500;
}
.halo_left .four{
    width:80%;
    height:60px;
    line-height:30px;
    font-size:20px;
    font-weight:300;
    border-top:1px solid #333;
    margin-top:58px;
    font-family: Bold;
}
.halo_left .four .four_left{
    float:left;
}
.halo_left .four .four_right{
    float:right;
}
.halo_left .four_bottom{
    width:500px;
    height:20px;
    line-height:20px;
    font-size:16px;
    font-weight:300;
    color:#333;
    margin-top:20px;
}
.halo_right{
    width:420px;
    height:auto;
    float:right;
    overflow:hidden;
}
.halo_right img{
    width:420px;
    height:463px;
    margin:0;
    border:none;
}


.site{
    width:1300px;
    height:600px;
    margin:126px auto 210px auto;
}
.site .wrapper.horizontal ul.container > li.cards_list{
    width: 582px;
    height:598px;
    box-shadow: 0px 10px 20px rgba(0,0,0,0.21);
}
.site .wrapper .container li img{
    width:582px;
    height:598px;
}
.site div.wrapper.demo1{
    margin:0;
}
.site i.btn-direct{
    top:80%;
}
.site div.wrapper{
    width:100%;
}


.container{margin:100px auto 0px auto;width:1300px}
.roll-wrap:hover .control{display:block}
.roll-wrap{position:relative;width:100%;height:373px;overflow:hidden}
.roll-wrap .roll__list{}.roll_row .roll__list::before,.roll_row .roll__list::after{content:"";display:table;line-height:0}
.roll_row .roll__list::after{clear:both}.roll_row .roll__list{width:9999px}
.roll_row .roll__list li{float:left;display:block;margin-right:30px;width:464px;height:373px;}
.roll_row .roll__list li img{width:464px;height:373px;}
.control{position:absolute;top:30px;display:none;padding:10px 5px;font-weight:700;text-decoration:none;color:#fff;background-color:rgba(0,0,0,.3)}
.control:hover{background-color:rgba(0,0,0,.5)}
.control.pre{left:25px; top:40%; width:50px; height:50px; text-align:center; line-height:50px; padding:0;}
.control.pre img{ width:30px; height:30px; text-align:center; margin-top:10px;}
.control.next{right:25px; top:40%; width:50px; height:50px; text-align:center; line-height:50px; padding:0;}
.control.next img{ width:30px; height:30px; text-align:center; margin-top:10px;}
.roll_col{width:100%;height:200px;overflow:hidden}
.roll_col .roll__list{width:100%}
.h600{height:600px}
.roll_col li{display:block;height:200px;line-height:200px;font-size:30px;font-weight:700;text-align:center;color:#fff;background-color:#f90}
.roll_col .li-2{background-color:#09f}
.roll_col .li-3{background-color:#f09}
.roll_col .li-4{background-color:#0f9}
.roll_col .control{top:80px;}



.bigtitle{
    width:auto;
    height:58px;
    line-height:58px;
    overflow:hidden;
    opacity: 1;
    margin-bottom:40px;
    margin-top:120px;
}
.bigtitle .first_title{
    width: auto;
    /*font-size:30px;*/
    font-size:50px;
    font-family: Light;
    font-weight:300;
    color:#333;
    float:left;
    padding-right:15px;
}
.bigtitle .last_title{
    width:auto;
    height:58px;
    line-height:58px;
    font-family: SemiBold;
    /*font-size:20px;*/
    font-size:30px;
    color:#333;
}


.zh_smtitle{
    font-family: Medium;
    width: auto;
    height:32px;
    line-height:32px;
    font-size:32px;
    font-weight:500;
    color:#333;
}
.en_smtitle{
    font-family: SemiBold;
    width: auto;
    height:30px;
    line-height:30px;
    font-size:18px;
    font-weight:600;
    color:#333;
}

.pro_ul{
    width:1200px;
    height:440px;
    margin:47px auto 0px auto;
}
.pro_ul li{
    width: 400px;
    height:340px;
    float:left;
    cursor: pointer;
}
.pro_ul li img{
    width:160px;
    height:160px;
    margin:50px auto 30px auto;
    display: block;
}
.pro_ul li .pro_name{
    width: auto;
    height:20px;
    line-height:20px;
    font-family: Medium;
    font-size:20px;
    font-weight:500;
    color:rgba(51,51,51,1);;
    text-align:center;
}
.pro_ul li .pro_unit{
    width: auto;
    height:16px;
    line-height:16px;
    font-size:16px;
    color:rgba(153,153,153,1);
    text-align:center;
    margin-top:8px;
}
.pro_ul li:hover{
    box-shadow:0px 3px 50px rgba(0,0,0,0.21);
}



.pro_ul li .pro_desc{
    width:800px;
    height:auto;
    background:#fff;
    position:fixed;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    z-index: 99;
    display: none;
    cursor: default;
}
.pro_ul li .pro_desc .desc_left{
    width:248px;
    height:178px;
    margin:98px 0 94px 59px;
    float:left;
}
.pro_ul li .pro_desc .desc_left img{
    width:248px;
    height:178px;
    margin:0;
    padding:0;
}
.pro_ul li .pro_desc .desc_right{
    width:375px;
    height:auto;
    overflow:hidden;
    float:right;
    margin:98px 101px 120px 0;
}
.pro_ul li .pro_desc .desc_right .desc_r_top{
    width:100%;
    height:auto;
    line-height:30px;
    overflow:hidden;
}
.pro_ul li .pro_desc .desc_right .desc_r_top .desc_title{
    width:88%;
    height:auto;
    line-height:30px;
    font-family: Heavy;
    font-size:21px;
    font-weight:400;
    color:rgba(51,51,51,1);
    float:left;
}
.pro_ul li .pro_desc .desc_right .desc_r_top a{
    color:rgba(51,51,51,1);
}
.pro_ul li .pro_desc .desc_right .desc_r_top .desc_more{
    width:11%;
    height:30px;
    line-height:30px;
    font-family: Medium;
    font-size:20px;
    font-weight:500;
    color:rgba(51,51,51,1);
    float:right;
    border-bottom:1px solid rgba(51,51,51,1);
}
.pro_ul li .pro_desc .desc_right .desc_unit{
    width:auto;
    height:auto;
    line-height:15px;
    font-size:14px;
    font-weight:300;
    color:rgba(153,153,153,1);
    margin:8px 0 19px 0;
}
.pro_ul li .pro_desc .desc_right .desc_content{
    width:auto;
    height:auto;
    line-height:24px;
    font-weight:300;
    color:rgba(102,102,102,1);
    font-size:14px;
}
.pro_ul .pro_desc .cha{
    width:24px;
    height:24px;
    position: absolute;
    top:22px;
    right:22px;
    cursor: pointer;
}
.pro_ul .pro_desc .cha img{
    width:24px;
    height:24px;
    margin:0;
    padding:0;
}

.pro_ul .winner{
    width:140px;
    height:190px;
    position:absolute;
    bottom:-60px;
    right:40px;
}
.pro_ul .winner img{
    width:140px;
    height:190px;
    margin:0;
}




/* 评审专家 */

.judges_order{
    font-size:16px;
}
.judges_ul{
    width:1200px;
    height:auto;
    overflow:hidden;
    margin-bottom:120px;
}
.judges_ul li{
    width:208px;
    height:350px;
    float:left;
    margin-bottom:21px;
    margin-right:122px;
}
.judges_ul li:nth-child(4n){ margin-right:0; }


.judges_ul li img{
    width:206px;
    height:261px;
    display: block;
}
.judges_ul li .judges_top{
    width:100%;
    height:40px;
}
.judges_ul li .judges_top .judges_name{
    width:61px;
    height:35px;
    line-height:35px;
    border-bottom:1px solid rgba(112,112,112,1);
    font-family: Heavy;
    font-size:20px;
    font-weight:400;
    color:rgba(51,51,51,1);
    float:left;
}
.judges_ul li .judges_top .judges_more{
    width:28px;
    height:17px;
    line-height:17px;
    border-bottom:1px solid rgba(51,51,51,1);
    font-family:Medium;
    font-size:14px;
    font-weight:500;
    color:rgba(51,51,51,1); 
    margin-top:10px;
    float:right;
    cursor: pointer;
}
.judges_ul li .judges_unit{
    width:100%;
    height:40px;
    line-height: 20px;
    font-family: Regular;
    font-size:14px;
    font-weight:400;
    color:rgba(153,153,153,1);
}
.judges_ul li .judges_desc{
    width:800px;
    height:auto;
    overflow:hidden;
    position: fixed;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    z-index: 99;
    background:#fff;
    display: none;
}
.judges_ul li .judges_desc .judges_left{
    width:206px;
    height:261px;
    margin:117px 0 117px 81px;
    float:left;
}
.judges_ul li .judges_desc .judges_left img{
    width:206px;
    height:261px;
    margin:0;
    padding:0;
}
.judges_ul li .judges_desc .judges_right{
    width:379px;
    height:auto;
    margin:117px 81px 60px 0px;
    float:right;
}
.judges_ul li .judges_desc .judges_right .user_name{
    font-family: Heavy;
    width:auto;
    height:30px;
    line-height:30px;
    font-size:21px;
    font-weight:400;
    color:rgba(51,51,51,1);
}
.judges_ul li .judges_desc .judges_right .user_unit{
    font-family: Medium;
    width:auto;
    height:30px;
    line-height:18px;
    font-size:12px;
    font-weight:500;
    color:rgba(102,102,102,1);
    margin:8px 0 17px 0;
}
.judges_ul li .judges_desc .judges_right .user_content{
    width:auto;
    height:auto;
    line-height:24px;
    font-size:14px;
    font-weight:300;
    color:rgba(102,102,102,1);
}
.judges_ul li .judges_desc .user_cha{
    width:24px;
    height:24px;
    position: absolute;
    top:22px;
    right:22px;
    cursor: pointer;
}
.judges_ul li .judges_desc .user_cha img{
    width:24px;
    height:24px;
    margin:0;
    padding:0;
}










.bottom{
    width:100%;
    height:230px;
    background:#3a3a3a;
    overflow:hidden;
}
.bottom .bottom_logo{
    width:465px;
    height:112px;
    display: block;
    margin:45px auto 32px auto;
}
.bottom .icp{
    width:auto;
    height:40px;
    line-height:40px;
    color:#fff;
    font-size:16px;
    text-align:center;
}
.bottom .icp a{
    color:#fff;
}




.mask{
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.7);
    z-index: 1;
    position:fixed;
    top:0;
    display: none;
}