/*@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; }

#head { text-align: center; position: relative; }
    #head #menu_btn { position: absolute; left: 0px; top: 20px; 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 { position: absolute; width: 100%; height: auto; background-color: white; top: 53px; opacity: 0; padding-left: 20px; box-sizing: border-box; z-index: 0; }
        #head #menu a { font-size: 16px; font-family: Barlow; font-weight: 400; width: 50%; height: 40px; line-height: 40px; cursor: pointer; display: block; float: left; z-index: 20; color: rgb(64,64,64); }
    #head #logo { display: inline-block; background-image: url('../../sohoimg/ir/LOGO_2x.png'); width: 149px; height: 53px; background-position: center; background-repeat: no-repeat; background-size: contain; }

    #head #language { position: absolute; top: 18px; right: 20px; font-family: 'Barlow '; }
        #head #language:before { content: attr(language); font-size: 12px; color: #DA4330; font-weight: 600;cursor:pointer; }

    #head #language[en=true] { top: 16px; }
        #head #language[en=true]:before { font-size: 14px;font-weight: 500; }

        #head #language a { display: none; font-size: 14px; font-weight: 500; line-height: 26px; cursor: pointer; color: black; text-decoration: none; }
            #head #language a.selected { color: #DA4330; font-weight: 600; }
            #head #language a.lang { font-family: 'Barlow Condensed'; }

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

        #head #language.open { z-index: 20; background-color: rgba(255,255,255,0.8); padding: 10px 20px; }

            #head #language.open:before { content: none }
            #head #language.open a { display: block; }



#banner { width: 100%; height: 120px; overflow: hidden; }
    #banner div[flagType] { display: none; position: relative; }
        #banner div[flagType].selected { display: block; }
        #banner div[flagType] > div a { height: 120px; 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%; height: 120px; }
        #banner div[flagType] > ul { display: block; position: relative; top: 485px; 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: 24px; position: absolute; top: 80px; left: 20px; }

            /*#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 { text-align: left; display: flex; }
    .menu > div { overflow: hidden; position: relative; flex: 1; }
        .menu > div div { position: absolute; left: 0px; top: 0px; width: 10000%; transition: left ease 200ms; }

#menu_l1 { width: 100%; height: 62px; border-bottom: solid 1px #E3E3E3; }
    #menu_l1 > div { margin: 0px 20px; }
    #menu_l1 span { display: inline-block; width: 20px; height: 100%; cursor: pointer;background-repeat:no-repeat;background-position:center;background-size:auto; }
        #menu_l1 span:first-child { background-image: url('../../sohoimg/ir/toLeft.png'); }
        #menu_l1 span:last-child { background-image: url('../../sohoimg/ir/toRight.png'); }
    #menu_l1 a { font-size: 16px; line-height: 62px; display: inline-block; text-decoration: none; cursor: pointer; }
    #menu_l1 a:visited {text-decoration:none; }
    #menu_l1 a:not(:first-child) { margin-left: 40px; }
        #menu_l1 a.selected { color: #DA4330; }

#menu_l2 { width: 100%; height: 50px; background-color: #F3F5F8; }
    #menu_l2 > div { margin: 0px 20px; }
    #menu_l2 span { display: inline-block; width: 20px; height: 100%; cursor: pointer; background-repeat: no-repeat; background-position: center; background-size: auto; }
        #menu_l2 span:first-child { background-image: url('../../sohoimg/ir/toLeft.png'); }
        #menu_l2 span:last-child { background-image: url('../../sohoimg/ir/toRight.png'); }
    #menu_l2 a { font-size: 15px; line-height: 49px; display: inline-block; text-decoration: none; cursor: pointer; box-sizing: border-box; color: #4A4A4A ;}
        #menu_l2 a:not(:first-child) { margin-left: 24px; }
        #menu_l2 a.selected { font-weight: bold; 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; display: flex; justify-content: space-between; }
        #foot #footmenu a { display: inline-block; height: 130px; line-height: 130px; font-size: 18px; color: #F3F5F8; }
            #foot #footmenu a#footlogo { display: none; }

    #foot #conInfo { padding: 40px 30px; font-size: 16px; color: #999999; position: relative; }
        #foot #conInfo div { display: block; vertical-align: top; }
            #foot #conInfo div:not(:first-child) { margin-top: 30px; }
        #foot #conInfo span { display: block; }
        #foot #conInfo div#share { width: 252px; display: flex; justify-content: space-between; margin: 0 auto; margin-top: 30px; }
            #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: 7px 0px; font-size: 16px; background-color: #282828; color: #999999; position: relative; text-align: center; }
        #foot #copyright span { display: block; }
        #foot #copyright #RC { color: #DA4330; }



#foot2 { background-color: #F1F1F1; padding: 60px 30px; clear: both; }

    #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; }