@charset "utf-8";.clearfix:after{content:".";display:block;visibility:hidden;clear:both;height:0;font-size:0}
.clearfix{*zoom:1}
.green-color{color:#b10315}
.protal-btn{display:inline-block;width:176px;height:46px;line-height:44px;border:1px solid #fff;text-align:center;font-size:18px;position:relative;box-sizing:border-box;margin:0 17px 0 0;cursor:pointer}
.protal-btn-green{background-color:#b10315;border-color:#b10315;color:#fff}
.protal-btn-green:hover{background-color:#1aa090;border-color:#1aa090;color:#fff}
.flex-row-justify{justify-content:space-between;align-items:normal}




.section{padding:40px 0 0}
.section-header{position:relative;height:62px;padding:0 0 0 13px;margin:0 0 20px;line-height:62px;font-size:24px}
.section-header:before{content:"";display:block;position:absolute;top:50%;left:0;width:3px;height:22px;margin:-11px 0 0;background-color:#b10315}
.section-header .section-title{float:left}
.section-header-more{float:right;margin:34px 0 0;line-height:26px;font-size:16px;color:#b10315}
.section-header-more:after{content:"";display:inline-block;width:16px;height:26px;margin:0 0 0 5px;background:url(../img_1/header-more-icon.png) 50% 50% no-repeat;vertical-align:top}
.terminal-list{padding:0 0 0 1px}
.terminal-list li{float:left;width:20%;height:68px;margin:0 0 0 -1px;border:1px solid #e5e5e5;line-height:68px;text-align:center;font-size:14px;box-sizing:border-box}
.terminal-list li img{margin:0 20px 0 0;vertical-align:middle;filter:grayscale(100%)}
.terminal-list li:hover{position:relative;z-index:2;border-color:#b10315}
.terminal-list li:hover img{filter:none}
.section-custom-made .item{min-width:318px;height:118px;padding:20px 30px;border:1px solid #e5e5e5}
.section-custom-made .item-title{margin:0 0 10px;font-size:18px;line-height:28px}
.section-custom-made .item p{font-size:14px;line-height:24px;color:#999}
.section-custom-made .item-1{background:url(../img_1/custom-made-1.png) 97% 100% no-repeat}
.section-custom-made .item-2{background:url(../img_1/custom-made-2.png) 98% 100% no-repeat}
.section-custom-made .item-3{background:url(../img_1/custom-made-3.png) 100% 100% no-repeat}
.section-custom-made .item:hover{border-color:#b10315;box-shadow:1px 0 8px #d1d1d1}


.popular-function{height:626px;color:#fff;background:url(../img_1/popular-function-bg.png) top center no-repeat;overflow:hidden}
.items-full-have .items-title{font-size:24px;margin-top:42px;padding-bottom:20px;border-bottom:1px dashed #757f89}
.items-full-have .items-em{font-size:36px;margin:0 6px}

.function-navs{float:left;width:150px;margin:44px 0 0;padding:0 0 36px;border-right:2px solid #78828d}
.function-navs li{position:relative;height:36px;padding:0 42px 0 0;margin:28px 0 0;font-size:16px;line-height:36px;cursor:pointer;text-align:right}
.function-navs li:after{content:"";display:none;position:absolute;top:-2px;right:-3px;width:4px;height:40px;background:#d80b20;border-radius:2px}
.function-navs .active,.function-navs li:hover{z-index:2;color:#d80b20;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#404e5d,endColorstr=#333f4b);background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(#333f4b));background:linear-gradient(90deg,rgba(255,255,255,0) 0,#333f4b 100%)}
.function-navs .active:after,.function-navs li:hover:after{display:block}

.function-cont{display:none;padding:45px 45px 0;margin:0 0 0 156px;font-size:14px;line-height:24px;overflow:hidden}
.function-cont.active{display:block}
.function-header{height:68px;font-size:20px;font-weight:bold;line-height:68px;text-align:center}
.function-cont-l{float:left;height:412px;width:52%;line-height:372px;text-align:center}
.function-cont-l img{vertical-align:middle}
.function-cont-r{float:right;width:47%}
.function-intro-header{padding:77px 0 0}
.function-intro-header:after{content:"";display:block;width:20px;height:2px;margin:10px 0 25px;background:#b10315}
.function-intro-icos{padding:35px 0 0}
.function-intro-icos img{margin:0 62px 0 0;vertical-align:middle}
.function-intro-picnews{padding:1px 0 0;margin:-18px 0 0}
.function-intro-picnews > div{margin:33px 0 0}
.function-intro-picnews img{float:left;margin:6px 18px 0 0}
.function-intro-video{}
.function-intro-video > div{width:140px;text-align:center}
.function-intro-video > div img{display:block;margin:0 0 16px}
.function-intro-seo{padding:98px 0 0;align-items:flex-start}
.function-intro-seo > div{width:110px;text-align:center}
.function-intro-seo > div .pic{height:58px;margin:0 0 20px}
.function-intro-seo > div img{display:block;margin:0 auto}
.function-enlarge{padding:74px 0 0;justify-content:space-around!important}
.function-enlarge > div{width:152px;height:198px;padding:0 25px;border:1px solid #616d78;text-align:center}
.function-enlarge .pic{height:55px;margin:36px 0 16px;line-height:55px}
.function-enlarge .pic img{vertical-align:middle}

@media (max-width:640px){
	
.popular-function{ height:auto; padding-bottom:50px;}
.function-navs{float:left;width:25%;margin:44px 0 0;padding:0 0 36px;border-right:2px solid #78828d}
.function-navs li{position:relative;height:36px;padding:0 0;margin:28px 0 0;font-size:12px;line-height:36px;cursor:pointer;text-align:right; padding-right:12px;}
.function-navs li:after{content:"";display:none;position:absolute;top:-2px;right:-3px;width:4px;height:40px;background:#d80b20;border-radius:2px}
.function-navs .active,.function-navs li:hover{z-index:2;color:#d80b20;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#404e5d,endColorstr=#333f4b);background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(#333f4b));background:linear-gradient(90deg,rgba(255,255,255,0) 0,#333f4b 100%)}
.function-navs .active:after,.function-navs li:hover:after{display:block}

.function-cont{display:none;padding:0;margin:0;font-size:14px;line-height:24px;overflow:hidden; margin-left:28%; padding-right:10px;}
.function-cont.active{display:block}
.function-header{height:68px;font-size:14px;font-weight:bold;line-height:68px;text-align:center}
.function-cont-l{float:none;height:auto;width:100%;line-height:1;text-align:center;}
.function-cont-l img{vertical-align:middle; max-width:60%; margin:0 auto; display:block;}
.function-cont-r{float:none;width:100%;}

.function-intro-seo{ padding:15px 0; display:block !important;}
.function-intro-seo > div{ width:50%; float:left;  padding:15px;}
.function-intro-seo > div img{display:block;margin:0 auto; width:40px;}
.function-intro-seo > div .pic{ height:40px;}
.function-intro-seo span{ font-size:12px;}

.function-intro-header{padding:17px 0 0; line-height:1.4; font-size:12px;}
.function-intro-header:after{content:"";display:block;width:20px;height:2px;margin:10px 0 25px;background:#b10315}

.function-intro-video{ display:flex;}
.function-intro-video > div{width:140px; flex:1;text-align:center; padding:0 5px; font-size:0.5em; line-height:1.6;}
.function-intro-video > div img{display:block;margin:0 0 16px; max-width:100%;}

.function-intro-icos{padding:35px 0 0}
.function-intro-icos img{margin:0 22px 0 0;vertical-align:middle}
.function-intro-buyflow img{ display:block; max-width:100%;}


.function-enlarge{padding:14px 0 0;justify-content:space-around!important; display:block !important;}
.function-enlarge > div{width:33.33%; float:left;height:158px;padding:0 8px;border:0;text-align:center}
.function-enlarge .pic{height:55px;margin:20px 0 16px;line-height:55px}
.function-enlarge .pic img{vertical-align:middle}
.function-enlarge span{ font-size:12px; line-height:1.6;}

}


.trade-list{padding:0 0 0 1px}
.trade-list li{float:left;width:20%;height:278px;margin:0 0 0 -1px;border:1px solid #e5e5e5;text-align:center;font-size:14px;box-sizing:border-box;position:relative}
.trade-list li a{display:block;width:100%;height:100%;left:0;top:0;padding:40px 20px 0;box-sizing:border-box}
.trade-list .item-title{margin:0 0 10px;font-size:18px;line-height:28px}
.trade-list p{font-size:14px;line-height:24px;color:#999}
.trade-list .pic{height:71px;background:url() top center no-repeat}
.trade-list .trade-1 .pic{background-image:url(../img_1/trade-icons-1.png)}
.trade-list .trade-2 .pic{background-image:url(../img_1/trade-icons-2.png)}
.trade-list .trade-3 .pic{background-image:url(../img_1/trade-icons-3.png)}
.trade-list .trade-4 .pic{background-image:url(../img_1/trade-icons-4.png)}
.trade-list .trade-5 .pic{background-image:url(../img_1/trade-icons-5.png)}
.trade-list li:hover{position:relative;z-index:2;border-color:#b10315;background-color:#b10315;color:#fff}
.trade-list li:hover p{color:#fff}
.trade-list .trade-1:hover .pic{background-image:url(../img_1/trade-icons-1-hover.png)}
.trade-list .trade-2:hover .pic{background-image:url(../img_1/trade-icons-2-hover.png)}
.trade-list .trade-3:hover .pic{background-image:url(../img_1/trade-icons-3-hover.png)}
.trade-list .trade-4:hover .pic{background-image:url(../img_1/trade-icons-4-hover.png)}
.trade-list .trade-5:hover .pic{background-image:url(../img_1/trade-icons-5-hover.png)}

@media (max-width:640px){
	
.trade-list{padding:0;}
.trade-list li{float:left;width:34.5%;height:auto;margin:0;border:0;text-align:center;font-size:14px;position:relative; padding:0;}
.trade-list li a{display:block;width:100%;height:100%;left:0;top:0;padding:18px 10px;box-sizing:border-box; border-right:1px solid #eee;}
.trade-list .item-title{margin:0 0 10px;font-size:18px;line-height:28px}
.trade-list p{font-size:12px;line-height:24px;color:#999}
.trade-list .pic{height:71px;background:url() top center no-repeat}
.trade-list .trade-1 .pic{background-image:url(../img_1/trade-icons-1.png)}
.trade-list .trade-2 .pic{background-image:url(../img_1/trade-icons-2.png)}
.trade-list .trade-3 .pic{background-image:url(../img_1/trade-icons-3.png)}
.trade-list .trade-4 .pic{background-image:url(../img_1/trade-icons-4.png)}
.trade-list .trade-5 .pic{background-image:url(../img_1/trade-icons-5.png)}
.trade-list li:hover{position:relative;z-index:2;border-color:#b10315;background-color:#b10315;color:#fff}
.trade-list li:hover p{color:#fff}

	
}


.marketing-list{justify-content:space-between}
.marketing-list .flex-col{position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.5)}
.marketing-list li:hover .flex-col{background-color:#d80b20}
.marketing-list li{position:relative;width:220px;height:180px;overflow:hidden;text-align:center}
.marketing-list p{font-size:16px;color:#fff}
.marketing-list .pic{height:180px;background:url() top center no-repeat}
.marketing-list .marketing-1 .pic{background-image:url(../img_1/marketing-icons-1.png)}
.marketing-list .marketing-2 .pic{background-image:url(../img_1/marketing-icons-2.png)}
.marketing-list .marketing-3 .pic{background-image:url(../img_1/marketing-icons-3.png)}
.marketing-list .marketing-4 .pic{background-image:url(../img_1/marketing-icons-4.png)}
.marketing-list .marketing-5 .pic{background-image:url(../img_1/marketing-icons-5.png)}
.steward-list > div{flex:1;height:98px;border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;line-height:98px;text-align:left;font-size:18px;box-sizing:border-box;padding-left:110px}
.steward-list > div:first-child{border-left:0 none}
.steward-list:nth-child(3) > div{border-bottom:0 none}
.steward-list > div:before{content:"";display:inline-block;width:58px;height:58px;margin:0 25px 0 0;vertical-align:middle;background:url() no-repeat}
.steward-list > div:hover{box-shadow:0 0 4px #d1d1d1}
.steward-list > .steward-1:before{background-image:url(../img_1/steward-icons-1.png)}
.steward-list > .steward-1:hover:before{background-image:url(../img_1/steward-icons-1-hover.png)}
.steward-list > .steward-2:before{background-image:url(../img_1/steward-icons-2.png)}
.steward-list > .steward-2:hover:before{background-image:url(../img_1/steward-icons-2-hover.png)}
.steward-list > .steward-3:before{background-image:url(../img_1/steward-icons-3.png)}
.steward-list > .steward-3:hover:before{background-image:url(../img_1/steward-icons-3-hover.png)}
.steward-list > .steward-4:before{background-image:url(../img_1/steward-icons-4.png)}
.steward-list > .steward-4:hover:before{background-image:url(../img_1/steward-icons-4-hover.png)}
.steward-list > .steward-5:before{background-image:url(../img_1/steward-icons-5.png)}
.steward-list > .steward-5:hover:before{background-image:url(../img_1/steward-icons-5-hover.png)}
.steward-list > .steward-6:before{background-image:url(../img_1/steward-icons-6.png)}
.steward-list > .steward-6:hover:before{background-image:url(../img_1/steward-icons-6-hover.png)}
.pay-tip{height:115px;margin:60px 0 0;padding:25px 0 0;color:#fff;text-align:center;background:url(../img_1/pay-tip-bg.png) top center no-repeat}
.pay-tip .pay-tip-header{line-height:58px;font-size:30px;font-weight:bold}
.pay-tip p{font-size:16px;line-height:26px}
.service-header{padding:50px 0 0;text-align:center}
.service-title{font-size:30px;line-height:62px}
.service-title::before,.service-title::after{content:"";display:inline-block;width:140px;height:1px;background:#ccc;vertical-align:middle}
.service-title::before{margin:0 34px 0 0}
.service-title::after{margin:0 0 0 34px}
.service-header p{font-size:16px;line-height:26px;color:#666}
.service-list{position:relative;height:78px;margin:46px 0 72px}
.service-list:before{content:"";position:absolute;left:0;right:0;height:8px;background:#eee;border-radius:4px}
.service-list:after{content:"";position:absolute;top:50%;right:0;width:26px;height:38px;margin:-19px 0 0 0;background:url(../img_1/service-arrow.png) no-repeat}
.service-item{position:relative;width:100%;cursor:pointer}
.service-txt{position:relative;width:68px;height:68px;margin:0 auto;border:5px solid #fff;background:#b10315;line-height:68px;text-align:center;color:#fff;border-radius:50px;box-shadow:0 0 8px rgba(228,230,200,1);transition:all .2s}
.service-tag{position:absolute;left:-34px;top:50%;min-height:20px;width:68px;text-align:center;line-height:20px;background:#eee;font-size:12px;border-radius:40px;transform:translate(0,-50%)}
.service-pop{position:absolute;left:50%;bottom:102px;width:136px;margin:0 0 0 -78px;padding:8px 10px 16px;text-align:center;background:#fff;border-radius:6px;box-shadow:0 0 8px rgba(228,230,200,1);opacity:0;transform:translateY(-50%);transition:transform .3s}
.service-pop:before{content:"";position:absolute;bottom:-17px;left:50%;width:19px;height:17px;margin:0 0 0 -9px;background:url(../img_1/service-pop-trangle.png) no-repeat}
.service-pop-title{font-size:14px;line-height:38px}
.service-pop p{color:#666;line-height:20px;font-size:12px}
.service-txt:hover{width:84px;height:84px;font-size:16px;line-height:84px;border:0 none;background:#d9091f;transform:scale(1.1);transform-origin:center center;box-shadow:none}
.service-txt:hover + .service-pop{opacity:1;transform:translateY(0%);transition:transform .3s}
.demand-box{padding:60px 0 58px;background:url(../img_1/demand-bg.png) center bottom no-repeat #f9f9f9}
.demand-box .header{position:relative;width:602px;height:50px;margin:0 auto 40px;line-height:50px;font-size:18px;font-weight:bold;color:#fff;background:#b10315;border-radius:31px;text-align:center}
.demand-box .header:after{content:"";position:absolute;bottom:-20px;left:50%;width:0;height:0;margin:0 0 0 -10px;font:0/0 arial;border:10px dashed transparent;border-top:10px solid #b10315}
.form-item{position:relative;width:682px;min-height:42px;padding:0 130px;margin:20px auto 0;font-size:14px;font-weight:bold}
.form-item-label{position:absolute;top:0;left:0;width:130px;text-align:right;font-weight:bold;line-height:42px}
.form-input{width:290px;height:30px;padding:5px 14px;border:1px solid #ccc;background:#fff;outline:none;resize:none;font:14px/30px 'Microsoft Yahei','PingFangSC',sans-serif;vertical-align:middle}
.form-input.verify-input{width:110px}
.form-textarea{width:652px;height:160px;padding:10px 14px;border:1px solid #ccc;background:#fff;outline:none;resize:none;font:14px/24px 'Microsoft Yahei','PingFangSC',sans-serif;overflow-y:auto}
.verify-pic{display:inline-block;height:42px;margin:0 0 0 16px;background:#ccc;vertical-align:middle}
.verify-pic img{width:100%;height:100%}
.form-text{margin:0 0 0 16px}
.demand-box .protal-btn{display:block;margin:36px auto 0}
.items{padding:50px 0}
.items-func .items-block{box-shadow:0 0 8px 0 rgba(0,0,0,0.2);align-items:flex-start}
.items-func .items-block > .item-list{height:360px;width:140px}
.items-func .item-list .item{height:120px;line-height:120px;text-align:center;font-size:16px;color:#666;box-sizing:border-box;border-right:1px solid #E5E5E5;border-left:2px solid transparent;background-color:#F9F9F9;cursor:pointer}
.items-func .item-list .item:nth-child(2){border-top:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5}
.items-func .item-list .item.active{border-right-color:transparent;background-color:#fff;border-left:2px solid #d80b20}
.items-func .item-block{flex:1;height:360px}
.items-func .item-block .item-div{display:none;height:100%}
.items-func .item-block .item-div.active{display:block}
.items-func .item-block .item-public{justify-content:space-around;height:100%}
.items-func .item-block .item-public .item-l{position:relative}
.items-func .item-block .item-public .item-r{align-self:flex-start;margin-top:40px}
.items-func .item-block .item-public .item-s-block{margin:8px 0;justify-content:flex-start}
.items-func .item-block .item-public .item-s-block .item-s{width:300px;height:86px;box-sizing:border-box;border:1px solid #E5E5E5;margin:0 10px;padding:0 10px;justify-content:flex-start}
.items-func .item-block .item-public .item-s-block .img-block{width:40px;margin:0 20px}
.items-func .item-block .item-public .item-s-block .item-title{margin-bottom:5px}
.items-func .item-block .item-public .item-s-block .item-p{font-size:12px;color:#999}
.items-func .item-block .item-public .item-s-block .item-s:hover{border-color:#d80b20}
.items-func .item-block .item-public .item-s-block .item-s:hover .item-title{color:#d80b20}
.items-func .item-block .item-3{justify-content:space-around;height:100%}
.items-func .item-block .item-3 .item-l:after{content:"";position:absolute;border-left:1px dashed #e5e5e5;height:100%;left:50%;top:0}
.items-func .item-block .item-3 .item-l{position:relative}
.items-func .item-block .item-3 .item-r{align-self:flex-start;margin-top:40px}
.items-func .item-block .item-3 .item-l .item-s-block{justify-content:flex-start;border-top:1px dashed #e5e5e5}
.items-func .item-block .item-3 .item-l .item-s-block:first-child{border-top:none}
.items-func .item-block .item-3 .item-s-block .item-s{width:336px;height:94px;justify-content:flex-start;box-sizing:border-box;padding:0 34px}
.items-func .item-block .item-3 .item-s-block .img-block{width:30px;margin:0 20px}
.items-func .item-block .item-3 .item-s-block .item-s-r{flex:1}
.items-func .item-block .item-3 .item-s-block .item-title{margin-bottom:5px}
.items-func .item-block .item-3 .item-s-block .item-p{font-size:12px;color:#999;line-height:20px}
.items-func .item-list li{font-size:12px;color:#999;margin-bottom:15px;padding-left:20px;background:url(../img_1/items-func-gou.png) no-repeat left center}
.items-package{background-color:#F9F9F9}
.items-package .item-list{justify-content:flex-start;margin-bottom:50px}
.items-package .item-list .item{width:120px;height:40px;box-sizing:border-box;line-height:40px;text-align:center;border:1px solid #E5E5E5;margin-right:-1px;background-color:#fff;cursor:pointer}
.items-package .item-list .item.active{border-top:2px solid #d80b20;background-color:#F9F9F9}
.items-package .item-block{}
.items-package .item-block .item{justify-content:space-between}
.items-package .item-block .item.active{}
.items-package .item-block .item-item .item-s{margin-right:30px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;padding:0 20px;height:240px;border:1px solid #E5E5E5;flex:1;background-color:#fff}
.items-package .item-block .item-item .item-s:last-child{margin:0}
.items-package .item-block .item-item .item-s a{display:block;height:100%;width:100%}
.items-package .item-block .item-item .img-block{height:60px;margin:30px auto 20px}
.items-package .item-block .item-item .img-block img{position:relative;top:50%;transform:translateY(-50%)}
.items-package .item-block .item-item .item-title{font-size:18px;margin-bottom:10px}
.items-package .item-block .item-item .item-p{line-height:24px;color:#666;max-width:100%}
.items-package .item-block .item-s-block{border:1px solid #E5E5E5;border-top:none;box-sizing:border-box;height:382px;background-color:#fff;padding:0 15px;position:relative}
.items-package .item-block .item-btn{position:absolute;width:100%;left:0;bottom:20px;z-index:1}
.items-package .item-block .item-btn-zixun,.items-package .item-block .item-btn-add{width:100px;height:36px;line-height:34px;margin:0 10px}
.items-package .item-block .item-set .item-s{width:264px}
.items-package .item-block .item-set .item-title{text-align:center;background-color:#d80b20;padding:12px 0}
.items-package .item-block .item-set .item-title .item-title-title{font-size:18px;color:#fff;font-weight:bold;line-height:normal}
.items-package .item-block .item-set .item-title .item-title-subtitle{line-height:normal;font-size:12px;color:#fff;margin-top:5px}
.items-package .item-block .item-set .item-set-1 .item-title{background-color:#d80b20}
.items-package .item-block .item-set .item-set-2 .item-title{background-color:#009FC7}
.items-package .item-block .item-set .item-set-3 .item-title{background-color:#FF872E}
.items-package .item-block .item-set .item-set-4 .item-title{background-color:#3C3C70}
.items-package .item-block .item-div{display:none}
.items-package .item-block .item-div.active{display:block}
.items-package .item-set .item-title-s{padding:10px 0 5px;margin-bottom:7px;border-bottom:1px dashed #E5E5E5;text-align:center}
.items-package .item-set .item-p{font-size:12px;justify-content:space-between;margin-bottom:7px;color:#666}
.items-package .item-set .item-p-r{display:inline-block;min-width:20px;text-align:center;padding:0 10px;background-color:#E5E5E5;border-radius:5px;color:#d80b20}
.items-tech .items-block{box-shadow:0 0 8px 0px rgba(0,0,0,.1);box-sizing:border-box;text-align:center}
.items-tech .item-title{font-size:18px;display:inline-block;margin:30px 0;position:relative}
.items-tech .item-title:before{content:"";position:absolute;width:68px;border-bottom:1px solid #ccc;left:-78px;top:50%}
.items-tech .item-title:after{content:"";position:absolute;width:68px;border-bottom:1px solid #ccc;right:-78px;top:50%}
.items-tech .item-block{padding:0 30px 50px;justify-content:space-between}
.items-tech .item{box-sizing:border-box;width:270px;height:260px;border:1px solid #E5E5E5;padding:0 16px}
.items-tech .item:hover{border-color:#d80b20}
.items-tech .img-block{height:60px;margin:30px auto 16px}
.items-tech .img-block img{position:relative;top:50%;transform:translateY(-50%)}
.items-tech .item-title-s{font-size:18px;margin-bottom:12px}
.items-tech .item-p{color:#666;line-height:24px}
.items-user .item-top{align-items:stretch;justify-content:space-between;margin-bottom:50px}
.items-user .item-block{flex:1;width:0;position:relative;padding:24px 50px;box-sizing:border-box;border:1px solid #E5E5E5;border-right:none}
.items-user .item-top:hover .item-block{box-shadow:0 1px 8px 0 rgba(0,0,0,.1)}
.items-user .item-title{font-size:18px;font-weight:bold;margin-bottom:8px}
.items-user .item-url{color:#b10315;margin:8px 0}
.items-user .item-bold{font-weight:bold;line-height:24px;margin-top:14px}
.items-user .item-p{margin:6px 0;color:#666;line-height:24px;max-height:48px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.items-user .item-p .item-span{margin-right:50px}
.items-user .item-stars{color:#ff8b47;font-size:18px}
.items-user .item-img{width:322px;margin:0;position:relative}
.items-user .item-img .item-img-p{position:absolute;box-sizing:border-box;width:100%;left:0;bottom:0;padding:5px 10px;font-size:12px;line-height:20px;color:#fff;background-color:rgba(0,0,0,.6)}
.items-user .items-block{justify-content:space-between;align-items:flex-start}
.items-user .items-block .item{width:382px;height:420px;box-shadow:0 0 8px 0 rgba(0,0,0,.1);box-sizing:border-box;padding:0 30px}
.items-user .items-block .item a{display:block;height:100%;overflow:hidden}
.items-user .items-block .item-header{margin:20px 0 10px;align-items:flex-start}
.items-user .item-logo{width:60px;margin:0}
.items-user .item-top .item-logo{width:87px;margin-left:15px}
.items-user .item-top .item-img{width:362px;height:210px}
.items-user .item-top .item-img img{width:100%;height:100%}
.items-user .items-block .item-header .item-block{width:auto;flex:1;margin:0}
.items-user .items-block .item-header .item-title{margin-bottom:8px}
.items-user .items-block .item-header .item-p{height:48px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}
.items-case .item{margin:60px 0;box-shadow:0 0 8px 0 rgba(38,38,38,.16)}
.items-case .item .flex-row{justify-content:space-between}
.items-case .item-block{flex:1;box-sizing:border-box;padding:50px 40px 0;align-self:flex-start}
.items-case .item-title{font-size:18px;margin-bottom:20px}
.items-case .item-p{line-height:26px;color:#666;text-align:justify}
.items-case .item.even .flex-row{flex-direction:row-reverse}
.items-case .img-block{margin:0;width:600px;height:380px;overflow:hidden}
.items-case .img-block:hover img{transform:scale(1.1,1.1)}
.items-full-cover{height:379px}
.items-full-cover .items-block{align-items:flex-start;height:100%;background:url(../img_1/items-full-cover-bg.png) no-repeat right 28px}
.items-full-cover .items-title{font-size:24px;padding-bottom:6px;border-bottom:1px solid #E5E5E5}
.items-full-cover .items-subtitle{color:#666;margin-top:28px}
.items-full-cover .img-block{margin:40px 0 0}
.items-full-cover .img-block img{}
@media (max-width:640px){
.items-full-cover{ height:auto; padding:3%;}
.items-full-cover .items-block{align-items:flex-start;height:100%;background:none; background-size:auto 120px;}	
.items-full-cover .img-block img{ max-width:90%; margin:0;}
}

.items-custom-design{height:560px;background:url(../img_1/items-custom-design-bg.png) no-repeat center;overflow:hidden}
.items-custom-design .items-title{font-size:24px;margin-top:65px}
.items-custom-design .img-block{margin-top:40px}
.items-custom-design .items-btn{text-align:center;margin-top:32px}
.items-custom-design .items-a{width:175px;height:46px;line-height:46px;font-size:18px;background-color:transparent}
.items-custom-design .items-a:hover{background-color:#d80b20;color:#fff}
@media (max-width:640px){

.items-ad-line{ display:none;}
.items-custom-design{height:auto;background:url(../img_1/items-custom-design-bg.png) no-repeat center;overflow:hidden; padding:20px 0;}
.items-custom-design .items-title{font-size:20px;margin-top:0}
.items-custom-design .img-block{margin-top:20px}
.items-custom-design .img-block img{ max-width:220%; width:220%; position:relative; margin-left:-125%;}
.items-custom-design .items-btn{text-align:center;margin-top:12px}
.items-custom-design .items-a{width:125px;height:36px;line-height:36px;font-size:14px;background-color:transparent}
.items-custom-design .items-a:hover{background-color:#d80b20;color:#fff}
}

.items-func .item-title:after{width:18px;height:18px;background-size:9px auto}
.stars{font-size:0}
.star{display:inline-block;width:14px;height:14px;background:url(../img_1/star.svg) no-repeat center;margin-right:4px}
.items-user .item-block .stars{position:absolute;right:50px;top:28px}
.items-ad-line{height:100px;background:url(../img_1/ad-line-bg.png) no-repeat center}