/*section1 start*/
.section1 .btext{background-image:url(/uploads/image/smcchihr/1_1.png);}

#en_banner_hr{background-image: url(/uploads/image/smcchien/banner_hr.png);}

.titlea{background-image:url(/uploads/image/smcchinews/1_3.png);}
.titlec{position: absolute;top:10%;width: 100%;height: 72px;text-align:center; background: url(/uploads/image/smcchiabout/about_2_1.png) center top no-repeat;opacity: 1;transition: all 1s; font-family:"microsoft yahei"; font-size:30px; font-weight:bold;color:#444;}


.section2 .sec2_box{position:relative; line-height: 26px;width: 100%;margin: 0 auto;opacity: 1;transition: all 1s;font-size:15px;}
.section2 .sec2_box .sec2_desc{text-align:left;color:#444; width: 70%; margin: 0 auto;font-size:18px;}


.section2 .sec2_ul{margin-top: 24px; display: block;}

.section2 .sec2_ul li{ list-style:none;width:354px; color:#fff; float:left; width: 23.5%;margin-left: 2%;}
.section2 .sec2_ul li img:first-child{width:100%;}
.section2 .sec2_ul li .hr_radius{width: auto; display: block; margin: 2% auto;}
.section2 .sec2_ul li .li_title{ padding: 0px 18px;
    box-sizing: border-box;}
.section2 .sec2_ul li p{ padding: 0px 18px;
    box-sizing: border-box;font-size:12px;}
.section2 .sec2_ul li:nth-child(1){margin-left:0px;}
 
/* change by fu */
.section2{position: relative;}
.sec2_ul{width: 80%; position: absolute; bottom: 0; left: 10%;}
.sec2_ul li{text-align: center; position: relative;}
.sec2_ul li div{width: 100%;}
.sec2_ul li .li_up{position: absolute; top: 0; left: 0; background: url(/uploads/image/smcchihr/sec2_li_bg1.png) repeat;}
.sec2_ul li .list_hr_pro{position: absolute; top: 20%; transition: all 1s;}
.sec2_ul li .no_zh{font-size: 28px; font-weight: 600; padding-bottom: 3%; display: block; margin: 0 auto;}
.sec2_ul li h3{font-size: 22px; font-weight: normal;}
.sec2_ul li h4{font-size: 18px; font-weight: normal; font-family: arial; line-height: 2.5;}

.sec2_ul li .list_hr_after{position: absolute; top: 50%; height: 200px; margin-left: -110px; width: 190px; left: 50%; margin-top: -125px; padding: 25px 15px; background: url(/uploads/image/smcchihr/hr_after_bg.png) no-repeat center; background-size: 100% 100%; display: none; transition: all 1s; opacity:0;}
.sec2_ul li .list_hr_after h3{font-size: 18px;}
.hr_after_line{width: 85%; display: block; margin: 15px auto;}
.sec2_ul li .list_hr_after p{padding: 0; line-height: 1.7; font-size: 12px; text-indent: 1.8rem;}
.sec2_ul li:hover .list_hr_after{display: block; animation: sec_show 0.5s;opacity: 1;}
.sec2_ul li:hover .list_hr_pro{display: none; animation: sec_hidden 0.5s;opacity: 0;}

@media screen and (max-width: 600px) {
	.section2 .sec2_ul li{width: 48%;}
	.sec2_ul{position: relative; width: 96%; left: 2%;}
	.section2 .bg{position: absolute; top: 10%; z-index: -1;}
	.section2 .sec2_ul li:first-child{margin-left: 2%;}
	.section2 .sec2_ul{margin-left: -1%;}
	.sec2_ul li .list_hr_after{z-index: 100; top: 100px; width: 90%; left: 0; margin-left: -3px;}
	.sec2_ul li h3{font-size: 18px;}
	.sec2_ul li h4{font-size: 14px;}
	.sec2_ul li .no_z{font-size: 22px;} 
	
	.hr_zhaopin{margin-bottom: 5%; margin-top: 5%;}
	.hr_zhaopin .s1{color: #666 !important;}
	.hr_zhaopin .s2{color: #444 !important;}
	
}

/* end change */

/* section2_en */
.section2_en .sec2_box .sec2_desc{line-height: 2; font-size: 18px;}
.section2_en .sec2_ul li .list_hr_after p{line-height: 1.4;}
/* end change */

.active .sec2_box{top: 27%;opacity:1;transition-delay:1.5s;}
   

.section3 .sec3_box{position:relative;    top: 15%;
    line-height: 26px;width: 82%;    margin: 0 auto;height:530px;overflow-y:auto;}
.section3 .hr_zhaopin{position:relative; top: 17%;}

.hr_zhaopin .s1{color:#fff;}
.hr_zhaopin .s2{color:#fff;}

.hr_item{background:none;width:95%; background: url(/uploads/image/smcchihr/list_bg1.png) repeat;}
.hr_item .title .hr_left .i_title{color:#fff;}
.hr_item .title .hr_left span{color:#fff;}
.hr_item .title .hr_right{line-height: 17px; padding-top: 21px;}
.hr_item .title .hr_right span{color:#fff;font-size:12px;}
.hr_item .title .hr_right span, .hr_item .title .hr_right img{cursor: pointer;}

.hr_item .contents{color:#fff;height:auto;overflow:hidden;}

.section3 .sec3_box::-webkit-scrollbar {
		
        width: 10px;
        height:auto;
    }
.section3 .sec3_box::-webkit-scrollbar-button    {
   
    }
.section3 .sec3_box::-webkit-scrollbar-track     {
       
		background:url(/uploads/image/smcchimages/scro_back.png) center center no-repeat;
		background-size:100% 100%;
    }
.section3 .sec3_box::-webkit-scrollbar-track-piece {
    }
.section3 .sec3_box::-webkit-scrollbar-thumb{
        background:#fff ;
        border-radius:4px;
		width:5px;
		
		height:20%;
		
    }
.section3 .sec3_box::-webkit-scrollbar-corner {
        background:#82afff;
    }
.section3 .sec3_box::-webkit-scrollbar-resizer  {
        background:#ff0bee;
    }






@keyframes sec_hidden
{
from {opacity: 1;}
to {opacity: 0;}
}
@-webkit-keyframes sec_hidden /* safari 和 chrome */
{
from {opacity: 1;}
to {opacity: 0;}
}


@keyframes sec_show
{
from {opacity: 0;}
to {opacity: 1;}
}
@-webkit-keyframes sec_show /* safari 和 chrome */
{
from {opacity: 0;}
to {opacity: 1;}
}




/*section4 start*/
.section4 {text-align:center;color:#fff;}
.section4 .ititle{margin:1.5% auto;}
@-moz-keyframes rotate{
0%{ -moz-transform:rotatey(0deg);}
	100%{-moz-transform:rotatey(-360deg);}
}
@-webkit-keyframes rotate{
0%{ -webkit-transform:rotatey(0deg);}
	100%{-webkit-transform:rotatey(-360deg);}
}
.section4 .s3_ititle{font-family:"microsoft yahei"; margin:16px; color:#fff;font-size:26px; font-weight:bold;}
.section4 .s3_b{font-weight:bold;}
.section4 .s3_cs{margin:20px 20%;line-height:1.5em;text-align:left;}
.section4 .s3_contents{position:absolute;top:27%;left:5%;width:90%;text-align:center;}
.section4 .s3_contents .item1{position:absolute;left:0%; margin:0 0.5%; width:17%;}
.section4 .s3_contents .item2{position:absolute;left:21%; margin:0 0.5%; width:17%;}
.section4 .s3_contents .item3{position:absolute;left:42%; margin:0 0.5%; width:17%;}
.section4 .s3_contents .item4{position:absolute;left:63%; margin:0 0.5%; width:17%;}
.section4 .s3_contents .item5{position:absolute;left:83%; margin:0 0.5%; width:17%;}
.section4 .s3_contents img{width:100%;height:auto;}

.view {margin: 10px;float: left;border: 10px solid #fff;overflow: hidden;position: relative;text-align: center;box-shadow: 1px 1px 2px #e6e6e6;cursor: default;background: #fff  no-repeat center center;}
.view .mask,.view .content {width: 80%; height: 60%; position: absolute;overflow: hidden;top: 20%;left: 10%;}
.view .mask1{width: 100%; height: 100%; position: absolute;overflow: hidden;left:0;top:0;background:rgba(222,222,222,0.6);}
.view .mask1 .yw{font-family: raleway, serif;font-size:20px;word-wrap: break-word;transform:rotate(90deg);position:absolute; top:18%;left:-20%;height:30px;}
.view .mask1 .biaoti{width:36px;font-family:"microsoft yahei";position:absolute; top:0; left:20%;font-size:36px;font-weight:bold;}
.view img { display: block; position: relative}
.view h2 {text-transform: uppercase;color: #fff;text-align: center;position: relative;font-size: 17px;font-family: raleway, serif;padding: 10px;margin: 20px 0 0 0}
.view p {font-family: "microsoft yahei";font-size: 16px;position: relative;color: #fff;padding: 0px 20px 0px;text-align: center;padding:20px 0;margin:30px 10%;border-top:2px solid #fff; border-bottom:2px solid #fff;}
.view a.info {display: inline-block;text-decoration: none;padding: 7px 14px;background: #000;color: #fff;font-family: raleway, serif;text-transform: uppercase;box-shadow: 0 0 1px #000}

.view a.info:hover { box-shadow: 0 0 5px #000}
.view-first img {transition: all 0.2s linear;}
.view-first .mask { opacity: 0; background-color: rgba(190, 190, 190, 0.84); transition: all 0.4s ease-in-out;}
.view-first h2 { transform: translatey(-100px); opacity: 0; font-family:"microsoft yahei"; font-size:30px; transition: all 0.2s ease-in-out;}
.view-first p {transform: translatey(100px); opacity: 0;transition: all 0.2s linear;}
.view-first a.info {opacity: 0;transition: all 0.2s ease-in-out;}
.view-first:hover img {transform: scale(1.1);}
.view-first:hover .mask { opacity: 1;}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info { opacity: 1; transform: translatey(0px);}
.view-first:hover p {transition-delay: 0.1s;}
.view-first:hover a.info { transition-delay: 0.2s;}
.view-first:hover .biaoti{opacity:0;}
.view-first:hover .yw{opacity:0;}
.view-first:hover .mask1{opacity:0;}
/*section4 end*/



/*section5 start*/
.s5_content{position:absolute; top:30%; width:70%; left:15%;line-height:2em; text-align: left;font-size:18px;}
.s5_liebiao{position:absolute; top:60%; width:70%; left:15%;}
/*
.s5_liebiao div{position:absolute; top:0%; height:200px; width:23%; transition: all 0.4s;-moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;}*/

.s5_liebiao .item{float: left; width:27%; margin-left: 9.5%; transition: all 0.4s;-moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;}
.s5_liebiao .item:first-child{margin-left: 0;}
.s5_liebiao img{width: 100%; transition: all 0.4s;-moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;}
.s5_liebiao .item:hover img{width: 110%; margin-left: -5%; margin-top: -8%;}

.s5_liebiao .item1{left:0%; background:url(/uploads/image/smcchizhanlue/zhanlue_5_1.jpg) center center no-repeat;}
.s5_liebiao .item2{left:38%; background:url(/uploads/image/smcchizhanlue/zhanlue_5_2.jpg) center center no-repeat;}
.s5_liebiao .item3{left:76%; background:url(/uploads/image/smcchizhanlue/zhanlue_5_3.jpg) center center no-repeat;}
@media screen and (min-width:1601px){
.s5_liebiao{position:absolute; top:65%; width:70%; left:15%;}
.s5_liebiao div{height:260px; width:26%;}
/*
.s5_liebiao .item1{position:absolute; left:0%; top:0%;  background:url(/uploads/image/smcchizhanlue/zhanlue_5_1.jpg) center center no-repeat;height:260px; width:26%;}
.s5_liebiao .item2{position:absolute; left:38%; top:0%;  background:url(/uploads/image/smcchizhanlue/zhanlue_5_2.jpg) center center no-repeat;height:260px; width:26%;}
.s5_liebiao .item3{position:absolute; left:76%; top:0%;  background:url(/uploads/image/smcchizhanlue/zhanlue_5_3.jpg) center center no-repeat;height:260px; width:26%;}
*/
}
/*
.s5_liebiao div:hover{transform: scale(1.1); top: -15px;}
.s5_liebiao .item3:hover{transform: scale(1.1);}
.s5_liebiao .item2:hover{transform: scale(1.1);}
*/
/*section5 end*/