.icon{background-image:url(../images/sprite-4028c36b.png);display:inline-block}.icon_answer{background-position:0 0;height:24px;width:24px}.icon_dot{background-position:-68px -34px;height:20px;width:20px}.icon_down{background-position:0 -68px;height:23px;width:17px}.icon_fax{background-position:-34px 0;height:24px;width:24px}.icon_global{background-position:-54px -68px;height:16px;width:16px}.icon_mail{background-position:0 -34px;height:24px;width:24px}.icon_phone{background-position:-34px -34px;height:24px;width:24px}.icon_question{background-position:-68px 0;height:24px;width:24px}.icon_up{background-position:-27px -68px;height:23px;width:17px}.header{*zoom:1;height:80px;position:relative;width:1200px}.header:after,.header:before{content:" ";display:table}.header:after{clear:both}.header .logo{display:inline-block;float:left;padding-top:15px}.header .logo img{vertical-align:middle}.header .nav{display:inline-block;float:right;transition:all .3s ease-in;-moz-transition:all .3s ease-in;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in}.header .nav>li{float:left;font-family:Microsoft YaHei,sans-serif;font-size:16px;margin:0 30px;position:relative}.header .nav>li:hover>a{color:#f50}.header .nav>li.active:after{border-bottom:2px solid #f50;border-radius:1px;bottom:14px;content:"";display:block;position:absolute;width:100%}.header .nav>li.last{margin-right:40px}.header .nav>li>a{color:#333;cursor:pointer;display:inline-block;line-height:16px;padding:32px 0}.header .nav>li>a:hover{text-decoration:none}.sub-nav-bg{background-color:#000;bottom:-50px;filter:alpha(opacity=50);left:0;min-width:1200px;-webkit-opacity:.5;-moz-opacity:.5;-o-opacity:.5;opacity:.5;transition:all .3s ease-in;-moz-transition:all .3s ease-in;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;width:100%;z-index:4;z-index:10}.sub-nav,.sub-nav-bg{display:none;height:50px;position:absolute}.sub-nav{*zoom:1;bottom:-49px;width:1200px;z-index:12}#us-sub{left:-500px}#sd-sub{left:-400px}.sub-nav:after,.sub-nav:before{content:" ";display:table}.sub-nav:after{clear:both}.sub-nav>li{float:left}.sub-nav>li a{color:#fff;display:inline-block;font-size:14px;line-height:50px;margin-top:1px;padding:0 20px}.sub-nav>li a:hover{background-color:rgba(0,0,0,.5)}.lang{border-left:1px solid rgba(0,0,0,.1);float:right;margin-top:25px}.lang .box{margin-left:40px}.lang .box>*{vertical-align:middle}.lang .box>.txts{display:inline-block;font-size:16px;line-height:16px;padding-left:8px}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:Microsoft YaHei,sans-serif;min-height:101%}html button::-moz-focus-inner{border-color:transparent!important}body{background:#fff;color:#333;font-size:15px;line-height:26px;min-width:1200px}body,button,input,select,textarea{font-family:Microsoft YaHei,sans-serif}button,input,select,textarea{font-size:12px;line-height:1.42857143}blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}li{list-style:none}a{background-color:transparent;color:#333;outline:none;transition:all .2s ease}a,a:hover{text-decoration:none}a:hover{color:#f50;cursor:pointer}img{border:0;outline:none;vertical-align:middle}.top-container{min-width:1200px;position:relative;width:100%}.content{padding-bottom:100px}.centerWidth{margin:0 auto;max-width:1200px;position:relative}p{line-height:32px;text-align:justify}.list li,p{color:#333;font-size:15px}.list li{line-height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.scalepic{overflow:hidden;position:relative}.scalepic,.scalepic img{-webkit-transition:all .5s;transition:all .5s}.scalepic:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}div.more{font-size:14px;line-height:14px;margin-top:60px}div.more,div.more a{color:#666}div.more a:hover{color:#f50}.mainbox .title{font-size:16px;font-weight:700}.banner{background:url(../images/gsyw_banner.png) no-repeat 50% 0;height:360px}.banner .headline{color:#fff;padding-top:40px}.banner .headline .cn{font-size:50px;font-weight:700;line-height:50px}.banner .headline .en{display:block;font-size:24px;margin-top:22px}.banner .overview{color:#fff;font-size:15px;font-weight:400;line-height:32px;margin-top:16px;text-align:justify;width:576px}body div{font-family:"Helvetica Neue,Helvetica,Arial,pingfang sc,Hiragino Sans GB,Microsoft YaHei,微软雅黑,STHeiti,SimSun,sans-serif"}body .content{background:#f8f8fa;padding-bottom:0}.productlist .centerWidth{max-width:1248px}.productlist{background:#f8f8fa;padding:48px 0}.productlist li{float:left;width:416px}.productlist li .productbox{align-items:center;background:#fff;border-radius:10px;display:flex;height:224px;margin:24px;text-align:center}.productlist li .productbox .box{cursor:pointer;width:100%}.productlist li .productbox .logo{height:60px;margin-bottom:20px}.productlist li .productbox .logo img{height:60px}.productlist li .productbox .name{color:#333;font-size:20px;line-height:20px;margin-top:28px}.productlist li .productbox .tip{*zoom:1;_zoom:1;border-bottom:1px solid #f40;color:#f40;display:inline-block;*display:inline;_display:inline;font-family:OPPOSans;font-size:16px;font-weight:400;line-height:24px;margin-top:20px;padding-bottom:0;text-align:center}.productlist li .productbox.on{background:#f40}.productlist li .productbox.on .logo{height:60px;margin-bottom:0}.productlist li .productbox.on .tip{background:#fff;border-radius:24px;padding:10px 34px;position:relative;top:10px}.productlist li .productbox.on .tip:before{border-bottom:5px solid transparent;border-left:5px solid #f40;border-top:5px solid transparent;content:"";height:0;position:absolute;right:16px;top:17px;transform:rotate(0deg);width:0}.overflow-hidden{overflow:hidden}.modal{background:#000;cursor:pointer;height:100%;opacity:.5;width:100%;z-index:2000}.modal,.wrapper{left:0;position:fixed;top:0}.wrapper{bottom:0;box-sizing:inherit;pointer-events:none;right:0;text-align:center;z-index:2001}.wrapper:after{content:"";height:100%;width:0}.message-box,.wrapper:after{display:inline-block;vertical-align:middle}.message-box{backface-visibility:hidden;background-color:#fff;border:1px solid #e6ebf5;border-radius:10px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);font-size:18px;overflow:hidden;pointer-events:all;position:relative;text-align:left;width:1000px}.message-box .boxlogo{background:url(../images/boxlogo.png) no-repeat;background-size:200px;bottom:-40px;height:200px;left:-40px;position:absolute;width:200px}.close{background-size:43px 68px;cursor:pointer;display:inline-block;height:68px;left:-42%;position:relative;top:0;width:43px}.message-box .top{height:30px;text-align:right}.message-box .left{float:left;text-align:center;width:360px}.message-box .left img{height:60px}.message-box .right{float:right;margin-right:30px;width:610px}.message-box .right .title{border-bottom:1px solid rgba(0,0,0,.1);height:60px}.message-box .right .title .name{color:#333;display:inline-block;font-size:24px;line-height:24px}.message-box .right .title a{background:#f50;border-radius:20px;color:#fff;float:right;font-size:14px;line-height:24px;padding:3px 22px;position:relative;text-align:right}.message-box .right .title a:before{border-bottom:4px solid transparent;border-left:4px solid #fff;border-top:4px solid transparent;content:"";height:0;position:absolute;right:11px;top:11px;transform:rotate(0deg);width:0}.message-box .right .text{color:#666;font-family:PingFang;font-size:14px;line-height:30px;padding:20px 0 60px}.close-btn{background-color:#ccc;border:none;border-radius:50%;cursor:pointer;display:none;height:24px;margin-right:16px;margin-top:16px;position:relative;width:24px}.close-btn:after,.close-btn:before{background-color:#fff;content:"";height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:12px}.close-btn:after{transform:translate(-50%,-50%) rotate(-45deg)}