@charset "utf-8";
.main_all .menu { width:100%; height:60px; margin-top:-50px; position:relative;}
.main_all .menu:before { width:1920px; height:1px; content:""; background:#ddd; position:absolute; bottom:0; left:50%; margin-left:-960px;}
.main_all .menu li { height:100%; margin-left:2px; position:relative; z-index:30;}
.main_all .menu li:first-child { margin:0;}
.main_all .menu li a { float:left; height:100%; padding:0 35px; line-height:60px; font-size:16px; position:relative;}
.main_all .menu li a:hover { background:rgba(66,184,241,0.7); color:#fff;}
.main_all .menu li a.active { background:rgba(66,184,241,1); color:#fff;}
.main_all .menu li i { height:100%; padding-left:40px; display:inline-block; position:relative;}
.main_all .menu li i:before { width:30px; height:24px; content:""; background:url(../images/base.png) no-repeat -260px -40px; position:absolute; top:50%; left:0; margin-top:-12px;}
.main_all .menu li:hover i:before,.main_all .menu li a.active i:before { background-position:-290px -40px;}
.main_all .menu li:nth-child(1) i:before { background-position:-260px -40px;}
.main_all .menu li:nth-child(1):hover i:before,.main_all .menu li:nth-child(1) a.active i:before { background-position:-290px -40px;}
.main_all .menu li:nth-child(2) i:before { background-position:-260px -65px;}
.main_all .menu li:nth-child(2):hover i:before,.main_all .menu li:nth-child(2) a.active i:before { background-position:-290px -65px;}
.main_all .menu li:nth-child(3) i:before { background-position:-260px -90px;}
.main_all .menu li:nth-child(3):hover i:before,.main_all .menu li:nth-child(3) a.active i:before { background-position:-290px -90px;}
.main_all .menu li:nth-child(4) i:before { background-position:-260px -115px;}
.main_all .menu li:nth-child(4):hover i:before,.main_all .menu li:nth-child(4) a.active i:before { background-position:-290px -115px;}

.website_title { width:100%; padding-top:40px; margin-bottom:20px; position:relative; z-index:30;}
.website_title h2 { width:100%; font-weight:bold; line-height:30px; text-align:center; font-size:30px; position:absolute; top:-2px; left:0;}
.website_title p { text-align:center; font-size:14px; text-transform:uppercase;}

.website_more { width:100%; height:40px; margin-top:25px; text-align:center; line-height:40px; font-size:16px; position:relative; z-index:30;}
.website_more li { float:none; width:130px; height:100%; margin:0 7px; border-radius:20px; display:inline-block;}
.website_more li a { width:100%; height:100%; background:#42b8f1; text-align:center; color:#fff; display:block;}
.website_more li a:hover { background:#f7ab00;}

.website_brand_part01 { width:100%; padding:50px 0; position:relative;}
.website_brand_part01 article { padding-top:20px;}

.website_brand_part02 { width:100%; padding:50px 0; position:relative;}
.website_brand_part02:before { width:1920px; height:100%; content:""; background:#edecf1 url(../images/website/bg_website_brand02.jpg) no-repeat center bottom; position:absolute; top:0; left:50%; margin-left:-960px; z-index:10;}
.website_brand_part02 .info { width:100%; height:400px; background:url(../images/website/img_website_brand0201.png) no-repeat center 0; line-height:30px; font-size:16px; position:relative; z-index:30;}
.website_brand_part02 .info p { padding-left:50px; position:absolute;}
.website_brand_part02 .info p .i { width:30px; height:30px; background:#f7ab00; border-radius:100%; text-align:center; color:#fff; position:absolute; top:0; left:0;}
.website_brand_part02 .info p .i:before { width:38px; height:38px; content:""; border:#f7ab00 1px solid; border-radius:100%; position:absolute; top:50%; left:50%; margin:-20px 0 0 -20px;}
.website_brand_part02 .info .icon01 { top:13px; left:35px;}
.website_brand_part02 .info .icon02 { top:156px; left:35px;}
.website_brand_part02 .info .icon03 { top:322px; left:35px;}
.website_brand_part02 .info .icon04 { top:13px; left:895px;}
.website_brand_part02 .info .icon05 { top:156px; left:928px;}
.website_brand_part02 .info .icon06 { top:322px; left:888px;}
.website_brand_part02 .website_more { width:130px; position:absolute; bottom:50px; left:50%; margin-left:-65px;}

.website_brand_part03 { width:calc(100% - 700px); min-height:510px; padding:50px 0 50px 700px; position:relative; z-index:10;}
.website_brand_part03 .imgs { width:665px; height:510px; position:absolute; top:50px; left:0;}
.website_brand_part03 .imgs img { width:auto; min-height:100%; position:absolute; top:0; right:0;}
.website_brand_part03 .info { width:100%; line-height:30px;}
.website_brand_part03 .more { width:100%; height:40px; margin-top:40px;}
.website_brand_part03 .more a { float:left; width:130px; height:100%; background:#42b8f1; border-radius:20px; text-align:center; line-height:38px; font-size:16px; color:#fff;}
.website_brand_part03 .more a:hover { background:#f7ab00;}

.website_brand_part04 { width:calc(100% - 705px); min-height:465px; padding:50px 705px 50px 0; color:#fff; position:relative;}
.website_brand_part04:before { width:1920px; height:100%; content:""; background:#edecf1 url(../images/website/bg_website_brand04.jpg) no-repeat center bottom; position:absolute; top:0; left:50%; margin-left:-960px; z-index:10;}
.website_brand_part04 .imgs { width:655px; height:465px; position:absolute; top:50px; right:0; z-index:20;}
.website_brand_part04 .info { width:100%; line-height:30px; position:relative; z-index:20;}
.website_brand_part04 .more { width:100%; height:40px; margin:40px 0; position:relative; z-index:20;}
.website_brand_part04 .more a { float:left; width:130px; height:100%; background:#f7ab00; border-radius:20px; text-align:center; line-height:38px; font-size:16px; color:#fff;}
.website_brand_part04 .more a:hover { background:#c7000b;}
.website_brand_part04 .imgs2 { width:100%; line-height:30px; position:relative; z-index:20;}

.website_brand_part05 { width:calc(100% - 600px); min-height:450px; padding:50px 0 50px 600px; position:relative; z-index:10;}
.website_brand_part05 .imgs { width:450px; height:450px; position:absolute; top:50px; left:60px;}
.website_brand_part05 .info { width:100%; line-height:30px;}
.website_brand_part05 .more { width:100%; height:40px; margin-top:40px;}
.website_brand_part05 .more a { float:left; width:130px; height:100%; background:#42b8f1; border-radius:20px; text-align:center; line-height:38px; font-size:16px; color:#fff;}
.website_brand_part05 .more a:hover { background:#f7ab00;}

.website_brand_part06 { width:calc(100% - 655px); min-height:465px; padding:50px 655px 50px 0; color:#fff; position:relative;}
.website_brand_part06:before { width:1920px; height:100%; content:""; background:#f7ab00 url(../images/website/bg_website_brand06.jpg) no-repeat center bottom; position:absolute; top:0; left:50%; margin-left:-960px; z-index:10;}
.website_brand_part06 .imgs { width:655px; height:465px; position:absolute; top:50px; right:0; z-index:20;}
.website_brand_part06 .info { width:100%; line-height:30px; position:relative; z-index:20;}
.website_brand_part06 .more { width:100%; height:40px; margin:40px 0; position:relative; z-index:20;}
.website_brand_part06 .more a { float:left; width:130px; height:100%; background:#42b8f1; border-radius:20px; text-align:center; line-height:38px; font-size:16px; color:#fff;}
.website_brand_part06 .more a:hover { background:#c7000b;}

.website_brand_part07 { width:100%; padding:50px 0; position:relative;}
.website_brand_part07 .list { width:calc(100% + 20px); margin-top:-20px;}
.website_brand_part07 .list dl { float:left; width:calc(100% / 2 - 20px); height:350px; margin:20px 20px 0 0; background:#42b8f1; position:relative; transition:all 0.3s;}
.website_brand_part07 .list dl dd { width:calc(100% - 60px); color:#fff; position:absolute; left:30px;}
.website_brand_part07 .list dl .name { text-align:center; line-height:30px; font-size:30px; font-weight:bold; top:45px;}
.website_brand_part07 .list dl .txt { line-height:24px; text-indent:2em; top:100px;}
.website_brand_part07 .list dl .info { line-height:24px; font-size:14px; top:170px;}
.website_brand_part07 .list dl .more { height:40px; bottom:35px;}
.website_brand_part07 .list dl .more a { width:180px; height:40px; background:#f7ab00; border-radius:20px; text-align:center; line-height:38px; font-size:16px; color:#fff; position:absolute; top:0; left:50%; margin-left:-90px;}
.website_brand_part07 .list dl .more a:hover { background:#c7000b;}
.website_brand_part07 .list dl:nth-child(1) { background:#c7000b;}
.website_brand_part07 .list dl:nth-child(1) .more a { background:#42b8f1;}
.website_brand_part07 .list dl:nth-child(1) .more a:hover { background:#f7ab00;}
.website_brand_part07 .list dl:hover { transform:translateY(-10px);}


.website_marketing_part01 { width:100%; padding:50px 0; position:relative;}
.website_marketing_part01 article { padding-top:8px;}
.website_marketing_part01 article p.more { height:40px; line-height:38px;}
.website_marketing_part01 article p.more a { float:left; height:100%; padding:0 30px; background:#42b8f1; border-radius:20px; font-size:16px; color:#fff;}
.website_marketing_part01 article p.more a:hover { background:#f7ab00;}

.website_marketing_part02 { width:100%; padding:50px 0; position:relative;}
.website_marketing_part02:before { width:1920px; height:100%; content:""; background:#000 url(../images/website/bg_website_marketing02.jpg) no-repeat center center; position:absolute; top:0; left:50%; margin-left:-960px; z-index:10;}
.website_marketing_part02 .list { width:calc(100% + 140px); margin-top:-20px; position:relative; z-index:30;}
.website_marketing_part02 .list dl { float:left; width:calc(100% / 2 - 232px); height:188px; padding:40px; margin:20px 140px 0 0; border:#42b8f1 6px solid; border-radius:20px 18px 20px 20px; line-height:36px; font-size:14px; color:#42b8f1; position:relative; overflow:visible;}
.website_marketing_part02 .list dl:after { content:""; border-top:transparent 30px solid; border-bottom:transparent 30px solid; border-left:#42b8f1 30px solid; transform:rotate(-45deg); position:absolute; top:-20px; right:-5px;}
.website_marketing_part02 .list dl:first-child { border-color:#f7ab00; color:#f7ab00;}
.website_marketing_part02 .list dl:first-child:after { border-left-color:#f7ab00;}

.website_marketing_part03 { width:100%; padding:50px 0; position:relative;}
.website_marketing_part03 .website_title { color:#42b8f1;}
.website_marketing_part03 .list { width:105%; margin-top:-30px;}
.website_marketing_part03 .list li { width:380px; height:160px; margin:30px 30px 0 0; background:#000; border-radius:20px; position:relative; transition:all 0.3s;}
.website_marketing_part03 .list li p { width:260px; line-height:24px; color:#fff; position:absolute; left:100px;}
.website_marketing_part03 .list li .icon { width:70px; height:70px; background:#fff; border-radius:100%; top:50%; left:15px; margin-top:-37px;}
.website_marketing_part03 .list li .icon:before { width:45px; height:45px; content:""; background:url(../images/website/website.png) no-repeat -260px -35px; position:absolute; top:50%; left:50%; margin:-22px 0 0 -22px;}
.website_marketing_part03 .list li .name { font-weight:bold; font-size:18px; top:38px;}
.website_marketing_part03 .list li .info { font-size:14px; top:73px;}
.website_marketing_part03 .list li:nth-child(2) .icon:before { background-position:-305px -35px;}
.website_marketing_part03 .list li:nth-child(3) .icon:before { background-position:-350px -35px;}
.website_marketing_part03 .list li:hover { background:#42b8f1; transform:translateY(-10px);}

.website_marketing_part04 { width:100%; padding:50px 0; position:relative;}
.website_marketing_part04:before { width:1920px; height:100%; content:""; background:#f6f7f8; position:absolute; top:0; left:50%; margin-left:-960px; z-index:10;}
.website_marketing_part04 .website_title h2 { color:#42b8f1;}
.website_marketing_part04 .website_title p { padding:5px 0; font-weight:bold; font-size:20px;}
.website_marketing_part04 .list { width:105%; margin-top:-10px; position:relative; z-index:30;}
.website_marketing_part04 .list li { width:212px; height:292px; margin:25px 25px 0 0; border:#ddd 4px solid; position:relative;}
.website_marketing_part04 .list li p { width:170px; line-height:24px; position:absolute; left:21px; z-index:20;}
.website_marketing_part04 .list li .line { width:36px; height:36px; border:#ddd 1px solid; z-index:10;}
.website_marketing_part04 .list li .line.i1 { border-right:0; border-bottom:0; top:6px; left:6px;}
.website_marketing_part04 .list li .line.i2 { border-left:0; border-bottom:0; top:6px; left:auto; right:6px;}
.website_marketing_part04 .list li .line.i3 { border-right:0; border-top:0; bottom:6px; left:6px;}
.website_marketing_part04 .list li .line.i4 { border-left:0; border-top:0; bottom:6px; left:auto; right:6px;}
.website_marketing_part04 .list li .name { height:38px; padding-top:32px; font-size:14px; text-transform:uppercase; top:55px;}
.website_marketing_part04 .list li .name strong { line-height:26px; font-size:26px; position:absolute; top:0; left:0;}
.website_marketing_part04 .list li .name:after { width:25px; height:3px; content:""; background:#42b8f1; position:absolute; bottom:0; left:0;}
.website_marketing_part04 .list li .info { top:150px;}
.website_marketing_part04 .list li:hover { border-color:rgba(66,184,241,1);}
.website_marketing_part04 .list li:hover .icon { border-color:#42b8f1;}

.website_marketing_part05 { width:100%; padding:50px 0; position:relative;}
.website_marketing_part05 .website_title p { padding:5px 0; font-size:20px;}
.website_marketing_part05 .info { width:100%; height:245px; margin:10px 0 50px; background:url(../images/website/bg_website_marketing051.jpg) no-repeat; position:relative;}
.website_marketing_part05 .info li { width:114px; padding-top:35px; text-align:center; position:absolute;}
.website_marketing_part05 .info li p { text-align:center;}
.website_marketing_part05 .info li strong { width:100%; line-height:30px; font-weight:bold; font-size:30px; position:absolute; top:0; left:0;}
.website_marketing_part05 .info li:nth-child(1) { top:145px; left:98px;}
.website_marketing_part05 .info li:nth-child(2) { top:45px; left:320px;}
.website_marketing_part05 .info li:nth-child(3) { top:145px; left:544px;}
.website_marketing_part05 .info li:nth-child(4) { top:45px; left:765px;}
.website_marketing_part05 .info li:nth-child(5) { top:145px; left:988px;}
.website_marketing_part05 .list { width:105%; margin-top:-15px; position:relative; z-index:30;}
.website_marketing_part05 .list li { width:208px; height:210px; margin:20px 40px 0 0; position:relative;}
.website_marketing_part05 .list li p { width:100%; text-align:center; position:absolute; left:0;}
.website_marketing_part05 .list li .icon { width:144px; height:144px; background:#42b8f1; border-radius:100%; top:0; left:50%; margin-left:-72px; transition:all 0.5s;}
.website_marketing_part05 .list li .name { line-height:22px; font-size:22px; top:160px;}
.website_marketing_part05 .list li .txt { line-height:14px; font-size:14px; text-transform:uppercase; bottom:0;}
.website_marketing_part05 .list li .icon:before { width:105px; height:90px; content:""; background:url(../images/website/website.png) no-repeat 0 -80px; position:absolute; top:50%; left:50%; margin:-45px 0 0 -52px;}
.website_marketing_part05 .list li:nth-child(2) .icon:before { background-position:-105px -80px;}
.website_marketing_part05 .list li:nth-child(3) .icon:before { background-position:-210px -80px;}
.website_marketing_part05 .list li:nth-child(4) .icon:before { background-position:-315px -80px;}
.website_marketing_part05 .list li:nth-child(5) .icon:before { background-position:-420px -80px;}
.website_marketing_part05 .list li:hover .icon { transform:rotateY(180deg);}
.website_marketing_part05 .list li:hover p { color:#42b8f1;}


.website_ecommerce_part01 { width:100%; padding:50px 0; position:relative;}
.website_ecommerce_part01:before { width:1920px; height:100%; content:""; background:#f6f7f8; position:absolute; top:0; left:50%; margin-left:-960px; z-index:10;}
.website_ecommerce_part01 .list { width:100%; margin-top:10px; position:relative; z-index:30;}
.website_ecommerce_part01 .list li { width:150px; height:150px; margin:30px 25px 0; background:#b5b5b6; border-radius:100%; position:relative;}
.website_ecommerce_part01 .list li p { width:90px; text-align:center; color:#fff; position:absolute; top:0; left:50%; margin-left:-45px;}
.website_ecommerce_part01 .list li .name { height:36px; font-weight:bold; line-height:36px; font-size:30px; top:50%; margin-top:-18px;}
.website_ecommerce_part01 .list li:nth-child(5) .name,
.website_ecommerce_part01 .list li:nth-child(6) .name { height:72px; margin-top:-36px; white-space:normal;}
.website_ecommerce_part01 .list li:hover { background:#42b8f1;}

.website_ecommerce_part02 { width:100%; padding:50px 0; position:relative;}

.website_ecommerce_part03 { width:100%; padding:50px 0; position:relative;}
.website_ecommerce_part03:before { width:1920px; height:100%; content:""; background:#42b8f1 url(../images/website/bg_website_ecommerce03.jpg) no-repeat center 0; position:absolute; top:0; left:50%; margin-left:-960px; z-index:10;}
.website_ecommerce_part03 .website_title { color:#fff;}
.website_ecommerce_part03 .website_title p { font-size:18px;}
.website_ecommerce_part03 .info { width:calc(100% - 740px); min-height:580px; padding:20px 0 0 740px; margin-top:5px; position:relative; z-index:30;}
.website_ecommerce_part03 .info dl { float:left; width:calc(100% - 30px); padding:15px; margin-bottom:38px; background:#fff; border-radius:10px; position:relative;}
.website_ecommerce_part03 .info dl:after { width:55px; height:20px; content:""; background:url(../images/website/website.png) no-repeat -300px 0; position:absolute; bottom:-20px; left:65px;}
.website_ecommerce_part03 .info dt { float:left; width:100%; margin:5px 0 13px; font-size:20px; font-weight:bold; color:#42b8f1;}
.website_ecommerce_part03 .info dd { float:left; width:100%; font-size:14px;}
.website_ecommerce_part03 .info .imgs { width:730px; position:absolute; top:0; left:0;}
.website_ecommerce_part03 .info .imgs p { width:auto; height:auto; padding:0; margin:0; background:none;}

.website_ecommerce_part04 { width:100%; padding:50px 0; position:relative;}
.website_ecommerce_part04 .info { width:100%; line-height:26px; font-size:14px;}
.website_ecommerce_part04 .info p.more { height:40px; line-height:38px;}
.website_ecommerce_part04 .info p.more a { float:left; height:100%; padding:0 30px; background:#42b8f1; border-radius:20px; font-size:16px; color:#fff;}
.website_ecommerce_part04 .info p.more a:hover { background:#f7ab00;}


.website_trade_part01 { width:100%; padding:50px 0; position:relative;}
.website_trade_part01:before { width:1920px; height:100%; content:""; background:#f6f7f8; position:absolute; top:0; left:50%; margin-left:-960px; z-index:10;}
.website_trade_part01 article { padding-top:8px;}
.website_trade_part01 .list { width:115%; margin:20px 0 0 -80px; position:relative; z-index:30;}
.website_trade_part01 .list li { width:200px; height:180px; margin:20px 70px 0; position:relative;}
.website_trade_part01 .list li p { width:100%; text-align:center; position:absolute; left:0;}
.website_trade_part01 .list li .icon { width:128px; height:128px; background:#dddfe2; border-radius:100%; top:0; left:50%; margin-left:-64px; transition:all 0.3s;}
.website_trade_part01 .list li .name { line-height:18px; font-size:18px; top:140px;}
.website_trade_part01 .list li .txt { line-height:12px; font-size:12px; text-transform:uppercase; bottom:0;}
.website_trade_part01 .list li .icon:before { width:64px; height:64px; content:""; background:url(../images/website/website.png) no-repeat 0 -170px; position:absolute; top:50%; left:50%; margin:-32px 0 0 -32px; transition:all 0.4s;}
.website_trade_part01 .list li:hover .icon:before { background-position:0 -245px;}
.website_trade_part01 .list li:nth-child(2) .icon:before { background-position:-65px -170px;}
.website_trade_part01 .list li:nth-child(2):hover .icon:before { background-position:-65px -245px;}
.website_trade_part01 .list li:nth-child(3) .icon:before { background-position:-130px -170px;}
.website_trade_part01 .list li:nth-child(3):hover .icon:before { background-position:-130px -245px;}
.website_trade_part01 .list li:nth-child(4) .icon:before { background-position:-195px -170px;}
.website_trade_part01 .list li:nth-child(4):hover .icon:before { background-position:-195px -245px;}
.website_trade_part01 .list li:hover { color:#42b8f1;}
.website_trade_part01 .list li:hover .icon { background:#42b8f1;}

.website_trade_part02 { width:100%; padding:50px 0; position:relative;}
.website_trade_part02 .website_title p { font-size:18px;}
.website_trade_part02 .list { width:105%; margin-top:-30px; position:relative; z-index:30;}
.website_trade_part02 .list li { width:570px; height:90px; margin:35px 60px 0 0; position:relative;}
.website_trade_part02 .list li p { width:calc(100% - 110px); position:absolute; left:110px;}
.website_trade_part02 .list li .icon { width:90px; height:100%; background:#dddfe2; border-radius:100%; top:0; left:0; transition:all 0.3s;}
.website_trade_part02 .list li .name { line-height:18px; font-weight:bold; font-size:18px; top:12px; transition:text-indent 0.3s;}
.website_trade_part02 .list li .name:before { width:0; height:3px; content:""; background:#42b8f1; border-radius:1px; position:absolute; top:50%; left:0; margin-top:-1px; transition:all 0.3s;}
.website_trade_part02 .list li .txt { line-height:24px; font-size:14px; top:36px;}
.website_trade_part02 .list li .icon:before { width:50px; height:50px; content:""; background: url(../images/website/website.png) no-repeat -260px -170px; position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; transition:all 0.4s;}
.website_trade_part02 .list li:hover .icon:before { background-position:-260px -230px;}
.website_trade_part02 .list li:nth-child(2) .icon:before { background-position:-310px -170px;}
.website_trade_part02 .list li:nth-child(2):hover .icon:before { background-position:-310px -230px;}
.website_trade_part02 .list li:nth-child(3) .icon:before { background-position:-360px -170px;}
.website_trade_part02 .list li:nth-child(3):hover .icon:before { background-position:-360px -230px;}
.website_trade_part02 .list li:nth-child(4) .icon:before { background-position:-410px -170px;}
.website_trade_part02 .list li:nth-child(4):hover .icon:before { background-position:-410px -230px;}
.website_trade_part02 .list li:nth-child(5) .icon:before { background-position:-460px -170px; margin-left:-23px;}
.website_trade_part02 .list li:nth-child(5):hover .icon:before { background-position:-460px -230px;}
.website_trade_part02 .list li:nth-child(6) .icon:before { background-position:-510px -170px;}
.website_trade_part02 .list li:nth-child(6):hover .icon:before { background-position:-510px -230px;}
.website_trade_part02 .list li:hover .name { text-indent:15px; color:#42b8f1;}
.website_trade_part02 .list li:hover .name:before { width:10px;}
.website_trade_part02 .list li:hover .icon { background:#42b8f1;}

.website_trade_part03 { width:100%; padding:50px 0; color:#fff; position:relative;}
.website_trade_part03:before { width:1920px; height:100%; content:""; background:#42b8f1 url(../images/website/bg_website_trade03.jpg) no-repeat center center; position:absolute; top:0; left:50%; margin-left:-960px; z-index:10;}
.website_trade_part03 .website_title p { font-size:18px;}
.website_trade_part03 .list { width:105%; margin-top:-30px; position:relative; z-index:30;}
.website_trade_part03 .list li { width:150px; height:150px; margin:35px 60px 0 0; position:relative;}
.website_trade_part03 .list li p { width:116px; text-align:center; position:absolute; left:50%; margin-left:-58px;}
.website_trade_part03 .list li .icon { width:100px; height:100px; background:#fff; border-radius:100%; top:0; margin-left:-50px; transition:all 0.3s;}
.website_trade_part03 .list li .name { height:50px; line-height:24px; font-size:16px; white-space:normal; bottom:-5px;}
.website_trade_part03 .list li .icon:before { width:55px; height:65px; content:""; background: url(../images/website/website.png) no-repeat 0 -310px; position:absolute; top:50%; left:50%; margin:-33px 0 0 -28px; transition:all 0.4s;}
.website_trade_part03 .list li:hover { color:#f7ab00;}
.website_trade_part03 .list li:hover .icon { background:#f7ab00;}
.website_trade_part03 .list li:hover .icon:before { background-position:0 -385px;}
.website_trade_part03 .list li:nth-child(2) .icon:before { background-position:-55px -310px;}
.website_trade_part03 .list li:nth-child(2):hover .icon:before { background-position:-55px -385px;}
.website_trade_part03 .list li:nth-child(3) .icon:before { background-position:-110px -310px; margin-left:-26px;}
.website_trade_part03 .list li:nth-child(3):hover .icon:before { background-position:-110px -385px;}
.website_trade_part03 .list li:nth-child(4) .icon:before { background-position:-165px -310px;}
.website_trade_part03 .list li:nth-child(4):hover .icon:before { background-position:-165px -385px;}
.website_trade_part03 .list li:nth-child(5) .icon:before { background-position:-220px -310px;}
.website_trade_part03 .list li:nth-child(5):hover .icon:before { background-position:-220px -385px;}
.website_trade_part03 .list li:nth-child(6) .icon:before { background-position:-275px -310px;}
.website_trade_part03 .list li:nth-child(6):hover .icon:before { background-position:-275px -385px;}
.website_trade_part03 .list li:nth-child(7) .icon:before { background-position:-330px -310px;}
.website_trade_part03 .list li:nth-child(7):hover .icon:before { background-position:-330px -385px;}
.website_trade_part03 .list li:nth-child(8) .icon:before { background-position:-385px -310px;}
.website_trade_part03 .list li:nth-child(8):hover .icon:before { background-position:-385px -385px;}
.website_trade_part03 .list li:nth-child(9) .icon:before { background-position:-440px -310px;}
.website_trade_part03 .list li:nth-child(9):hover .icon:before { background-position:-440px -385px;}
.website_trade_part03 .list li:nth-child(10) .icon:before { background-position:-495px -310px;}
.website_trade_part03 .list li:nth-child(10):hover .icon:before { background-position:-495px -385px;}
.website_trade_part03 .list li:nth-child(11) .icon:before { background-position:-550px -310px;}
.website_trade_part03 .list li:nth-child(11):hover .icon:before { background-position:-550px -385px;}
.website_trade_part03 .list li:nth-child(12) .icon:before { background-position:-605px -310px;}
.website_trade_part03 .list li:nth-child(12):hover .icon:before { background-position:-605px -385px;}

.website_trade_part04 { width:100%; padding:50px 0; position:relative;}
.website_trade_part04 .website_title p { font-size:18px;}
.website_trade_part04 .info { width:100%; line-height:24px; font-size:14px;}
.website_trade_part04 .list { width:100%; height:390px; margin-top:30px; position:relative;}
.website_trade_part04 .list li { height:calc(100% - 4px); border:#ddd 2px solid; border-radius:10px; overflow:visible; position:absolute; top:0;}
.website_trade_part04 .list li:before { width:33px; height:34px; content:""; background:url(../images/website/website.png) no-repeat -260px 0; position:absolute; top:50%; left:-41px; margin-top:-17px;}
.website_trade_part04 .list li p { width:100%; text-align:center; position:absolute; left:0;}
.website_trade_part04 .list li .name { line-height:18px; font-size:18px; top:30px;}
.website_trade_part04 .list li .imgs { background-color:transparent !important; font:0/0 Arial; top:75px;}
.website_trade_part04 .list li .imgs img { width:auto;}
.website_trade_part04 .list li:nth-child(1) { width:186px; left:0;}
.website_trade_part04 .list li:nth-child(1):before { display:none;}
.website_trade_part04 .list li:nth-child(2) { width:186px; left:235px;}
.website_trade_part04 .list li:nth-child(3) { width:266px; left:470px;}
.website_trade_part04 .list li:nth-child(4) { width:411px; left:785px;}
.website_trade_part04 .list li:hover { border-color:#42b8f1;}

.website_trade_part05 { width:100%; padding:50px 0; position:relative;}
.website_trade_part05:before { width:1920px; height:100%; content:""; background:#42b8f1 url(../images/website/bg_website_trade05.jpg) no-repeat center bottom; position:absolute; top:0; left:50%; margin-left:-960px; z-index:10;}
.website_trade_part05 .website_title { color:#fff;}
.website_trade_part05 .website_title p { font-size:18px;}
.website_trade_part05 .list { width:calc(100% - 600px); min-height:365px; padding:0 530px 0 70px; margin-top:-5px; position:relative; z-index:30;}
.website_trade_part05 .list li { width:calc(100% - 20px); padding:8px 10px; margin-top:10px; background:#fff; overflow:visible; position:relative;}
.website_trade_part05 .list li:before { width:100%; height:100%; content:""; background:rgba(66,184,241,0.2); position:absolute; top:0; left:0; z-index:10; display:none;}
.website_trade_part05 .list li.imgs { width:520px; padding:0; background:none !important; border:0; position:absolute; top:0; right:0;}
.website_trade_part05 .list li p { float:left; width:100%; line-height:22px; position:relative; z-index:20;}
.website_trade_part05 .list li .name { width:70px; height:36px; background:#2d7ffd; text-align:center; line-height:34px; font-size:16px; color:#fff; position:absolute; top:0; left:-70px;}
.website_trade_part05 .list li .txt1 { margin-bottom:5px; font-size:16px; color:#333;}
.website_trade_part05 .list li .txt2 b { color:#004688;}
.website_trade_part05 .list li:hover:before { display:block;}

.website_trade_part06 { width:100%; padding:50px 0; position:relative;}
.website_trade_part06 .website_title p { font-size:18px;}
.website_trade_part06 .list { width:100%; height:360px; margin-top:5px; position:relative; z-index:30;}
.website_trade_part06 .list li { width:200px; overflow:visible; position:absolute; z-index:20;}
.website_trade_part06 .list li p { float:left; width:100%; height:36px; padding-left:30px; line-height:36px; font-size:16px; position:relative;}
.website_trade_part06 .list li p:before { width:14px; height:14px; content:""; background:#99cc33; position:absolute; top:50%; left:0; margin-top:-7px;}
.website_trade_part06 .list li p b { float:left; width:90px;}
.website_trade_part06 .list li p:hover { color:#42b8f1;}
.website_trade_part06 .list .imgs { width:100%; background:none !important; top:0; left:0; z-index:10;}
.website_trade_part06 .list .imgs p { height:auto; padding:0; font:0/0 Arial;}
.website_trade_part06 .list .imgs p:before { display:none;}
.website_trade_part06 .list .imgs img { width:auto; transition:all 0.5s;}
.website_trade_part06 .list .imgs img:hover { transform:scale(1.05);}
.website_trade_part06 .list .li1 { top:30px; left:150px;}
.website_trade_part06 .list .li1 p:nth-child(2):before { background:#ffa202;}
.website_trade_part06 .list .li1 p:nth-child(3):before { background:#ffe900;}
.website_trade_part06 .list .li1 p:nth-child(4):before { background:#3ce5a0;}
.website_trade_part06 .list .li1 p:nth-child(5):before { background:#fb3081;}
.website_trade_part06 .list .li1 p:nth-child(6):before { background:#ce00cd;}
.website_trade_part06 .list .li1 p:nth-child(7):before { background:#6f0198;}
.website_trade_part06 .list .li1 p:nth-child(8):before { background:#081482;}
.website_trade_part06 .list .li2 { top:22px; left:890px;}
.website_trade_part06 .list .li2 p:nth-child(1):before { background:#61ffe8;}
.website_trade_part06 .list .li2 p:nth-child(2):before { background:#8cf6ec;}
.website_trade_part06 .list .li2 p:nth-child(3):before { background:#72e0f7;}
.website_trade_part06 .list .li2 p:nth-child(4):before { background:#6ac6f9;}
.website_trade_part06 .list .li2 p:nth-child(5):before { background:#75b6e0;}
.website_trade_part06 .list .li2 p:nth-child(6):before { background:#3398cc;}
.website_trade_part06 .list .li2 p:nth-child(7):before { background:#006599;}
.website_trade_part06 .list .li2 p:nth-child(8):before { background:#006599;}
.website_trade_part06 .list .li2 p:nth-child(9):before { background:#003399;}


.website_public_case { width:100%; padding:50px 0; position:relative;}
.website_public_case:before { width:1920px; height:100%; content:""; background:#42b8f1 url(../images/website/bg_website_case.jpg) no-repeat center bottom; position:absolute; top:0; left:50%; margin-left:-960px; z-index:10;}
.website_public_case .website_title { color:#fff;}
.website_public_case .list { width:105%; margin-top:-15px; position:relative; z-index:30;}
.website_public_case .list li { width:390px; height:295px; margin:15px 15px 0 0; position:relative;}
.website_public_case .list li a { width:100%; height:100%; display:block;}
.website_public_case .list li p { width:100%; overflow:hidden; position:absolute; left:0;}
.website_public_case .list li .img { width:100%; height:245px; top:0; left:0;}
.website_public_case .list li .img img { transition:all 0.5s;}
.website_public_case .list li .name { width:calc(100% - 75px); height:50px; padding-right:75px; background:#fff; line-height:50px; text-indent:15px; font-size:16px; bottom:0;}
.website_public_case .list li .name:before,.website_public_case .list li .name:after { width:28px; height:20px; content:""; background:url(../images/base.png) no-repeat 100px 0; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.website_public_case .list li .name:before { background-position:-260px 0; margin-right:30px;}
.website_public_case .list li .name:after { background-position:-288px 0; margin-right:2px;}
.website_public_case .list li:hover .img img { transform:scale(1.08);}
.website_public_case .list li:hover .name { background:#f7ab00; color:#fff;}
.website_public_case .list li:hover .name:before { background-position:-260px -20px;}
.website_public_case .list li:hover .name:after { background-position:-288px -20px;}
.website_public_case .website_more li a { background:#f7ab00;}
.website_public_case .website_more li a:hover { background:#c7000b;}

.website_public_liyou { width:100%; padding:50px 0; position:relative;}
.website_public_liyou:before { width:1920px; height:100%; content:""; background:#f6f7f8; position:absolute; top:0; left:50%; margin-left:-960px; z-index:10;}
.website_public_liyou .list { width:105%; margin-top:-15px; position:relative; z-index:30;}
.website_public_liyou .list li { width:388px; height:128px; margin:15px 15px 0 0; background:#fff; border:#ddd 1px solid; position:relative; transition:all 0.5s;}
.website_public_liyou .list li:before,.website_public_liyou .list li:after { content:""; background:url(../images/website/website.png) no-repeat 100px 0; position:absolute;}
.website_public_liyou .list li:before { width:40px; height:40px; top:20px; left:20px;}
.website_public_liyou .list li:after { width:33px; height:2px; background:#42b8f1; top:52px; left:70px;}
.website_public_liyou .list li:nth-child(1):before { background-position:0 0;}
.website_public_liyou .list li:nth-child(2):before { background-position:-40px 0;}
.website_public_liyou .list li:nth-child(3):before { background-position:-80px 0;}
.website_public_liyou .list li:nth-child(4):before { background-position:-120px 0;}
.website_public_liyou .list li:nth-child(5):before { background-position:-160px 0;}
.website_public_liyou .list li:nth-child(6):before { background-position:-200px 0;}
.website_public_liyou .list li p { width:calc(100% - 93px); position:absolute; left:70px;}
.website_public_liyou .list li .name { line-height:16px; font-size:16px; top:22px;}
.website_public_liyou .list li .info { line-height:24px; font-size:14px; top:63px;}
.website_public_liyou .list li:hover { border-color:#42b8f1; box-shadow:0 0 9px 4px rgba(66,184,241,0.25);}

.website_public_liucheng { width:100%; padding:50px 0; position:relative;}
.website_public_liucheng:before { width:1920px; height:100%; content:""; background:#f7ab00 url(../images/website/bg_website_liucheng.jpg) no-repeat center 0; position:absolute; top:0; left:50%; margin-left:-960px; z-index:10;}
.website_public_liucheng .website_title { color:#fff;}
.website_public_liucheng .list { width:100%; height:130px; margin-top:30px; position:relative; z-index:30;}
.website_public_liucheng .list li { width:122px; height:122px; margin-left:48px; background:#fff; border:#ddd 4px solid; border-radius:100%; position:relative; overflow:visible;}
.website_public_liucheng .list li:first-child { margin:0;}
.website_public_liucheng .list li p { text-align:center; position:absolute; z-index:20;}
.website_public_liucheng .list li .num { width:60px; height:60px; background:#42b8f1; border-radius:100%; line-height:60px; font-size:14px; color:#fff; top:-28px; left:50%; margin-left:-30px;}
.website_public_liucheng .list li .txt { width:100%; height:20px; line-height:22px; font-size:16px; top:50%; left:0; margin-top:-10px;}
.website_public_liucheng .list li .icon { width:48px; height:100px; line-height:50px; font-size:14px; color:#fff; top:50%; right:-52px; margin-top:-50px;}
.website_public_liucheng .list li .icon:after { width:11px; height:19px; content:""; background:url(../images/website/website.png) no-repeat -240px 0; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; z-index:10;}
.website_public_liucheng .list li:last-child .icon { display:none;}
.website_public_liucheng .list li:hover { border-color:#42b8f1; color:#42b8f1;}
.website_public_liucheng .list2 { width:105%; margin-top:-15px; position:relative; z-index:30;}
.website_public_liucheng .list2 li { width:228px; height:300px; margin:15px 15px 0 0; background:#fff; position:relative; transition:transform 0.3s;}
.website_public_liucheng .list2 li p { width:calc(100% - 28px); position:absolute; left:14px;}
.website_public_liucheng .list2 li .icon { width:90px; height:70px; background:url(../images/website/website.png) no-repeat 0 -595px; top:40px; left:50%; margin-left:-45px; transition:all 0.4s;}
.website_public_liucheng .list2 li .name { text-align:center; line-height:18px; font-weight:bold; font-size:18px; color:#42b8f1; top:140px;}
.website_public_liucheng .list2 li .info { line-height:24px; font-size:14px; top:180px;}
.website_public_liucheng .list2 li:nth-child(2) .icon { background-position:-90px -595px;}
.website_public_liucheng .list2 li:nth-child(2):hover .icon { background-position:-90px -515px;}
.website_public_liucheng .list2 li:nth-child(3) .icon { background-position:-180px -595px;}
.website_public_liucheng .list2 li:nth-child(3):hover .icon { background-position:-180px -515px;}
.website_public_liucheng .list2 li:nth-child(4) .icon { background-position:-270px -595px;}
.website_public_liucheng .list2 li:nth-child(4):hover .icon { background-position:-270px -515px;}
.website_public_liucheng .list2 li:nth-child(5) .icon { background-position:-360px -595px;}
.website_public_liucheng .list2 li:nth-child(5):hover .icon { background-position:-360px -515px;}
.website_public_liucheng .list2 li:hover { background:#42b8f1; transform:translateY(-10px);}
.website_public_liucheng .list2 li:hover p { color:#fff;}
.website_public_liucheng .list2 li:hover .icon { background-position:0 -515px;}
.website_public_liucheng .website_more li a:hover { background:#c7000b;}

.website_public_contactus { width:100%; padding:50px 0 470px; position:relative;}
.website_public_contactus .list { width:105%; margin:-15px 0 30px;}
.website_public_contactus .list li { width:390px; height:150px; margin:15px 15px 0 0; background:#00aaef; position:relative; transition:transform 0.3s;}
.website_public_contactus .list li p { width:calc(100% - 150px); color:#fff; position:absolute; left:130px;}
.website_public_contactus .list li .icon { width:90px; height:90px; background:#fff; border-radius:100%; top:50%; left:20px; margin-top:-45px;}
.website_public_contactus .list li .icon:before { width:80px; height:75px; content:""; background:url(../images/website/website.png) no-repeat 0 -665px; position:absolute; top:50%; left:50%; margin:-38px 0 0 -40px;}
.website_public_contactus .list li .name { line-height:18px; font-weight:bold; font-size:18px; top:25px;}
.website_public_contactus .list li .info { line-height:24px; font-size:14px; top:55px;}
.website_public_contactus .list li:nth-child(2) .icon:before { background-position:-80px -665px;}
.website_public_contactus .list li:nth-child(3) .icon:before { background-position:-160px -665px; margin-top:-40px;}
.website_public_contactus .list li:hover { transform:translateY(-10px);}

.website_public_contactus .message { width:800px; height:420px; background:#f6f7f8; position:absolute; bottom:50px; left:0; z-index:20;}
.website_public_contactus .message li { width:710px; height:50px; background-color:#fff; line-height:50px; font-size:14px; position:absolute; left:45px; z-index:10;}
.website_public_contactus .message li span { height:100%; color:#898989; position:absolute; top:0; left:15px;}
.website_public_contactus .message li input { width:calc(100% - 90px); height:calc(100% - 3px); padding:0 3px 1px 85px; border:#ddd 1px solid; position:absolute; top:0; left:0; z-index:20;}
.website_public_contactus .message li input:focus { border-color:#42b8f1;}
.website_public_contactus .message .name { background:none; text-align:center; line-height:28px; font-size:30px; color:#42b8f1; top:22px;}
.website_public_contactus .message .xuqiu { top:75px;}
.website_public_contactus .message .user { top:140px;}
.website_public_contactus .message .tel { top:205px;}
.website_public_contactus .message .qq { top:270px;}
.website_public_contactus .message .submit { background:#42b8f1; text-align:center; line-height:48px; font-size:18px; color:#fff; bottom:35px;}
.website_public_contactus .message .loading { width:100%; height:100%; background-color:rgba(0,0,0,0.1) !important; position:absolute; top:0; left:0; z-index:100; display:none;}

.website_public_contactus .contact { width:400px; height:420px; background:#42b8f1; position:absolute; bottom:50px; right:0;}
.website_public_contactus .contact dl { width:360px; position:absolute; left:20px; z-index:20;}
.website_public_contactus .contact .bg { width:100%; height:100%; overflow:hidden; top:0; left:0; z-index:10;}
.website_public_contactus .contact .bg img { width:100%; min-height:100%; opacity:0.1;}
.website_public_contactus .contact .info { line-height:24px; color:#fff; top:20px;}

.website_end { margin-bottom:-50px;}