.xp-contnet { background:#fff; padding-bottom:50px;}
.xp-banner {background: url(/r/Images/2021/xiapi/2021xiapi_01.png) no-repeat scroll center center;height: 655px; }
.xp-banner .pagemain { position:relative;height: 524px; }
.xp-banner .pagemain a{ position:absolute;left:540px;top:390px;float:left;width:288px;height:72px;}

.xp-title { text-align:center; line-height:50px; font-size:32px;margin-bottom:20px;}
.xp-title span { margin:0 5px;}
.xp-aisle {padding:30px 0; }
.xp-aisle ul li { float:left;width: 498px;margin-left: 50px; position:relative;}
.xp-aisle ul li a { float:left;width:512px;height:275px;}
.xp-aisle ul li p { position:absolute;bottom:90px; font-size:24px;color:#333;left:260px;}
.xp-aisle ul li:end { width:619px;margin-right:0px;}
.xp-aisle ul li p.tt { bottom:60px;left:300px;width: 300px;}


.xp-contnet2 { background:#f3f3f3; padding:30px 0 50px 0;}
.xp-title2 { text-align:center; line-height:42px; font-size:24px;margin:20px; color:#666666;}
.xp-title2 span { margin-left:5px;}

.xp-title3 { font-size:18px;color:#666666;text-align:center; padding:30px; padding-top:0;}

.xp-cimg { text-align:center;}
.xp-cooperation { padding:30px 0; }
/*.xp-cooperation ul li{float:left;width:280px; margin-left:18px;}
.xp-cooperation ul li:first-child { margin-left:5px;}
.xp-cooperation p { margin-top:50px; color:#ff5524;font-size:24px; text-align:center;}*/

.xp-cooperation .box ul{ padding:10px 20px;}
.xp-cooperation .box ul li{float:left;width:343px; margin:20px; text-align:center;}
.xp-cooperation .box ul li .pic { padding:10px; padding-top:30px;}
.xp-cooperation .box ul li h4 {font-size:18px;color:#231815;}
.xp-cooperation .box ul li p {font-size:14px;color:#727171; padding-top:10px;}

.xp-wxcode{text-align: center;}
.xp-wxcode p{font-size:26px;}


.xp-about .box{ position:relative; padding:0 80px; padding-left:700px; height:420px; }
.xp-about .box img { position:absolute;left:100px; top:0;}
.xp-about .box p { font-size:20px; color:#666666; line-height:38px;}

.xp-rise { }
.xp-rise .box{ }
.xp-rise .box ul{ padding:10px 80px;}
.xp-rise .box ul li{float:left;width:288px; border:2px solid #efefef; margin:20px; border-radius:1px;  text-align:center; height:185px;}
.xp-rise .box ul li .pic { padding:10px; padding-top:30px;}
.xp-rise .box ul li h4 {font-size:18px;color:#231815;}
.xp-rise .box ul li p {font-size:14px;color:#727171; padding-top:10px;}

.xp-why{ }
.xp-why .box{ }
.xp-why .box ul{ padding:10px 111px; }
.xp-why .box ul li{float:left;width:284px; margin:18px;}
.xp-why .box ul li .pic {}
.xp-why .box ul li .content { background:#f7f8f8; height:65px; position:relative;}
.xp-why .box ul li h4 {font-size:16px;color:#231815; padding-top:15px;padding-left:20px;}
.xp-why .box ul li p {font-size:12px;color:#727171;padding-left:20px;}
.xp-why .box ul li .icon { position:absolute;right:20px; top:15px;}

.xp-video { padding-bottom:30px;}
.xp-video ul li { float:left;width:308px; margin:15px 30px;}
.xp-video ul li .box { position:relative; margin-top:8px;}
.xp-video ul li .box p { font-size:14px;color:#333333;}
.xp-video ul li .box span { color:#ff5524; position:absolute;right:5px; top:3px;}
.xp-video ul li a:hover {text-decoration:none;}
.xp-video ul li a:hover p { font-size:14px;color:#333333;}
.xp-video ul li a:hover  span { color:#ff5524;}
.xp-video h6 { text-align:center;padding:20px; margin-bottom:20px; font-weight:normal;}
.xp-video h6 a{ font-size:24px;color:#ff5524;}

.xp-case .box{text-align:center; }

.xp-how .box{ text-align:center;}
.xp-how .box p{font-size:23px;color:#ee4d2d; margin-top:10px; margin-bottom:30px;}
.xp-how .box img {margin-bottom:25px;}

.xp-sale { background:#fafbfb;}
.xp-sale ul { padding:30px 50px; padding-left:130px;padding-top:0;}
.xp-sale ul li{float:left;width:171px;margin:0 10px;}

.xp-more ul { padding:30px 50px; padding-left:50px;}
.xp-more ul li{float:left;width:228px;margin:0 10px; border:1px solid #f4f4f4; text-align:center;padding:15px 0 10px 0; height:247px;}
.xp-more ul li p { font-size:16px;color:#ee4d2d; margin-bottom:5px;}
.xp-more ul li.xiapi-ask-box {padding-top:0;height: 262px;}
.xp-more ul li.xiapi-ask-box .ask-title { line-height:35px; margin-bottom:5px; font-size:18px; text-align:center;}
.xp-more ul li .xiapi-ask { }
.xp-more ul li .xiapi-ask .item{padding:10px 10px;font-size:16px; text-align:left;}

.xiapi-ask-box .notice_nav{background:#f3f3f3; border:1px solid #fff; padding:15px 0 6px 15px; }
.xiapi-ask-box .notice_nav div{float:left; height:30px; line-height:30px; font-size:14px; margin-right:15px;} 
.xiapi-ask-box .notice_nav .cur{color:#f1582b; border-bottom:#f1582b solid 3px;}

.xp-other { }
.xp-other ul{ padding:20px 120px;}
.xp-other ul li{ margin-bottom:20px;}
.xp-other ul li h5 { line-height:45px;font-size:22px;}
.xp-other ul li h5 img { margin-right:10px;}
.xp-other ul li p { font-size:16px;color:#333;line-height:26px; padding-left:60px;}

.xiapi-fixed { display: block; right: 10px; position: fixed; bottom: 50px; width: 124px; z-index: 99999; }
        .xiapi-fixed .box { float: left; width: 124px; height: 364px; background: url(/r/images/xiapi/xp_f.png) no-repeat 0 0; }
        .xiapi-fixed .box .exhibit { float: left; width: 124px; height: 310px; }
        .xiapi-fixed .box .reg { float: left; width: 124px; height: 48px; }

.related-soft { margin-left:60px;}
.related-soft .item { float:left;width:305px; margin:10px 100px; }
.related-soft .item p { margin:20px 0; text-align:center;}
.related-soft .item p a { margin:0 10px;}