@charset "utf-8";

@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    src: local('NotoSans-Regular'), local('NotoSans-Regular'), local('NotoSans-Regular');
    src: url(/Common/font/NotoSans-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'opb';
    font-style: normal;
    src: local('OpenSansBold'), local('OpenSans-Bold'), local('OpenSans Bold');
    src: url(/Common/font/OpenSans-Bold.ttf) format('truetype');
}
@font-face {
    font-family: 'opr';
    font-style: normal;
    src: local('OpenSansRegular'), local('OpenSans-Regular'), local('OpenSans Regular');
    src: url(/Common/font/OpenSans-Regular.ttf) format('truetype');
}

/************************Layout******************************/
#wrap {  min-width: 1280px;  overflow: hidden;}
#header{ overflow: hidden; position: fixed; height: 80px; width: 100%; min-width: 1280px;  z-index: 150; }
#header:before { position: absolute; top:79px; width: 100%;  height: 1px;  background-color: #d8d8da; content: '';}
/*#headerSub{ overflow: hidden; position: fixed; height: 80px; width: 100%; min-width: 1280px;  z-index: 150; border-bottom: 1px solid #d8d8da; background-color: #fff; }*/
#headerSub{ overflow: hidden; position: fixed; height: 80px; width: 100%; min-width: 1280px;  z-index: 150; background-color: #fff; }
#headerSub:before { position: absolute; top:79px; width: 100%;  height: 1px;  background-color: #d8d8da; content: '';}

#container{ position: relative; margin-right: auto; margin-left: auto;}
.section{  display: none;  position: absolute;  top: 0;   left: 0;    width: 100%;    height: 100%;}
.en{ font-family: qsb, 'opb'; }
/***header**/
#header .header_wrap{ margin: 0 auto; width: 1400px; height: 100%; position: relative; transition: all 1.5s;}
#header .logo{ float: left; width:140px;}
#header .logo img{ margin-top: 15px; width:80px; height: 56px; }
#header .menu{ float: left; display: inline-block; height: 100%;  margin: 0 45px;  }
#header .menu li{  font-size: 18px; line-height: 79px; width: 170px; display: inline-block; text-align: center; float: left; color: #fff;text-transform: uppercase;}
#header .menu a, #header .menu a:active,#header .menu a:hover{ display: block; width: 100%; height: 100%; color: #fff; font-family: opr, 'opr'; }
#header .menu a:active, #header .menu a:hover{ border-bottom: 2px solid #f36f21; border-collapse: collapse;}
#header .dropdowns{  position: relative; display: inline-block; width: 106px; height: 38px; margin-top: 20px; text-transform: uppercase; text-align: center; border-radius: 18px; font-size:13px; }
#header .dropdowns .dropbtn{ line-height: 38px; color: #fff; padding:5px; border-radius:10px;}
#header .dropdowns .dropbtn:active,#header .dropdowns .dropbtn:hover, #header .dropdowns .dropbtn:focus { font-weight: bolder;line-height: 38px; color: #5b5b5b; }
#header .dropdowns .dropdown-content{  display: none; position: absolute;  background-color: #f1f1f1; min-width: 106px; z-index: 3;}
.show {display:block;}

/*header Sub*/
#headerSub .header_wrap{ margin: 0 auto; width: 1400px; height: 100%; position: relative; transition: all 1.5s;}
#headerSub .logo{ float: left; width:140px;}
#headerSub .logo img{ margin-top: 15px; width:80px; height: 56px; }
#headerSub .menu{ float: left; display: inline-block; height: 100%;  margin: 0 45px;  }
#headerSub .menu li{  font-size: 18px; line-height: 79px; width: 170px; display: inline-block; text-align: center; float: left; text-transform: uppercase;}
#headerSub .menu a, #headerSub .menu a:active,#headerSub .menu a:hover{ display: block; width: 100%; height: 100%; color: #303030; font-family: opr, 'opr'; z-index: 1; }
#headerSub .menu a:active, #headerSub .menu a:hover{ border-bottom: 2px solid #f36f21; }

#headerSub .dropdowns{  position: relative; display: inline-block; width: 106px; height: 38px; margin-top: 20px; text-transform: uppercase; text-align: center; border-radius: 18px; font-size:13px; }
#headerSub .dropdowns .dropbtn{ line-height: 38px; padding:5px; border-radius:10px;}
#headerSub .dropdowns .dropbtn:active,#header .dropdowns .dropbtn:hover, #header .dropdowns .dropbtn:focus { font-weight: bolder;line-height: 38px; color: #5b5b5b; }
#headerSub .dropdowns .dropdown-content{  display: none; position: absolute;  background-color: #f1f1f1; min-width: 106px; z-index: 3;}
.show {display:block;}
/*main*/
#section_1{ background:url(/Common/Images/m_content_01.jpg) no-repeat center; background-size: cover;  position: relative; text-align: center;}
#section_1 .title{ padding-top: 15%;}
#section_1 .title h3{ font-family: opb, 'opb';  font-size:130px; color: #fff; font-weight: bold; text-transform: uppercase;}
#section_2{ background:url('/Common/Images/m_content_02.jpg') no-repeat center; background-size: cover;  position: relative; text-align: center;}
#section_2 .title{  margin: auto 0; height: 100%;}
#section_2 .title h4{ font-family: opb, 'opb';  font-size:90px; color: #fff; font-weight: normal; text-transform: uppercase; padding-top:134px;}
#section_2 .title p{ font-size:1.3em; color: #fff; font-weight: normal; clear: both; margin: 20px 0 10px 0;}
#section_2 .title ul{ position: relative; overflow: hidden; margin: 0 auto; width:915px; padding: 95px 0 70px 0;}
#section_2 .title ul li{float: left; display: list-item; color: #fff; font-weight: normal; border: 2px solid #fff; width: 258px; height: 258px; margin-right:69px; padding-top: 168px;}
#section_2 .title ul li:last-child{ margin-right: 0;}
#section_2 .com_ico1{ background: url(/Common/Images/ico_main_com1.png) no-repeat 50% 30%; background-size:130px 100px;}
#section_2 .com_ico2{ background: url(/Common/Images/ico_main_com2.png) no-repeat 50% 30%; background-size:130px 100px;}
#section_2 .com_ico3{ background: url(/Common/Images/ico_main_com3.png) no-repeat 50% 30%; background-size:130px 100px;}
.more img{ width:67px; height: 67px; margin-top: 20px;}

#section_3{ background-size: 2560px 100%;  position: relative; text-align: center;}
#section_3 ul{ width: 100%; height: 100%; }
#section_3 ul li{ float: left; overflow: hidden; width: 25%; height: 100%; }
#section_3 ul li a{ display: block; width: 100%; height: 100%; font-size: 0; color: transparent; }
#section_3 ul li a:hover{ }

#section_3 .br_ryan{ background: url(/Common/Images/bg_ryan.jpg) no-repeat center !important; background-size: cover !important;}
#section_3 .br_ryan a:hover{ background:rgba(243, 111, 33, 0.8) url(/Common/Images/logo_w_ryan.png) no-repeat center !important; }
#section_3 .br_nuna{ background: url(/Common/Images/bg_nuna.jpg) no-repeat center !important; background-size: cover !important;}
#section_3 .br_nuna a:hover{ background:rgba(243, 111, 33, 0.8) url(/Common/Images/logo_w_nuna.png) no-repeat center !important; }
#section_3 .br_joie{ background: url(/Common/Images/bg_joie.jpg) no-repeat center !important; background-size: cover !important;}
#section_3 .br_joie a:hover{ background:rgba(243, 111, 33, 0.8) url(/Common/Images/logo_w_joie.png) no-repeat center !important; }
#section_3 .br_teamtex{ background: url(/Common/Images/bg_teamtex.jpg) no-repeat center !important; background-size: cover !important;}
#section_3 .br_teamtex a:hover{ background:rgba(243, 111, 33, 0.8) url(/Common/Images/logo_w_teamtex.png) no-repeat center !important; }

#section_4{ background:url('/Common/Images/m_content_04.jpg') no-repeat center; background-size: cover;  position: relative; text-align: center;}
#section_4 .title{ margin: auto 0; }
#section_4 .title h4{  font-family: opb, 'opb';  font-size:90px; color: #fff; font-weight: normal; text-transform: uppercase; padding-top:190px;}
#section_4 .title p{ font-size:1.3em; color: #fff; font-weight: normal; clear: both; margin: 20px 0 10px 0;}

#section_5{ background:url('/Common/Images/m_content_05.jpg') no-repeat center; background-size: cover;  position: relative; text-align: center;}
#section_5 .title{ margin: auto 0; }
#section_5 .title h4{  font-family: opb, 'opb';  font-size:90px; color: #242424; font-weight: normal; text-transform: uppercase; padding-top:134px;}
#section_5 .title ul{ position: relative;  margin: 0 auto; width:1200px; padding: 76px 0 70px 0;}
#section_5 .title ul li{ float: left; display: list-item; color: #242424; font-weight: normal; border: 2px solid #fff; width: 400px; height: 187px; padding-top: 95px;}
#section_5 .title ul li:last-child{ margin-right: 0; }
#section_5 .title ul li p{ font-size:1.1em; font-weight: normal; clear: both; line-height: 1.4em;}
#section_5 .cotact_ico1{ background: url(/Common/Images/ico_call.png) no-repeat 50% 20%; background-size:70px;}
#section_5 .cotact_ico1 span{ display: block; color: #242424; font-size: 1.1em;  height: 28px;}
#section_5 .cotact_ico2{ background: url(/Common/Images/ico_map.png) no-repeat 50% 20%; background-size:70px;}
#section_5 .cotact_ico3{ background: url(/Common/Images/ico_as.png) no-repeat 50% 20%; background-size:70px;}
#section_5 .cotact_ico1 h5, #section_5 .cotact_ico2 h5, #section_5 .cotact_ico3 h5{ font-family: opb, 'opb';  font-size: 1.1em; color: #000; margin:15px 0 25px 0; }
#section_5 a, #section_5 a:active,#section_5 a:hover{ width: 100%; height: 100%; color: #000;  }

#section6 { width: 100%; height:220px; background-color: #2a2a2a !important; text-align: center;}
#section6 .footerWrapper { padding-top: 40px; }
#section6 .footerWrapper p{ color: #939393; font-size: 0.9em; line-height: 1.4em;}


/** Company **/
#container .visual{ display: block; height: 320px; margin-top: 80px; }
#container .visual.company{background: url(/Common/Images/top_company.jpg) no-repeat; text-align: center; padding-top:133px; }
#container .visual.csr{background: url(/Common/Images/top_csr.jpg) no-repeat; text-align: center; padding-top:133px; }
#container .visual.brand{background: url(/Common/Images/top_brand.jpg) no-repeat; text-align: center; padding-top:133px; }
#container .visual.recruit{background: url(/Common/Images/top_recruit.jpg) no-repeat; text-align: center; padding-top:133px; }
#container .visual.pr{background: url(/Common/Images/top_pr.jpg) no-repeat; text-align: center; padding-top:133px; }


#container h2{ color: #fff; font-size: 80px;text-transform: uppercase;}
.content{ padding: 0 0 60px 0;}
.companyCont { margin: 0 auto; width: 100%;  text-align: center;}  
.companyCont .companyTab{ height: 70px;  background-color:#213656; text-align: center; }
.companyCont .companyTab li{ display: inline-block; width: 280px; line-height: 70px; border-left: 1px solid #4c6284;}
.companyCont .companyTab li:last-child{ border-right:  1px solid #4c6284;}
.companyCont .companyTab li a{ font-size: 20px; color: #a0a9b6; padding: 0; }
.companyCont .companyTab li a:hover, .companyCont .companyTab li a:focus {  color: #fff; font-family: inherit; }
.companyCont .companyTab li a.on{ color: #fff; border-bottom: 2px solid #fff;  padding: 5px 10px; }
.companyCont .companyTab:after { clear: both;}

.companyCont h3{ font-size:60px; font-weight: bold; text-align:center; margin: 128px 0 100px 0;  text-transform: uppercase;} 
.companyCont h4{ font-size:58px; text-align:center; margin: 110px 0 10px 0;} 
.message { margin: 0 auto; width: 996px; border-bottom: 1px solid #b7b7b7; padding-bottom:130px; }
.message .messageCont{ margin-left:55px; text-align: left; line-height: 1.8em; }
.message .messageCont strong{ display: block; color:#0b2b5b; font-weight: bold; font-size:26px; line-height: 1.6em; }
.message .messageCont em{ display: block; color:#0b2b5b; line-height: 60px; font-size: 1.2em; font-weight: bold;}
.message .messageCont .from { float: right; font-size: 20px; font-weight: normal;}
.mission {  margin: 0 auto; width: 996px; background: url(/Common/Images/com_img_01.jpg) no-repeat center 80%; background-size: 996px; padding-bottom: 600px; border-bottom: 1px solid #b7b7b7;}
.mission dl dt{ font-size: 28px;  padding: 48px 0;}
.mission dl dd{ font-size: 20px;line-height: 1.8em; }
.vision { margin: 100px auto; position: relative;}
.vision dl dt{ font-size: 28px; padding: 48px 0;}
.vision dl dd{ font-size: 20px; line-height: 1.8em;  }

.vision .core{ display: block; margin: 150px auto; width: 1280px; height: 300px; text-align: center; }
.vision .core:after {  position: absolute; left: 50%; top:320px; width: 1px; height: 60px;  background-color: #303030; content: '';}
.vision .core h5{ text-align: center; font-size: 42px; height: 100px; }
.vision .core ul{ zoom: 1; margin:auto;}
.vision .core ul li{ float: left; width: 320px; height: 300px;padding-top: 155px; line-height: 1.6em;}
.vision .core ul li > span{ display: block; overflow: hidden; text-overflow: ellipsis;  height: 70px;  font-size: 22px;  font-weight: bold; }
.vision .core li:nth-of-type(1){ background: url(/Common/Images/ico_com_01.png) no-repeat 50% 0 ; background-size: 134px;}
.vision .core li:nth-of-type(3){ background: url(/Common/Images/ico_com_03.png) no-repeat 50% 0 ; background-size: 134px;  }
.vision .core li:nth-of-type(2){ background: url(/Common/Images/ico_com_02.png) no-repeat 50% 0 ; background-size: 134px;  }
.vision .core li:nth-of-type(4){ background: url(/Common/Images/ico_com_04.png) no-repeat 50% 0 ; background-size: 134px;   }

/*history*/
/*.awardCont span, .awardCont li {font-size: 20px;}
.historyCont { position:relative;width:1280px;margin:0 auto;}
.historyCont .img { text-align:center;}
.historyCont .txt { padding:110px 0px 30px 0px;font-size:24px;color:#000;line-height:30px;text-align:center;}
.historyCont .txt02 { position:relative; margin:40px; padding:40px 0px; font-size:24px; color:#000;line-height:30px;text-align:center;background:#fff;z-index:3;}
.historyCont .historyList { position:relative;}
.historyCont .historyList:after{position: absolute; left: 50%; top:20px; bottom: 130px; width: 1px;  background-color: #303030; content: '';}
.historyCont .historyList > ul { padding-top:25px;}
.historyCont .historyList > ul > li { padding-bottom:35px;}
.historyCont .historyList > ul > li strong { display:block; font-size:86px;color:#000;font-weight:bold;line-height:90px;}
.historyCont .historyList > ul > li span { position:relative;display:block;margin-top:40px;font-size:25px; font-weight:bold; line-height: 90px;}
.historyCont .historyList > ul > li span em { position:absolute;left:50%;top:50%;display:block;width:13px;height:13px;margin:-5px 0px 0px -7px;background:#ffa000;border-radius:6px;z-index:2}
.historyCont .historyList > ul > li strong + span { margin-top:-95px;}
.historyCont .historyList > ul > li li { margin-top:7px;font-size:17px;color:#555;line-height:20px;}
.historyCont .historyList > ul > li li:first-child { margin-top:0px;}

.historyCont .historyList .typeRight {text-align:left; }
.historyCont .historyList .typeRight > li {padding-bottom:35px;}
.historyCont .historyList .typeRight > li.his1900 {background:url('/Common/Images/01_02_bg_01.jpg') no-repeat 143px bottom;}
.historyCont .historyList .typeRight strong { display: block; text-align: right; margin-right:700px; color: #000;}
.historyCont .historyList .typeRight span, .historyCont .historyList .typeRight > li li {padding-left:720px;}
.historyCont .historyList .typeRight > li strong:after { margin-left:10px;}

.historyCont .historyList .typeLeft {text-align:right}
.historyCont .historyList .typeLeft > li { padding-bottom:44px;}
.historyCont .historyList .typeRight > li.his2011 {background:url('/Common/Images/01_02_bg_02.jpg') no-repeat 200px 100%; }
.historyCont .historyList .typeRight > li.his2012 {background:url('/Common/Images/01_02_bg_03.jpg') no-repeat 143px 50%;}
.historyCont .historyList .typeLeft > li.his2013 {background:url('/Common/Images/01_02_bg_04.jpg') no-repeat 720px top;}
.historyCont .historyList .typeRight > li.his2014 {background:url('/Common/Images/01_02_bg_05.jpg') no-repeat 0 top;}
.historyCont .historyList .typeLeft > li.his2015 {background:url('/Common/Images/01_02_bg_06.jpg') no-repeat 720px top; background-size: 520px;}
.historyCont .historyList .typeRight > li.his2016 {background:url('/Common/Images/01_02_bg_07.jpg') no-repeat 143px top;}
.historyCont .historyList .typeLeft > li.his2017 {background:url('/Common/Images/01_02_bg_08.jpg') no-repeat 720px top;}
.historyCont .historyList .typeLeft strong { text-align: left; color: #c2c2c2; margin-left:720px; }
.historyCont .historyList .typeLeft span, .historyCont .historyList .typeLeft > li li { padding-right:720px;}
.historyCont .historyList .typeLeft > li strong:after {margin-left:520px;}*/



/*history*/
.awardCont span, .awardCont li {font-size: 20px;}
.historyCont { position:relative;width:1280px;margin:0 auto;}
.historyCont .img { text-align:center;}
.historyCont .txt { padding:110px 0px 30px 0px;font-size:24px;color:#000;line-height:30px;text-align:center;}
.historyCont .txt02 { position:relative; margin:40px; padding:40px 0px; font-size:24px; color:#000;line-height:30px;text-align:center;background:#fff;z-index:3;}
.historyCont .historyList { position:relative;}
.historyCont .historyList:after{position: absolute; left: 50%; top:40px; bottom: 110px; width: 1px;  background-color: #303030; content: '';}

.historyCont .historyList > ul > li { padding-bottom:35px;}
.historyCont .historyList > ul > li strong { display:block; font-size:86px;color:#000;font-weight:bold;line-height:90px;}
.historyCont .historyList > ul > li span { position:relative;display:block;margin-top:40px;font-size:25px; font-weight:bold; line-height: 1.6em;}
.historyCont .historyList > ul > li span em { position:absolute;left:50%;top:50%;display:block;width:13px;height:13px;margin:-5px 0px 0px -7px;background:#ffa000;border-radius:6px;z-index:2}
.historyCont .historyList > ul > li strong + span { margin-top:-95px;}

.historyCont .historyList > ul > li li:first-child { margin-top:0px;}

.historyCont .historyList .typeRight {text-align:left; }
.historyCont .historyList .typeRight > li {padding-bottom:70px;}
.historyCont .historyList .typeRight .f36f21 {display:inline; color:#f36f21;  font-family: opb, 'opb'; font-size: 25px; }

.historyCont .historyList .typeRight strong { display: block; text-align: right; margin-right:700px; color: #000;}
.historyCont .historyList .typeRight span, .historyCont .historyList .typeRight > li li {padding-left:720px;}
.historyCont .historyList .typeRight > li strong:after { margin-left:10px; }




/*company awards*/
.awardCont {  margin: 0 auto; width: 1280px;  } 
.awardCont dl{ margin:70px 90px; display: block; }
.awardCont dl dt{ float: left; width:350px;  font-size: 96px; color: #c2c2c2; }
.awardCont dl dd{ text-align: left; display: block; padding: 0 0 10px 0; }
.awardCont dl dd:first-of-type{ padding-top: 25px;}
.awardCont dl dd > strong{ float: left; font-size:30px; width: 110px; display:block; text-transform: uppercase;}
.awardCont dl dd > span{ line-height: 35px;}
.awardCont dl dd ul { display: block; }
.awardCont dl dd ul li{  line-height: 35px; }
.awardCont .big_en{ height:200px; }
.awardCont .big_en_sub{ height:100px; }



/*company ci*/
.ciCont{ padding-bottom: 120px; margin: 0 auto; width: 1280px;  }
.ciCont h4{ font-size: 52px; padding-top: 50px; }
.ciCont .msg{ font-size:52px; padding-top: 100px; }
.ciCont .txt{ padding-top: 40px; font-size: 23px; line-height: 1.5em; }
.ciCont .msg > em{ color: #f36f21; }
.ciCont .ciColor{ position: relative;  width: 900px; display: table; margin: 0 auto;}
.ciCont .ciColor .orange, .ciCont .ciColor .black { float: left; width: 50%; display: inline-block; float: left; padding:100px 80px 0 65px;  }
.ciCont .ciColor .orange div{ float: left; border-radius: 50px; width: 80px; height: 80px; background-color: #f36f21; margin-right: 20px;  }
.ciCont .ciColor .orange ul, .ciCont .ciColor .black ul{float: left;  }
.ciCont .ciColor .orange li, .ciCont .ciColor .black li{ text-align: left; }
.ciCont .ciColor .orange li:first-child, .ciCont .ciColor .black li:first-child{ font-size: 1.1em; font-weight: bold; }
.ciCont .ciColor .black:before{ position: absolute; left: 50%; top: 90px; height: 90px; bottom: 130px; width: 1px;  background-color: #b7b7b7; content: '';}
.ciCont .ciColor .black div{ line-height: 1.4em;  float: left; border-radius: 50px; display: block; width: 80px; height: 80px;  background-color: #000; margin-right: 20px;  }
.areaCont{ margin-bottom: -60px; padding: 60px 0; background: url(/Common/Images/01_04_bg.jpg) no-repeat center; background-size: cover;}
.areaCont h3{ color: #fff;}

/*brand*/
.brandList { margin: 140px auto; width: 1280px;display: block;}
.brandList .brand01, .brandList .brand02{  width: 100%;  height: 573px; margin-bottom: 125px;  }
.brandList .brand01:last-child{ margin-bottom: 0;}
.brandList .brand01 div{ text-align: left; position: relative; }
.brandList .brand01 .txt{ position: absolute; margin-left: 725px; height: 573px;  }
.brandList .brand01 .roll_img{ float: left;  width: 630px; height:573px; }
.brandList .brand01 .txt span{ font-size: 20px; line-height: 1.6em;}
.brandList .brand01 .txt em{ display: block; font-size:30px; font-weight: bold; margin-bottom: 10px; padding-bottom: 10px; }
.brandList .brand01 .txt em:after { display: block; margin-top:30px; width:27px; height: 2px; background-color: #2f2f2f; content: '';}
.brandList .brand01 .logo { width:290px; margin-bottom:60px; }
.brandList .brand01 .txt > a{ display: block; width:246px; height: 66px; margin-bottom:60px; border: 2px solid #2f2f2f; font-size: 30px;font-weight: bold; text-align: center; line-height:66px; margin-top: 40px; }

.brandList .brand02 div{ text-align: left; position: relative; }
.brandList .brand02 .txt{ position: absolute; margin-right: 725px; }
.brandList .brand02 .roll_img{ float: right;  width: 630px; height:573px; }
.brandList .brand02 .txt span{ font-size: 20px; line-height: 1.6em;}
.brandList .brand02 .txt em{ display: block; font-size:30px; font-weight: bold; margin-bottom: 10px; padding-bottom: 10px; }
.brandList .brand02 .txt em:after {  display: block; margin-top:30px; width:27px; height: 2px; background-color: #2f2f2f; content: '';}
.brandList .brand02 .logo { width:290px; margin-bottom:60px; }
.brandList .brand02 .txt > a{ display: block; width:246px; height: 66px; margin-bottom:60px; border: 2px solid #2f2f2f; font-size: 30px;font-weight: bold; text-align: center; line-height:66px; margin-top: 40px; }
.brandList strong {font-weight: bold;}
/*pr*/
.companyCont .store{ margin:120px auto; width: 1280px;position: relative; }
.companyCont .store > h4{  text-align: left; font-size:30px; font-weight: bold; margin-bottom:30px; background-color: #fff; padding-left: 20px; }

.companyCont .store h3 { padding-top: 140px;}
.companyCont .store h3:before {position: absolute; left: 0; right: 0; height: 1px; background-color: #b4b4b4; content: ''; margin-top: -100px; }
.companyCont .store p {font-size:20px; margin-bottom:40px;text-align: left; margin-left: 30px;}
/*.companyCont .store h4:after{ margin-top: 5px; position: absolute; left:350px ; top: 15px; width: 910px; height: 1px; background-color: #b4b4b4; content: ''; }*/

.companyCont .cf{ margin:120px auto; width: 1280px;position: relative; text-align: left;}
.companyCont .cf h4{ text-align: left; font-size: 30px; font-weight: bold;  }
.companyCont .cf p{ font-size: 1.1em; line-height: 1.6em; margin-bottom: 50px; }

.companyCont .pp3{ margin:120px auto; width: 1280px; position: relative; text-align: left;}
.companyCont .pp3 h3{  font-weight: bold;padding-top: 150px; }
.companyCont .pp3 h3:before {position: absolute; left: 0; right: 0; height: 1px; background-color: #b4b4b4; content: ''; margin-top: -110px; }
.companyCont .pp3 h4{ text-align: left; font-size: 30px; font-weight: bold;  }
.companyCont .pp3 p{ font-size: 1.1em; line-height: 1.6em; margin-bottom: 50px; }

.companyCont .ppl{ margin:120px auto; width: 1280px; position: relative; text-align: left;}
.companyCont .ppl h3{  font-weight: bold;padding-top: 150px; }
.companyCont .ppl h3:before {position: absolute; left: 0; right: 0; height: 1px; background-color: #b4b4b4; content: ''; margin-top: -110px; }
.companyCont .ppl h4{ text-align: left; font-size: 30px; font-weight: bold;  }
.companyCont .ppl p{ font-size: 1.1em; line-height: 1.6em; margin-bottom: 50px; }


/*.companyCont .ppl{ margin:120px auto; width: 1280px; position: relative;}
.companyCont .ppl h4{  font-weight: bold;padding-top: 150px; padding-bottom:120px; }
.companyCont .ppl h4:before {position: absolute; left: 0; right: 0; height: 1px; background-color: #b4b4b4; content: ''; margin-top: -110px; }
.companyCont .ppl p{ font-size: 1.1em; line-height: 1.6em; margin-bottom: 50px; }*/

/*CSR*/
.companyCont p{  font-size: 20px; line-height: 1.6em;}
.companyCont p strong{ display: block; font-weight: bold; font-size: 26px; margin: 20px 0; }
.csrCont{ margin:125px auto; position: relative; width: 1024px;  }
.csrCont:before { position: absolute; left: 50%; top: 0; bottom: 130px; width: 1px;  background-color: #303030; content: '';height: 2500px;}
.csrCont > li{ display: block; width: 100%; height: 500px; }

.csrCont .left{  }
.csrCont .left img { float: left;  }
.csrCont .left div { position: absolute; display: block; left: 50%; margin-top: -50px; }
.csrCont .left div h5{  font-weight: bold; text-align: left; font-size: 70px;  margin-bottom: 20px;}
.csrCont .left div p{ text-align: left; }
.csrCont .left div > dl > dt{ font-size: 20px; text-align: left; padding: 7px 0; line-height: 1.4em;}
.csrCont .left div > dl > dd{ text-align: left; line-height: 1.6em; }
.csrCont .left div > ul > li{ display: block;text-align: left;line-height: 1.6em; }
.csrCont .left em { position: absolute; display: block; left:50%; width:13px;height:13px; margin:-5px 0px 0px -7px;background:#ffa000;border-radius:6px;z-index:10; }
.csrCont .left h5,.csrCont .left p, .csrCont .left dl, .csrCont .left ul { padding-left: 50px;}

.csrCont .right{  position: relative; }
.csrCont .right img { right: 0; position: absolute; }
.csrCont .right div { position: absolute; display: block; width: 50%; margin-top: -50px; }
.csrCont .right div h5{  font-weight: bold; text-align: left; font-size: 70px;  margin-bottom: 20px;}
.csrCont .right div p{ text-align: left; }
.csrCont .right div > dl > dt{ font-size: 20px; text-align: left; padding: 7px 0; line-height: 1.4em; }
.csrCont .right div > dl > dd{ text-align: left; line-height: 1.6em; }
.csrCont .right div > ul > li{ display: block;  text-align: left; line-height: 1.6em; }
.csrCont .right em { position: absolute; display: block; left:50%; width:13px;height:13px; margin:-5px 0px 0px -7px;background:#ffa000;border-radius:6px;z-index:10; }

/*recruit*/
.recruitCont{ width: 100%; display: block; margin-bottom: 100px;}
.recruitCont h3{ font-size:60px; font-weight: bold; text-align:center; margin: 128px 0 50px 0;  text-transform: uppercase;} 
.recruitCont strong{ font-size: 26px; padding: 10px 0; display: block;}
.recruitCont p{  padding:0 0 10px 0; line-height: 1.6em;}
.recruitCont .info, .recruitCont .welfare, .recruitCont .people, .recruitCont .family{ text-align: center; margin: 0 auto; width: 1100px; padding: 80px 0; }
.recruitCont .info{ padding-top: 0px !important;}
.recruitCont .info h4, .recruitCont .welfare h4, .recruitCont .people h4, .recruitCont .family h4{ text-align: left; font-size:28px; font-weight: bold;} 
.recruitCont .info h4:before, .recruitCont .welfare h4:before, .recruitCont .people h4:before, .recruitCont .family h4:before{ display: block; position: relative; width: 20px; height: 3px; top: -10px; background-color: #303030; content: '';}

.recruitCont .people { padding-bottom: 100px; }
.recruitCont .people ul{ height: 292px; margin-top: 50px; }
.recruitCont .people ul li{ display:inline-block; float: left; width: 33%; }
.recruitCont .people ul li > div{ margin: auto; padding-top: 50px; width: 292px; height: 292px; border: 1px solid #eaeaea; border-radius: 150px; }
.recruitCont .people ul li > div > img{width: 70px; height: 70px;}
.recruitCont .people ul li > div > em{ display: block; color: #f75c02; font-size: 22px; line-height: 60px; }

.recruitCont .wfwrap{ clear: both; background-color: #f5f5f5; }
.recruitCont .wfwrap .welfare ul{ display: block; }
.recruitCont .wfwrap .welfare ul li{ display:inline-block; padding: 60px 10px 0 30px; width: 33%; text-align: left; }
.recruitCont .wfwrap .welfare li> img { float: left; width: 80px; height: 80px;}
.recruitCont .wfwrap .welfare li> span{ float: left; padding-left: 20px; line-height: 80px;}
.recruitCont .wfwrap .welfare li> span> em{ position: absolute; font-size: 0.8em; }
.recruitCont .wfwrap .welfare> p{ margin-top: 50px;}

.recruitCont .family{ position: relative; margin-bottom: 100px; }
.recruitCont .family  p{ float: left; display: block; text-align: left; width:720px;  line-height: 1.6em; padding-top: 50px;  }
.recruitCont .family img{ position: absolute; right: 50px; width:150px; padding-top: 50px; }