body { 
    font-family:"思源黑体 Normal", "Poppins-Regular", "DECATHLON-Regular", "SourceHanSansCN", "PingFang SC", "Microsoft YaHei", 微软雅黑, Arial, sans-serif;
}

@font-face {
    font-family: "思源黑体 Normal";
    font-weight: 350;
    src: url("//at.alicdn.com/wf/webfont/eX4l3wCsjX5V/gK9QTMRY4oy0.woff2") format("woff2"),
    url("//at.alicdn.com/wf/webfont/eX4l3wCsjX5V/0r1XZB1EYpuj.woff") format("woff");
    font-display: swap;
}
@font-face {
    font-family: "Poppins-Regular";
    font-weight: 400;
    src: url("../images/Poppins-Regular.ttf") format("truetype"),
    url("../images/Poppins-Regular.woff") format("woff");
    font-display: swap;
}

.englishfont { font-family: "Poppins-Regular", "DECATHLON-Regular", "SourceHanSansCN", "PingFang SC", Arial, sans-serif }

.color3643BA { color: #3643BA }

/*-------------------新增全球采购和智能制造css-------------------*/
.cg-indexkv { width: 100%; height: calc(100vh); min-height: 560px }
.cg-index-video-txt { background: rgba(54,67,186,0.6) }
.cg-to-fullvideo { text-align: center; position: absolute; z-index: 3; right: 10px; bottom: 10px; color: #fff }
.cg-to-fullvideo p.fontSize10 { line-height: 12px }
.cg-to-fullvideo:hover { color: rgba(255,255,255,0.6) }
.cg-video-popbox { width: 640px; height: 360px }

.cg-index-post { display: flex; flex-wrap: wrap; justify-content: center; max-width: 1000px; margin: 20px auto }
.cg-index-post a { display: inline-block; width: 280px; text-align: center; padding: 10px 0; margin: 10px; background: #000 }
.cg-index-post a:hover { background: rgba(0,0,0,0.8) }

.cg-bg01 { background: url(../images/cg/bg01.jpg) #f7f7f7 center center no-repeat; background-size: cover }

.cg-index-citylist a { display: block; float: left; width: 16.66%; margin-top: 20px; transition: all 0.3s }
.cg-index-citylist a h3 { color: #3643BA; text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff } 
.cg-index-citylist a img { width: 80%; height: auto; border-radius: 50%; box-shadow: 5px 5px 15px rgba(0,0,0,0.3); margin: auto; transition: all 0.3s }
.cg-index-citylist a:nth-of-type(7) { margin-left: 8.33% }
.cg-index-citylist a:hover { -webkit-transform:translatey(-3px); transform:translatey(-3px) }
.cg-index-citylist a:hover img { box-shadow: none }

.cg-bg02 { background: url(../images/cg/bg02.jpg) center center no-repeat; background-size: cover }

.cg-index-traitlist li { position: relative; padding-left: 8px; box-sizing: border-box }
.cg-index-traitlist li::before { content: ""; width: 4px; height: 4px; border-radius: 50%; background: rgba(0,0,0,0.6); position: absolute; top: 9px; left: 0 }
.cg-index-traitlist img { min-height: 210px; object-fit: cover }


#cboxLoadedContent { border: 0 transparent; border-top: 60px solid transparent; overflow: hidden }
#cboxClose { top: 15px; right: 15px; color: #fff }
.cg-index-page #cboxCurrent { width: 100%; line-height: 60px; left: 0; top: 0; color: #fff; background: #3643BA; padding-left: 15px; box-sizing: border-box }
.city-con { width: calc(60vw); padding: 30px; min-height: calc(52vh); font-size: 18px; line-height: 1.5 }
.city-videobox { display: block; width: 30%; height: 100%; position: absolute; top: 0; left: 0 }
.city-videobox::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(54,67,186,0.6) }
.city-videobox img { width: 100%; height: 100%; object-fit: cover }
.city-txtbox { width: 70%; float: right; padding-left: 30px; box-sizing: border-box; height: calc(52vh); overflow-x: hidden; overflow-y: auto }
::-webkit-scrollbar {
width:6px;
height:6px;
background: rgba(0,0,0,0.2);  
}
::-webkit-scrollbar-thumb {
border-radius:10px;
background:#9f9f9f
}
::-webkit-scrollbar-thumb:window-inactive {
background:#9f9f9f
}
::-webkit-scrollbar-thumb:vertical:hover {
background-color:#595959
}
::-webkit-scrollbar-thumb:vertical:active {
background-color:#2a2a2a
}
.city-video-popbox { width: 100%; height: 100%; background: #fff; position: absolute; top: 0; left: 0; z-index: 100; pointer-events: none; display: none }
.city-video-popbox video { max-width: 90%; max-height: 90%; min-width: 90%; position: absolute; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%)  }
.city-con.videoplay .city-video-popbox { display: block; pointer-events: all }

.cg-insidekv { width: 100%; height: calc(100vh); min-height: 600px }
.cg-insidekv .container { top: 54% }
.cg-insidekv::before { content: ""; width: 100%; height: 100%; background: rgba(54,67,186,0.6); position: absolute; top: 0; left: 0 }
.cg-insidekv-bg { width: 100%; height: 100%; object-fit: cover }
.cg-insidekv-btnbox { display: flex; justify-content: space-evenly }
.intro-con { background: rgba(0,0,0,0.5); padding: 30px 20px; box-sizing: border-box }
.intro-con h5, .intro-con h6 { word-break: keep-all }
.intro-photo { width: 80px; height: 80px; border-radius: 50%; border: 5px solid #3643BA; margin: auto }
.intro-txt { height: calc(100vh - 520px); max-height: 380px; min-height: 100px; overflow-x: hidden; overflow-y: auto; padding: 0 10px; box-sizing: border-box } 

.cg-inside-list { padding-left: 15px; box-sizing: border-box }
.cg-inside-list li { list-style-type: disc; margin-top: 5px }

.cg-inside-bg01 { height: calc(80vh); min-height: 600px; background: url(../images/cg/inside-bg01.jpg) center center no-repeat; background-size: cover }
.cg-inside-con .area_40 { background: rgba(54,67,186,0.6); color: #fff }
.cg-inside-con .area_60 { height: 100%; position: absolute; right: 0 }
.cg-inside-con .area_60 img { width: auto; max-height: 90%; max-width: 90% }

@media (min-width: 1200px) and (max-width: 1299px) {
    .container { width:1120px }
    h1, .h1 { font-size: 66px }
    h2, .h2 { font-size: 42px }
    h3, .h3 { font-size: 32px }
    h4, .h4 { font-size: 30px }
    h5, .h5 { font-size: 20px }
    .cg-insidekv { min-height: 700px }
    .intro-txt { min-height: 200px } 
    .city-con { min-height: 440px; font-size: 16px }
    .cg-index-traitlist .area_33 { width: 50% }
    .cg-index-traitlist img { min-height: auto }
}
@media (min-width: 1100px) and (max-width: 1199px) {
    .container { width:1040px }
    h1, .h1 { font-size: 66px }
    h2, .h2 { font-size: 42px }
    h3, .h3 { font-size: 32px }
    h4, .h4 { font-size: 30px }
    h5, .h5 { font-size: 20px }
    .cg-insidekv { min-height: 700px }
    .intro-txt { min-height: 200px } 
    .city-con { min-height: 440px}
    .cg-index-traitlist .area_33 { width: 50% }
    .cg-index-traitlist img { min-height: auto }
}
@media ( min-width:801px ) and ( max-width:1099px ) {	
    h1, .h1 { font-size: 66px }
    h2, .h2 { font-size: 42px }
    h3, .h3 { font-size: 32px }
    h4, .h4 { font-size: 30px }
    h5, .h5 { font-size: 20px }
    .intro-con h6 { height: 48px }
    .cg-index-traitlist .area_33 { width: 50% }
    .cg-index-traitlist img { min-height: auto }
}

@media ( max-width:800px ) {	
    
    .cg-index-video-txt .poabsolute-wh50 { top: 55% }
    .cg-index-post a { margin: 5px 10px }
    .cg-index-citylist a { width: 33.33% }
    .cg-index-citylist a:nth-of-type(7) { margin-left: 0 }
    .cg-index-citylist a:nth-of-type(10) { margin-left: 16.66% }
    .cg-index-traitlist img { min-height: auto }
    .city-con { width: calc(80vw); height: auto; max-height: calc(80vh); overflow-x: hidden; overflow-y: auto; font-size: 14px }
    .city-videobox { width: 100%; height: calc(30vh); position: relative }
    .city-txtbox { width: 100%; float: none; padding-left: 0; height: auto; overflow-x: auto; overflow-y: auto; margin-top: 20px }

    .cg-insidekv { height: auto; min-height: auto }
    .cg-insidekv .container { padding-top: 90px; padding-bottom: 20px; box-sizing: border-box }
    .intro-txt { height: auto; max-height: auto } 
    .cg-insidekv-btnbox { display: block }
    .cg-insidekv-btnbox a.button { display: block; width: 60%; margin: 0 auto 10px }
    .supply-kv { background: url(../images/cg/supply-kv.jpg) center center no-repeat; background-size: cover }
    .supplier-kv { background: url(../images/cg/supplier-kv.jpg) center center no-repeat; background-size: cover }
	.industrialization-kv { background: url(../images/cg/industrialization-kv.jpg) center center no-repeat; background-size: cover }
    .lab-kv { background: url(../images/cg/lab-kv.jpg) center center no-repeat; background-size: cover }

    .cg-inside-bg01 { height: auto; min-height: auto; padding: 40px 0 }
    .cg-inside-con .area_60 { height: auto; position: relative; padding: 20px 0 }


}