.cmt-header { height: 84px; width: 100%; box-shadow: 2px 2px 3px rgba(0,0,0,.1); position: relative;} .cmt-logo { float: left; width: 197px; padding: 15px 20px 18px 0;} .cmt-inner { float: left; height: 26px; line-height: 26px; margin: 29px 0; padding: 0 20px; font-size: 23px; font-family: Tahoma, Geneva, sans-serif; border-left: 1px solid #c4c6cf;} .cmt-fr { float: right; padding: 25px 10px 0; height: 40px; line-height: 40px;} .cmt-fr a { display: inline-block; margin: 0 15px; color: #1b1b1b; font-size: 13px; position: relative;} .cmt-fr a i { display: block;  position: absolute;  bottom: 5px; left: 0; width: 100%; height: 2px; opacity: 0; filter: alpha(opacity=0); transition: opacity .3s,transform .3s; transform: translateY(10px); background-color: #ff4747;} .cmt-fr a:hover { color: #000;} .cmt-fr a:hover i { filter: alpha(opacity=100); opacity: 1; transform: translateY(0);} .cmt-rt { float: left; width: 100%; padding: 5px 0 80px;} .cmt-info { margin: 0 25px 0 260px; border-left: 1px solid #e0e0e0; padding-left: 45px;} .cmt-info h1 { height: 30px; line-height: 30px; font-size: 18px; padding-bottom: 5px; font-weight: 700;} .cmt-txt { line-height: 18px; width: 1100px;} .cmt-txt a { margin-left: 10px; color: #039;} .cmt-txt a:hover { color: #f30213; text-decoration: underline;} .cmt-lt { float: left; padding: 10px 0 80px 30px; margin-left: -100%; width: 225px;} .cal-nav { height: 30px; line-height: 30px; font-size: 24px; font-weight: 700; position: relative; padding-bottom: 10px; cursor: pointer;} .cal-list { padding: 10px 0 50px;} .cal-list a { color: #333;} .cal-list a:hover { color: #f30213;} .cal-list li { line-height: 30px; font-size: 13px;} .cmt-cs { padding: 30px 30px 50px 0;} .cmt-cs dt { font-size: 20px; font-weight: bold; padding-bottom: 10px; position: relative; margin-bottom: 10px; cursor: pointer;} .cal-nav i, .cmt-cs dt i { position: absolute; display: block; transition: all 0.3s linear; height: 2px; background: #ebebeb; left: 0; bottom: 2px; width: 60px; z-index: 1;} .cal-nav i:after, .cmt-cs dt i:after { content: ''; display: block; position: absolute; height: 2px; background: #ebebeb; left: 0; bottom: 0; width: 0; z-index: 2; transition: all 0.3s linear;} .cal-nav:hover i:after, .cmt-cs dt:hover i:after { width: 60px; background: #f30213;} .cal-nav:hover i, .cmt-cs dt:hover i { width: 0;} .cmt-cs dd { line-height: 20px; padding: 5px 0;} .cmt-cs a { display: inline-block; padding: 8px 25px; background-color: #ff4747; font-size: 14px; color: #fff; border-radius: 3px; font-weight: bold; transition: box-shadow 0.2s ease-out;} .cmt-cs a:hover { box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);} .cmt-sd { position: relative; height: 15px; box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.05);} .cmt-top { height: 420px; width: 100%; background-color: #1e1d32; position: relative; text-align: center;} .cmt-top:after { content: ''; display: block; position: absolute; width: 100%; height: 150px; background: #f8faff; transform: skewY(-3deg); bottom: -130px; left: 0; z-index: 5; height: 200px;} .cmt-top h1 { padding-top: 86px; font-size: 36px; font-weight: 500; color: #fff;} .cmt-top p { font-size: 20px; line-height: 28px; color: rgba(255,255,255,0.55); margin: 10px 0 40px;} .cmt-box { padding: 50px 0; top: -170px; position: relative; background-color: #fff; z-index: 10; border-radius: 6px; box-shadow: 0 16px 32px 0 rgba(62,57,107,0.2);} .cmt-box:before { content: ''; display: block; width: 100%; height: 4px; background-image: linear-gradient(to right, #0a5da3 0%, #ff6600 30%, #f5ca04 100%); top: 0; left: 0; position: absolute; border-radius: 6px 6px 0 0;} .cmt-con { position: relative; background-color: #f8faff; padding-bottom: 80px;} .cmt-con:after { content: ''; display: block; position: absolute; width: 100%; height: 150px; background: #f6f4f5; transform: skewY(-3deg); bottom: -130px; left: 0; z-index: 5; height: 200px; box-shadow: rgba(112,128,175,0.1) 0 -16px 24px;} .cmt-bot { background-color: #f7f7f7; position: relative; z-index: 100;} .cmt-bot .btm-wrap { border: none;} .gd-nav { height: 600px; background: #f69841 url(../images/cmt/gd-bg.jpg) no-repeat center top;} .gd-wrap { background-color: #f2ebdd;} .gd-contain { margin: 0 auto; width: 1284px;} .gd-ad { position: relative; top: -178px; width: 1284px;} .gd-item { margin-top: 30px; float: left; width: 398px; height: 452px; text-align: center; background: #fff; border: 1px solid #dcdee3; box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06); margin-right: 42px; transition: all .8s; cursor: pointer;} .gd-item:hover { transform: translate(0,-30px); box-shadow: 0 8px 18px rgba(0,0,0,0.2);} .gd-item .gd-tit { width: 372px; height: 92px; line-height: 46px; font-size: 36px; color: #333; text-align: center; font-weight: 400; margin: 44px auto 22px; overflow: hidden;} .gd-item .gd-tit span { color: #ff4747; display: block;} .gd-item .gd-tit em { color: #ff8d31;} .gd-item .gd-desc { width: 320px; height: 60px; line-height: 20px; font-size: 16px; color: #999; text-align: center; margin: 0 auto; overflow: hidden;} .gd-item .gd-img { width: 100%; height: 153px; margin: 44px 0; overflow: hidden;} .gd-img span { display: block; margin: 0 auto; width: 140px; height: 140px; background: url(../images/cmt/gd-ico.png) no-repeat;} .gd-img .gd-im1 { background-position: 0 0;} .gd-img .gd-im2 { background-position: 0 -161px;} .gd-img .gd-im3 { background-position: 0 -329px;} .magr0 { margin-right: 0;} .gd-top { margin: 0 auto; width: 1200px; text-align: center; font-size: 28px; font-weight: 700; position: relative; top: -60px; padding: 40px 0 60px;} .gd-top span, .gd-top i { display: inline-block; vertical-align: middle;} .gd-top i { width: 41px; height: 26px; background: url(../images/cmt/gd-ico.png) no-repeat -98px -869px; margin: 0 20px;} .gd-content { margin: 0 auto; width: 950px; position: relative;} .gd-info-nav { position: absolute; width: 560px;} .gd-info-nav dt { height: 50px; line-height: 50px; font-size: 28px; color: #b50000;} .gd-info-nav .gd-bot { font-size: 26px;} .gd-info-nav .gd-info-desc { line-height: 22px; font-size: 18px; color: #222;} .gd-info-nav .gd-info-btn { margin-top: 30px; height: 30px; line-height: 30px; width: 100px; text-align: center; font-size: 14px; border: 1px solid #c2c2c2; border-radius: 3px;} .gd-info1 { height: 300px; background: url(../images/cmt/gd-info1.jpg) no-repeat center center;} .gd-info2 { height: 355px; background: url(../images/cmt/gd-info2.jpg) no-repeat center center;} .gd-info3 { height: 310px; background: url(../images/cmt/gd-info3.jpg) no-repeat center center;} .gd-info4 { height: 314px; background: url(../images/cmt/gd-info4.jpg) no-repeat center center;} .gd-info5 { height: 283px; background: url(../images/cmt/gd-info5.jpg) no-repeat center center;} .gd-info1 .gd-info-nav { left: 10px; top: 30px;} .gd-info2 .gd-info-nav { left: 350px; top: 45px;} .gd-info3 .gd-info-nav { left: 10px; top: 55px; width: 470px;} .gd-info4 .gd-info-nav { left: 320px; top: 40px;} .gd-info5 .gd-info-nav { left: 10px; top: 40px;} .gd-btm { margin: 0 auto; width: 1200px; padding: 80px 0; background-color: #fff; overflow: hidden;} .gd-btm-nav { text-align: center; padding-bottom: 80px;} .gd-btm-nav strong { display: block; font-size: 28px; margin-bottom: 8px;} .gd-btm-list { width: 1220px; margin-right: -20px; overflow: hidden;} .gd-btm-list li { float: left; width: 590px; margin-right: 20px;} .btm-list-nav { width: 130px; height: 130px; padding: 25px 230px; background-color: #f5f5f5;} .btm-list-nav span { display: block; width: 130px; height: 130px; background: url(../images/cmt/gd-ico.png) no-repeat 0 -509px;} .btm-list-nav .gd-btm-sp { background-position: 0 -692px;} .btm-list-text { padding: 0 0 50px 0;} .btm-list-text strong { display: block; font-size: 24px; padding: 20px 0;} .btm-list-text span { display: block; font-size: 14px; font-family: Verdana, Geneva, sans-serif; color: #999; line-height: 150%; padding-bottom: 10px;} .btm-list-text a { display: block; font-size: 14px; color: #2192D9;} .btm-list-text a:after { content: ''; display: inline-block; width: 6px; height: 10px; margin-left: 10px; background: url(../images/cmt/gd-ico.png) no-repeat 0 -884px;} .btm-list-text a:hover { text-decoration: underline;} .cmt-dvg { padding: 10px 0 30px; height: 250px;} .cmt-dvg .dvg-top { padding: 0 0 30px 40px;} .cmt-dvg .dvg-desc strong { padding: 0 40px 0 0;} .cmt-dvg .dvg-desc .dvg-pd0 { padding: 0 30px 0 0;} .cmt-dvg .dvg-desc span { padding-left: 0; padding-right: 15px;} .cmt-dvg .dvg-jt { right: 5px;} .dvg-txt { max-width: 1100px; border: 1px solid #999; padding: 10px 20px; box-shadow: 0 6px 8px rgba(6,0,1,0.2);} .dvg-txt li { display: none; line-height: 20px; position: relative;} .dvg-txt li span { display: block; width: 19px; height: 10px; position: absolute; background: #fff url(../images/cmt/hp-ico.png) no-repeat 0 0; top: -20px;} .dvg-st1 { left: 52px;} .dvg-st2 { left: 274px;} .dvg-st3 { left: 500px;} .dvg-st4 { left: 714px;} .dvg-st5 { left: 940px;} .dvg-txt .dvg-show { display: block;} .dvg-nav { background: #fff url(../images/cmt/hp-ico.png) no-repeat 0 -21px; height: 40px; line-height: 40px; font-size: 17px; color: #f80; padding: 0 20px;} .dvg-con { line-height: 20px; padding: 0 20px 35px 20px; max-width: 1050px;} .dvg-con strong { display: block; padding: 5px 0 10px;} .dvg-pdb { padding: 0 20px 0 20px;} .at-top { background: #fff url(../images/cmt/ab-top.jpg) no-repeat center top; height: 400px;} .at-li1, .at-li3, .at-li5 { background-color: #fffbed;} .at-li2, .at-li4, .ab-shop { background-color: #f7f7f7;} .at-abu { margin: 0 auto; width: 556px; min-height: 234px;} .at-abu dt, .at-abu dd { width: 506px; position: relative;} .at-abu dt:before { content: ''; width: 48px; height: 8px; background-color: #ffc000; position: absolute; left: 0; top: -20px;} .at-abu dt { font-size: 34px; padding-bottom: 20px;} .at-abu dd { font-size: 14px; color: #666; line-height: 22px; margin-bottom: 8px; font-family: Verdana, Geneva, sans-serif;} .at-li1 .at-abu { padding: 120px 544px 120px 50px; background: url(../images/cmt/ab-bg1.jpg) no-repeat 606px center;} .at-li2 .at-abu { padding: 120px 50px 120px 574px; background: url(../images/cmt/ab-bg2.jpg) no-repeat 50px center;} .at-li3 .at-abu { padding: 120px 544px 120px 50px; background: url(../images/cmt/ab-bg3.jpg) no-repeat 606px center;} .at-li4 .at-abu { padding: 120px 50px 120px 574px; background: url(../images/cmt/ab-bg4.jpg) no-repeat 50px center;} .at-li5 .at-abu { padding: 120px 544px 120px 50px; background: url(../images/cmt/ab-bg5.jpg) no-repeat 606px center;} .at-btm-tit { font-size: 40px; color: #000; font-weight: bold; text-align: center; padding: 30px 0 5px;} .at-btm-des { font-size: 20px; color: #000; padding: 8px 0 30px; width: 280px; text-align: center; margin: 0 auto;} .at-btm-list { padding-bottom: 30px;} .at-list { float: left; width: 300px; height: 300px; position: relative; cursor: pointer;} .at-lt-img  { display: block; margin: 20px 110px; height: 80px; width: 80px; border: 2px solid #FF7F00; border-radius: 5px; background: url(../images/cmt/about-ico.png) no-repeat;} .at-list:hover .at-lt-img { background-color: #FF7F00; border-radius: 40px;} .at-lt1 { background-position: 17px 20px;} .at-list:hover .at-lt1 { background-position: -60px 20px;} .at-lt2 { background-position: 18px -45px;} .at-list:hover .at-lt2 { background-position: -59px -45px;} .at-lt3 { background-position: 19px -109px;} .at-list:hover .at-lt3 { background-position: -60px -109px;} .at-lt4 { background-position: 19px -176px;} .at-list:hover .at-lt4 { background-position: -64px -176px;} .at-lt-tit { padding: 10px 0 15px; text-align: center; color: #222; font-size: 17px; text-transform: uppercase; font-weight: 600;} .at-lt-des { color: #aaa; font-size: 13px; line-height: 18px; padding: 0 30px; text-align: center;} .at-list .at-lt-jt { display: block; position: absolute; right: -23px; top: 30px; height: 64px; width: 64px; background: url(../images/cmt/about-ico.png) no-repeat 12px -269px;} .ab-nav { height: 150px;} .at-slnav { width: 100%; font-weight: 700; height: 80px; padding: 30px 0 0 0; color: #000; text-align: center; background: #fff;} .at-slider li { display: inline-block; position: relative; margin: 0 55px; cursor: pointer; transition: all 0.2s; max-width: 160px;} .at-slider li.at-sf1 { margin: 0 55px 0 0;} .at-slider li.at-sf5 { margin: 0 0 0 55px;} .at-slider li span { font-size: 14px; font-weight: bold; display: block;} .at-sl-ico { margin: 0 auto; display: block; background: url(../images/cmt/about-ico.png) no-repeat; padding: 2px; width: 42px; height: 40px;} .at-st1 { background-position: 0 -369px;} .st-current .at-st1 { background-position: -104px -369px;} .at-st2 { background-position: 0 -434px;} .st-current .at-st2 { background-position: -107px -434px;} .at-st3 { background-position: 0 -518px;} .st-current .at-st3 { background-position: -108px -518px;} .at-st4 { background-position: 0 -608px;} .st-current .at-st4 { background-position: -118px -608px;} .at-st5 { background-position: 0 -695px;} .st-current .at-st5 { background-position: -106px -695px;} .st-current { color: #ec7612;} .abt-ico li { width: 33.33333%; height: 436px; float: left; overflow: hidden;} .abt-con { height: 436px; text-align: center; padding-top: 108px; height: 100%; transition: all 0.4s ease-in-out; cursor: pointer; color: #fff;} .abt-con:hover { transform: translate(0, -16px);} .abt-li1 { background-color: #c81912;} .abt-li2 { background-color: #f64b3c;} .abt-li3 { background-color: #ffc38b;} .abt-con span { margin: 0 auto; display: block; height: 53px; background: url(../images/cmt/about-ico.png) no-repeat;} .abt-con .abt-i1 { width: 54px; background-position: 0 -794px;} .abt-con .abt-i2 { width: 47px; background-position: -98px -794px;} .abt-con .abt-i3 { width: 49px; background-position: 0 -901px;} .abt-con h5 { font-size: 22px; text-transform: uppercase; padding-top: 30px;} .abt-con h3 { font-size: 48px; text-transform: uppercase;} .abt-con i { display: block; width: 50px; height: 4px; margin: 24px auto 26px; background-color: #fff;} .abt-con p { width: 370px; margin: 0 auto; color: #fff; font-size: 15px; line-height: 28px; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out;} .abt-con:hover p { opacity: 1; visibility: visible;} .ab-grt { padding: 90px 0 35px; font-size: 30px; text-align: center; font-weight: 700; position: relative; color: #000;} .ab-grt i { position: absolute; width: 60px; height: 2px; background-color: #ff9a00; left: 50%; margin-left: -30px; bottom: 0;} .ab-grt-list { padding: 20px 80px 70px 180px;} .ab-grt-list li { float: left; width: 50%; box-sizing: border-box; padding-left: 120px; text-transform: uppercase; position: relative; margin-bottom: 80px;} .ab-grt-list i { display: block; position: absolute; left: 0; width: 80px; height: 80px; background: url(../images/cmt/about-ico.png) no-repeat;} .ab-grt-list .agl-i1 { background-position: 0 -1352px;} .ab-grt-list .agl-i2 { background-position: 0 -1012px;} .ab-grt-list .agl-i3 { background-position: 5px -1194px;} .ab-grt-list .agl-i4 { background-position: 5px -1510px;} .ab-grt-list strong { display: block; padding: 10px 0 10px; font-size: 30px;} .ab-grt-list span { display: block; font-size: 13px;} .ab-bot { padding: 50px 0 50px; font-size: 32px; text-align: center;} .ab-bot em { font-weight: 700;} .ab-bot span { padding-top: 10px; display: block; font-size: 14px; color: #666;} .abt-wrap { width: 950px; height: 260px; margin: 0 auto 130px; box-shadow: 0 16px 32px 0 rgba(62,57,107,.2); border-radius: 0 0 3px 3px; position: relative; padding: 20px 0;} .abt-wnav { position: absolute; width: 100%; left: 0; top: -5px; z-index: 5; height: 5px; background-image: linear-gradient(120deg, #f30213, #a614a8, #f30213); border-radius: 5px 5px 0 0; font-family: Verdana, Geneva, sans-serif;} .ab-blt { float: left; width: 474px; border-right: 1px solid #DEDEF7; height: 260px; text-align: center;} .ab-brt { float: left; width: 475px; height: 260px; text-align: center;} .abt-wtit { margin: 24px 0; font-size: 24px; line-height: 38px;} .abt-wdes { font-size: 15px; line-height: 28px;} .abt-wlk { padding-top: 40px;} .abt-wlk a { display: inline-block; height: 40px; line-height: 40px; padding: 0 30px; border-radius: 20px; border: 1px solid #f30213; color: #f30213; box-shadow: 0 10px 40px 0 rgba(62,57,107,.07), 0 2px 9px 0 rgba(62,57,107,.06); transition: background .2s,box-shadow .2s;} .abt-wlk a:hover { background: #f30213; color: #fff; box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);} .svc-nav { height: 320px; background: url(../images/cmt/svc-bg.jpg) no-repeat center top;} .cmt-info h2 { height: 50px; line-height: 50px; font-size: 30px; text-transform: uppercase; font-weight: bold; text-align: center; padding-top: 30px;} .cmt-info h3 { text-align: center; color: #666; font-size: 14px; font-weight: normal;} .svc-wrap { padding-top: 50px;} .svc-rt { float: left; width: 50%;} .svc-lt { float: left; width: 50%;} .svc-box { height: 130px; position: relative; border: 1px solid #f8f8f8; margin: 0 20px 20px 0; padding: 20px; background-color: #f8f8f8; overflow: hidden; cursor: pointer;} .svc-rt .svc-box { margin: 0 0 20px 20px;} .svc-box:hover { background-color: #fff; border: 1px solid #ddd;} .svc-lt .svc-box:before { background: none repeat scroll 0 0 #eeeeee; border-color: #ffffff #eeeeee #eeeeee #ffffff; border-style: solid; border-width: 0 0 16px 16px; content: ""; display: block; position: absolute; left: 0; top: 0; width: 0;} .svc-rt .svc-box:before { background: none repeat scroll 0 0 #eeeeee; border-color: #ffffff #ffffff #eeeeee #eeeeee; border-style: solid;  border-width: 0 16px 16px 0; content: ""; display: block; position: absolute; right: 0; top: 0; width: 0;} .svc-des { padding: 5px 25px 0 120px; color: #aaa; font-size: 14px; line-height: 18px;} .svc-des span { display: block; font-size: 18px; font-weight: 700; color: #333; text-transform: uppercase; padding-bottom: 10px;} .svc-tr { text-align: right; padding: 5px 120px 25px 0;} .svc-ico { position: absolute; left: 25px; top: 25px; width: 80px; height: 80px; border: 2px solid #ff4747; border-radius: 8px; overflow: hidden; background: url(../images/cmt/svc-ico.png) no-repeat;} .svc-i1, .svc-i3, .svc-i5, .svc-i7 { left: auto; right: 25px;} .svc-i1 { background-position: 18px 18px;} .svc-i2 { background-position: 19px -89px;} .svc-i3 { background-position: 16px -194px;} .svc-i4 { background-position: 14px -301px;} .svc-i5 { background-position: 18px -407px;} .svc-i6 { background-position: 17px -510px;} .svc-i7 { background-position: 16px -613px;} .svc-i8 { background-position: 16px -722px;} .svc-box:hover .svc-ico { border-radius: 40px; background-color: #ff4747;} .svc-box:hover .svc-i1 { background-position: -99px 18px;} .svc-box:hover .svc-i2 { background-position: -98px -89px;} .svc-box:hover .svc-i3 { background-position: -96px -194px;} .svc-box:hover .svc-i4 { background-position: -94px -301px;} .svc-box:hover .svc-i5 { background-position: -99px -407px;} .svc-box:hover .svc-i6 { background-position: -98px -510px;} .svc-box:hover .svc-i7 { background-position: -99px -613px;} .svc-box:hover .svc-i8 { background-position: -96px -722px;} .svc-lt .svc-mag0 { margin: 0 20px 0 0;} .svc-rt .svc-mag0 { margin: 0 0 0 20px;} .cmt-trk, .b2b-wrap { width: 1018px; padding: 0 91px 30px 91px;} .cmt-tkt { height: 50px; line-height: 50px; font-size: 20px;} .cmt-tkd { color: #666; font-family: Verdana, Geneva, sans-serif; border-bottom: 1px solid #f2f2f2; padding-bottom: 20px; line-height: 18px;} .cmt-tkf { width: 706px; margin: 30px 135px; padding: 10px 20px; border: 1px solid #bdbdbd; border-radius: 3px;} .tkf-nav { font-size: 18px; height: 50px; line-height: 50px; color: #152d48; padding: 10px;} .tkf-lbl { float: left; font-weight: bold; width: 160px; height: 40px; line-height: 40px; padding-left: 20px; margin-bottom: 30px;} .tkf-lbl i { color: #f00;} .cmt-tkf input { float: left; height: 38px; width: 504px; margin-bottom: 30px;} .trk-btn { float: right; margin: 0 19px 30px 0; cursor: pointer; border: none; height: 30px; line-height: 30px; padding: 0 20px; color: #fff; border-radius: 5px; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.18);} .cmt-tkn { margin-top: 50px; padding: 20px 0; color: #666; font-family: Verdana, Geneva, sans-serif; border-top: 1px solid #f2f2f2; line-height: 18px;} .cmt-noresult { height: 34px; line-height: 34px; padding-left: 42px; background: #fbf1d5 url(../images/cmt/hp-ico.png) no-repeat 13px -66px; border: 1px solid #ba7a1a; border-radius: 4px; color: #6c490f; display: none;} .b2b-wrap { width: 968px; padding: 0 115px;} .b2b-nav { font-size: 18px; font-weight: bold; height: 50px; line-height: 50px; background: url(../images/cmt/hp-ico.png) no-repeat 900px -115px;} .b2b-txt { width: 960px; color: #666; font-family: Verdana, Geneva, sans-serif; padding-top: 15px; line-height: 18px;} .b2b-txt em { color:#2f86c7; font-size: 24px; height: 30px; line-height: 30px;} .b2b-form { margin-top: 15px;} .b2b-fmt { font-weight: bold; width: 300px; margin-bottom: 5px;} .b2b-fmt span { font-weight:normal; color: #999;} .b2b-ipt { padding-bottom: 20px;} .b2b-ipt input, .b2b-tab input { height: 32px; line-height: 32px; width: 500px;} .b2b-ipt .ipt-eml, .b2b-ipt textarea { width: 950px;} .b2b-tit { font-size: 18px; font-weight: 700; color: #888; margin: 10px 0; text-indent: 3px; line-height: 28px;} #b2b-tb tr, #b2b-tb td { border: 0;} #b2b-tb span { padding-left: 5px;} .b2b-tab .ipt-sku { width: 85px; text-align: center; margin-bottom: 5px;} .b2b-tab .ipt-des  { width: 675px; padding-left: 10px; margin-bottom: 5px;} .b2b-tab .ipt-qty { width: 68px; text-align: center; margin-bottom: 5px;} .b2b-btn { display: block; width: 120px; margin: 5px 0 20px; padding: 5px; color: #2f86c7; cursor: pointer;} .b2b-cap { margin-bottom: 30px; position: relative;} .b2b-captit { float: left; padding-left: 5px; font-size: 14px; font-weight: bold; height: 44px; line-height: 44px; width: 65px; color: #666;} .b2b-capdes { float: left; padding: 10px 0 0 5px; width: 920px; line-height: 18px; color: #888;} #b2b-tb .remove-tr { padding-left: 15px; font-size: 11px; color: #bbb; cursor: pointer;} .b2b-bg { padding-bottom: 40px; background-color: #f6f6f6; position: relative; z-index: 20;} .b2b-bg:after { content: ''; display: block; position: absolute; width: 100%; height: 150px; background: #fff; transform: skewY(-3deg); bottom: -130px; left: 0; height: 200px; box-shadow: rgba(200,200,200,0.1) 0 -16px 24px;} .b2b-flm { float: left; width: 595px; height: 600px; padding: 70px 0 30px;} .b2b-slbox { margin: 34px 0; width: 100%; height: 468px;} .b2b-slider { border: 4px solid #f30213; height: 468px; box-sizing: border-box; width: 80%; margin: 0 auto; border-radius: 50%; position: relative; box-shadow: 0 5px 15px 1px rgba(112,128,175,0.25);} .b2b-slider .sliderbox { width: 80%; height: 80%; margin: 10%; background-color: #444; color: #fff; border-radius: 50%; position: relative;} .b2b-slider .sliderbox li { position: absolute; text-align: center; left: 34px; top: 110px; width: 305px; height: 145px;} .b2b-slider .sliderbox i { background: url(../images/cmt/b2b-ico.png) no-repeat; display: block; width: 45px; height: 50px; margin: 0 auto;} .b2b-slider .sliderbox strong { display: block; font-size: 20px; line-height: 30px;} .b2b-slider .sliderbox span { display: block; font-size: 14px; line-height: 24px;} .b2b-slider .sliderbox .b2b-ico1 { background-position: 0 -246px;} .b2b-slider .sliderbox .b2b-ico2 { background-position: 0 -322px;} .b2b-slider .sliderbox .b2b-ico3 { background-position: 0 -396px;} .b2b-slider .sliderbox .b2b-ico4 { background-position: 0 -467px;} .b2b-slider .sliderbox .b2b-ico5 { background-position: 0 -536px;} .b2b-slider .slidernav { position: absolute; left: 50%; top: 50%;} .b2b-slider .slidernav li { position: absolute; color: #fff; height: 48px; width: 48px; margin: -24px; border-radius: 50%; opacity: 0; cursor: pointer; z-index: 10; background: #f30213 url(../images/cmt/b2b-ico.png) no-repeat;} .b2b-slider .slidernav .sln1 { background-position: 11px 11px;} .b2b-slider .slidernav .sln2 { background-position: 12px -42px;} .b2b-slider .slidernav .sln3 { background-position: 12px -89px;} .b2b-slider .slidernav .sln4 { background-position: 11px -139px;} .b2b-slider .slidernav .sln5 { background-position: 11px -184px;} .b2b-slider .slidernav li.current{ -webkit-animation: circle_pop 1s ease-out both; animation: circle_pop 1s ease-out both;}
@-webkit-keyframes circle_pop { 
0% { opacity: 0.1; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3);}
50%{ opacity: 1;} }
@keyframes circle_pop {
0% { opacity: 0.1; transform: scale3d(.3,.3,.3);}
50% { opacity: 1;} } .b2b-flt { float: left; width: 595px; height: 540px; padding: 130px 0 30px 10px; font-size: 14px; line-height: 28px; color: #666;} .b2b-flt h2 { font-size: 44px; line-height: 70px; color: #20375c;} .b2b-flt h3 { font-size: 28px; line-height: 44px; color: #333; margin-bottom: 20px;} .dvg-list { padding: 30px 0 20px;} .dvg-list li { float: left; width: 20%; max-width: 220px; position: relative; cursor: pointer;} .dvg-top { padding: 0 0 30px 55px;} .dvg-ico { display: block; width: 85px; height: 85px; border: 1px solid #ff4747; background: url(../images/cmt/b2b-ico.png) no-repeat; border-radius: 50px; position: relative; z-index: 5; transition: scale 0.3s linear;} .dvg-list li:hover .dvg-ico { background-color: #ff4747;} .vg1 { background-position: 25px -1877px;} .dvg-list li:hover .vg1 { background-position: 25px -1426px;} .vg2 { background-position: 28px -1959px;} .dvg-list li:hover .vg2 { background-position: 28px -2036px;} .vg3 { background-position: 25px -1804px;} .dvg-list li:hover .vg3 { background-position: 25px -1507px;} .vg4 { background-position: 25px -1733px;} .dvg-list li:hover .vg4 { background-position: 25px -1344px;} .vg5 { background-position: 26px -1168px;} .dvg-list li:hover .vg5 { background-position: 25px -1256px;} .vg6 { background-position: 26px -1660px;} .dvg-list li:hover .vg6 { background-position: 25px -1590px;} .dvg-jt { position: absolute; width: 38px; height: 17px; background: url(../images/cmt/b2b-ico.png) no-repeat 0 -1133px; right: -10px; top: 34px;} .dvg-ico:after { position: absolute; content: ""; display: block; width: 103px; height: 103px; border: 1px solid #ff4747; border-radius: 50%; top: -8px; left: -10px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; z-index: -1; -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; transition: all 0.3s linear;} .dvg-list li:hover .dvg-ico:after { -webkit-transform: scale(1); transform: scale(1); opacity: 1;} .dvg-desc strong { display: block; padding: 0 25px 20px 0; font-size: 14px; text-align: center;} .dvg-desc span { display: block; padding-left: 15px; color: #888; line-height: 18px;} .dvg-bg { position: relative; z-index: 25; padding-bottom: 100px;} .dvg-bg:after { content: ''; display: block; position: absolute; width: 100%; height: 150px; background: #f7f7f7; transform: skewY(-3deg); bottom: -130px; left: 0; height: 200px;} .b2b-dvg { margin: 50px 0;} .ctn-fm { padding: 0 128px; margin-bottom: 30px; position: relative;} .ctn-ban { padding-left: 10px; font-size: 14px; font-weight: bold; height: 44px; line-height: 44px; color: #666;} .ctn-tit { float: left; font-size: 14px; font-weight: bold; height: 44px; line-height: 44px; margin-right: 10px; text-align: right; width: 140px; color: #666; overflow: hidden;} .ctn-rec { display: inline-block; margin-right: 5px; vertical-align: middle; color: #f00; line-height: 44px;} .ctn-tra { padding-top: 100px; line-height: 10px;} .ctn-slnav { float: left; border-radius: 5px; height: 42px; line-height: 42px; padding: 0 40px 0 10px; margin: 0 6px; width: 398px; border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); font-size: 13px; cursor: pointer; background: url(../images/cmt/hp-ico.png) no-repeat 420px -284px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .ctn-on { background-position: 420px -318px;} .ctn-slt { position: absolute; top: 42px; left: 134px; line-height: 20px; background-color: #fff; width: 448px; border: 1px solid #66afe9; z-index: 20; font-size: 13px; padding: 9px 0; display: none; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);} .ctn-slt li { cursor: pointer; line-height: 26px; padding: 0 4px 0 13px;} .ctn-slt li:hover { background-color: #1e90ff; color: #fff;} .minid-list { left: 596px;} .ctn-fmt { float: left; padding: 10px 0 0 10px; width: 920px; line-height: 18px; color: #888;} .ctn-fm input[type="text"], .ctn-min input, .b2b-cap input[type="text"] { float: left; margin: 0 6px; border-radius: 5px; height: 42px; line-height: 42px; padding: 0 4px; width: 904px; border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0,0,0,.075);} .ctn-fm textarea { float: left; margin: 0 6px; border-radius: 5px; height: 100px; min-width: 904px; padding: 4px; border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0,0,0,.075);} .ctn-fm input.code_name, .b2b-cap input.code_name { width: 70px;} .ctn-fm img, .b2b-cap img { float: left; margin: 11px 3px;} #sku_id { display: none;} .ctn-fa { float: left; margin: 0 6px; width: 893px; border: 1px dashed #ccc; background-color: #fafafa; padding: 30px 10px; line-height: 16px;} .ctn-fa .add-file, .ctn-fmt .remove-file { float: left; display: block; background: #fff url(../images/cmt/hp-ico.png) no-repeat 6px -209px; border: 1px dashed #dae2ed; width: 31px; height: 31px;} .ctn-fmt .remove-file { margin-left: 10px; height: 23px; background-position: 8px -261px;} .ctn-fa .add-file:hover, .ctn-fmt .remove-file:hover { border-color: #8dc7eb;} .ctn-desc { float: left; width: 850px; padding-left: 10px; color: #888;} .ctn-fmt input { float: left; border: 1px solid #e1e1e1; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); height: 23px;} .cmt-upf { margin-top: 10px;} .cmt-upf p { float: left; padding-bottom: 10px; width: 100%;} .ctn-dash { margin: 20px 130px 20px 110px; height: 30px; border-bottom: 1px solid #dfe5e8;} .ctn-info { margin-top: 50px; padding-left: 90px;} .ctn-min { float: left; width: 500px; margin-bottom: 30px;} .ctn-min input { width: 305px;} .ctn-btn { display: block; background-color: #ff4747; width: 195px; height: 40px; border: 0; border-radius: 20px; color: #fff; font-size: 24px; cursor: pointer; margin: 50px auto 20px; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.18);} .ctn-btn:hover { background-color: #f30213;} .ctn-on, .ctn-fm input[type="text"]:focus, .ctn-min input:focus, .ctn-fm textarea:focus { border-color:#66afe9; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);} .captcha { padding: 0 0 0 90px;} .captcha .ctn-fmt { padding: 10px 0 0 160px;} .ctn-dia { position: fixed; z-index: 1500; padding: 15px; color: #636669; border: 1px solid #000; border-radius: 7px; background: #fff; box-shadow: 1px 1px 3px #aaa; -webkit-transform: translateZ(0); width: 400px; height: 50px; padding: 50px 20px; left: 50%; margin-left: -220px; top: 50%; margin-top: -75px; line-height: 25px; text-align: center;} .ctn-dia strong { display: block; color: #f00;} .ctn-dia em { position: absolute; right: 8px; top: 8px; cursor: pointer; display: block; width: 16px; height: 16px; background: url(../images/pro-ico.png) no-repeat; background-position: -38px -183px; z-index: 1510;} .g-bg { padding-top: 404px; background: #edf1fc url(../images/cmt/g-bg.jpg) no-repeat center top;} .grt-box { height: 380px; background-color: #fff; box-shadow: 0 4px 6px 0 rgba(0,0,0,.15);} .grt-tit { padding-top: 40px; font-size: 20px; color: #474747; text-align: center; text-transform: uppercase; text-shadow: 0 1px 1px rgba(0,0,0,.5);} .grt-tit span { display: block; text-transform: none; font-size: 14px; color: #666; line-height: 20px; padding-top: 5px;} .grt-con { padding: 60px 0 0 100px;} .grt-ico { float: left; width: 200px; height: 240px; overflow: hidden;} .grt-ico .grt-icn { width: 200px; height: 130px; background: url(../images/cmt/grt-ico.png) no-repeat;} .grt-ico .grt-nav1 { background-position: 40px 0;} .grt-ico .grt-nav2 { background-position: 45px -861px;} .grt-ico .grt-nav3 { background-position: 40px -219px;} .grt-ico .grt-nav4 { background-position: 45px -685px;} .grt-ico .grt-nav5 { background-position: 40px -442px;} .grt-text { overflow: hidden; text-align: center; font-size: 14px;} .grt-text { color: #999;} .grt-text span { display: block;} .grt1 span { color: #248b95;} .grt3 span { color: #5b3299;} .grt5 span { color: #197bab;} .grt-setit { padding: 110px 0 60px; color: #2b2b2b; font-size: 34px; text-align: center; text-shadow: 0 1px 1px rgba(0,0,0,.2);} .grt-list { width: 1208px; margin-right: -12px; height: 510px;} .grt-list li { float: left; width: 248px; height: 280px; padding: 60px 20px; margin-right: 12px; background-color: #fff; border-radius: 5px; box-shadow: 2px 2px 3px 0 rgba(0,0,0,.1); border: 1px solid #ededed; transition: all .2s;} .grt-list li:hover { transform: translate(0,-5px); box-shadow: 0 16px 32px 0 rgba(51,51,51,0.28), 0 0 0 transparent;} .grt-li-ico { margin: 0 63px; width: 120px; height: 120px; border: 1px solid #e5e5e5; border-radius: 60px; background: url(../images/cmt/grt-ico.png) no-repeat; transition: border-color 0.2s linear;} .grt-list li:hover .grt-li-ico { border-color: #5863a5;} .grt-nav6 { background-position: 33px -1050px;} .grt-nav7 { background-position: 36px -1179px;} .grt-nav8 { background-position: 36px -1324px;} .grt-nav9 { background-position: 34px -1455px;} .grt-desc { padding-top: 60px;} .grt-desc strong { display: block; text-align: center; font-size: 14px; padding-bottom: 20px;} .grt-desc span { display: block; line-height: 18px; padding-left: 25px; background: url(../images/cmt/grt-ico.png) no-repeat -102px -1041px;} .grt-mid { background-color: #fff; padding: 120px 0;} .grt-mid-nav { font-size: 42px; text-align: center; font-weight: 700; padding-bottom: 15px;} .grt-mid-des { font-size: 14px; line-height: 150%; color: #666; text-align: center; padding: 0 80px;} .grt-mid ul { text-align: center; padding-top: 40px;} .grt-mid li { display: inline-block; width: 320px; padding: 30px 0 30px 100px; font-size: 24px; font-weight: 700; background: url(../images/cmt/grt-ico.png) no-repeat 0 -1833px; text-align: left; vertical-align: middle;} .grt-mid li:first-child { background-position: 0 -1657px;} .grt-bot { background-color: #edf1fc; padding: 75px 0 95px;} .grt-ht { padding-bottom: 50px; font-size: 42px; text-align: center; font-weight: 700;} .grt-hdes { color: #605f5f; font-family: Arial, Helvetica, sans-serif; font-size: 32px; font-weight: 700; text-align: center;} .grt-ser { color: #888; text-align: center; line-height: 50px; padding-top: 10px;} .grt-btn { height: 78px; margin-top: 20px;} .grt-btn a { background-color: #555; border-radius: 3px; width: 330px; font-size: 28px; font-family: Arial, Helvetica, sans-serif; text-align: center; margin-left: 435px; line-height: 78px; color: #fff; display: block; transition: all 0.3s;} .grt-btn a:hover { background-color: #f30213;} .btm-ban { padding-top: 50px;} .btm-ban .btm-lst { border: none;} .site-nav { height: 48px; line-height: 48px; font-size: 22px; border-bottom: 1px solid #ccc; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 30px 0 15px;} .site-tit { line-height: 20px; color: #666;} .site-tit a { font-size: 16px; color: #666;} .site-list { margin: 10px 0 15px; padding-bottom: 15px; border-bottom: 1px dashed #ccc; display: flex; flex-direction: row; flex-wrap: wrap;} .site-list li { float: left; width: 25%; font-size: 12px; padding: 0 40px 10px 0; box-sizing: border-box;} .site-list a { color: #666;} .site-list a:hover { text-decoration: underline; color: #f30213;} .site-last { margin: 15px 0 120px; border: none;} .policy_left{ float: left; width: 200px; height: 700px; margin-top: 10px; border: 1px solid #e1dfdf; overflow: hidden;} .policy_right { float: left; width: 748px; margin-left: 10px; margin-top: 10px; padding: 10px 20px; border: 1px solid #e1dfdf; overflow: hidden;} .policy_right p { float: left; width: 748px; } .policy_right img { vertical-align: bottom;} .policy_cat { float: left; height: 30x; line-height: 30px; border-bottom: 1px dashed #aaa; font-size: 14px; font-weight: 700;} .policy_right > p > a { color: #025a96;} .policy_right > p > a:hover { text-decoration: underline;} .cmt-rt .dtl-tit { padding: 20px 0 0 0;} .dsp-sec .dsp-bg { display: block; margin: 30px auto 0; background: url(../images/cmt/dsp-bg.jpg) no-repeat; width: 774px; height: 539px;} .fbk-bg { background: #f8faff; min-height: 100vh; padding-bottom: 60px; box-sizing: border-box;} .fbk-contain { width: 870px; margin: 0 auto; background-color: #fff; } .fbk-logo { float: left; width: 197px; padding: 28px 20px 32px 36px;} .fbk-inner { float: left; height: 26px; line-height: 26px; margin: 39px 0; padding: 0 20px; font-size: 23px; font-family: Tahoma, Geneva, sans-serif; border-left: 1px solid #c4c6cf;} .fbk-top { background-color: #f8faff; width: 960px;} .fbk-tit { width: 870px; background-color: #ffc928; margin: 30px auto; border-radius: 5px; box-shadow: 0 0 15px rgba(0,0,0,0.07);} .fbk-tit h1 { height: 44px; line-height: 44px; padding-left: 20px; font-size: 16px; color: #3E3E3E;} .fbk-con { padding: 30px 45px; border-radius: 5px; box-shadow: 0 16px 32px 0 rgba(62,57,107,0.2);} .fbk-con h4 { color: #000; font-size: 16px; font-weight: 700; font-style: normal; text-decoration: none; padding-left: 20px; margin-left: 10px; word-wrap: break-word; white-space: normal; position: relative; line-height: 28px;} .fbk-con h4 span { padding-right: 5px;} .fbk-cpt { text-align: center;} .fbk-line { border-top: 1px solid #e7e7e7; padding-top: 30px;} .fbk-nav { font-family: Verdana, Geneva, sans-serif; font-size: 14px; line-height: 150%; padding: 0 30px 30px 30px;} .fbk-star { display: block; font-family: Verdana, Geneva, sans-serif; zoom: 1; position: absolute; top: 32px; left: 4px; color: #f00;} .fbk-radio { padding: 10px 30px; text-align: center;} .fbk-desc { padding: 20px 30px; font-size: 14px; font-family: Verdana, Geneva, sans-serif;} .fbk-radio label { display: inline-block; padding: 10px; cursor: pointer; border-radius: 4px; width: 9.6%; height: 100px; vertical-align: top; box-sizing: border-box;} .fbk-radio label:hover { background-color: #f5f5f5;} .fbk-radio span { display: inline-block; width: 100%; font-size: 14px; padding: 3px 0;} .fbk-radio .fbk-close { margin: 30px auto; display: block; background-color: #ff4747; color: #fff; width: 80px; padding: 8px; cursor: pointer; text-align: center;} .fbk-radio textarea, .fbk-radio input[type='text'] { border-radius: 5px; height: 150px; min-width: 830px; padding: 4px; border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); margin-bottom: 50px;} .fbk-radio input[type='text'] { height: 24px; margin: 0;} .fbk-radio textarea:focus, .fbk-radio input[type='text']:focus { border-color: #66afe9; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);} .fbk-fst label { display: block; width: 70%; text-align: left; padding: 5px 10px; height: 30px; overflow: hidden;} .fbk-fst span { width: auto; margin-left: 10px; vertical-align: middle;} .fbk-sub { padding: 40px 30px 30px 30px; text-align: center;} .fbk-fst { padding: 10px 30px 30px 30px;} .submit-btn { width: 150px; height: 40px; border: 0; background-color: #ff4747; border-radius: 3px; color: #fff; font-size: 22px; cursor: pointer; display: inline-block; transition: all 0.3s;} .submit-btn:hover { background-color: #e72e04;} .fbk-btm { box-shadow: 0 16px 32px 0 rgba(62,57,107,0.2); padding-bottom: 20px; margin-bottom: 30px; position: relative; top: -5px;} .fbk-bot { padding: 60px 0 20px; text-align: center; color: #999;} .sch-bg { height: 364px; background: #1e1d32 url(../images/cmt/24h-bg.jpg) no-repeat center top; color: #fff;} .sch-bg h1, .faq-bg h1 { padding-top: 70px; font-size: 40px; text-transform: uppercase; line-height: 60px; font-weight: normal;} .sch-bg h1 span { display: block;} .sch-line { margin: 10px 0 30px;} .sch-line i { display: inline-block; width: 500px; height: 3px; background-color: #ff4747;} .sch-bg h5, .faq-bg h5 { font-size: 18px; text-transform: uppercase; font-weight: normal; color: #eee;} .sch-con { background-color: #f5f5f5; padding: 80px 0 50px;} .sch-box { width: 950px; height: 250px; margin: 0 auto 60px; box-shadow: 0px 5px 15px rgba(112, 128, 175, 0.2); background-color: #fff; transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); border-radius: 6px;} .sch-box:hover { box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2); transform: translate3d(0,-4px,0);} .sch-bxl { float: left; width: 220px; padding: 50px 0; text-align: center; color: #999;} .sch-bxl span { display: block; width: 90px; height: 90px; background: url(../images/cmt/24h-ico.png) no-repeat; box-shadow: 0 5px 15px 0 rgba(112,128,175,0.2); border-radius: 6px; margin: 0 auto 30px;} .sch-bxl .sch-bi1 { background-position: 18px 24px;} .sch-bxl .sch-bi2 { background-position: 18px -105px;} .sch-bxl .sch-bi3 { margin: 25px auto 30px;  background-position: 14px -248px;} .sch-bxr { float: left; width: 650px; height: 180px; padding: 70px 40px 0; position: relative;} .sch-bxr strong { display: block; font-size: 20px; text-transform: uppercase;} .sch-bxr span { display: block; margin-top: 20px; line-height: 18px; font-size: 13px; font-family: Verdana, Geneva, sans-serif;} .sch-bxl .sch-bi4 { background-position: 16px -388px;} .sch-bxr em { display: block; margin-top: 5px; font-size: 14px; font-weight: 700;} .sch-bxr i { text-decoration: underline;} .sch-bxr a { display: block; position: absolute; font-size: 13px; padding: 0 20px; height: 40px; line-height: 40px; border-radius: 5px; color: #f30213; right: 80px; bottom: 40px; background-color: #ffeff2; box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.1); transition: box-shadow 0.2s ease-out; border: 1px solid #f30213; font-weight: 700;} .sch-bxr a:hover { box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);} .sch-con .b2b-slider .sliderbox { background-color: #fff; color: #20375c;} .sch-con .b2b-slider .sliderbox .b2b-ico1 { background-position: 0 -1049px;} .sch-con .b2b-slider .sliderbox .b2b-ico2 { background-position: 0 -877px;} .sch-con .b2b-slider .sliderbox .b2b-ico3 { background-position: 0 -965px;} .sch-con .b2b-slider .sliderbox .b2b-ico4 { background-position: 0 -710px;} .sch-con .b2b-slider .sliderbox .b2b-ico5 { background-position: 0 -798px;} .sch-con .b2b-slider .slidernav li { background: #f30213 url(../images/cmt/b2b-ico.png) no-repeat;} .sch-con .b2b-slider .slidernav .sln1 { background-position: 11px 11px;} .sch-con .b2b-slider .slidernav .sln2 { background-position: 12px -42px;} .sch-con .b2b-slider .slidernav .sln3 { background-position: 12px -645px;} .sch-con .b2b-slider .slidernav .sln4 { background-position: 11px -600px;} .sch-con .b2b-slider .slidernav .sln5 { background-position: 11px -184px;} .sch-con .b2b-flt { color: #737d8e;} .sch-con .b2b-flt h2 { color: #20375c;} .sch-con .b2b-flt h3 { color: #737d8e; font-size: 28px;} .b2b-flt p { margin-bottom: 13px;} .sch-bot .btm-wrap { background-color: #fff;} .faq-bg { height: 334px; background: url(../images/cmt/faq-bg.jpg) no-repeat center top; color: #fff;} .faq-bg .sch-line i { width: 450px;} .faq-bg h1 { padding-top: 90px;} .faq-bg h5 { font-size: 22px;} .faq-wrap { margin: 0 auto; width: 1170px; padding: 84px 0;} .faq-box { float: left; width: 515px; height: 300px; margin: 34px; box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06); border: solid 1px rgba(62,57,107,0.08); border-radius: 10px 10px 0 0; position: relative;} .faq-extra { height: 350px;} .faq-line { height: 4px; border-radius: 10px 10px 0 0; background-image: linear-gradient(269deg, #00aeff, #1cc7d0);} .faq-box dl { padding: 26px 4px; height: 190px;} .faq-extra dl { height: 240px;} .faq-box dt { line-height: 25px; font-size: 18px; font-weight: bold; font-family: Verdana, Geneva, sans-serif; border-bottom: 1px solid #ddd; padding: 0 28px 5px 28px; margin-bottom: 15px;} .faq-box dd { padding: 8px 28px; font-size: 15px; line-height: 16px;} .faq-box a { display: block;} .faq-box a:hover { color: #f70;} .faq-lta { padding-left: 380px; font-size: 15px;} .faq-lstl { float: left; width: 900px; padding: 8px 0;} .faq-lstl .st-nav .st-none a { padding: 0 5px 0 0;} .faq-lsti { border-top: 1px solid #ddd; margin-top: 9px; min-height: 500px; position: relative;} .faq-lstl-nav { padding: 36px 0 0 75px; height: 70px; line-height: 30px; font-size: 34px; background: url(../images/cmt/hp-ico.png) no-repeat 0 -390px;} .faq-lstl-nav span { font-size: 14px; display: block; line-height: 18px; color: #666; padding-top: 5px;} .faq-qlst { margin-top: 20px; border-top: 1px dotted #ddd;} .faq-qlst li { padding: 13px 0; line-height: 20px;  border-bottom: 1px dotted #ddd; list-style: disc inside; font-size: 13px;} .faq-fq { margin: 30px 0 10px; line-height: 18px; padding: 6px 0 6px 45px; font-size: 14px; font-weight: 700; background: url(../images/cmt/hp-ico.png) no-repeat 18px -505px;} .faq-fa { line-height: 18px; padding: 0 20px 0 45px; font-size: 13px; color: #666;} .faq-fa a { color: #f30213;} .faq-fa a:hover { text-decoration: underline;} .faq-fa span { display: block; padding-top: 12px;} .faq-lstr { float: right; margin-left: 30px; width: 270px;} .faq-lstr-nav { padding: 22px 0 14px; line-height: 28px; font-size: 24px; font-family: Tahoma, Geneva, sans-serif;} .faq-lstr-con { border-top: 1px solid #ddd; padding: 25px 0 10px; position: relative;} .faq-lstr-con li { font-size: 16px; height: 38px; line-height: 38px; padding-left: 15px; background: url(../images/cmt/hp-ico.png) no-repeat 0 -356px;} .faq-lstr-con p { padding-bottom: 15px; font-size: 13px; color: #666; line-height: 20px;} .faq-lstr-con span { display: block; color: #999;} .faq-lstr-con a:hover, .faq-qlst li a:hover { color: #f80; text-decoration: underline;} .faq-btline { position: absolute; display: block; height: 2px; left: 0; top: -2px; width: 65px; background-color: #f30213;} .faq-bottom { text-align: center; margin-top: 120px; background-color: #f7f7f7; padding: 50px 0 30px;} .text_input, .text_area{ border: 1px solid #bcbcbc; box-shadow: 0 2px 6px #ececec inset; box-sizing: content-box; color: #000; margin: 0; border-radius: 3px;} .text_input:focus, .text_area:focus{ border: 1px solid #92bbda; box-shadow: none; color: #000;} .cpc-header { height: 786px; background: url(../images/cmt/cpc-top.jpg) no-repeat center top; border-top: 5px solid #fda338;} .cpc-header .cmt-header { box-shadow: none;} .cpc-header .cmt-fr a { font-size: 14px;} .cpc-bg { background-color: #fcf8f4; position: relative;} .cpc-top { width: 1200px; margin: 0 auto; top: -120px; padding: 70px 0; position: relative; background-color: #fff; box-shadow: 0 0 30px #fcf0e1;} .cpc-top li { float: left; width: 33.3%; text-align: center;} .cpc-top i, .cpc-list i { display: inline-block; width: 100px; height: 100px; background: url(../images/cmt/cpc-ico.png) no-repeat;} .cpc-top .cpc-ico2 { background-position: 0 -155px;} .cpc-top .cpc-ico3 { background-position: 0 -325px;} .cpc-top strong { display: block; font-size: 30px; padding: 20px 0;} .cpc-top span { display: block; padding: 0 30px; line-height: 24px; font-size: 14px;} .cpc-nav { padding: 0 0 20px; font-size: 24px; font-weight: 700; text-align: center;} .cpc-list { width: 1220px; margin-right: -20px;} .cpc-list li { float: left; width: 285px; height: 300px; margin-right: 20px; box-shadow: 0 0 30px #fcf0e1; background-color: #fff; padding: 50px 0; text-align: center; transition: all 0.3s; cursor: pointer;} .cpc-list .cpc-ico4 { width: 85px; height: 60px; background-position: 0 -532px;} .cpc-list .cpc-ico5 { width: 67px; height: 60px; background-position: 0 -664px;} .cpc-list .cpc-ico6 { width: 62px; height: 60px; background-position: 0 -791px;} .cpc-list .cpc-ico7 { width: 69px; height: 60px; background-position: 0 -934px;} .cpc-list strong { display: block; font-size: 16px; padding: 30px 0; color: #362011;} .cpc-list span { display: block; line-height: 150%; font-size: 14px; color: #666; text-align: left; padding: 0 30px;} .cpc-list li:hover { transform: translateY(-10px);} .cpc-tit { text-align: center; padding: 80px 0 50px; color: #362011;} .cpc-tit strong { display: block; font-size: 28px;} .cpc-tit span { display: block; font-size: 18px; padding-top: 10px;} .cpc-img { height: 600px; background: url(../images/cmt/cpc-mid.jpg) no-repeat center top;} .cpc-bot { padding: 140px 0 180px; min-height: 240px; background: #fef2d8 url(../images/cmt/cpc-bot.jpg) no-repeat center bottom; text-align: center;} .cpc-bot strong { display: block; font-size: 28px; color: #362011;} .cpc-bot em { display: block; font-size: 24px; color: #362011; padding: 10px 0 100px;} .cpc-bot a { display: block; width: 400px; height: 50px; line-height: 50px; margin: 0 auto; background-color: #fa4135; box-shadow: 0 0 10px #fdb9a3; color: #fff; font-size: 16px; border-radius: 5px; transition: all 0.3s;} .cpc-bot a:hover { background-color: #e72e04;} .jsd { display: none; border: 1px solid #e8e8e8; border-radius: 7px; background: #fff; box-shadow: 1px 1px 3px #aaa; overflow: hidden; position: fixed; width: 900px; left: 50%; top: 50%; z-index: 2000; margin-left: -450px; margin-top: -175px; padding: 0 3px 1px 0; -webkit-transform: translateZ(0); -webkit-animation: zoomIn 0.2s; animation: zoomIn 0.2s;} .acc_ord_dialog { margin-top: -200px;}
@-webkit-keyframes zoomIn {	
0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3);}
50% { opacity: 1;}
}
@keyframes zoomIn {
0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3);}
50% { opacity: 1;}
} .pro-dialog-bg { position: absolute; left: 0; top: 0; background: #000; width: 100%; filter: alpha(opacity=50); opacity: 0.5; display: none; z-index: 1200;} .jscs { background-color: #fff; width: 100%; height: 30px; position: relative; z-index: 1300;} .jscs em { position: absolute; right: 8px; top: 8px; cursor: pointer; display: block; width: 16px; height: 16px; background: url(../images/pro-ico.png) no-repeat; background-position: -38px -183px; z-index: 1510;} .text_note { text-align: left; padding: 0 30px 20px; font-family: Verdana, Geneva, sans-serif; font-size: 14px; color: #666;} .text_note em { display: block; padding-bottom: 10px;} .text_note span { display: block; padding: 10px  0 20px 0;} .text_note i { color: #f00;} .jsd-ban { height: 76px; padding: 0 12px; overflow: hidden; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;} .jsd-bl, .jsd-br, .jsd-bl i, .jsd-tkinfo li { background: url(../images/tk-ico.png) no-repeat; font-family: Verdana, Geneva, sans-serif;} .jsd-bl { float: left; height: 40px; width: 340px; padding: 18px 0 18px 52px; border-right: 1px solid #e0e0e0; background-position: 0 18px; position: relative;} .jsd-bl i { display: block; width: 40px; height: 40px; position: absolute; left: 0; top: 18px; background-position: 0 -241px;} .jsd-bl span { display: block; line-height: 20px; color: #555;} .jsd-bl .jsd-tkn { font-size: 14px; color: #212121;} .jsd-br { float: left; height: 76px; width: 420px; padding: 0 0 0 50px; background-position: 20px -80px;} .jsd-br span { display: block; color: #333; line-height: 38px; font-size: 14px;} .jsd-tkb { padding: 5px 10px; height: 30px; line-height: 30px; font-size: 14px; color: #757575;} .jsd-tkinfo { padding: 0 20px 10px; max-height: 180px; overflow-x: hidden; overflow-y: auto; margin-bottom: 20px;} .jsd-tkinfo::-webkit-scrollbar { width: 9px; height: 9px;} .jsd-tkinfo::-webkit-scrollbar-corner { background: #4c3939;} .jsd-tkinfo::-webkit-scrollbar-thumb { background: #aaa; border-radius: 5px;} .jsd-tkinfo::-webkit-scrollbar-track { display: none;} .jsd-tkinfo:-webkit-scrollbar-track-piece { background: #e7e7e7;} .jsd-tkinfo li { padding: 4px 0 4px 40px; height: 24px; line-height: 22px; font-size: 14px; font-family: Verdana, Geneva, sans-serif; color: #666; background-position: 10px -175px; position: relative;} .jsd-tkinfo li:first-child { background-position: 10px -202px; color: #000; text-shadow: 1px 0px 1px rgba(0,0,0,.9);} .jsd-tkinfo li span { margin-right: 30px;} .jsd-tkinfo li i { display: block; position: absolute; width: 1px; height: 14px; background-color: #ddd; left: 16px; top: 24px;} .loadtrack { z-index: 1500; margin: 0 auto; width: 360px; height: 360px; background: rgba(255,255,255,.3) url(../images/loading.gif) center center no-repeat; overflow: hidden;}