/*@font-face { font-family: "Barlow "; font-weight: 300; src: url("../../font/ir/BarlowCondensed/BarlowCondensed-Light.ttf") format('truetype'); }
@font-face { font-family: "Barlow "; font-weight: 400; src: url("../../font/ir/BarlowCondensed/BarlowCondensed-Regular.ttf") format('truetype'); }
@font-face { font-family: "Barlow "; font-weight: 500; src: url("../../font/ir/BarlowCondensed/BarlowCondensed-Medium.ttf") format('truetype'); }
@font-face { font-family: "Barlow "; font-weight: 800; src: url("../../font/ir/BarlowCondensed/BarlowCondensed-ExtraBold.ttf") format('truetype'); }

@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 100; src: url("../../font/ir/Barlow/Barlow-Thin.ttf") format('truetype'); }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 200; src: url("../../font/ir/Barlow/Barlow-ExtraLight.ttf") format('truetype'); }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 300; src: url("../../font/ir/Barlow/Barlow-Light.ttf") format('truetype'); }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 400; src: url("../../font/ir/Barlow/Barlow-Regular.ttf") format('truetype'); }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 500; src: url("../../font/ir/Barlow/Barlow-Medium.ttf") format('truetype'); }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 700; src: url("../../font/ir/Barlow/Barlow-Bold.ttf") format('truetype'); }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 800; src: url("../../font/ir/Barlow/Barlow-ExtraBold.ttf") format('truetype'); }

@font-face { font-family: "Barlow "; font-weight: 300; src: local("Microsoft YaHei"); unicode-range: U+4E00-9FA5; }
@font-face { font-family: "Barlow "; font-weight: 400; src: local("Microsoft YaHei"); unicode-range: U+4E00-9FA5; }
@font-face { font-family: "Barlow "; font-weight: 500; src: local("Microsoft YaHei"); unicode-range: U+4E00-9FA5; }
@font-face { font-family: "Barlow "; font-weight: 800; src: local("Microsoft YaHei"); unicode-range: U+4E00-9FA5; }

@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 100; src: local("Microsoft YaHei"); unicode-range: U+4E00-9FA5; }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 200; src: local("Microsoft YaHei"); unicode-range: U+4E00-9FA5; }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 300; src: local("Microsoft YaHei"); unicode-range: U+4E00-9FA5; }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 400; src: local("Microsoft YaHei"); unicode-range: U+4E00-9FA5; }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 500; src: local("Microsoft YaHei"); unicode-range: U+4E00-9FA5; }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 700; src: local("Microsoft YaHei"); unicode-range: U+4E00-9FA5; }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 800; src: local("Microsoft YaHei"); unicode-range: U+4E00-9FA5; }*/

@font-face { font-family: "Barlow Condensed"; font-weight: 300; src: url("../../font/ir/BarlowCondensed/BarlowCondensed-Light.ttf") format('truetype'); }
@font-face { font-family: "Barlow Condensed"; font-weight: 400; src: url("../../font/ir/BarlowCondensed/BarlowCondensed-Regular.ttf") format('truetype'); }
@font-face { font-family: "Barlow Condensed"; font-weight: 500; src: url("../../font/ir/BarlowCondensed/BarlowCondensed-Medium.ttf") format('truetype'); }
@font-face { font-family: "Barlow Condensed"; font-weight: 800; src: url("../../font/ir/BarlowCondensed/BarlowCondensed-ExtraBold.ttf") format('truetype'); }

@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 100; src: url("../../font/ir/Barlow/Barlow-Thin.woff.ttf") format('truetype'); }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 200; src: url("../../font/ir/Barlow/Barlow-ExtraLight.woff.ttf") format('truetype'); }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 300; src: url("../../font/ir/Barlow/Barlow-Light.woff.ttf") format('truetype'); }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 400; src: url("../../font/ir/Barlow/Barlow-Regular.ttf") format('truetype'); }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 500; src: url("../../font/ir/Barlow/Barlow-Medium.ttf") format('truetype'); }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 700; src: url("../../font/ir/Barlow/Barlow-Bold.ttf") format('truetype'); }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 800; src: url("../../font/ir/Barlow/Barlow-ExtraBold.ttf") format('truetype'); }

@font-face { font-family: "Barlow Condensed"; font-weight: 300; src: local("Microsoft YaHei"); unicode-range: U+4E00-9FA5; }
@font-face { font-family: "Barlow Condensed"; font-weight: 400; src: local("Microsoft YaHei"); unicode-range: U+4E00-9FA5; }
@font-face { font-family: "Barlow Condensed"; font-weight: 500; src: local("Microsoft YaHei"); unicode-range: U+4E00-9FA5; }
@font-face { font-family: "Barlow Condensed"; font-weight: 800; src: local("Microsoft YaHei"); unicode-range: U+4E00-9FA5; }

@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 100; src: local("Microsoft YaHei"); unicode-range: U+4E00-9FA5; }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 200; src: local("Microsoft YaHei"); unicode-range: U+4E00-9FA5; }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 300; src: local("Microsoft YaHei"); unicode-range: U+4E00-9FA5; }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 400; src: local("Microsoft YaHei"); unicode-range: U+4E00-9FA5; }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 500; src: local("Microsoft YaHei"); unicode-range: U+4E00-9FA5; }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 700; src: local("Microsoft YaHei"); unicode-range: U+4E00-9FA5; }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 800; src: local("Microsoft YaHei"); unicode-range: U+4E00-9FA5; }

@font-face { font-family: "HelveticaNeue"; src: url("../../font/ir/STHeiti/STHeiti-Mediumsongti.ttc") format('truetype'); }
@font-face { font-family: "LucidaGrande"; src: url("../../font/ir/STHeiti/STHeiti-Mediumsongti.ttc") format('truetype'); }
@font-face { font-family: "STHeiti"; src: url("../../font/ir/STHeiti/STHeiti-Light.ttc") format('truetype'); }

/*
* { transition: all linear 200ms; font-family: Barlow Condensed,"HelveticaNeue", Helvetica, 'Microsoft YaHei', STHeiti, Arial, LucidaGrande, sans-serif; -webkit-font-smoothing: antialiased; text-decoration: none; outline: none; list-style: none; }
*/
* { transition: all linear 200ms; font-family: "Barlow"; -webkit-font-smoothing: antialiased; text-decoration: none; outline: none; list-style: none; }
    *::selection { background-color: #DB4330;color:white; }
ul { padding: 0px; margin: 0px; }
/*
.menu a { color: black; font-family: 'Barlow Condensed '; }*/
.menu a { color: black; font-family: 'Barlow'; }
    .menu a:visited { color: black; }

body { width: 100%; min-width: 200px; margin: 0 auto; font-size: 0; }
    body form { width: 1200px; margin: 0 auto; }

#bodyContainer { width: 1200px; margin: 0 auto; }
#head { text-align: center; position: relative; }
    #head #menu_btn { position: absolute; left: 0px; top: 28px; background-image: url('../../sohoimg/ir/menu.png'); background-repeat: no-repeat; background-position: left; display: inline-block; width: 56px; height: 40px; line-height: 15px; text-align: right; margin-left: 20px; font-family: 'Barlow Condensed'; font-size: 18px; background-size: initial; background-position: left top; cursor: pointer; }
    
    #head #menu { text-align: left; position: absolute; width: 100%; height: 70px; background-color: white; top: 70px; opacity: 0; box-sizing: border-box; z-index: 999; }
        #head #menu a { font-size: 16px; font-family: Barlow; font-weight: 400; height: 70px; line-height: 70px; margin-left: 40px; cursor: pointer; color: rgb(64,64,64); }
    #head > a#logo { display: inline-block; background-image: url('../../sohoimg/ir/LOGO_2x.png'); width: 197px; height: 70px; margin: 0 auto; background-position: center; background-repeat: no-repeat; background-size: contain; }
    #head #language a.lang { position: absolute; top: 24px; font-family: 'Barlow Condensed'; line-height: 26px; cursor: pointer; color: black; text-decoration: none; }
        #head #language a.lang:not(:last-child):after { content: ""; display: inline-block; width: 2px; border-right: solid 2px #8F8F8F; height: 13px; position: relative; top: 1px; left: 3px; }
    #head #language a.selected { color: #DA4330; font-weight: 500; }

    #head #language a#lang_En { right: 132px; font-size: 18px; font-weight: 400; }
        #head #language a#lang_En.selected { font-weight: 500; }
    #head #language a#lang_Cn_S { right: 64px; font-size: 14px; font-weight: 500; }
        #head #language a#lang_Cn_S.selected { font-weight: 600; }
    #head #language a#lang_Cn_T { right: 0px; font-size: 14px; font-weight: 500; }
        #head #language a#lang_Cn_T.selected { font-weight: 600; }


#banner { width: 100%; height: 286px; overflow: hidden; }
    #banner div[flagType] { display: none; position: relative; }
        #banner div[flagType].selected { display: block; }
        #banner div[flagType] > div a { height: 286px; display: block; position: absolute; top: 0px; left: 0px; opacity: 0; transition: opacity ease-in-out 500ms; }
            #banner div[flagType] > div a.selected { opacity: 1; }
            #banner div[flagType] > div a img { width: 100%; }
        #banner div[flagType] > ul { display: block; position: relative; top: 281px; width: 100%; font-size: 0; }
            #banner div[flagType] > ul li { display: inline-block; width: 20%; height: 5px; background-color: white; opacity: 0.5; cursor: pointer; }
                #banner div[flagType] > ul li.selected { opacity: 0.1; }
        #banner div[flagType] > span { display: block; height: 54px; position: absolute; top: 180px; left: 50px; }

/*#banner div[flagType] > span img { height: 100%; width: auto; }   悬浮图*/
            #banner div[flagType] > span img { height: auto; width: 100%; }
/*#banner div[flagType] > span p { margin: 0px; font-size: 40px; font-weight: 800; color: white; font-family: 'Barlow '; }
                #banner div[flagType] > span p:nth-child(3) { font-size: 12px; }*/

#menu_l1 { width: 100%; height: 62px; text-align: center; border-bottom: solid 1px #E3E3E3; }
    #menu_l1 a { font-size: 16px; line-height: 62px; display: inline-block; text-decoration: none; cursor: pointer; }
        #menu_l1 a:not(:first-child) { margin-left: 40px; }
        #menu_l1 a.selected { color: #DA4330; }

#menu_l2 { width: 100%; height: 50px; text-align: center; background-color: #F3F5F8; }
    #menu_l2 a { font-size: 15px;height:50px; line-height: 50px; display: inline-block; text-decoration: none; cursor: pointer; color: #4A4A4A; }
        #menu_l2 a:not(:first-child) { margin-left: 40px; }
        #menu_l2 a.selected { font-weight: 500; border-bottom: solid 1px #000; color: black; }

#foot { background-color: #1B1B1B; color: #F3F5F8; }
    #foot #footmenu { padding: 0px 30px; border-bottom: solid 1px rgba(255,255,255,0.20); box-sizing: border-box; position: relative; }
        #foot #footmenu a { display: inline-block; height: 130px; line-height: 130px; font-size: 18px; color: #F3F5F8; }
            #foot #footmenu a:not(:first-child) { margin-left: 90px; }
            #foot #footmenu a#footlogo { width: 175px; height: 55px; position: absolute; top: 40px; right: 30px; background: center repeat url('../../sohoimg/ir/LOGO_Black.png'); background-size: cover; background-color: white; }

    #foot #conInfo { padding: 58px 30px; font-size: 16px; color: #999999; position: relative; }
        #foot #conInfo div { display: inline-block; vertical-align: top; }
            #foot #conInfo div:not(:first-child) { margin-left: 100px; }
        #foot #conInfo span { display: block; }
        #foot #conInfo div#share { width: 252px; display: flex; justify-content: space-between; vertical-align: middle; position: absolute; right: 30px; top: 100px; }
            #foot #conInfo div#share a { display: inline-block; width: 36px; height: 36px; background-size: contain; background-repeat: no-repeat; background-position: center; }
                #foot #conInfo div#share a#youku { background-image: url('../../sohoimg/ir/YOUKU.png'); }
                #foot #conInfo div#share a#weibo { background-image: url('../../sohoimg/ir/Weibo.png'); }
                #foot #conInfo div#share a#Facebook { background-image: url('../../sohoimg/ir/Facebook.png'); }
                #foot #conInfo div#share a#YouTube { background-image: url('../../sohoimg/ir/Youtube.png'); }

    #foot #copyright { padding: 39px 0px; font-size: 16px; background-color: #282828; color: #999999; position: relative; text-align: center; }
        #foot #copyright #RC { color: #DA4330; }


#foot2 { background-color: #F1F1F1; padding: 60px 0px; width: 100%; }
    #foot2 #footContainer { width: 1200px; margin: 0 auto; font-size: 0; }
    #foot2 a { color: rgb(66,66,66); font-size: 14px; line-height: 20px; font-weight: 500; }
        #foot2 a:not(:first-child) { margin-left: 20px; }
    #foot2 #contactTitle { color: rgb(102, 102, 102); font-size: 16px; line-height: 20px; font-weight: bold; display: block; border-top: solid 1px #CBCBCB; padding-top: 43px; margin-top: 50px; }
    #foot2 pre { color: rgb(102, 102, 102); font-size: 12px; line-height: 20px; font-weight: normal; display: inline-block; vertical-align: top; margin-right: 40px; }
    #foot2 #copyright span { color: rgb(102, 102, 102); font-size: 12px; line-height: 20px; font-weight: normal; }