@charset "utf-8"; /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{overflow:visible;box-sizing:content-box;height:0}pre{font-size:1em;font-family:monospace,monospace}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-size:1em;font-family:monospace,monospace}small{font-size:80%}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-size:100%;font-family:inherit;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{display:table;box-sizing:border-box;padding:0;max-width:100%;color:inherit;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none} blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,lengend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;-webkit-tap-highlight-color:transparent}article,aside,audio,details,figcaption,figure,footer,header,hgroup,mark,menu,nav,section,summary,time,video{display:block;margin:0;padding:0;-webkit-tap-highlight-color:transparent}embed,object{outline:0}del{text-decoration:line-through}em{font-style:normal}textarea{resize:none}i{vertical-align:middle}ol,ul{list-style:none}a{text-decoration:none}a:active,a:hover,a:link,a:visited{text-decoration:none}a{color:#333}legend{color:#000}table{border-spacing:0}button,input,select,textarea{outline:0;font-size:100%}button,textarea{border:0}fieldset,img{border:0}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none!important}input::-webkit-input-placeholder{color:#ddd}::-moz-selection{background-color:#0167ad;text-shadow:none;color:#fff}::selection{background-color:#0167ad;text-shadow:none;color:#fff}:focus{outline:0}.main-m{margin:0 auto;width:1682px}.fl{float:left}.fr{float:right}.fix1{position:relative;overflow:hidden;zoom:1}.clearfix{clear:both}.clearfix1{*overflow:hidden;*zoom:1}.clearfix1:after,.clearfix1:before{content:"";display:table}.clearfix1:after{clear:both}.fix2{display:inline-block;*display:inline}.opa0{opacity:0;-moz-opacity:0;filter:alpha(opacity=0);-khtml-opacity:0}.opa1{opacity:.1;-moz-opacity:.1;filter:alpha(opacity=10);-khtml-opacity:.1}.opa2{opacity:.2;-moz-opacity:.2;filter:alpha(opacity=20);-khtml-opacity:.2}.opa3{opacity:.3;-moz-opacity:.3;filter:alpha(opacity=30);-khtml-opacity:.3}.opa4{opacity:.4;-moz-opacity:.4;filter:alpha(opacity=40);-khtml-opacity:.4}.opa5{opacity:.5;-moz-opacity:.5;filter:alpha(opacity=50);-khtml-opacity:.5}.opa6{opacity:.6;-moz-opacity:.6;filter:alpha(opacity=60);-khtml-opacity:.6}.opa7{opacity:.7;-moz-opacity:.7;filter:alpha(opacity=70);-khtml-opacity:.7}.opa8{opacity:.8;-moz-opacity:.8;filter:alpha(opacity=80);-khtml-opacity:.8}.opa9{opacity:.9;-moz-opacity:.9;filter:alpha(opacity=90);-khtml-opacity:.9}.opa10{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);-khtml-opacity:1}.scrollbar1::-webkit-scrollbar{width:4px;height:4px}.scrollbar1::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:rgba(0,0,0,.2)}.scrollbar1::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.scrollbar1::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:0;background:rgba(0,0,0,.1)}.scrollbar2::-webkit-scrollbar{width:4px;height:8px}.scrollbar2::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:rgba(0,0,0,.2)}.scrollbar2::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.scrollbar2::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:0;background:rgba(0,0,0,.1)}.bsd{box-shadow:0 0 30px rgba(8,40,76,.14)}.bsd:hover{box-shadow:0 0 16px rgba(0,0,0,.1)}@media \0screen{.iebor{border:1px solid #ddd!important}.iebor:hover{border-color:#333!important}}@media screen\9{.iebor{border:1px solid #ddd!important}.iebor:hover{border-color:#333!important}} .bsz-bor-box,.bsz-bor-box *,.bsz-bor-box:after,.bsz-bor-box:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box} .bsz-cnt-box,.bsz-cnt-box *,.bsz-cnt-box:after,.bsz-cnt-box:before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-o-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box} html,body{width:100%} body{font-family:-apple-system,Arial,PingFang SC,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif} .my-pc{display:block} .my-mobile,.chan1,.chan2{display:none} .hide{display:none} /* ================================================== 1920 鐢佃剳_閫氱敤 ================================================== */ /* header */ .head-sec-wrap{font-size:0} .logo-wp{display:block} .logo-wp img{max-width:100%} .head-box-l{width:42%;padding-top:20px;padding-bottom:15px} .head-box-r{position:relative;width:58%} /* nav */ .nav-wp{z-index:96;position:relative;font-size:0} .nav-wp .nav-itm{position:relative;margin:0 20px} .nav-wp .nav-itm .nav-name{padding:58px 15px 22px;transition:background .3s} .nav-wp .nav-itm .nav-name a{position:relative;display:block;color:#333;font-size:20px;font-weight:400;transition:color .3s} .nav-wp .nav-itm .nav-name:hover,.nav-wp .active .nav-name{background:url(../images/sz_en_nav_item_bg.png) no-repeat top center #0167ad} .nav-wp .nav-itm .nav-name:hover a,.nav-wp .active .nav-name a{color:#fff} /* search-box-wrap */ .search-box-wrap{z-index:97;position:absolute;top:47px;right:0} .search-box-wp{position:relative} .search-box-wp .fir-search-ico{cursor:pointer} /* search */ .com-srh2{position:relative;display:none;font-size:0} .com-srh2 .srh-in{padding:0 15px;border:1px solid #ddd;width:300px;height:37px;line-height:37px;color:#9c9c9c;font-size:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition:border .3s} .com-srh2 .srh-in:focus{border-color:#0167ad;color:#333!important} .com-srh2 .srh-sub{margin-left:5px;width:40px;height:37px;cursor:pointer;background:url(../images/sz_en_search_ico.png) no-repeat center;transition:background .3s} .search-box-wp:hover .fir-search-ico{display:none} .search-box-wp:hover .com-srh2{display:block} /* Suzhou is a beautiful city */ .city-pic-box{position:relative;font-size:0} .city-pic-box img{width:100%} /* footer */ .foot-wrap{position:relative;padding:45px 0;background:#0167ad;font-size:0} .ft-box{width:42%} .ft-box3{width:16%} .com-cha-list{position:relative;width:33.333%} .cc-list3:after{content:"";position:absolute;top:0;right:70px;width:1px;height:100%;background:#fff;opacity:.2;-moz-opacity:.2;filter:alpha(opacity=20);-khtml-opacity:.2} .cc-list4{width:100%} .com-cha-list a,.ft-ct-info{color:#fff;line-height:1.5;font-family:"Arial"!important;transition:color .3s} .com-cha-list dt{padding-bottom:8px} .com-cha-list dt a{font-size:22px;font-weight:800} .com-cha-list dd{padding:8px 0} .com-cha-list dd a{font-size:16px} .com-cha-list a:hover{color:#f9f9f9} .ft-ct-info{font-size:16px;line-height:2.4} /* contact us */ .pic-channels3{position:relative;margin-top:-105px;padding:10px 30px 40px;background:#0167ad;border-radius:10px 10px 0 0} .pic-channels3>.itm a{display:block;padding:6px 0} .pic-channels3>.itm .ico{float:left;width:30px;transition:transform .3s} .pic-channels3>.itm .name{float:left;padding-left:15px;height:30px;color:#fff;font-size:22px;font-weight:800;line-height:30px} .pic-channels3>.itm a:hover .name{color:#f9f9f9} .pic-channels3>.itm a:hover .ico{transform:scale(.9)} /* links */ .websites{position:relative;border:solid 1px #fff;padding:0 15px;font-size:0;border-radius:25px;transition:border-color .3s} .websites select{border:0;padding:10px 0;width:100%;text-align:left;color:#fff;font-size:14px;cursor:pointer;background:transparent;transition:border-color .3s} .websites select::-ms-expand{display:none} .websites option{color:#333;font-size:14px} .websites select:focus{border-color:#09f} /* sidebar-r-wrap */ .sidebar-r-wrap{z-index:98;position:fixed;top:182px;right:-70px;font-size:0;transition:right .3s} .sidebar-r-wrap .sd-box-wp{position:relative;display:none} .sidebar-r-wrap .sd-wp{position:relative} .sidebar-r-wrap .sd-wp .sd-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;transition:all .3s} .sidebar-r-wrap .sd-wp>a{position:relative;display:block;padding:15px 22px 15px 15px;border-bottom:1px solid #fff} .sidebar-r-wrap .sd-box-wp .sd-wp:last-child>a{border:0} .sidebar-r-wrap .sd-wp>a{*overflow:hidden;*zoom:1} .sidebar-r-wrap .sd-wp>a:after,.sidebar-r-wrap .sd-wp>a:before{content:"";display:table} .sidebar-r-wrap .sd-wp>a:after{clear:both} .sidebar-r-wrap .ico{float:left;width:24px} .sidebar-r-wrap .name{float:left;padding-left:18px;color:#fff;font-size:18px;transition:color .3s} .sidebar-r-wrap .sd-wp:hover .ico{transform:scale(.96)} .sidebar-r-wrap .sd-wp:hover .sd-bg{opacity:.6} /* 杩斿洖椤堕儴 */ .to-pg-up{z-index:999;display:none;position:fixed;bottom:60px;right:10px;width:30px;height:30px;border:1px solid #efefef;background-color:#fff;background-repeat:no-repeat;background-position:center;background-image:url(../images/sz_en_to_pg_up_ico.png);background-size:20px;cursor:pointer;border-radius:5px;transition:all .2s;background-image:url(../images/sz_en_to_pg_up_ico_ie.png)\0;background-image:url(../images/sz_en_to_pg_up_ico_ie.png)!import} .to-pg-up:hover,.to-pg-up:active{border-color:#0167ad;background-image:url(../images/sz_en_to_pg_up_ico2.png);background-image:url(../images/sz_en_to_pg_up_ico2_ie.png)\0;background-image:url(../images/sz_en_to_pg_up_ico2_ie.png)!import} .to-pg-up:active{transform:scale(.8)} .show{display:block} /* ================================================== start responsive ================================================== */ /* 1682 鐢佃剳_灏 */ @media only screen and (max-width: 1682px) { .main-m{width:1200px} .head-box-l{width:35%} .head-box-r{width:65%} .nav-wp{padding:0 52px 0 15px} .nav-wp .nav-itm{margin:0;width:16.666%} .nav-wp .nav-itm .nav-name{padding:40px 8px 20px;text-align:center} .nav-wp .nav-itm .nav-name a{font-size:16px} .search-box-wrap{top:28px} .com-cha-list dt a{font-size:18px} .pic-channels3{margin-top:-95px;padding:10px 15px 20px;border-radius:5px 5px 0 0;} .pic-channels3>.itm .ico{width:25px} .pic-channels3>.itm .name{padding-left:10px;font-size:18px} .cc-list3:after{display:none} /* end */ } /* 1200 鐢佃剳_灏 */ @media only screen and (max-width: 75em) { .main-m{width:100%} /* rps */ .head-wrap{padding:0 15px} .head-box-l,.head-box-r{width:100%} .head-box-l{text-align:center} .logo-wp{display:inline-block} .nav-wp{padding:0 52px 10px 0} .foot-wrap{padding:30px 15px 60px} .foot-wrap .main-m{padding:0} .ft-box{width:100%} .pic-channels3{margin:0} .pic-channels3>.itm a{display:inline-block} /* end */ } /* 576 鎵嬫満_绔 */ @media only screen and (max-width: 36em) { .main-m{padding:0 15px} .my-pc{display:none} .my-mobile{display:block} /* rps */ .head-wrap .main-m{padding:0!important} .head-box-l{padding-bottom:20px} .nav-wp{padding:0} .nav-wp .nav-itm{width:33.333%} .nav-wp .nav-itm .nav-name:hover,.nav-wp .nav-itm .nav-name{padding:10px 2px;background-image:none} .nav-wp .nav-itm .nav-name a{font-size:15px} .search-box-wrap{position:relative;top:0} .search-box-wp .fir-search-ico{display:none} .com-srh2{display:block;padding-top:10px;padding-bottom:15px} .com-srh2 .srh-in{width:calc(100% - 45px);height:30px;font-size:14px} .com-srh2 .srh-sub{width:26px;height:30px;background-size:25px} .com-cha-list{margin-bottom:10px} .com-cha-list dt,.com-cha-list dd{padding:5px} .com-cha-list dt a{font-size:16px} .com-cha-list dd a,.ft-ct-info{font-size:14px;line-height:1.2} .cc-list4{width:100%} .ft-ct-info{line-height:1.8} .pic-channels3{padding:0} .pic-channels3>.itm .ico{width:20px} .pic-channels3>.itm .name{font-size:16px} .websites select{padding:8px 0} .sidebar-r-wrap{top:120px} .sidebar-r-wrap .sd-wp>a{padding:5px 7px} .sidebar-r-wrap .ico{width:18px} .sidebar-r-wrap .name{padding-left:10px;font-size:14px} /* end */ } /* 414 鎵嬫満_绔 */ @media only screen and (max-width: 25.875em) { html,body{min-width:360px} /* end */ } .header-toolbar .menus li{float: left; position: relative;} .header-toolbar .menus li a{display: inline-block; font-size: 16px; line-height: 40px;} .header-toolbar .menus li a i{display: inline-block; vertical-align: middle; width: 26px; height: 26px; background-position: center center; background-repeat: no-repeat;} .header-toolbar .menus li a font{display: inline-block; vertical-align: middle; padding-left: 5px; padding-right: 10px;} .header-toolbar .menus li a:hover span{text-decoration: underline;} .header-toolbar .menus li.wza a i{background-image: url(../images/header_icon_wza_b.png);} .header-toolbar .menus li.zzb{margin-right: 20px;} .header-toolbar .menus li.zzb a i{background-image: url(../images/header_icon_slh_b.png);} .header-toolbar .menus li.wza a span{padding-right: 20px; border-right: 1px solid #333;}