@charset "utf-8";
* { margin: 0; padding: 0; }
html { font-size: 18px; font-family: '微软雅黑'; }
html , a { color: #555; text-decoration: none; }
a:hover { color: #3cb77c; }
img { border: none; }
.imgbox { display: block; }
.imgbox img { max-width: 100%; max-height: 100%; }
.cnt { width: 1076px; margin: 0 auto; }

.tc2sectit1{padding: 22px 0 0;font-size: 22px;line-height: 25px;font-weight: normal;color: #3cb77c;}
.tc2btn{display: block;width: 197px;height: 44px;line-height: 44px;color: white;background: url(images/btn.png);text-indent: 36px;transition: all 300ms;}
.tc2btn:hover{color: white;background: url(images/btnon.png);}
.tc2point{height: 395px;border-top: 1px solid #e7e7e7;overflow: hidden;}
.tc2point h3{font-size: 24px;color: #3cb77c;font-weight: normal;}
.tc2point p{padding: 9px 0;font-size: 18px;line-height: 30px;}
.tc2point .text .tc2btn{margin-top: 10px;}
.tc2point.left .illus{float: left;}
.tc2point.left .text{float: right;padding: 75px 0 0;}
.tc2point.right .illus{float: right;}
.tc2point.right .text{float: left;padding: 75px 5px 0;}
#tc2head{height: 92px;}
#tc2head .cnt{width: 1165px;overflow: hidden;}
#tc2head .logo{float: left;margin: 19px 0;}
#tc2head .contact{float: left;margin: 34px 18px;padding-left: 47px;color: #4daa7e;font-size: 24px;line-height: 30px;background: url(images/hico.gif) no-repeat;}
#tc2head .ad{float: right;margin: 31px 0;}
#tc2ad{height: 450px;color: white;background: #47A97A url(images/bannerbg.gif) 3px 11px;overflow: hidden;}
#tc2ad .illus{float: right;margin-right: -61px;}
#tc2ad h3{padding: 112px 4px 0;font-size: 39px;font-weight: normal;color: white;}
#tc2ad .n1{padding: 10px 5px 0;font-size: 24px; color:#fff;}
#tc2ad .n2{padding: 7px 4px 0;font-size: 19px; color:#fff;}
#tc2ad .tc2btn{margin: 19px 6px;}
.orange{ background:url(images/orange.png) no-repeat left top !important;}
#tc2ad .tc2btn:hover{color: white;text-decoration: underline;background: url(images/btn.png);}
#tc2s1 .cnt{height: 373px;}
#tc2s1 .list{padding: 19px 0;text-align: center;font-size: 0;}
#tc2s1 .blk{position: relative;display: inline-block;width: 304px;margin-left: 82px;vertical-align: top;text-align: left;}
#tc2s1 .blk.e1{margin-left: 0;}
#tc2s1 .blk.e2{;}
#tc2s1 .blk.e3{;}
#tc2s1 .blk .imgbox{width: 298px;height: 160px;padding: 3px;background: url(images/tc2s2logobg.gif) no-repeat;}
#tc2s1 .blk .e1{margin: 11px 4px 0;font-size: 16px;line-height: 20px;color: #333;font-weight: normal;}
#tc2s1 .blk .e2{margin: 9px 3px 0;}
#tc2s1 .blk .e2 .btn{display: inline-block;width: 84px;line-height: 26px;text-align: center;color: white;font-size: 14px;background: url(images/tc2s2btn1.png) no-repeat;vertical-align: middle;}
#tc2s1 .blk .e2 .bar{float: right;width: 210px;height: 6px;margin-top: 10px;background: #efefef;}
#tc2s1 .blk .e3{margin: 5px 4px;font-size: 16px;}
#tc2s1 .blk .e3 .field{display:block;font-size: 16px;line-height: 20px;color: #666; overflow:hidden;}
#tc2s1 .blk .e3 .field span{ float:left;}
#tc2s1 .blk .e3 .field .fname{ width:75px;}
#tc2s1 .blk .e3 .field .val{font-size: 14px; width:}
#tc2s1 .blk .e3 .btn{display:inline-block; margin-top:5px; padding:0 15px; line-height:30px; text-align:center; color:white; font-size:16px; vertical-align:middle; background:#3cb77c; border-radius:5px; -webkit-border-radius:5px;}
#tc2s1 .blk .flag{position: absolute;top: -18px;right: -14px;width: 55px;height: 55px;line-height: 55px;text-align: center;font-size: 26px;font-weight: normal;color: white;background: url(images/tc2s2flag.png) no-repeat;}
#tc2s2 .illus{padding: 34px 44px;}
#tc2s3 .illus{padding: 16px 0px;}
#tc2s3 .text{width: 405px;}
#tc2s4 .illus{padding: 49px 41px 0;}
#tc2s5 .list{margin: 20px 0 0;padding-bottom: 42px;border-bottom: 1px solid #f1f1f1;}
#tc2s5 .blk{display: inline-block;width: 510px;vertical-align: top;}
#tc2s5 .blk.first{margin-right: 50px;}
#tc2s5 .blk .imgbox{float: left;width: 209px;height: 90px;line-height: 90px;margin-right: 9px;font-size: 24px;color: #333;font-weight: normal;text-align: center;background: url(images/tc2s5icobg.png) no-repeat;}
#tc2s5 .blk .brief{font-size: 16px;line-height: 30px;color: #333;}
#tc2s6{background: #fafafa;padding-bottom: 42px;}
#tc2s6 .title{padding: 28px 0 0;font-size: 22px;font-weight: normal;text-align: center;color: #3cb77c;}
#tc2s6 .brief{padding: 14px 0 0;font-size: 18px;text-align: center;}
#tc2s6 .list{position: relative;height: 220px;margin: 23px 0 0; overflow:hidden;}
#tc2s6 .list .hd{position: absolute;top: 103px;left: -36px;right: -36px;height: 15px;}
#tc2s6 .list .hd .prev ,
#tc2s6 .list .hd .next{position: absolute;width: 9px;height: 15px;top: 0;}
#tc2s6 .list .hd .prev{left: 0;background: url(images/sec5prev.png);}
#tc2s6 .list .hd .next{right: 0;background: url(images/sec5next.png);}
#tc2s6 .list .bd{position: absolute;top: 0;left: -13px;right: -13px;bottom: 0;font-size: 0;}
#tc2s6 .list .blk{float: left;padding: 14px;margin: 0 10px;background-color: white;}
#tc2s6 .list .imgbox{}
#tc2s6 .tc2btn{margin: 28px auto 0;}


#header .nav li:hover dl{height: unset;padding: 10px 20px;}
body .page_box .page_header{width: 100%;height: 96px;background: #ffffff;}
body .page_box .page_one_box .page_one{max-width: 1920px;margin: auto;}
body .page_box .page_two_box .page_two{max-width: 1200px;margin: auto;}
body .page_box .index_page_type1 .m_title i{color: #1ac488;font-weight: bold;font-style: unset;}
body .page_box .index_page_type1.step2 .item_box .right .tit{font-size: 28px;line-height: 45px;}
.page_box .index_page_type1.step2 .item_box .right .tit i{color: #0eb085;margin-right: 15px;font-style: unset;}
body .page_box .index_page_type1.step2 .item_box .right .btn{color: #0db083;border: 1px solid #0db083;border-radius: 0;font-size: 20px;background: transparent;margin-top: 35px;}
body .page_box .index_page_type1.step2 .item_box .left{width: 50%;margin: unset;}
body .page_box .index_page_type1.step2 .item_box .right{width: 50%;margin: unset;padding: 40px 0 40px 90px;box-sizing: border-box;}
body .page_box .index_page_type1.step2 .item_box:nth-child(2) .right{padding: 40px 0 40px 60px;}
body .page_box .index_page_type1.step2 .item_box:nth-child(4) .right{padding: 40px 0 40px 60px;}
body .page_box .index_page_type1.step2 .item_box{margin-top: 100px;}
body .page_box .index_page_type1.step2 .item_box:nth-child(3){flex-direction: row-reverse;}
body .page_box .index_page_type1.step2 .item_box:nth-child(3) .left{text-align: right;padding-right: 35px;box-sizing: border-box;}
body .page_box .index_page_type1.step2 .item_box.item3.cur:nth-child(3) .left .po_img.img0{top: unset;left: unset;bottom: -15%;right: 0;}
body .page_box .index_page_type1.step2 .item_box:nth-child(4) .left{padding-left: 100px;box-sizing: border-box;}
body .page_box .index_page_type1.step2 .item_box.item3.cur:nth-child(4) .left .po_img.img1{left: 0;bottom: -15%;top: unset;right: unset;}
body .page_box .index_page_type1.step2 .item_box.item3:nth-child(4) .left .po_img.img0{left: unset;right: 14%;width: 100px;height: 96px;top: 13%;}
body .page_box .index_page_type1.step2 .item_box.item3:nth-child(4) .left .po_img.img2{left: unset;right: 17%;width: 65px;height: 60px;bottom: 39%;box-shadow: unset;}
body .page_box .index_page_type1.step2 .item_box.item3:nth-child(4) .left .po_img.img3{left: unset;right: 17%;width: 65px;height: 60px;box-shadow: unset;}
body .page_box .index_page_type1.step2 .item_box:nth-child(5){flex-direction: row-reverse;}
body .page_box .index_page_type1.step2 .item_box:nth-child(5) .left{text-align: right;padding-right: 35px;box-sizing: border-box;}
body .page_box .index_page_type1.step2 .item_box.item3.cur:nth-child(5) .left .po_img.img1{top: 14%;left: 26%;bottom: unset;right: unset;}
body .page_box .index_page_type1.step2 .item_box.item3.cur:nth-child(5) .left .po_img.img2{top: 39%;left: 15%;bottom: unset;right: unset;width: unset;height: unset;border-radius: unset;box-shadow: unset;}
body .page_box .index_page_type1.step2 .item_box.item3.cur:nth-child(5) .left .po_img.img4{top: 62%;left: 26%;bottom: unset;right: unset;width: unset;height: unset;border-radius: unset;box-shadow: unset;}
body .page_box .page_three_box{background: #fafafa;margin-top: 200px;}
body .page_box .page_three_box .page_three{max-width: 1440px;margin: auto;padding: 100px 0 70px;box-sizing: border-box;}
body .page_box .page_three_box .page_three .page_title{text-align: center;font-size: 50px;line-height: 89px;color: #000000;margin-bottom: 90px;}
body .page_box .page_three_box .page_three .page_subtitle{text-align: center;font-size: 24px;line-height: 73px;color: #000000;}
body .page_box .page_three_box .page_three .page_three_ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
body .page_box .page_three_box .page_three .page_three_ul .page_three_li{width: 30%;margin-bottom: 30px;}
body .page_box .page_four_box .page_four{max-width: 1200px;margin:100px auto;display: flex;}
body .page_box .page_four_box .page_four .page_four_l{width: 39%;}
body .page_box .page_four_box .page_four .page_four_r{width: 61%;box-sizing: border-box;}
body .page_box .page_four_box .page_four .page_four_r .page_four_li{padding-left: 20px;border-left: 4px solid #0eb085;margin-bottom: 50px;box-sizing: border-box;}
body .page_box .page_four_box .page_four .page_four_r .page_four_li:last-child{margin-bottom: 0;}
body .page_box .page_four_box .page_four .page_four_r .page_four_li .page_four_title{font-size: 30px;line-height: 45px;color: #000000;margin-bottom: 20px;}
body .page_box .page_four_box .page_four .page_four_r .page_four_li .page_four_subtitle:nth-child(2){font-size: 20px;line-height: 46px;color: #333333;padding-left: 110px;background: url(/shopify/images/ueeshop_logo.png) no-repeat left 16px;box-sizing: border-box;background-size:90px ;}
body .page_box .page_four_box .page_four .page_four_r .page_four_li .page_four_subtitle:nth-child(3){font-size: 20px;line-height: 46px;color: #333333;padding-left: 110px;background: url(./images/wordpress_logo.png) no-repeat left 15px;box-sizing: border-box;background-size:90px ;}
body .page_box .page_five_box{background: #fafafa;}
body .page_box .page_five_box .page_five{max-width: 1200px;margin: auto;padding: 60px 0;display: flex;align-items: center;box-sizing: border-box;}
body .page_box .page_five_box .page_five .page_five_l{width: 51%;}
body .page_box .page_five_box .page_five .page_five_l .page_five_sec_box{padding-left: 25px;box-sizing: border-box;}
body .page_box .page_five_box .page_five .page_five_l .page_five_title{font-size: 30px;color: #000000;border-left: 4px solid #0eb085;padding-left: 25px;box-sizing: border-box;margin-bottom: 20px;}
body .page_box .page_five_box .page_five .page_five_l .page_five_subtitle{font-size: 20px;line-height: 46px;color: #333333;background: url(./images/page_icon_exclamation.png) no-repeat left 10px;padding-left: 45px;box-sizing: border-box;}
body .page_box .page_five_box .page_five .page_five_r{width: 49%;text-align: center;}
body .page_box .page_five_box .page_five .page_five_r .page_img_box{position: relative;}
body .page_box .page_five_box .page_five .page_five_r .page_img_box:after{content: '';position: absolute;width: 420px;height: 320px;top:50%;left: 50%;transform: translate(-50%,-50%);background: #c7c7c7;}
body .page_box .page_five_box .page_five .page_five_r .page_img_box img{position: relative;z-index: 1;box-shadow: 0px 0px 7px rgb(0 0 0 / 8%);}
@media screen and (max-width: 1440px){
	body .page_box .page_three_box .page_three{width: 96%;}
}
@media screen and (max-width: 1200px){
	body .page_box .index_page_type1.step2{margin-top: 50px;}
	body .page_box .page_three_box{margin-top: 100px;}
	body .page_box .page_three_box .page_three .page_title{margin-bottom: 50px;}
	body .page_box .page_three_box .page_three{padding: 50px 0 35px;}
	body .page_box .page_four_box .page_four,.page_box .index_page_type1.step2 .item_box{margin: 50px auto;}
	body .page_box .page_four_box .page_four,.page_box .page_two_box .page_two,.page_box .page_five_box .page_five{width: 96%;}
	body .page_box .page_four_box .page_four .page_four_r .page_four_li .page_four_title,.page_box .page_five_box .page_five .page_five_l .page_five_title{font-size: 24px;margin-bottom: 10px;}
	body .page_box .page_four_box .page_four .page_four_r{padding-left: 1%;}
	body .page_box .index_page_type1 .m_title,.page_box .page_three_box .page_three .page_title{font-size: 40px;}
	body .page_box .index_page_type1.step2 .item_box .right .tit{font-size: 24px;}
	body .page_box .index_page_type1.step2 .item_box.item3.cur:nth-child(5) .left .po_img.img1{left: 10%;}
	body .page_box .index_page_type1.step2 .item_box.item3.cur:nth-child(5) .left .po_img.img2{left: 5%;}
	body .page_box .index_page_type1.step2 .item_box.item3.cur:nth-child(5) .left .po_img.img4{left: 10%;}
}
@media screen and (max-width: 1100px){
	body .page_box .index_page_type1.step2 .item_box.item3.cur:nth-child(4) .left .po_img.img0{right: 0;}
	body .page_box .index_page_type1.step2 .item_box.item3:nth-child(4) .left .po_img.img2{right: 3%;}
	body .page_box .index_page_type1.step2 .item_box.item3:nth-child(4) .left .po_img.img3{right: 3%;}
}
body .page_box .index_page_type1.step2 .item_box{margin-top: 0;}
body .page_box .index_page_type1.step2 .item_box.item3.cur:nth-child(5) .left .po_img.img1{left: 0;-webkit-animation: type1_step2_img_big_new 0.3s 1s ease-out forwards;animation: type1_step2_img_big_new 0.3s 1s ease-out forwards;opacity: 0;}
@-webkit-keyframes type1_step2_img_big_new {
	0% {transform: scale(0);opacity: 1}
	50% { transform: scale(1.2);opacity: 1}
	100% { transform: scale(1);opacity: 1}
}
body .page_box .index_page_type1.step2 .item_box.item3.cur:nth-child(5) .left .po_img.img2{left: -8%;}
body .page_box .index_page_type1.step2 .item_box.item3.cur:nth-child(5) .left .po_img.img4{left: 23%;}
body .page_box .index_page_type1.step2 .item_box:nth-child(4) .left{padding-left: unset;}
body .page_box .index_page_type1.step2 .item_box.item3.cur:nth-child(4) .left .po_img.img1{right: 30px;bottom: 30px;top: unset;left: unset;}
body .page_box .index_page_type1.step2 .item_box.item3:nth-child(4) .left .po_img.img0{top: 50px;right: 20px;border-radius: unset;width: unset;height: unset;}
body .page_box .index_page_type1.step2 .item_box.item3:nth-child(4) .left .po_img.img2{top: 50px;right: 150px;border-radius: unset;width: unset;height: unset;}
body .page_box .index_page_type1.step2 .item_box.item3:nth-child(4) .left .po_img.img3{top: 50px;right: 280px;border-radius: unset;width: unset;height: unset;}
.index_page_type1.step2 .item_box.item3.cur .left .po_img.img4{left: 0;top: 15px;border-radius: unset;box-shadow: unset;width: unset;height: unset;}
body .page_box .index_page_type1.step2 .item_box:nth-child(3) .left{padding-right: 0;padding-bottom: 70px;}
body .page_box .index_page_type1.step2 .item_box.item3.cur:nth-child(3) .left .po_img.img0{bottom: -18px;left:0;right: unset;top: unset;    -webkit-animation:type1_step2_right 1s 0s ease-out forwards;;
    animation: type1_step2_right 1s 0s ease-out forwards;transition: all .3s;}
@-webkit-keyframes type1_step2_right {
	0% { left: 30px; bottom:0; opacity: 0;}
	100% { left:  0; bottom: -18px; opacity: 1;}
}
.index_page_type1.step2 .item_box.item3.cur .left .po_img.img1{right: 10px;top: 25%;z-index: 1;}
.index_page_type1.step2 .item_box.item3.cur .left .po_img.img2{width: unset;height: unset;top: 13%;box-shadow: unset;border-radius: unset;left: 2%;right: 0;}
.index_page_type1.step2 .item_box.item1.cur .left .po_img.img1{left: 10px;bottom: 10%;top: unset;right: unset;}
.index_page_type1.step2 .item_box .left .po_img{bottom: 5%;right: 10px;top: unset;left: unset;}
body .page_box .index_page_type1.step2 .item_box:nth-child(2){margin-top: 100px;}
body .page_box .index_page_type1.step2 .item_box .right{padding: 0;}
body .page_box .index_page_type1.step2 .item_box:nth-child(2) .right{padding: 0;}
body .page_box .index_page_type1.step2 .item_box:nth-child(4) .right{padding: 0;}
.page_box .index_page_type1.step2 .item_box .right .tit i{margin-right: 30px;font-weight: 550;}
body .page_box .index_page_type1.step2 .item_box .right .tit {display: flex;justify-content: center;flex-direction: column;flex-wrap: wrap;align-content: center;}
body .page_box .index_page_type1.step2 .item_box .right .tit div{font-size: 28px;line-height: 60px;}
body .page_box .index_page_type1.step2 .item_box .right .btn{margin: 35px auto 0;line-height: 70px;height: 70px;}
@media screen and (max-width: 1200px){
	.index_page_type1.step2 .item_box .left .po_img{transform: scale(0.9);}
	.index_page_type1.step2 .item_box.item1.cur .left .po_img.img1{width: 45%;}
	.index_page_type1.step2 .item_box.item3.cur .left .po_img.img2{width: 90%;}
	body .page_box .index_page_type1.step2 .item_box.item3.cur:nth-child(4) .left .po_img.img1{right: 10px;bottom: 10px;}
	body .page_box .index_page_type1.step2 .item_box.item3:nth-child(4) .left .po_img.img0{width: 22%;right: 10px;top: 30px;}
	body .page_box .index_page_type1.step2 .item_box.item3:nth-child(4) .left .po_img.img2{width: 22%;right: 130px;top: 30px;}
	body .page_box .index_page_type1.step2 .item_box.item3:nth-child(4) .left .po_img.img3{width: 22%;right: 250px;top: 30px;}
	body .page_box .index_page_type1.step2 .item_box.item3.cur:nth-child(5) .left .po_img.img1{width: 55%;}
	body .page_box .index_page_type1.step2 .item_box.item3.cur:nth-child(5) .left .po_img.img2{width: 55%;}
	body .page_box .index_page_type1.step2 .item_box.item3.cur:nth-child(5) .left .po_img.img4{width: 34%;}
	.page_box .index_page_type1.step2 .item_box .right .tit i{margin-right: 10px;}
	body .page_box .page_four_box .page_four, .page_box .index_page_type1.step2 .item_box{margin: 50px auto 0;}
	body .page_box .index_page_type1.step2 .item_box .right .tit div{font-size: 24px;}
}
@media screen and (max-width: 1100px){
	body .page_box .index_page_type1.step2 .item_box.item3:nth-child(4) .left .po_img.img2{right: 120px;}
	body .page_box .index_page_type1.step2 .item_box.item3:nth-child(4) .left .po_img.img3{right: 240px;}
}