.mission{height: 402px;background: url(../images/oac_01.jpg) no-repeat center;}
.mission .box{width: 1200px;margin: 0 auto;box-sizing: border-box;padding-right: 655px;text-align: right;padding-top: 173px;}
.oac .box .title_en{font-family: "dincond-medium-webfont";font-size: 40px;color: #303860;text-transform: uppercase;letter-spacing: -2px;line-height: 0.8em;}
.oac .box .title_cn{line-height:0.8em;font-size: 18px;color: #303860;font-weight: bold;margin-top: 5px;}
.oac .box .xian{width: 13px;height: 1px;background-color:  #303860;margin-top: 20px;display: inline-block;}
.mission .box .key{font-size: 32px;color: rgb(102,102,102);opacity: 0.7;filter: alpha(opacity=70);line-height: 0.8em;margin-top: 27px;}
.mission .box .des{font-family: "dincond-medium-webfont";font-size: 52px;color: rgb(102,102,102);opacity: 0.08;filter: alpha(opacity=8);line-height: 0.8em;margin-top: 10px;text-transform: uppercase;}
.vision{height: 515px;background: url(../images/oac_02.jpg) no-repeat center;}
.vision .box{width: 1200px;margin: 0 auto;text-align: right;}
.vision .box .inbox{width: 675px;display: inline-block;text-align: left;box-sizing: border-box;border-left: 1px solid rgb(208,208,233);padding-left: 20px;}
.vision .box .inbox .title_en{margin-top: 40px;}
.vision .box .inbox .question{margin-top: 30px;width: 675px;position: relative;top: 0px;left: -21px;line-height: 0.8em;box-sizing: border-box;padding-left: 20px;}
.vision .box .inbox .question .en{position: absolute;top: 0px;left:-525px;width: 525px;height: 100%;text-align: right;margin-top: -2px;overflow: hidden;box-sizing: border-box;border-right: 10px solid transparent;}
.vision .box .inbox .question .en .key{font-family: "dincond-medium-webfont";font-size: 16px;color: #01b2b3;line-height: 1em;margin-bottom: 10px;position: relative;left: 515px;transition: all 800ms;}
.vision .box .inbox .question .en .des{font-family: "dincond-medium-webfont";font-size: 16px;color: #01b2b3;line-height: 1.4em;position: relative;left: 515px;transition: all 800ms;}
.vision .box .inbox .question .cn .key{font-size: 14px;color: rgb(102,102,102);font-weight: bold;margin-bottom: 12px;transition: all 400ms;}
.vision .box .inbox .question .cn .key em{font-family: "dincond-medium-webfont";color: rgb(102,102,102);font-size: 14px;font-weight: bold;padding-right: 5px;letter-spacing: 1px;transition: all 400ms;}
.vision .box .inbox .question .cn .des{font-size: 14px;color: rgb(102,102,102);font-weight: bold;line-height: 1.6em;transition: all 400ms;}
.vision .box .inbox .question .shuxian{position: absolute;top: 0px;left: 0px;width: 1px;height: 100%;background-color: #01b2b3;transform-origin: center;transform: scale(1,0);transition: all 400ms;}
.vision .box .inbox .question.on .cn .key,
.vision .box .inbox .question.on .cn .key em,
.vision .box .inbox .question.on .cn .des{color: #384395;} 
.vision .box .inbox .question.on .shuxian{transform: scale(1,1);}
.vision .box .inbox .question.on .en .key{left: 0px;}
.vision .box .inbox .question.on .en .des{left: 0px;}
.value{height: 515px;background: url(../images/oac_03.jpg) no-repeat center;}
.value .box{width: 1200px;margin: 0 auto;box-sizing: border-box;padding-right: 655px;text-align: right;padding-top: 40px;}
.value .box .bold{line-height: 0.8em;margin-top: 30px;font-size: 14px;color: rgb(102,102,102);font-weight: bold;margin-bottom: 12px;}
.value .box .des{line-height: 1.6em;font-size: 14px;color: rgb(102,102,102);}


/*企业介绍*/
.container-div { width: 1199px; margin: 0 auto; background: url(../images/about/about-bg.jpg) repeat-y center center; }
.container-left { width: 419px; float: left; padding-bottom: 30px; }
.container-right { width: 700px; float: right; padding: 38px 38px 0 38px; overflow: hidden; }
.container-right images { max-width: 700px; }

.leftmenu { padding-top: 28px; }
.leftmenu li { height: 37px; line-height: 37px; margin-bottom: 15px; text-align: right; }
.leftmenu li a { display: inline-block; color: #666; font-size: 13px; padding-right: 40px; padding-left: 10px; font-weight: bold; -webkit-transition: all .5s; transition: all .5s; }
.leftmenu .current a, .leftmenu li a:hover { background: #d7d7e2; color: #303860; }
.shiguan-div > div { display: none; }

.instock { width: 379px; height: 140px; overflow: hidden; background: #d8e0ee; padding: 40px 40px 0 0; }
.instock.title { height: 80px; padding: 60px 40px 0 0; }
.instock p { color: #a2b2cd; font-size: 12px; text-align: right; }
.instock p strong { display: block; font-size: 20px; }
.instock h5 { font-family: "dincond-medium-webfont"; font-size: 68px; color: #003894; text-align: right; line-height: 60px; letter-spacing: -3px; }
.container-div .integrity-info { padding-left: 40px; width: 339px; }
.container-div .integrity-info p { text-align: left; color: #303860; font-size: 14px; line-height: 28px; }

.data-box { width: 220px; height: auto; float: right; margin-top: 40px; }
.data-box h4 { background: url(../images/about/about-menu.png) no-repeat; width: 169px; height: 60px; line-height: 60px; color: #fff; text-align: center; font-size: 20px; float: right; margin-bottom: 5px; }
.data-box dl { float: right; width: 220px; }
.data-box dd { display: inline-block; padding: 0 35px 0 10px;background: #d8e0ee; margin-top: 2px; text-align: right; color: #666666; float: right;     border-radius: 22px 0 0 22px;height:43px; line-height:43px;}
.data-box dd strong { color: #003894; font-size: 30px; font-family: "dincond-medium-webfont"; letter-spacing: -3px; display: inline-block; padding-right: 8px; font-weight: normal; }

.since { overflow: hidden; margin-bottom: 20px; }
.since h5 { font-size: 20px; color: #003894; font-weight: bold; }
.since .en { color: #00b0af; font-size: 68px; font-family: "dincond-medium-webfont"; letter-spacing: -3px; line-height: 60px; float: left; }
.since span, .since em { float: left; font-size: 20px; line-height: 26px; color: #7a7a7a; margin-left: 8px; padding-top: 5px; }
.about-div p { margin-bottom: 15px; text-align: justify;}
.about-div p strong { color: #1c2c71; }




.join_tenet{height:516px; background:url("../images/join_tenet_bg.jpg") no-repeat center;}
.join_tenet *{box-sizing: border-box;}
.join_tenet .w1200{padding-top: 32px;}
.join_tenet .title_en{font-family: "dincond-medium-webfont"; font-size: 40px; text-align: center; color: #303860; text-transform: uppercase; letter-spacing: -2px; line-height: 32px;}
.join_tenet .title_cn{line-height: 18px; font-size: 18px; color: #303860; font-weight: bold; margin-top: 5px; text-align: center;}
.join_tenet ul{margin-top: 24px; position:relative; height:310px;}
	.join_tenet li {
		position: absolute;
		width: 155px;
		height: 174px;
		padding: 28px 0 0;
		list-style-type: none;
		background: url("../images/join_tenet_box_bg1.png") no-repeat center;
		cursor: pointer;
	}
.join_tenet .li1{position:absolute; left:170px; top:0;}
.join_tenet .li2{position:absolute; left:547px; top:0;}
.join_tenet .li3{position:absolute; left:704px; top:0;}
.join_tenet .li4{position:absolute; left:861px; top:0;}
.join_tenet .li5{position:absolute; left:1018px; top:0;}
.join_tenet .li6{position:absolute; left:468px; top:135px;}
.join_tenet .li7{position:absolute; left:625px; top:135px;}
.join_tenet .li8{position:absolute; left:782px; top:135px;}/*562*/
.join_tenet .li9{position:absolute; left:939px; top:135px;}
.join_tenet .li10{position:absolute; left:1096px; top:135px;}
.join_tenet li .num{font-size: 40px; color:#b6c5e0; line-height: 32px; font-family: "dincond-medium-webfont"; text-align: center; letter-spacing: -2px; margin-bottom: 18px;}
.join_tenet li .h4_cn{font-size: 16px; color:#b6c5e0; line-height: 20px; text-align: center; margin-bottom: 6px;}
.join_tenet li .h4_en{font-size: 17px; color:#b6c5e0; font-family: "dincond-medium-webfont"; line-height: 18px; text-align: center;}
.join_tenet .bg2{background-image:url("../images/join_tenet_box_bg2.png");}
.join_tenet .bg2 .num,.join_tenet .bg2 .h4_cn,.join_tenet .bg2 .h4_en{color:#d6ecec;}
.join_tenet_popup{display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index: 500;}
.join_tenet_popup *{box-sizing: border-box;}
.join_tenet_popup .bg{position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.join_tenet_popup .wr{position:absolute; left:50%; top:50%; width:1200px; max-height:90%; padding:40px; margin:0 0 0 -600px; min-height: 340px; background:#fff;}
.join_tenet_popup .btn{position:absolute; right:-16px; top:-23px; width:54px; height:54px; border:3px solid #01b2b3; border-radius: 50%; text-align: center; line-height: 48px; font-size: 14px; color:#01b2b3; background:#fff;}
.join_tenet_popup .til_box{margin-bottom: 24px;}
.join_tenet_popup .til_box .num{float:left; font-size: 50px; color:#003894; line-height: 46px; font-family: "dincond-medium-webfont"; letter-spacing: -2px;}
.join_tenet_popup .til_box .h_box{float:left; padding-left: 12px;}
.join_tenet_popup .til_box .h_box .h4_cn{font-size: 16px; line-height: 24px; color:#003894;}
.join_tenet_popup .til_box .h_box .h4_en{font-size: 16px; line-height: 24px; font-family: "dincond-medium-webfont"; color:#96a7ca;}
.join_tenet_popup .p_box p{font-size: 14px; color:#666; line-height: 32px;}


@media screen and (max-width: 1460px){
/*    .join_pdf{height: 310px;} */
	.join_pdf .le p{
		width: 60%;
	}
	.join_pdf .con p{
		width: 50%;
	}
	.join_pdf .btn{
		    top: 16.83vw;
	}
}
@media screen and (min-width: 1560px){
	.join_pdf .le{padding: 170px 0 0 46px;float: left;width:400px; box-sizing: border-box;}
	.join_pdf .ri{padding: 169px 0 0 22px; float: left; width:400px; box-sizing: border-box;    margin-left: 184px;}
	.join_pdf .con{padding: 169px 0 0 22px; float: right; width:450px; box-sizing: border-box;}
	.join_pdf .btn1{left:42px; top:247px; background-color: #00b1b1;}
	.join_pdf .btn2{left:605px; top:247px; background-color: #093693;}
	.join_pdf .btn3{right:335px; top:247px; background-color: #f6a726;}
	.join_pdf .btn{    width: 95px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    border-radius: 50px;
    font-size: 16px;}
	.join_pdf p{line-height: 20px;}
}