@charset "utf-8";
/* CSS Document */
a:hover{ color:#FD861C}

.banner{ clear: both;padding-top: 118px;}
.banner .swiper-button-prev,.banner .swiper-button-next{  width:40px; height: 40px; margin-top: -20px;}
.banner .swiper-button-prev{ left:6%; background-image: url(../images/banner_prev.png);}
.banner .swiper-button-next{ right:6%; background-image: url(../images/banner_next.png);}
.banner-01 { background: #121322; position: relative; color: #fff;}
.banner-01 a{ color: #fff; }
.banner-01 .text{ position: absolute; z-index: 1; transform: translateY(-50%); -webkit-transform: translateY(-50%); top:210px; left:0; width: 100%; padding-left: 15%; font-weight: lighter;}
.banner-01 .text h2{ font-size: 60px; font-weight: lighter;  font-style:oblique; font-weight:bold; margin-bottom:30px;}
.banner-01 .text p{ line-height:40px; font-size:24px;}
.banner-01 .text span{ margin-top:40px; display:block; width:70px; height:8px; background:#fff;}
.banner-01 .img{ position: relative;}
.banner-01 .img img{ width: 100%;}
.banner-01 .img .png{ position: absolute; top:0; left:0;}
.banner-01 .bt{ position: relative; z-index:1; margin-top: 30px; text-align:center; display: inline-block; border-radius: 10px; width: 190px; height:60px; line-height: 60px; background: #fff; color: #288fd4; font-size: 20px; font-weight: bold;}
.banner-02{  background-image: url(../images/banner_02.jpg); background-size:cover; }


.index_1{ padding-top:65px;color:#000;}
.index_1_t{ line-height:46px; text-align:center; font-size:30px; }
.index_1_t1{ line-height:35px; text-align:center; font-size:18px;}
.index_1_line{ border-bottom:2px solid #FD861C; height:17px;width:45px; margin:auto }
.index_1_c{ padding-top:55px;margin-bottom: 34px;    display: table;}
.index_1_c ul{ width:679px; height:182px; float:left; background:#fff; margin-right:42px; margin-bottom:19px;box-shadow: 0px 3px 3px 0px #ddd;}
.index_1_c ul:nth-child(2n){ margin-right:0px;}
.index_1_box { background:url(../images/index_1_box.png) center no-repeat ; width:151px; float:left; height:182px; color:#fff; text-align:center; padding:41px 0;}
.index_1_box span{ font-size:36px; line-height:50px;}
.index_1_box p{ line-height:32px; font-size:16px;}
.index_1_box i{ height:10px; border-bottom:4px solid #fff; width:27px; margin:auto; display:block}
.index_1_c ul li{width: 176px;    float: left;    height: 182px;    padding-left: 25px;}
.index_1_c ul li:hover{ height:184px; margin-top:-1px; background: url(../images/index_1_li.png) center;}
.index_1_c ul li:hover a{ color:#fff;}
.index_1_c ul li span{ font-size:24px; margin-top:30px; display:block; line-height:40px; margin-bottom:10px;}
.index_1_c ul li:hover span { margin-top:31px;}
.index_1_c ul li p{ font-size:16px; line-height:35px;}



.home-service{ padding: 45px 0 75px; background: #f8f8f8;}
.home-service ul{ margin: 0 -38px;}
.home-service li{ float: left; width: 33.333333%; padding: 75px 38px 0;}
.home-service li .box{ background: #FFFFFF; display: flex; flex-flow: wrap;  justify-content: space-between; align-items:center; border-radius: 25px 0 25px 0; overflow: hidden; -webkit-box-shadow:0 0 15px rgba(0,0,0,.1); box-shadow:0 0 15px rgba(0,0,0,.1);}
.home-service li .box .img{ position: relative; width: 40%;}
.home-service li .box .img img{ width: 100%;}
.home-service li .box .theme{ position: absolute; top:42px; left:35px; color: #FFFFFF;}
.home-service li .box .theme p{ font-size: 30px; letter-spacing:3px; font-weight: bold;}
.home-service li .box .theme i{ margin-top: 10px; display: block; text-transform: uppercase; font-style: normal; font-size: 18px; font-style: normal;}
.home-service li .box .img span{ position: absolute; bottom:80px; left: 35px; font-size: 24px; font-weight: bold; color: #FFFFFF;}
.home-service li .box .text{ width: 60%; padding-left: 60px; }
.home-service li .box .tip{ display: block; position: relative; padding:13% 0;}
.home-service li .box .tip:first-child{ padding-top: 0;}
.home-service li .box .tip:last-child{ padding-bottom: 0;}
.home-service li .box .tip:after{ max-width: 177px; content: ""; position: absolute; bottom: 0; left:0; width: 90%; height: 1px; background: #f8f8f8;}
.home-service li .box .tip:last-child:after{ display: none;}
.home-service li .box .tit{ margin-bottom: 10px; position:relative;}
.home-service li .box .tit .ico{ position:absolute; top:50%; margin-top: -25px; left:-53px;}
.home-service li .box .tit .ico img:nth-child(1){ display: inline-block;}
.home-service li .box .tit .ico img:nth-child(2){ display: none;}
.home-service li .box .tit span{ font-size: 20px; font-weight: bold;}
.home-service li .box .tip p{ line-height: 24px; color: #999999;}
.home-service li .box .tip p a{color: #999;}
.home-service li .box:hover{ background: #2a6cf4; }
.home-service li .box:hover .tit .ico img:nth-child(1){ display: none;}
.home-service li .box:hover .tit .ico img:nth-child(2){ display: inline-block;}
.home-service li .box:hover .tit span{ color: #FFFFFF;}
.home-service li .box:hover .tip:after{ opacity:.4;}
.home-service li .box:hover .tip p{ color: #FFFFFF;}
.home-service li .box:hover .tip p a{color: #FFFFFF;}
.home-service .container {    max-width: 1400px;       margin: 0 auto;}
.home-service .home-tit{ position: relative; padding-top: 35px; text-align: center; }
.home-service .home-tit span{ position:absolute; top:0; left:0; width: 100%; color: #2a6cf4; font-weight: bold; line-height: 80px; font-size: 80px; opacity: .1; text-transform: uppercase;}
.home-service .home-tit h2{ position: relative; letter-spacing: 3px; padding-bottom: 12px; font-size: 36px; font-weight: bold; color: #333333;}
.home-service .home-tit h2:after{ content: ""; position: absolute; bottom: 0; left:50%; width: 55px; height: 4px; margin-left: -27px; background: #2a6cf4;}
.home-service .home-tit h2 i{ font-style: normal; color: #2a6cf4;}
.home-service .home-tit p{ margin-top:10px; font-size: 20px; letter-spacing: 1px; line-height:36px;}


.index_2{ padding-top:65px;color:#000; background:#fff; width:1400px; margin:auto; margin-bottom:55px;}
.index_1_t{ line-height:46px; text-align:center; font-size:30px; }
.index_1_t1{ line-height:35px; text-align:center; font-size:18px;}
.index_1_line{ border-bottom:2px solid #FD861C; height:17px;width:45px; margin:auto }
.index_2_c{ padding:37px;}
#index_2_anli{ width:100%; height:56px;}
#index_2_anli li{ float:left; width:235px; height:56px; line-height:56px; text-align:center; font-size:24px; background:#eaeaea; margin-right:18px;padding-left: 25px;background:url(../images/index_2_anli_1.png) no-repeat center;}
#index_2_anli li:nth-child(2){background:url(../images/index_2_anli_2.png) no-repeat center;}
#index_2_anli li:nth-child(3){background:url(../images/index_2_anli_3.png) no-repeat center;}
#index_2_anli li:nth-child(4){background:url(../images/index_2_anli_4.png) no-repeat center;}
#index_2_anli li:nth-child(5){background:url(../images/index_2_anli_5.png) no-repeat center;}
#index_2_anli li.on{ background:url(../images/index_2_anli_1on.png) no-repeat center; color:#fff;}
#index_2_anli li:nth-child(2).on{ background:url(../images/index_2_anli_2on.png) no-repeat center;}
#index_2_anli li:nth-child(3).on{ background:url(../images/index_2_anli_3on.png) no-repeat center; }
#index_2_anli li:nth-child(4).on{ background:url(../images/index_2_anli_4on.png) no-repeat center;}
#index_2_anli li:nth-child(5).on{ background:url(../images/index_2_anli_5on.png) no-repeat center;}
#index_2_anli_list ul{ display:none; padding-top:45px;}
#index_2_anli_list ul li{ width:250px;margin-top: 20px; text-align:center;box-shadow: 0 0 5px 2px #f3f3f3; float:left;margin-right: 19px;    margin-bottom: 19px;}
#index_2_anli_list ul li:nth-child(5n){ margin-right:0px;}
#index_2_anli_list ul li img{ display:block; margin:auto;    max-width: 100%;    max-height: 100%;}

.index_3{ padding-top:65px;color:#000; background:#fff; width:1400px; margin:auto; margin-bottom:55px; }
.index_3_c{ padding:35px;}
.index_3_cl{ width:765px; float:left;}
.index_3_cr{ width:545px; float:right; height:520px;}
#index_news li{ background:url(../images/index_3_news_1.png) center; width:235px; line-height:56px; float:left; margin-right:20px;text-align: center;font-size: 24px; padding-left:25px;}
#index_news li:nth-child(2){background:url(../images/index_3_news_2.png) no-repeat center;}
#index_news li:nth-child(3){background:url(../images/index_3_news_3.png) no-repeat center;}
#index_news li.on{ background:url(../images/index_3_news_1on.png) center; color:#FFF;}
#index_news li:nth-child(2).on{background:url(../images/index_3_news_2on.png) no-repeat center;}
#index_news li:nth-child(3).on{background:url(../images/index_3_news_3on.png) no-repeat center;}
#index_news_list ul{ padding-top:65px; display:none}
#index_news_list ul li{height:55px;    margin-bottom: 50px;}
.index_new_time{ width:103px; float:left; height:53px; text-align:center; line-height:53px; font-size:24px;  margin-top:1px; background:#eaeaea}
.index_new_txt{  width:640px; float:right;}
.index_new_txt a{ color:#FB8D1C}
.index_new_txt span{ font-size:24px; display:block;overflow: hidden;    height: 32px;    line-height: 32px;}
.index_new_txt p{ font-size:16px; line-height:25px;}
/*#index_news_list ul li:nth-child(1) .index_new_time{background:url(../images/index_3_news_time.png) center; color:#fff;}
#index_news_list ul li:nth-child(1) .index_new_txt{color:#FB8D1C;}
#index_news_list ul li:nth-child(1) .index_new_txt a{ color:#FB8D1C}
#index_news_list ul li:nth-child(1) .index_new_txt p{color:#FB8D1C;}*/
#index_news_list ul li:hover .index_new_time{background:url(../images/index_3_news_time.png) center; color:#fff;}

.index_4{ padding-top:65px;color:#000; background:#fff; width:1400px; margin:auto; margin-bottom:55px; }
.index_4_c{ padding:35px;}
.index_4_cl{ width:585px; float:left;}
.index_4_cr{ padding:9px 0 53px 0; text-align:center; width:695px; float:right;}
.index_4_title{ font-size:24px; line-height:40px;}
.index_4_ms{ font-size:16px; line-height:28px; color:#666; padding-top:15px; height:345px;letter-spacing: 1px;}
.index_4_ms p{text-indent: 2em; margin-bottom:10px;}
.index_4_boot .index_4_box{ float:left; width:25%;color:#7d7d7d; text-align:center}
.index_4_boot .index_4_box p{ font-size:40px; }
.index_4_boot .index_4_box i{ font-size:14px; font-weight:bold;   position: absolute;    font-style: normal;margin-top: 10px;}
.index_4_boot .index_4_box span{  font-size:16px; line-height:30px;}

.flink{ padding:15px 70px 25px 70px;}
.flink span{ line-height:30px; text-align:center; font-size:16px; display:block}
.flink p{ line-height:40px; text-align:center;    font-size: 16px;}
.flink p a{ margin:0 15px;display: inline-block;}

#index_2_anli_list .market-logo{ padding-top: 50px; margin: 0 -10px;}
#index_2_anli_list .market-logo li{ float: left; width: 20%; padding: 10px;box-shadow: 0 0 0;    margin: 0;}
#index_2_anli_list .market-logo li a{ display: block; padding: 10px 5px; -webkit-box-shadow:0 0 20px rgba(206,206,206,.3); box-shadow:0 0 20px rgba(206,206,206,.3);}
#index_2_anli_list .market-logo li a img{ transition: all ease .4s; -webkit-transition: all ease .4s;}
#index_2_anli_list .market-logo li a:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}

#index_2_anli_list .market-list li{ margin-top:60px; float: left; width: 48%; margin-right:4%;text-align:left; box-shadow:0px;}
#index_2_anli_list .market-list li:nth-child(2n){ margin-right: 0;}
#index_2_anli_list .market-list li a{ position: relative; display: block; box-shadow:0 0 20px rgba(206,206,206,.3); -webkit-box-shadow:0 0 20px rgba(206,206,206,.3); }
#index_2_anli_list .market-list li a:before{ content: ""; position: absolute; bottom: 0; left:0; width: 0; height: 2px; background: #288fd4; transition: ease all .6s; -webkit-transition: ease all .6s;}
#index_2_anli_list .market-list li .img{ float:left; padding: 55px 0; border-right: 1px solid #e5e5e5;}
#index_2_anli_list .market-list li .intro{  margin-left: 171px; padding: 25px 25px 0;}
#index_2_anli_list .market-list li .intro>span{ padding-bottom: 13px; display: block;  font-size: 20px; color: #333333; position: relative;}
#index_2_anli_list .market-list li .intro>span:after{ content:""; position: absolute; bottom:0; left:0; width: 30px; height: 1px; background:#333333;}
#index_2_anli_list .market-list li .intro p{ margin: 12px 0 18px; line-height: 28px; height: 56px; color: #999999; overflow: hidden;}
#index_2_anli_list .market-list li .intro div{ line-height:40px; position: relative;}
#index_2_anli_list .market-list li .intro div i{ font-style:normal; font-size: 12px;}
#index_2_anli_list .market-list li .intro div em{ position: absolute; right:0; top:50%; margin-top: -6px; width: 21px; height: 12px; background: url(../images/ico_more.png) right no-repeat;}
#index_2_anli_list .market-list li a:hover:before{ width: 100%;}
#index_2_anli_list .market-list li a:hover .intro div i{ color: #288fd4;}
#index_2_anli_list .market-list li a:hover .intro div em{ transform:translateX(-10px); -webkit-transform: translateX(-10px); width:36px; background: url(../images/ico_moreh.png) right no-repeat;}