﻿.wrap{ width:1200px; margin:0 auto;}
body{}
/**banner**/
.banner{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(/static/main/images/index1_s.png) no-repeat center center; background-size:auto 100%;}
.xxia{ position:absolute; left:50%; bottom:58px; width:40px; height:40px; margin-left:-20px;}
.xxia:active{bottom:56px;}

.banner_s{ width:950px; height:490px; position:absolute; left:50%; top:50%; margin-left:-475px; margin-top:-245px; background:url(/static/main/images/index1_ss.png) no-repeat center center;}
.banner_s span{ display:block;}
.banner_s .title{ color:#fff; font-size:36px; line-height:36px; text-align:center; margin-top:94px;}
.banner_s .title1{ font-size:72px; color:#ff2708; line-height:72px; text-align:center; font-weight:bold;text-shadow:2px 6px 15px rgba(0,0,0,0.75); margin-top:38px;}
.banner_s .title1 em{ border-bottom:1px solid #ff2708;}
.banner_s .title2{ margin-left:320px;}
.banner_s .title2 p{ color:#ffffff;}
.banner_s .title2 .t1{ font-size:30px; line-height:30px;}
.banner_s .title2 .t1 font{ font-size:100px; line-height:100px;}
.banner_s .title2 .t2{ font-size:22px; line-height:22px; margin-top:16px;}
.banner_s .title3{ font-size:16px; line-height:24px; color:#fff; margin-right:150px; margin-top:36px;}
.banner_s .title3 .t2{ margin-top:10px;}

/**导航**/
.logo{ padding-top:35px; width:170px; height:51px; background:url(/static/main/images/logo.png) no-repeat center bottom/100%;}
.nav_w{ position:absolute; top:0; left:0; width:100%;}
.nav{ position:relative;}
.nav li{ float:left; margin:18px 0 0 48px; padding-top:34px;}
.nav li a{ font-size:18px; line-height:18px; display:block; color:#c8c8c8;}
.nav li.on a{ color:#ff2708;}
.nav .xian{ position:absolute; left:0; top:0; width:auto; height:3px; background-color:#ff2708;}

.nav_w_f{ position:fixed; background-color:#353433; height:73px; z-index:999;}
.nav_w_f .logo{height:73px;background:url(/static/main/images/logo.png) no-repeat center center/80%;padding:0;}
.nav_w_f .nav li{ padding-top:0;}
.nav_w_f .nav li a{ font-size:16px; line-height:57px;}
.nav_w_f .nav .xian{ top:13px;}

.slider__indicator--left {
  -webkit-transition: left 0.3s cubic-bezier(0.51, 0.92, 0.24, 1.15), right 0.3s 0.1s cubic-bezier(0.51, 0.92, 0.24, 1.15);
  transition: left 0.3s cubic-bezier(0.51, 0.92, 0.24, 1.15), right 0.3s 0.1s cubic-bezier(0.51, 0.92, 0.24, 1.15);
}
.slider__indicator--right {
  -webkit-transition: left 0.3s 0.1s cubic-bezier(0.51, 0.92, 0.24, 1.15), right 0.3s cubic-bezier(0.51, 0.92, 0.24, 1.15);
  transition: left 0.3s 0.1s cubic-bezier(0.51, 0.92, 0.24, 1.15), right 0.3s cubic-bezier(0.51, 0.92, 0.24, 1.15);
}
.nav[data-pos="0"] .slider__indicator {
  left: 48px;
  right: 612px;
}
.nav[data-pos="1"] .slider__indicator {
  left: 186px;
  right: 492px;
}
.nav[data-pos="2"] .slider__indicator {
	left: 304px;
	right: 408px;
}
.nav[data-pos="3"] .slider__indicator {
	left: 390px;
    right: 324px;
}
.nav[data-pos="4"] .slider__indicator {
	left: 474px;
    right: 204px;
}
.nav[data-pos="5"] .slider__indicator {
    left: 594px;
    right: 120px;
}
.nav[data-pos="6"] .slider__indicator {
    left: 678px;
    right: 0px;
}

.nav_w_f .nav[data-pos="0"] .slider__indicator {
  left: 48px;
  right: 576px;
}
.nav_w_f .nav[data-pos="1"] .slider__indicator {
	left: 176px;
    right: 464px;
}
.nav_w_f .nav[data-pos="2"] .slider__indicator {
    left: 288px;
    right: 384px;
}
.nav_w_f .nav[data-pos="3"] .slider__indicator {
    left: 368px;
    right: 304px;
}
.nav_w_f .nav[data-pos="4"] .slider__indicator {
    left: 448px;
    right: 193px;
}
.nav_w_f .nav[data-pos="5"] .slider__indicator {
    left: 560px;
    right: 112px;
}
.nav_w_f .nav[data-pos="6"] .slider__indicator {
    left: 640px;
    right: 0px;
}

/****/
.index_kj{}
.index_bt{}
.index_bt .title1{ font-size:36px; line-height:36px; margin-bottom:34px;}
.index_bt .title2{ font-size:16px; line-height:28px; color:#969696;}

.index_bt1{}
.index_bt1 .title1{}
.index_bt1 .title1 p{ display:inline-block; position:relative; color:#18a7e8; font-size:24px;}
.index_bt1 .title1 p em{ position:absolute; top:12px; width:31px; height:11px; background-repeat:no-repeat; background-position:center center;}
.index_bt1 .title1 p em.li_l{ left:-56px; background-image:url(/static/main/images/index22.png);}
.index_bt1 .title1 p em.li_r{ right:-56px; background-image:url(/static/main/images/index23.png);}

/**第一屏**/
.index_qqlh_w .index_kj{ padding:81px 0 91px;}
.index_qqlh{ margin-top:74px; position:relative;}
.index_qqlh .kj{ width:47%; position:relative;}
.index_qqlh .kj:hover{}
.index_qqlh_bt{ margin:0 20%; background:url(/static/main/images/index4.png); display:block; line-height:58px; text-align:center; font-size:22px; color:#fff; border-radius:10px 10px 0 0;}
.index_qqlh .list{ width:100%;-webkit-box-shadow:0 0 10px rgba(230, 230, 230, .5);-moz-box-shadow:0 0 10px rgba(230, 230, 230, .5); box-shadow:0 0 15px rgba(230, 230, 230, .8); border:1px solid #e6e6e6;}
.index_qqlh .list ul{ padding:37px 0 2px 37px;}
.index_qqlh .list li{ padding-left:48px; background-repeat:no-repeat; background-position:left center;}
.index_qqlh .list li{ margin-bottom:34px;}
.index_qqlh .list li span{ display:block;}
.index_qqlh .list li .bt{ font-size:18px; color:#323232; line-height:18px; margin-bottom:12px;}
.index_qqlh .list li .title{ font-size:16px; color:#969696; line-height:16px;}
.index_qqlh .list li.li1{ background-image:url(/static/main/images/index6.png);}
.index_qqlh .list li.li2{ background-image:url(/static/main/images/index7.png);}
.index_qqlh .list li.li3{ background-image:url(/static/main/images/index8.png);}

.index_qqlh .kj_r .index_qqlh_bt{ background-image:url(/static/main/images/index5.png);}
.index_qqlh .kj_r .list li.li1{ background-image:url(/static/main/images/index9.png);}
.index_qqlh .kj_r .list li.li2{ background-image:url(/static/main/images/index10.png);}
.index_qqlh .kj_r .list li.li3{ background-image:url(/static/main/images/index11.png);}

.index_qqlh_imgs{ position:absolute; left:50%; margin-left:-35px; top:98px;}

/**第二屏**/
.index_wdfn .index_kj{ padding:76px 0 0;}
.index_wdfn{ padding:1px 0; background:url(/static/main/images/index13.png) no-repeat center center;}
.index_wdfn_s{ padding:88px 0 65px;}
.index_wdfn_img{ margin:0 auto; display:block;}

.index_wdfn_s{ position:relative;}
.index_wdfn_s ul{ position:absolute; left:0; top:0; width:100%; height:100%;}
.index_wdfn_s ul li{ position:absolute; width:216px; height:80px; overflow:hidden;}
.index_wdfn_s ul li.li_l{ padding-left:102px; padding-right:44px;}
.index_wdfn_s ul li.li_r{ padding-right:102px; padding-left:44px;}
.index_wdfn_s ul li span{ display:block;}
.index_wdfn_s ul li .bt{ font-size:20px; color:#323232; line-height:26px;}
.index_wdfn_s ul li .title{ font-size:16px; color:#787878; line-height:24px; margin-top:6px;}
.index_wdfn_s ul li .img{ width:80px; height:80px; position:absolute; background-repeat:no-repeat; background-position:left center;}
.index_wdfn_s ul li .img1{ background-image:url(/static/main/images/index20.png); top:0; opacity:1;}
.index_wdfn_s ul li .img2{ background-image:url(/static/main/images/index21.png); top:-100px; opacity:0;}
.index_wdfn_s ul li:hover .img1{ background-image:url(/static/main/images/index20.png); top:100px;  opacity:0;}
.index_wdfn_s ul li:hover .img2{ background-image:url(/static/main/images/index21.png); top:0px;opacity:1;}
.index_wdfn_s ul li.li_l .img{ left:0;}
.index_wdfn_s ul li.li_r .img{ right:0;}
.index_wdfn_s ul li .yuan{ position:absolute; width:8px; height:8px; top:34px; background-color:#1aa8e9; border-radius:50%; border:4px solid #bfe2ff;}
.index_wdfn_s ul li:hover .yuan{ background-color:#f74e07; border:4px solid #f8c7b3;}
.index_wdfn_s ul li.li1 .yuan{ right:0;}
.index_wdfn_s ul li.li2 .yuan{ right:0;}
.index_wdfn_s ul li.li3 .yuan{ left:0;}
.index_wdfn_s ul li.li4 .yuan{ left:0;}
.index_wdfn_s ul li.li5 .yuan{ left:0;}
.index_wdfn_s ul li.li1{ top:188px; left:24px;}
.index_wdfn_s ul li.li2{ top:444px; left:56px;}
.index_wdfn_s ul li.li3{ top:48px;  right:245px;}
.index_wdfn_s ul li.li4{ top:245px; right:5px;}
.index_wdfn_s ul li.li5{ top:454px; right:146px;}

/**第三屏**/
.index_fwjs{}
.index_fwjs .index_kj{ padding:75px 0 0;}

.index_fwjs_s{ margin-top:57px;}
.index_fwjs_s li{ float:left; width:22%; margin-right:4%; -webkit-box-shadow:0 0px 8px 2px #f1f1f1;-moz-box-shadow:0 0p 8px 2px #f1f1f1; box-shadow:0 0px 8px 2px #f1f1f1; border-radius:10px; background-color:#fff;}
.index_fwjs_s li:hover{ background-color:#46b9ed;}
.index_fwjs_s li .kj{ padding:35px 30px 24px;}
.index_fwjs_s li .kj .img{ width:79px; height:54px; margin:0 auto; display:block; background-repeat:no-repeat; background-position:center center;}
.index_fwjs_s li.li1{}
.index_fwjs_s li.li2{}
.index_fwjs_s li.li3{}
.index_fwjs_s li.li4{ margin-right:0;}
.index_fwjs_s li.li1 .img{ background-image:url(/static/main/images/index24.png);}
.index_fwjs_s li.li2 .img{ background-image:url(/static/main/images/index25.png);}
.index_fwjs_s li.li3 .img{ background-image:url(/static/main/images/index26.png);}
.index_fwjs_s li.li4 .img{ background-image:url(/static/main/images/index27.png);}
.index_fwjs_s li.li1:hover .img{ background-image:url(/static/main/images/index24_s.png);}
.index_fwjs_s li.li2:hover .img{ background-image:url(/static/main/images/index25_s.png);}
.index_fwjs_s li.li3:hover .img{ background-image:url(/static/main/images/index26_s.png);}
.index_fwjs_s li.li4:hover .img{ background-image:url(/static/main/images/index27_s.png);}
.index_fwjs_s li .bt{ display:block; font-size:20px; line-height:62px; color:#323232; text-align:center;}
.index_fwjs_s li .title{ display:block; text-align: center; color:#969696; font-size:16px; line-height:30px; margin-top:20px;}
.index_fwjs_s li .xian{ width:36px; height:4px; background-color:#18a7e8; display:block; margin:0 auto;}
.index_fwjs_s li:hover .bt{ color:#fff;}
.index_fwjs_s li:hover .title{ color:#fff;}
.index_fwjs_s li:hover .xian{ background-color:#fff;}

/*爱采购*/
.index_bdacg{ background:#f3fbfe url(/static/main/images/index28.png) no-repeat center top; padding-top:156px; padding-bottom:1px; margin-top:-38px;}
.index_bdacg_s{ border-radius:10px; overflow:hidden; width:896px; margin:212px auto; background-color:#fff;-webkit-box-shadow:0 6px 16px 2px #e7eef1;-moz-box-shadow:0 6px 16px 2px #e7eef1; box-shadow:0 6px 16px 2px #e7eef1; }
.index_bdacg_s .bt{ display:block; height:54px; line-height:54px; background-color:#18a7e8; font-size:16px; color:#fff; text-indent:62px;}
.index_bdacg_s .cn{ padding:22px 34px;}
.index_bdacg_s .cn .img{ display:none;}
.index_bdacg_s .cn .img img{ display:block; margin:0 auto;}

.index_bdacg_w{ position:relative;}
.index_bdacg_s{ position:relative; z-index:2; min-height:442px;}
.index_bdacg_ws{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:3;}
.index_bdacg_ws li{ width:226px; padding-left:66px; position:absolute; text-align:left; padding-bottom:22px; cursor:pointer;}
.index_bdacg_ws li .bt{ display:block; font-size:18px; line-height:18px; color:#323232;}
.index_bdacg_ws li:hover .bt{ color:#18a7e8;}
.index_bdacg_ws li .title{ display:block; color:#969696; font-size:16px; line-height:26px; margin-top:10px;}
.index_bdacg_ws li .yuan{ position:absolute; left:0; top:10px;}
.index_bdacg_ws li .xian{ background-position:center center; background-repeat:no-repeat; position:absolute; left:71px; top:102px;}
.index_bdacg_ws li.li1{ top:-128px; left:2px;}
.index_bdacg_ws li.li1 .xian{ width:79px; height:183px; background-image:url(/static/main/images/index29_s.png);}
.index_bdacg_ws li.li1:hover .xian{ background-image:url(/static/main/images/index29.png);}
.index_bdacg_ws li.li2{ top:-126px; left:50%; margin-left:-146px;}
.index_bdacg_ws li.li2 .xian{ width:40px; height:24px; left:134px; background-image:url(/static/main/images/index30_s.png);}
.index_bdacg_ws li.li2:hover .xian{ background-image:url(/static/main/images/index30.png);}
.index_bdacg_ws li.li3{ top:-126px; right:0;}
.index_bdacg_ws li.li3 .xian{ width:79px; height:183px; left:140px; background-image:url(/static/main/images/index31_s.png);}
.index_bdacg_ws li.li3:hover .xian{ background-image:url(/static/main/images/index31.png);}
.index_bdacg_ws li.li4{ bottom:-128px; left:0; padding-top:22px; padding-bottom:0;}
.index_bdacg_ws li.li4 .xian{ width:79px; height:183px; left:71px; top:auto; bottom:102px; background-image:url(/static/main/images/index32_s.png);}
.index_bdacg_ws li.li4:hover .xian{ background-image:url(/static/main/images/index32.png);}
.index_bdacg_ws li.li5{ bottom:-128px; left:50%; margin-left:-146px; padding-top:22px; padding-bottom:0;}
.index_bdacg_ws li.li5 .xian{ width:40px; height:29px; left:128px; top:auto; bottom:99px; background-image:url(/static/main/images/index33_s.png);}
.index_bdacg_ws li.li5:hover .xian{ background-image:url(/static/main/images/index33.png);}
.index_bdacg_ws li.li6{ bottom:-128px; right:0; margin-left:-146px; padding-top:22px; padding-bottom:0;}
.index_bdacg_ws li.li6 .xian{ width:79px; height:183px; left:140px; top:auto; bottom:102px; background-image:url(/static/main/images/index34_s.png);}
.index_bdacg_ws li.li6:hover .xian{ background-image:url(/static/main/images/index34.png);}


/**第四屏**/
.index_hyqy{ padding:1px 0 73px; background:url(/static/main/images/index42.png) no-repeat center center;}
.index_hyqy .index_bt{ margin-top:87px;}
.index_hyqy .index_bt .title1{ margin-bottom:56px;}
.index_hyqy_w{ padding:10px; position:relative;}
.index_hyqy_w .bij{ position:absolute;}
.index_hyqy_w .bij1{ left:0; top:0;}
.index_hyqy_w .bij2{ right:0; top:0;}
.index_hyqy_w .bij3{ left:0; bottom:0;}
.index_hyqy_w .bij4{ right:0; bottom:0;}
.index_hyqy_kj{ padding:31px 34px; background-color:#22201a;}
.index_hyqy_kj .table{ border:2px solid #41d5d6; color:#fff; text-align:center;}
.index_hyqy_kj .table td{ border-color:#535e63; line-height:44px;}
.index_hyqy_kj .table th{ border-color:#7ae1e2; font-size:18px; line-height:45px; background-color:#40d4d5;}
.index_hyqy_kj .table .th1{ border-top:0;}
.index_hyqy_kj .table .th2{ border-bottom:0;}
.index_hyqy_kj .table .td1{ font-size:16px;}
.index_hyqy_kj .table td .d{ font-size:20px; color:#ff2708; font-weight:bold;}
.index_hyqy_kj .table td .c{ font-size:20px; color:#fd031b; font-weight:bold;}
.index_hyqy_kj .table td .t{ font-size:16px; color:#ff2708;}
.index_hyqy_kj .table tr:nth-child(odd){ background-color:#3f4244;}
.index_hyqy_kj .table tr:nth-child(even){}
.index_hyqy_kj .table tr:hover{ background-color:#11373a;}
.index_hyqy_kj .table .td_on{ background-color:#11373a;}

/**第五屏**/
.index_cgal{}
.index_cgal .index_kj{ padding:92px 0 82px;}
.index_cgal_w{}
.index_cgal_s {}
.index_cgal_w li{ padding:20px 0 0;}
.index_cgal_w li .kj{ position:relative; padding:0 20px; padding-bottom:50px;}
.index_cgal_w li .kj .img{ display:block; border:1px solid #e6e6e6;-webkit-box-shadow:0px 2px 6px 1px #e6e6e6;-moz-box-shadow:0px 2px 6px 1px #e6e6e6; box-shadow:0px 2px 6px 1px #e6e6e6;}
.index_cgal_w li .kjs{ width:208px; height:126px; position:absolute; right:42px; bottom:0; padding:24px; background:url(/static/main/images/index48.png);}
.index_cgal_w li .kjs span{ display:block; text-align:left;}
.index_cgal_w li .kjs span.title{ color:#fff; font-size:16px; line-height:28px; font-weight: normal; margin-bottom:6px;}
.index_cgal_w li .kjs span.title1{ color:#fff; font-size:14px; line-height:24px; font-weight: normal; margin-bottom:0;}
.index_cgal_w li .kjs .ann_a{ padding:0 14px; height:32px; line-height:32px; font-size:14px; border-radius:6px; margin-top:16px;}
.index_cgal_w li .kjs .ann1{ margin-right:22px; color:#fff; background:url(/static/main/images/index49.png);}
.index_cgal_w li .kjs .ann2{ background-color:#fff; color:#f75009;}
.index_cgal_w .owl-nav{ display:none;}
.index_cgal_w .owl-dots{ text-align:center; width:100%; margin-top:48px;}
.index_cgal_w .owl-dots .owl-dot{ display:inline-block;}
.index_cgal_w .owl-dots .owl-dot span{ width:12px; height:12px; border-radius:50%; margin:0 7px; background-color:#c8c8c8 !important;}
.index_cgal_w .owl-dots .owl-dot.active span { background-color:#f75009 !important;}

/**第六屏**/
.index_sqhz{ padding:1px 0; background:url(/static/main/images/index50.png) no-repeat center center;}
.index_sqhz .index_kj{ padding:73px 0 103px;}
.index_sqhz_l{ width:84%;}
.index_sqhz_l .kj{ margin-right:44px; margin-top:32px;position:relative;}
.index_sqhz_l .kj i{position:absolute;right:0;top:15px;}
.index_sqhz_l .kj .bt{ display:block; font-size:18px; color:#323232; line-height:44px;}
.index_sqhz_l .kj .bt font{ color:#fd031b;}
.index_sqhz_l .kj .input1{ display:block; border:none; width:402px; height:50px; font-size:16px; color:#969696; text-indent:25px; -webkit-box-shadow:0 2px 6px 2px #e9e9e9;-moz-box-shadow:0 2px 6px 2px #e9e9e9; box-shadow:0 2px 6px 2px #e9e9e9;}
.index_sqhz_l .kj .input2{ display:block; border:none; width:254px; height:50px; font-size:16px; color:#969696; text-indent:25px; -webkit-box-shadow:0 2px 6px 2px #e9e9e9;-moz-box-shadow:0 2px 6px 2px #e9e9e9; box-shadow:0 2px 6px 2px #e9e9e9;}
.index_sqhz_l .kj .ewm{ margin-left:14px;}
.index_sqhz_l .kj .tel{ width:402px; text-align:right;}
.index_sqhz_l .kj .tel font{ color:#18a7e8; font-size:24px; font-weight:bold;}
.index_sqhz_l .kj .ann{ width:254px; height:50px; line-height:50px; background-color:#18a7e8; border:none; font-size:18px; font-weight:bold; color:#fff;-webkit-box-shadow:0 2px 6px 2px #e9e9e9;-moz-box-shadow:0 2px 6px 2px #e9e9e9; box-shadow:0 2px 6px 2px #e9e9e9;}

.index_sqhz_r{}
.index_sqhz_r img{ margin-top:74px;}
.index_sqhz_r .title{ font-size:14px; line-height:44px; display:block; text-align:center; color:#646464;}









