/* ====首页====== */
body{ background-color:#fff;}
/** header **/
.header{ position:relative; z-index:10; -webkit-box-shadow:0 0px 6px 0 #cccccc; -moz-box-shadow:0 0px 6px 0 #cccccc; -moz-box-shadow:0 0px 6px 0 #cccccc; -ms-box-shadow:0 0px 6px 0 #cccccc; -o-box-shadow:0 0px 6px 0 #cccccc; box-shadow:0 0px 6px 0 #cccccc;}
.top{ font-size:0px; background-color:#333; color:#fff;}
.top .wel{font-size:14px; display:inline-block;line-height:44px; }
.logbtn{ font-size:0; line-height:44px;}
.logbtn a{font-size:14px; display:inline-block; padding:0 16px; line-height:44px; color:#fff;}
.logbtn .a1{ border-right:1px solid #666666;}
.logbtn a i{ vertical-align:middle; font-style:normal;}
.logbtn a .icon{ margin-right:10px;}
.logbtn a:hover{ text-decoration:underline;}

.loarea{ height:98px; position:relative; z-index:3;}
.logo{ width:200px; display:block; padding-top:19px; float:left;}
.logo img{ height:60px; width:auto;}

/*PC导航 begin*/
.nav{ position:relative; width:700px; float:right; z-index:5; padding-top:10px;}
.navul{ font-size:0; text-align:right;}
.navul li{ display:inline-block; font-size:16px;position:relative;}
.navul li>a{  padding:0 24px; text-align:center; display:inline-block; line-height:88px; height:88px;}
.navul li>a:hover{ color:#1a88f0;}
.navul li>a .ico{position: absolute;bottom:0px;left: 50%;margin-left: 0px;width: 0px; display:inline-block; height:2px; background-color:#1a88f0;}
.navul li:hover>a .ico{ width:22px !important; left:50% !important; margin-left:-11px !important;}
.act_nav{color:#1a88f0 !important; }
.act_nav .ico{ width:22px !important; left:50% !important; margin-left:-11px !important;}


/*PC导航end*/
.subnav{ position:absolute; left:50%; margin-left:-60px; top:88px; width:auto; padding:0px 10px 10px; background:url(../images/icon/black6.png) repeat; display:none;}
.subnav1{}
.subnav1 dd{ float:left;  background-image:none !important;}
.subnav1 dd .nr a{height:34px; text-align:left; line-height:34px; width:152px; font-size:14px; display:block; width:100px; padding:2px 0px; color:#fff !important; text-align:center !important; border-bottom:1px solid #90abc3; }
.subnav1 dd .nr a:hover{text-indent:2px; background-color:none;}
.subnav1 .tit{ font-size:16px; font-weight:bold; text-align:center; padding:8px 0 4px;}


/*手机导航按钮及下拉菜单begin*/
.menubtn{ position:absolute; width:24px; height:24px;top:19px; right:10px; cursor:pointer; display:none;}
.menubtn i{ display:block; width:21px; height:3px; background-color:#1c4e9e; position:absolute; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;}
.menubtn i:nth-child(1){ top:4px; -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}
.menubtn i:nth-child(2){ top:11px;}
.menubtn i:nth-child(3){ top:18px; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}
.menubtn.on i:nth-child(1){ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg);}
.menubtn.on i:nth-child(2){ opacity:0;}
.menubtn.on i:nth-child(3){ -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg);}
/*小导航*/
.inav{ background:url(../images/icon/black8.png) repeat; position:absolute; left:0; top:60px; width:100%; display:none; z-index:9; }
.inav{ display:none;}
.inav dl{ padding:0 10px; text-align:left;}
.inav dt{ font-size:14px; color:#fff; height:40px; line-height:40px; border-bottom:1px solid #2b3b81; padding-left:8px; position:relative;}
.inavbtn{ position:absolute; right:0px; top:14px; width:14px; height:14px; background:url(../images/icon/jia3.png) center center no-repeat; -webkit-transform-origin:center center; -moz-transform-origin:center center; -ms-transform-origin:center center; -o-transform-origin:center center; transform-origin:center center;-webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;}
.inav dd{ display:none; padding-left:2em; border-bottom:1px solid #1c4e9e; padding-bottom:6px;}
.inav a{ color:#fff;}
.inav a:hover{ color:#ccc;}
.inav dd h6{ font-size:14px; font-weight:normal; line-height:2;}
.inav dd h6 a{ display:block;}
.inav dd p{ font-size:12px; text-indent:1em; line-height:1.8;}
.act_inav{ font-weight:bold;}
.act_inav .inavbtn{ -webkit-transform:rotate(135deg) !important; -moz-transform:rotate(135deg) !important; -ms-transform:rotate(135deg) !important; -o-transform:rotate(135deg) !important;transform:rotate(135deg) !important;}
/*手机导航按钮及下拉菜单end*/
/*banner begin*/
.banner{ position:relative; z-index:3; }
.banner .swiper-slide{position:relative; overflow:hidden;}
.banimg{ width:100%; height:auto; display:block;-webkit-transition:all 20s ease-out 0s; -moz-transition:all 20s ease-out 0s; -ms-transition:all 20s ease-out 0s; -o-transition:all 20s ease-out 0s; transition:all 20s ease-out 0s;}
/*.banner .swiper-slide-active .banimg{-webkit-animation: zoomin_out 20s infinite ease-in-out;-moz-animation: zoomin_out 20s infinite ease-in-out;-ms-animation: zoomin_out 20s infinite ease-in-out;-o-animation: zoomin_out 20s infinite ease-in-out;}

@-webkit-keyframes zoomin_out{
0%{-webkit-transform:scale(1);}
50%{-webkit-transform:scale(1.1);}
100%{-webkit-transform:scale(1);}
}
@-moz-keyframes zoomin_out{
0%{-moz-transform:scale(1);}
50%{-moz-transform:scale(1.1);}
100%{-moz-transform:scale(1);}
}
@keyframes zoomin_out{
0%{transform:scale(1);}
50%{transform:scale(1.1);}
100%{transform:scale(1);}
}

*/.banner .swiper-pagination{ bottom:16px !important;}
.banner .swiper-pagination-bullet{width:8px;height:8px;padding: 0;background-color:#abd4f9;font-size: 0;line-height: 0;outline:none;cursor: pointer; -webkit-border-radius:50%; -moz-border-radius:50%;-ms-border-radius:50%; -o-border-radius:50%; border-radius:50%;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; margin:0 10px !important;}

.banner .swiper-pagination-bullet-active{background-color:#fff;}
.banner .swiper-button-prev{ background:url(../images/icon/prev2.png) center center no-repeat; left:2%;}
.banner .swiper-button-next{ background:url(../images/icon/next2.png) center center no-repeat; right:2%;}
.banner .swiper-button-prev,.banner .swiper-button-next{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;width:33px;  height:60px; top:50%; margin-top:-30px; -webkit-background-size:80%; -moz-background-size:80%;-ms-background-size:80%; -o-background-size:80%; background-size:80%; display:none;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
/*banner end*/

.footer_wap{background:#1a88f0; display:none;}
.footer_wap ul{ margin-bottom:0;}
.footer_wap li{ width:25%; float:left; text-align:center; border-right:1px solid #48a0f3; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; padding:4px 0;}
.footer_wap li span{display:block; width:32%; margin:6% auto 0; font-size:0;}
.footer_wap li img{ width:24px; height:auto}
.footer_wap li p{ width:100%; height:22px; line-height:22px; text-align:center; font-size:14px; color:#fff;}
.footer_wap li p a{color:#fff;}
.act_footer_wap{ background-color:#003366 !important;}

.h_tit{ }
.h_tit .tit{ font-size:34px;}
.h_tit .line{ display:inline-block; margin-top:18px; width:24px; height:3px; background-color:#333;}
.h_tit .tit .tit_wz{ vertical-align:middle; margin-right:30px;}
.h_tit .tit i{ font-style:normal; vertical-align:middle;}
.h_tit_w{ color:#fff;}
.h_tit_w .line{ background-color:#fff;}

.h_ser{ padding:90px 0; background:url(../images/h_serbg.png) center center no-repeat fixed;-webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-size:cover; }
.hsul{ width:800px; max-width:100%; margin:40px auto 0;}
.hsul li{ width:33.33%; float:left; text-align:center;}
.hsul li .tparea{ display:block; text-align:center;}
.hsul li .tparea .tp{ max-width:70%;}
.hsul li p{ font-size:20px; margin-top:10px;}

.h_exp{ padding:120px 0; background:url(../images/h_exp01.png) center center no-repeat;-webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-size:cover; }
.h_exp .wp{ overflow:hidden;}
.heul{ margin:48px -3% 0 0;}
.heul li{ width:30.33%; margin:0 3% 0 0; float:left; text-align:center; background:url(../images/icon/black3.png) repeat; padding:40px 0;}
.heul li p{ font-size:24px; color:#fff; padding:0 10px;}

.h_enter{ padding:80px 0; }
.henteraera{ margin-top:30px; text-align:center;} 

.h_design{ padding:70px 0; background-color:#4088f6;}
.hdarea{ margin-top:24px;display:flex;display: -webkit-flex; align-items:center;}
.h_design .tparea{ width:46%; margin-right:6%;}
.h_design .des{ width:48%;}
.hdul{ color:#fff;}
.hdul li{ font-size:24px;}
.hdul .num{ font-size:58px; font-weight:bold; margin-right:26px; position:relative; vertical-align:middle;}
.hdul .num::after,.hdul .num::before{border-bottom:50px solid #4088f6;border-left: 28px solid transparent; position:absolute; display:block; content:"";}
.hdul .num::after{ right:-4px; bottom:14px;}
.hdul .num::before{ right:-3px; bottom:14px;border-bottom:50px solid #fff;}

.h_sale{ padding:70px 0;}
.hserul{ margin-top:64px;}
.hserul li{ width:25%; float:left; position:relative;}
.hserul .box{ width:170px; height:170px; position:relative; border:2px dotted #9a9a9a;transform:translate3d(0,0,0);/*父元素使用transform:translate3d 属性*/ -webkit-transform:translate3d(0,0,0); overflow:hidden; margin:0 auto;}
.hserul li .icon{ position:absolute; width:70px; display:inline-block; text-align:center; left:50%; margin-left:-35px; top:-25px; background-color:#fff; z-index:4;}
.hserul li .icon .tp{ width:50px; height:50px;}
.hserul li .num{ display:inline-block; background-color:#1a88f0; color:#fff; font-size:30px; width:120px; height:120px; text-align:center; position:absolute; left:50%; margin-left:-60px; line-height:40px;bottom:-80px;}
.hserul li .des{ width:90%; padding:0 5%; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); font-size:20px; text-align:center; }

.footer{ background-color:#333333; color:#fff;}
.f_t{ overflow:hidden; padding:46px 0 30px;}
.flogo{ width:20%; float:left;}
.flogo img{ padding-top:20px;}
.fnavul{ width:50%;  float:left;  overflow:hidden;}
.fnavul li{ width:31.33%; margin:0 2% 0 0; float:left;}
.fnavul .tit{ margin-bottom:4px;}
.fnavul .tit a{ color:#fff;}
.fnavul .tit a:hover{}
.fnavul .nr{}
.fnavul .nr a{ color:#666666; display:block; padding:4px 0;}
.fnavul .nr a:hover{ color:#999;}

.fcon{ width:30%; float:right;}
.fcon dl{ overflow:hidden;}
.fcon dt{ width:110px; float:right; margin-left:12px;}
.fcon dt img{ width:110px; height:110px;}
.fcon dt p{ color:#666; text-align:center; margin-top:4px;}
.fcon dd{ line-height:1.6; text-align:right;}
.fcon dd p.tit{ color:#fff;}
.fcon dd p{ font-size:14px; color:#666;}

.f_b{ border-top:1px solid #494949;}
.f_b .wp{  padding:18px 0; position:relative;}
.f_b .wp::after{ position:absolute; content:""; display:block; width:50px; height:1px; background-color:#00ccff; left:0; top:-2px;}
.copy{font-size:14px; color:#666; float:left; width:66%;}
.flink{  width:100px; float:right; font-size:0; text-align:center;}
.flink a{ display:inline-block; width:30px; background-image:url(../images/icon/flink.png); height:30px; margin:0 7px; background-repeat:no-repeat; cursor:pointer;}
.flink .a1{ background-position:0 0;}
.flink .a2{ background-position:-42px 0;}
.flink a:hover{ background-image:url(../images/icon/flink_h.png);}
/*常见问题*/
.i_ban{ overflow:hidden;}
.i_ban img{ display:block; width:100%;}
.i_main{ padding:50px 0; min-height:400px;}
.qus{ padding-bottom:20px;}
.qusul{}
.qusul li{ font-size:16px; padding:34px 0; border-bottom:1px solid #dedede;}
.qusul .wen{ padding:0 0px 0 44px; line-height:1.8; position:relative; color:#333;}
.qusul .wen .letter,.qusul .da .letter{ width:34px; height:30px; font-size:16px; text-align:center; line-height:30px; position:absolute; left:0; top:0px;color:#fff;}
.qusul .wen .letter{ background-color:#ff5353;}
.qusul .da .letter{ background-color:#1a88f0;}
.qusul .da{ color:#666; padding:0 0 0 44px; line-height:1.8; position:relative; margin-top:14px;}
.qusul .da .letter{}
.qusul .morediv{ margin-top:12px; padding-left:44px;}
.qusul li:last-child{ border:none;}
.sbtn{ display:inline-block; padding:6px 26px;border:1px dashed transparent; font-size:14px; color:#999;}
.sbtn_bj{ border:1px dashed #ffc489;}
.sbtn_bj:hover{ background-color:#ffa348; color:#fff;}

.moreload{}
.moreload .sbtn_bl{ cursor:pointer;}
.sbtn_bl{ font-size:16px; padding:10px 44px; border:1px dashed #0099ff; color:#0099ff;}
.sbtn_bl:hover{ color:#fff; background-color:#0099ff;}
/*常见问题详情*/
.quedel{ padding:10px 0 50px; position:relative;}
.quedel .person{ width:116px; position:absolute; left:0; top:24px;}
.quedel .person .img{ width:116px; height:116px;}
.qusdelarea{ margin-left:152px; border:2px solid #ececec; position:relative;}
.qusdelarea .arr{ position:absolute; top:60px; left:-26px;}

.qusdelbox{ font-size:16px;  padding:30px 26px;}
.qusdelbox .wen{ padding:0 0px 0 44px; line-height:1.8; position:relative; color:#333;}
.qusdelbox .wen .tp,.qusdelbox .da .tp{ display:block; margin:20px auto; }
.qusdelbox .wen .letter,.qusdelbox .da .letter{ width:34px; height:30px; font-size:16px; text-align:center; line-height:30px; position:absolute; left:0; top:0px;color:#fff;}
.qusdelbox .wen .letter{ background-color:#ff5353;}
.qusdelbox .da .letter{ background-color:#1a88f0;}
.qusdelbox .da{ color:#666; padding:0 0 0 44px; line-height:1.8; position:relative; margin-top:14px;}
.qusdelbox .da .letter{}

/*合作案例*/
.i_l{ width:18.4%;}
.lm{ position:relative; text-align:center; background-color:#f8f8f8; }
.lm_tit{ font-size:20px; height:50px; line-height:50px; color:#fff;  background:#1399fc url(../images/icon/lm_hover.png) top center no-repeat;}

.lmul{ border:1px solid #e8e8e8; border-width:0 1px 0 1px;}
.lmul li{border-bottom:1px solid #e8e8e8; position:relative;}
.lmul li a{  height:50px; line-height:50px; font-size:16px; color:#333;}
.lmul li a:hover{color:#1399fc;}
.act_lm{color:#1399fc !important; }
.act_lm::after{ content:""; display:block; width:30px; height:1px; background-color:#1a88f0; position:absolute; left:50%; margin-left:-15px; bottom:-1px;}
.i_r{ width:79.2%; float:right;}
.coo{ overflow:hidden; padding-bottom:20px;}
.cooul{ margin-right:-3%; padding:0 0 20px;}
.cooul li{ float:left; width:30.33%; margin:0 3% 3% 0; position:relative;}
.cooul li a{ padding:16px 14px; border:1px solid #e6e6e6; display:block;}
.cooul .tp{ width:250px;line-height:1.8; margin-bottom:10px;}
.cooul .p1,.cooul .p2{ font-size:16px;line-height:1.8;}
.cooul .p3{ font-size:14px; color:#666; line-height:1.8; margin-top:6px; height:277px; overflow:hidden;}
.seestore{ margin-top:14px;}
.seestore .sbtn{ font-size:12px; cursor:pointer; padding:6px 34px;}
.cooul li a:hover{ border-color:#1a88f0;}
.cooul li .shade{ background:url(../images/icon/black6.png) repeat; width:100%; height:100%; position:absolute; left:0; top:0; display:none;}
.cooul li .shade .codeimg{ width:140px; position:absolute; left:50%; top:50%; margin:-70px 0 0 -70px;}
/*.cooul li:hover .shade{ display:block;}
*/
/*注册*/
.reg{ padding:60px 0 100px;}
.regarea{}
.regarea .tp{}
.regarea .tp img{}
.regform{ width:606px; margin:0 auto; max-width:96%;}
.reg_tit{ font-size:30px; text-align:center; background:url(../images/icon/black2.png) left bottom repeat-x; position:relative; padding-bottom:16px;}
.reg_tit::after{ content:""; display:block; width:56px; height:1px; background-color:#3388ff; position:absolute; left:50%; margin-left:-28px; bottom:0;}
.regtab{ width:446px; margin:30px  auto 0; max-width:100%;}
.regtab td{ padding:20px 0;}
.regtab .mc{ font-size:16px; width:100px; color:#333; font-weight:bold;}
.regtab .nr{}
.regtab .text{width:100%; height:40px; line-height:40px; border:1px solid #e5e5e5; padding-left:10px; -webkit-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; display:block; padding-left:10px; background:none;}
.regtab .yzm{}
.regtab .yzm table{ width:100%;}
.regtab .yzm table td{padding:0px 0;}
.regtab .yzm table .pin{ width:110px; padding-left:10px; vertical-align:top; font-size:0;}
.regtab .yzm table .pin img{ height:40px; cursor:pointer;}
.regtab .nr textarea{width:172px; height:42px; border:1px solid #9a9a9a; display:block; padding:10px; background:none;}
.regtab .nr select{ width:49%; border:1px solid #ccc;height:32px; }
.regtab .tj{ padding-top:26px;}
.regtab .tj input{ width:100%; height:50px; text-align:center; font-size:16px; color:#fff;  background-color:#3388ff;  cursor:pointer; border:none; -webkit-border-radius:3px; -moz-border-radius:3px;-ms-border-radius:3px; -o-border-radius:3px; border-radius:3px;}
.regtab .tj input:hover{ background-color:#1a88f0;}
.regtab .agree{ font-size:16px; padding-top:0;}
.regtab .agree a{ color:#fe8b52;}
.regtab .agree a:hover{ color:#f27d00;}
.regform .tip{ font-size:12px; color:#666; line-height:2.2; margin-top:25px;}
/*接入指南*/
.prepare{ padding:70px 0;}
.prepare .wp{ overflow:hidden;}
.prepare .div1{ font-size:20px; padding:12px 0; text-align:center; background-color:#fff8ec; border:1px dashed #ffc773; width:600px; max-width:100%; margin:26px auto 0;}
.prepare .div1 .nr{ padding:20px;}
.prepare .div2{ font-size:24px; text-align:center; position:relative; margin-top:26px; padding-bottom:44px;}
.prepare .div2::after{ content:""; display:block; position:absolute; left:50%; margin-left:-8px; bottom:0; border:1px solid #46cf71; border-width:16px 10px; border-color:#46cf71 transparent transparent transparent;}
.prepare .div3{font-size:20px; line-height:1.8;  margin-top:20px;}
.prepareul{ margin:70px -3% 0 0;}
.prepareul li{ width:30.33%; float:left; margin:0 3% 0 0; position:relative;}
.prepareul li .num{ width:80px; height:80px; text-align:center; line-height:80px; font-size:30px; color:#fff; position:absolute; left:50%; margin-left:-40px; top:-40px;}
.prepareul li .box{ padding:40px 30px; border:1px dashed #e4e4e4; background-color:#fff; font-size:15px; color:#999999; line-height:1.8; text-align:center; height:83px; overflow:hidden;}
.prepareul .li01 .num{ background-color:#ff9900;}
.prepareul .li02 .num{ background-color:#aa7cf4;}
.prepareul .li03 .num{ background-color:#46cf71;}

.access{ padding:60px 0 40px;}
.access .item{ margin-bottom:60px;}
.access .h_tit{ margin-bottom:40px;}
.a_tit{ height:68px; background-color:#f8f8f8; font-size:24px; margin-left:50px; position:relative;}
.a_tit .num{ width:136px; padding-left:10px;  display:block; position:absolute; left:-50px; top:-14px; color:#fff; font-size:30px; height:100%; line-height:68px; text-align:center;}
.a_tit .num::after{ content:""; display:block; border:1px solid red; border-width:34px 10px; border-color:transparent transparent #0099ff #0099ff;  position:absolute; right:-20px; top:0;}
.a_tit .num::before{content:""; display:block; border:1px solid red; border-width:7px 25px ; border-color: #d1edff #d1edff transparent transparent;  position:absolute; left:0px; bottom:-14px;}
.access .item1 .a_tit .num{ background-color:#0099ff;}
.access .item1 .a_tit .num::after{border-color:transparent transparent #0099ff #0099ff;}
.access .item1 .a_tit .num::before{border-color: #d1edff #d1edff transparent transparent;}

.access .item2 .a_tit .num{ background-color:#33cc99;}
.access .item2 .a_tit .num::after{border-color:transparent transparent #33cc99 #33cc99;}
.access .item2 .a_tit .num::before{border-color: #daf6ed #daf6ed transparent transparent;}

.access .item3 .a_tit .num{ background-color:#ff6666;}
.access .item3 .a_tit .num::after{border-color:transparent transparent #ff6666 #ff6666;}
.access .item3 .a_tit .num::before{border-color: #ffe3e3 #ffe3e3 transparent transparent;}

.access .item4 .a_tit .num{ background-color:#ff9933;}
.access .item4 .a_tit .num::after{border-color:transparent transparent #ff9933 #ff9933;}
.access .item4 .a_tit .num::before{border-color: #ffedda #ffedda transparent transparent;}

.a_tit .mc{ margin-left:160px; display:inline-block; line-height:68px;}
.access .item .nr{ margin-top:26px; color:#666; line-height:2; padding:0 50px;}
.access .item .morediv{ margin-top:14px;}
.sbtn_j{ background-color:#ff6600; padding:2px 34px; color:#fff; font-weight:bold;}
.sbtn_j .icon{ vertical-align:middle;  margin-right:10px;}
.sbtn_j i{ vertical-align:middle; font-size:18px; font-style:normal;}
.sbtn_j:hover{ background-color:#f90;}

.explain1{ background-color:#ff6666; padding:48px 0;}
.explain1 .wp{ display:flex;display: -webkit-flex; align-items:center;}
.explain1 .tp{}
.explain1 .des{ color:#fff; border-left:1px solid #fff; margin-left:30px; padding-left:30px;}
.explain1 .des .p1{ font-size:34px; line-height:1; margin-bottom:18px;}
.explain1 .des .p2{ font-size:20px;}

.explain2{ padding:100px 0 84px;}
.explain2 .box{ border:2px dotted #a7a7a7; padding:36px; position:relative;}
.explain2 .tit{ position:absolute; background-color:#fff; font-size:34px; color:#0099ff; position:absolute; left:76px; top:-32px; padding:0 14px 0;}
.explain2 .tit .icon{ vertical-align:middle; margin-right:14px;}
.explain2 .tit i{ font-style:normal; vertical-align:middle;}
.explain2 .wz{ margin:0 40px; font-size:16px; color:#666; line-height:2; position:relative; padding-left:22px; position:relative;}
.explain2 .wz .circle{ position:absolute; left:0; top:14px; width:5px; height:5px; background-color:#1a88f0; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%;}

/*金桥餐饮*/
.prepareul2{}
.prepareul2 li{}
.prepareul2 li .box{ background-color:#f6f6f6; border:none; font-size:18px; color:#333; padding:50px 30px 30px; height:100px;}
.prepareul2 .li04 .num{ background-color:#00cccc;}
.prepareul2 .li05 .num{ background-color:#ff3333;}
.prepareul2 .li06 .num{ background-color:#0099ff;}

.order{ padding:50px 0 10px; background-color:#aa7cf4;}
.order .wp{display:flex;display: -webkit-flex; align-items:center;}
.order .tp{ width:38%; margin-right:2%; text-align:center;}
.order .tp img{}
.order .des{ width:60%;}
.order_tit{}
.order_tit span{ display:inline-block; font-size:34px; color:#fff; position:relative; padding-bottom:36px;}
.order_tit span::after{ display:block; content:""; display:block; width:24px; height:3px; background-color:#fff; position:absolute; left:50%; margin-left:-12px; bottom:0;}
.orderul{ color:#fff; margin-top:20px;}
.orderul li{ font-size:24px; padding:10px 0;}
.orderul .num{ font-size:34px; font-weight:bold; margin-right:16px; position:relative; vertical-align:middle;}
.orderul .num::after,.orderul .num::before{border-bottom:36px solid #aa7cf4;border-left:18px solid transparent; position:absolute; display:block; content:"";}
.orderul .num::after{ right:-4px; bottom:0px;}
.orderul .num::before{ right:-3px; bottom:0px;border-bottom:36px solid #fff;}

.cus_source{ padding:80px 0 70px; font-size:0;}

.kitprint{ padding:80px 0; background-color:#4088f6;}
.kitprint .wp{display:flex;display: -webkit-flex; align-items:center;}
.kitprint .tp{ width:38%; text-align:center;}
.kitprint .tp img{}
.kitprint .des{ width:60%; margin-right:2%;}
.kitprint .des .nr{ color:#fff; margin-top:20px; font-size:20px; line-height:1.8;}

.kitprint_tit{}
.kitprint_tit span{ display:inline-block; font-size:34px; color:#fff; position:relative; padding-left:24px;}
.kitprint_tit span::after{ display:block; content:""; display:block; width:3px; height:36px; background-color:#ffcc00; position:absolute; left:0%; margin-top:-18px; top:50%;}

.applet{ padding:60px 0 70px;}
.appletul{ margin-top:40px; padding:50px 0; background:url(../images/icon/icon08.png) left center repeat-x;}
.appletul li{ width:25%; text-align:center; float:left; position:relative;}
.appletul li .box{ width:98px; height:98px; margin:0 auto; position:relative; text-align:center;}
.appletul li .box .icon{ width:50px; height:50px; padding-top:24px;}
.appletul li:nth-child(2n+1) .box::after{ top:-25px;}
.appletul li:nth-child(2n) .box::after{ bottom:-25px;}
.appletul li .box::after{ border-width:14px 9px; border-style:solid;  content:""; display:block; position:absolute; left:50%; margin-left:-8px;}
.appletul .li01 .box{ background-color:#4088f6;}
.appletul .li02 .box{ background-color:#ff6666;}
.appletul .li03 .box{ background-color:#33cc99;}
.appletul .li04 .box{ background-color:#4088f6;}
.appletul .li01 .box::after{ border-color: transparent transparent #4088f6 transparent;}
.appletul .li02 .box::after{border-color:#ff6666  transparent transparent transparent;}
.appletul .li03 .box::after{border-color: transparent transparent #33cc99 transparent; }
.appletul .li04 .box::after{border-color:#4088f6  transparent transparent transparent;}

.appletul li .nr{ position:absolute; width:94%; padding:0 3%; left:0; font-size:18px;}
.appletul li:nth-child(2n+1) .nr{ bottom:124px;}
.appletul li:nth-child(2n) .nr{ top:124px;}

.proprice{ padding:70px 0;}
.proprice .area{display:flex;display: -webkit-flex; align-items:center; width:900px; margin:40px auto 0; max-width:100%;}
.proprice .area .tp{ width:32%; margin-right:5%;}
.proprice .area .tp img{}
.proprice .area .des{ width:62%;}
.proprice .area .des .div1{}
.proprice .area .des .div1 span{ background-color:#33cc99; color:#fff; display:inline-block;font-size:20px; line-height:2; padding:4px 40px 4px 16px; position:relative;}
.proprice .area .des .div1 span::after{ border:24px solid red; border-color:transparent #fff transparent transparent; content:""; display:block; position:absolute; right:0; top:0;}
.proprice .area .des .div2{ font-size:20px; line-height:2; margin-top:14px;}
.proprice .area .des .morediv{ margin:14px 0;}
.proprice .area .des .morediv .sbtn{ padding:6px 34px;}
.proprice .area .des .div3{ font-size:20px; line-height:2;}

.hdslide .swiper-slide img{ width:100%;}
/*右侧客服*/
.floatpart{ position:fixed; right:34px; top:50%; margin-top:-150px; z-index:999;}
.floatpartul{ width:90px; margin-right:1px;}
.floatpartul li{ margin-bottom:5px; position:relative;}
.floatpartul li a{ width:90px; height:80px; text-align:center; font-size:0; cursor:pointer; display:block; background-color:#333;}
.floatpartul li a img{ width:60px;  height:60px; padding-top:10px;}
.floatpartul li:hover a{ background-color:#3295ef;}
.tellay{ background-color:#3395ef; color:#fff; padding:20px 20px; line-height:40px; font-size:20px; overflow:hidden; width:194px;  position:absolute; right:95px; top:0; display:none; text-align:center;}
.tellay .des .p2{ font-weight:bold; }
.floatpartul li.telbtn:hover .tellay{ display:block;}

.wexinlay{ border:1px solid #ddd; display:none; font-size:0; position:absolute; right:95px; top:0%; width:120px; }
.wexinlay img{ width:120px; height:120px;}
.floatpartul li.wexinbtn:hover .wexinlay{ display:block;}







.lan{ color:#1a88f0;}
.hong{ color:#ff5353;}
.lv{ color:#46cf71;}
.bg_g{ background-color:#f8f8f8;}
.bg_w{ background-color:#fff;}
.pcshow{ display:inline-block;}
.wapshow{ display:none;}