@charset "utf-8";
/* CSS Document --- about css*/
.gdSek em{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
.gdSek em{ background:url(/assets/img/pc/global/fotileicon.png) no-repeat; display:inline-block;}

/*01forLoveWeDo*/
.hdforLe{ position:relative}
.starFromLe{ background:url(/assets/img/pc/forlove_bj.gif) repeat-y; background-size:100% auto; position:absolute; left:0; bottom:10%;}
.starFromLe .forLeItme{ width:61.5%; margin-left:3.9%; margin-top:4%;}
.forLeItme{ width:43%;text-align:justify; text-justify:inter-ideograph}
.forLeItme h2{ line-height:1.6em; padding-bottom:.7em;}.forLeItme h6{ line-height:1.4em;}

.forLeIs{ position:relative; margin-bottom:1px}
.forLePos{ position:absolute; left:0; top:0;}
.forLePos .fWResize{ position:relative}
.forLePos .forLeItme{ position:absolute; top:50%;}
.forLePos .pos_l{ left:0}
.forLePos .pos_r{ right:0}

/*04CorporateVideo*/
.copVdBox{ width:1065px; height:614px; margin:0 auto 88px; position: relative; cursor:pointer; overflow: hidden;}
.copVdBox video{ width:1065px; height:614px; position: absolute; left: 0; top:0; opacity: 0;}
.copVdBox img{ display: block; width: 100%; height: 100%; }

/*03globalDistribution*/
.go_adius ,.gr_adius{ width:12px; height:12px; border-radius:50%; background:#ff801f; display:inline-block; cursor:Default;}
.gr_adius{ background:#e4c2a8;}
.gldiMap{ height:580px; background:url(/assets/img/pc/global/gdmap.png) no-repeat; padding-bottom:88px; background-size:100% auto; position:relative}
.gldiSort{ margin:30px 0 20px;}
.gldiSort span{ margin:0 20px}
.gldiSort .go_adius ,.gldiSort .gr_adius{ margin-right:12px;}
.gldiMap .gdibox{ position:absolute; cursor:Default;line-height: 0;}
.gldiMap a.go_adius{ display:block; position:relative}
/*.gldiMap a.go_adius:hover{ background:#e24719;}*/

/* Outline Out */
/*.hvr-outline-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative;}
.hvr-outline-out:before { content: ''; position: absolute; border:rgba(255,128,31,.5) solid 1px; border-radius:50%; top:0; right: 0; bottom:0; left:0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left;}
.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before { top: -15px; right: -15px; bottom: -15px; left: -15px; border:rgba(255,128,31,0) solid 6px; background-color:rgba(226,71,25,.3)}*/

.gldiMap .gd_1{ left:287px; top:166px;}
.gldiMap .gd_2{ left:315px; top:222px;}
.gldiMap .gd_3{ left:825px; top:250px;}
.gldiMap .gd_4{ left:938px; top:321px;}
.gldiMap .gd_5{ left:938px; top:350px;}
.gldiMap .gd_6{ left:966px; top:377px;}
.gldiMap .gd_7{ left:1037px; top:433px;}
.gldiMap .gd_8{ left:966px; top:137px;}
.gldiMap .gd_9{ left:655px; top:222px;}
.gldiMap .gd_10{ left:796px; top:237px;}
.gldiMap .gd_11{ left:881px; top:250px;}
.gldiMap .gd_12{ left:909px; top:265px;}
.gldiMap .gd_13{ left:952px; top:278px;}
.gldiMap .gd_14{ left:909px; top:265px;}
.gldiMap .gd_15{ left:952px; top:278px;}
.gldiMap .gd_16{ left:1008px; top:264px;}
.gldiMap .gd_17{ left:1023px; top:322px;}
.gldiMap .gd_18{ left:669px; top:321px;}
.gldiMap .gd_19{ left:725px; top:307px;}
.gldiMap .gd_20{ left:1164px; top:505px;}

.gdSek ,.gdSeko li{font-size:16px;}
.ftSelect{ width:50%; margin:0 auto;}
.gdSeWrap{ position:relative;}
.gdSek{ height:3.5em; line-height:3.5em; position:relative; border:1px solid #c6c6c6; padding:0 1.2em; cursor:pointer}
.gdSek em{ width:9px; height:6px; position:absolute; top:50%; right:1.3em; margin-top:-3px; background-position:-211px -46px;transform:rotate(0)}
.gdSeko{ position:absolute; width:100%; left:0; top:4.7em; background:#fff; display:none}
.gdSeko ul{border:1px solid #c6c6c6; display:block; overflow:hidden; padding:.5em 0}
.gdSeko li{ width:25%; float:left; line-height:2.5em; }
.gdSeko li a{ display:block}
.gdSeko li.current a{ color:#c38b60;}

/*标题提示文字定义*/
#tooltip { position:absolute; z-index:1000; max-width:300px; width:auto!important; width:auto; background:#fff; border:#ddd solid 1px; text-align:left; padding:3px;}
#tooltip p { margin:0;padding:0; color:#666;font:12px verdana,arial,sans-serif;}
#tooltip p em { display:block;margin-top:3px; color:#f60;font-style:normal; font-weight:bold;}

/*02Digital*/
.digitalHd{  width:100%; padding-top:90px; position:relative}
.digitalHd_wap{ position: absolute; left: 0; top:90px; width: 100%; }
.digitalHd_img{ position: absolute; left: 0; top:0; width: 100%; overflow: hidden; }
.digitalHd_img img{width: 100%; animation: scale_img 40s linear infinite both;  }
@keyframes scale_img {
  0%{ transform: scale(1,1);}  
  50% {transform: scale(1.2,1.2);}
  100% {transform: scale(1,1);}
}




.digitalHd .wid30{ width:33.3333%; float:left; position:relative}
.digitalHd .txt{ font-size:28px; line-height:1.4em; color:#292929;}
.digitalHd .txt b{ margin-left:.2em; font-weight:normal; }
.digitalHd .txt b.emp{ position:relative; padding-right:.6em;}
.digitalHd .txt em ,.digitalHd .txt b{color:#c38b60;}
.digitalHd .txt em{ display:inline-block; line-height:.6em; position:absolute; top:0; right:0;font-size: 60%;}
.digitalHd .b_top{ margin-top:15%;}
.digitalHd .b_bottom{margin-top:40%;}
.digitalHd .bjop{ background:rgba(0,0,0,.2);}
.digitalHd .title{ width:47.2%; background:rgba(195,139,96,.85); margin-left:-23.6%; position:absolute; left:50%; color:#fff; top:50%;}
.digitalHd .centBox{ padding:0 2%; vertical-align: middle;}
.digitalHd .cent{/*vertical-align: middle;overflow: hidden; width:100%; text-align: center; display: table-cell;  vertical-align: middle; position: relative;*/}
.digitalHd .title h1{ line-height:1.6em; padding-bottom:.5em;}
.digitalHd .txt b ,.digitalMd .data li b{font-size:42px; }

.digitalMd{ position:relative;}
.digitalMd .hdInfo{ background:url(/assets/img/pc/aboutdi_7.gif) no-repeat top center; background-size:100% auto;}
.digitalMd .titleBox{ padding:4em 1px 2em;}
.digitalMd .titleBox h2{ line-height:2em; position:relative}
.digitalMd .titleBox h2:after{ content:""; display:block; position:absolute; left:50%; width:10%; margin-left:-5%; height:3px; background:#c38b60;}
.digitalMd .titleBox h6{ line-height:1.6em; padding-top:1.5em; /*text-transform:uppercase*/}
.digitalMd .data { padding-top:2%}
.digitalMd .data li{ float:left; line-height:1.6em}
.digitalMd .data li b{ display:inline-block; line-height:1.6em;  position:relative; font-weight:normal}
.digitalMd .data li b.psr{padding-right:.5em;}
.digitalMd .data li em{display:inline-block; line-height:1.6em; position:absolute; top:0; right:0;font-size: 60%;}
.digitalMd .data_3 li{ width:33.3333%;}
.digitalMd .data_4 li{ width:25%;}
.digitalMd .xpicBox{ position:relative; margin-top:4em}
.digitalMd .xpicBox .rq{ position:absolute; top:-2.6em; right:0; line-height:2em;}
.digitalMd .img_as{ /*transition:all 4s linear;transform-origin: top; transform:scaleY();*/  }


.digitalMd2 .hdInfo{ background:url(/assets/img/pc/aboutdi_5.jpg) no-repeat center; background-size:100% auto;}
.cocdigital5{ position:relative; width:100%;}
.cocdigital5 .fWResize{ position:relative}
.cocdigital5 .itembox{ width:36%; position:absolute; left:0; top:0; margin-top:15%; line-height:1.6em}
.cocdigital5 .itembox b ,.abTempBox b{ display:inline-block; position:relative; padding-right:.5em; font-weight:normal; line-height:1.4em;}
.cocdigital5 .itembox b em ,.abTempBox b em{display:inline-block; line-height:1.6em; position:absolute; top:0; right:0;font-size: 60%; line-height:1.6em; }
.cocdigital5 .itembox p{ margin-bottom:1em}
.aboutDtop{ margin-top:5%;}
.aboutDtop2{ margin-top:1%;}
.abTempBox b ,.cocdigital5 .itembox b{ font-size:88px}

.abTemplate{ margin-top:4%; position:relative; margin-bottom:8%;}
.abTempBox{ width:68%; position:absolute; left:16%; top:50%; background:#ffffff;}
.abTempBox b{ padding:0 .2em;}

@media screen and (min-width:1280px) and (max-width:1599px){
.fWResize2{ width:1000px;}
	
.copVdBox{ width:800px; height:460px; margin-bottom:78px;}
.copVdBox video{ width:800px; height:460px}

.gldiMap{ height:440px;}
.go_adius ,.gr_adius{ width:9px; height:9px;}
.gdSek ,.gdSeko li{ font-size:14px;}
.gdSeko{ top:4.2em;}

.gldiMap .gd_1{ left:215px; top:124px;}
.gldiMap .gd_2{ left:236px; top:166px;}
.gldiMap .gd_3{ left:618px; top:187px;}
.gldiMap .gd_4{ left:703px; top:241px;}
.gldiMap .gd_5{ left:703px; top:262px;}
.gldiMap .gd_6{ left:724px; top:283px;}
.gldiMap .gd_7{ left:777px; top:325px;}
.gldiMap .gd_8{ left:724px; top:103px;}
.gldiMap .gd_9{ left:491px; top:177px;}
.gldiMap .gd_10{ left:597px; top:177px;}
.gldiMap .gd_11{ left:660px; top:187px;}
.gldiMap .gd_12{ left:692px; top:198px;}
.gldiMap .gd_13{ left:713px; top:209px;}
.gldiMap .gd_14{ left:756px; top:198px;}
.gldiMap .gd_15{ left:767px; top:241px;}
.gldiMap .gd_16{ left:501px; top:241px;}
.gldiMap .gd_17{ left:544px; top:230px;}
.gldiMap .gd_18{ left:873px; top:378px;}

.digitalHd .txt{ font-size:24px;}
.digitalHd .txt b{ font-size:40px;}
.digitalMd .fWResize{ width:1000px;}
.digitalMd .titleBox h2:after{ height:2px}
.cocdigital5 .itembox{ margin-top:14%;}
.abTempBox b ,.cocdigital5 .itembox b{ font-size:68px}
}

/*字体大小调整*/
@media (max-width:1440px){
.digitalHd .txt{ font-size:22px;}
}
/*@media (max-width:1440px){ background-size:auto auto;}}*/
@media (max-width:1279px){
.copVdBox{ width:800px; height:460px; margin-bottom:68px;}
.copVdBox video{ width:800px; height:460px}

.gldiMap{ height:440px;}
.gdSek ,.gdSeko li{ font-size:14px;}
.gdSeko{ top:4.2em;}

.gldiMap .gd_1{ left:215px; top:124px;}
.gldiMap .gd_2{ left:236px; top:166px;}
.gldiMap .gd_3{ left:618px; top:187px;}
.gldiMap .gd_4{ left:703px; top:241px;}
.gldiMap .gd_5{ left:703px; top:262px;}
.gldiMap .gd_6{ left:724px; top:283px;}
.gldiMap .gd_7{ left:777px; top:325px;}
.gldiMap .gd_8{ left:724px; top:103px;}
.gldiMap .gd_9{ left:491px; top:177px;}
.gldiMap .gd_10{ left:597px; top:177px;}
.gldiMap .gd_11{ left:660px; top:187px;}
.gldiMap .gd_12{ left:692px; top:198px;}
.gldiMap .gd_13{ left:713px; top:209px;}
.gldiMap .gd_14{ left:756px; top:198px;}
.gldiMap .gd_15{ left:767px; top:241px;}
.gldiMap .gd_16{ left:501px; top:241px;}
.gldiMap .gd_17{ left:544px; top:230px;}
.gldiMap .gd_18{ left:873px; top:378px;}

.digitalHd .txt{ font-size:22px;}
.digitalHd .txt b{ font-size:36px;}
.digitalMd .hdInfo{background-size:126% auto}
.digitalMd .titleBox h2:after{ height:2px}
.cocdigital5 .itembox{ margin-top:10%;}
.abTempBox b ,.cocdigital5 .itembox b{ font-size:56px}
}

/*.block{ overflow: hidden;transition:all 0.5s ease-in;transform-origin: top center; height: 0} 

.block_hover{height: 100%;}*/