﻿@charset "utf-8";





/*新生态供应链金融系统*/

.fa_banner{width: 100%; height: 330px; background: url("../images/chain.jpg") no-repeat center center;}

.fraud_banner{width: 100%; height: 330px; background: url("../images/fraud.jpg") no-repeat center center;}

.eco_banner{width: 100%; height: 330px; background: url("../images/eco_banner.jpg") no-repeat center center;}

.com_banner{width: 100%; height: 330px; background: url("../images/com_banner.jpg") no-repeat center center;}

.chain_box1_li{margin: 40px 0;}

.chain_box1_li li{float: left;width: 20%;}

.chain_box1_li li img{ height: 64px;margin: 10px 0;}

.chain_box1_li li p{font-size: 16px;color: #777;line-height: 30px;}



.inscm2_li_chain{border-bottom:1px solid #f7f7f7;}

.inscm2_li_chain:last-child{border: none;}

.inscm2_li_chain_left{width: 400px;line-height: 80px;}

.inscm2_li_chain_left img{width: 40px;height: 40px;border-radius: 50%;vertical-align: middle;margin-right: 10px;margin-top: -3px;}

.inscm2_li_chain_left span{font-size: 16px;color: #333;}

.inscm2_li_chain_right{width: 600px;padding-top: 15px;}

.inscm2_li_chain_right span{font-size: 14px;color: #666;line-height: 22px;}

.inscm2_li_chain_right img{vertical-align: middle;margin-top: -3px;margin-right: 3px;}





.chain_con_box{padding: 20px 0 50px 0; background: url(../images/chain_bl.jpg) no-repeat  center center; height:426px; }

.chain_con_box h1{font-size: 30px;color: #fff;line-height: 120px;text-align: center;}

.chain_con_ul{margin-left: -30px;}

.chain_con_ul li{ width: 381px; height: 212px; background: #fff; float: left; padding: 42px 30px; margin-left:29px ; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; } 

.chain_con_ul li:hover{transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px); } .chain_con_ul li img{ margin-top: 20px; }

.chain_con_ul_div{ width: 210px;margin-left: 20px;}

.chain_con_ul_div h2{ color: #333; font-size: 16px; }

.chain_con_ul_div p{ color: #999; font-size: 14px; line-height: 20px; margin-top: 10px;}

 



.fw_fl{ width: 500px; float: left; margin-top: 130px; }

.fw_r{margin-top: 30px;}

.High_ul_box{ width: 500px; }

.High_ul_box li{ background: url(../images/circle2.png) no-repeat left center; padding-left:16px; float: left;   color: #666; line-height: 34px; font-size: 16px; text-align: left; width: 33.33%;}

.ys_box_ul{ margin-right:-26px; }

.ys_box_ul li{ float: left; width:220px; height: 233px; margin-left: 25px; border: 1px solid #ddd; background: #fff;position: relative;transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; }

.ys_box_ul li:hover{transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px);box-shadow:0 0 10px #ccc; } 

.ys_box_ul li:hover p{ color: #f1c325; }

.ys_box_ul li .ys_pic{width: 218px; height: 160px;  overflow: hidden; }

.ys_box_ul li .ys_pic img{cursor: pointer; } 

.ys_box_ul li p{ line-height: 74px; text-align: center; color: #666; font-size: 14px;}

.ys_pic_son{ position: absolute; top: 51px; left:70px;  }





/*反欺诈*/

.fraud_con_main2_con{width: 100%; box-shadow: 0 0 30px #ccc;background: #fff;}

.fraud_box1_li{margin: 40px 0;}

.fraud_box1_li li{float: left;width: 16.6%;}

.fraud_box1_li li img{ height: 50px;margin: 10px 0;}

.fraud_box1_li li p{font-size: 14px;color: #515151;line-height: 30px;}

.function li{ width: 573px; border-right: 1px solid #efefef; border-bottom:1px solid #efefef;  float: left; padding:30px 0px 30px 72px ; }

.function li:hover{box-shadow: 0 0 15px #ccc;}

.function li:nth-child(2){border-right: none !important;}

.function li:nth-child(4){border-right: none !important;}

.function li:nth-child(5){border-bottom: none !important;}

.function li:nth-child(6){border-right: none !important;  border-bottom: none !important;}

.function li .fun_box{ margin-left: 22px; }

.function li .fun_box h2{ color: #333; font-size: 16px; }

.function li .fun_box p{ color: #666; margin-top: 13px; }

.fraud_box{padding: 27px;}

 

.fraud_bg{width: 100%;height: 165px;background: url("../images/fraud_bg.jpg") no-repeat center center;background-size: cover;}

.fraud_bg span{font-size: 35px;color: #fff;line-height: 165px;display: inline-block;margin-left: 50px;}

.fraud_bg a{width: 140px;height: 43px;border: 1px solid #fff;display: inline-block;margin-right: 40px;line-height: 42px;text-align: center;font-size: 16px;color: #fff;margin-top: 60px;}

.fraud_bg a i{font-size: 20px;margin-right: 5px;}

.fraud_bg a:hover{border: 1px solid #fbcc00;color: #fbcc00;}



.eco_main1{margin: 50px 0;text-align: center;}

.eco_main1 h1{line-height: 60px;color: #111;font-size: 30px;margin-bottom: 20px;}

.eco_main1 h2{line-height: 30px;color: #666;font-size: 16px; text-align: left; text-indent: 32px;}

.scenario{ background: url(../images/eco_bg.jpg) no-repeat center center; height:451px;  }

.solution-item-business{background-image:url(../images/co_bg.jpg); height: 451px;}

.solution-item-business2{background-image:url(../images/co_bg2.jpg); height: 451px;}

.solution-item-business3{background-image:url(../images/co_bg3.jpg); height: 451px;}

.solution-item-business4{background-image:url(../images/co_bg4.jpg); height: 451px;}

 .solution-item{overflow:hidden;position:relative;float:left;width: 25%;background-size:cover;background-position:center center;}

 .solution-item  .solution-inner{background-color:rgba(37,43,58,.7);}

 .solution-inner{ height: 520px;padding:170px 20px 0;transition:.35s;-webkit-transition:.35s; }

 .solution-inner .solution-icon-business1{display:block; width: 55px;height: 54px;margin:0 auto 23px;background-size:100% 100%;transition:.35s;-webkit-transition:.35s; background: url(../images/co_ico1.png) no-repeat center center;}

 .solution-inner .solution-icon-business2{display:block; width: 55px;height: 54px;margin:0 auto 23px;background-size:100% 100%;transition:.35s;-webkit-transition:.35s; background: url(../images/co_ico2.png) no-repeat center center;}

 .solution-inner .solution-icon-business3{display:block; width: 55px;height: 54px;margin:0 auto 23px;background-size:100% 100%;transition:.35s;-webkit-transition:.35s; background: url(../images/co_ico3.png) no-repeat center center;}

 .solution-inner .solution-icon-business4{display:block; width: 55px;height: 54px;margin:0 auto 23px;background-size:100% 100%;transition:.35s;-webkit-transition:.35s; background: url(../images/co_ico4.png) no-repeat center center;}

 .solution-inner h2{margin-bottom: 20px;font-size: 20px; line-height: 28px; text-align: center;color:#fff;transition:.35s;-webkit-transition:.35s;}

.solution-item:hover .solution-inner {background: rgba(248,248,248,.7); border-top: 3px solid #e7c52d; }.system_main2_li li:hover .sm2l_bot_line2{}

.solution-item:hover .solution-inner h2 {color: #252b3a }

.solution-item:hover .solution-inner .solution-icon-business1{ width: 55px; height: 54px;  background: url(../images/co_ico1_1.png) no-repeat center center; }

.solution-item:hover .solution-inner .solution-icon-business2{ width: 55px; height: 54px;  background: url(../images/co_ico2_1.png) no-repeat center center; }

.solution-item:hover .solution-inner .solution-icon-business3{ width: 55px; height: 54px;  background: url(../images/co_ico3_1.png) no-repeat center center; }

.solution-item:hover .solution-inner .solution-icon-business4{ width: 55px; height: 54px;  background: url(../images/co_ico4_1.png) no-repeat center center; }

.solution-item:hover .solution-inner a, .solution-item:hover .solution-inner p {opacity: 1 }



/*佣金结算*/

.com_box1_li{margin: 40px 0;}

.com_box1_li li{float: left;width: 25%;}

.com_box1_li li img{ height: 60px;margin: 10px 0;}

.com_box1_li li p{font-size: 16px;color: #777;line-height: 30px;}



.com_main1{ background: url(../images/co_bg1.jpg) no-repeat center center; height:596px; padding: 50px 0;text-align: center;  }

.com_main1 h1{line-height: 60px;color: #111;font-size: 30px;margin-bottom: 20px;}

.com_main1_text{ width: 597px; color: #666; font-size: 16px; line-height: 30px; text-indent: 32px;  float: right; text-align: left; margin-top: 120px; margin-right: 34px;}

.ins_con_main2 h3{font-size: 16px;color: #666;line-height: 32px;text-align: center;}

.scenario_box{ background: #17243a; height: 620px; padding: 20px 0 30px 0;}

.scenario_box h1{font-size: 30px;color: #fff;line-height: 120px;text-align: center;}





.animate{transition: all 0.5s ease-in-out;}  

.com_m{width: 238px;height: 391px;border:2px solid #17243a; }  

.com_b{position: relative;}  

.com_b span{display: inline-block;position: absolute;content: none;border: 0;width: 0;height: 0;}  

.com_b:hover{color: #faad11;}  

.com_b span.top{right:-2px;top:0;border-top:2px solid #fafafa;margin-top:-2px;}  

.com_b span.right{right:0;bottom:0;border-right:2px solid #fafafa;margin-right:-2px;}  

.com_b span.bottom{left:-2px;bottom:0;border-bottom:2px solid #fafafa;margin-bottom:-2px;}  

.com_b span.left{left:0;top:0;border-left:2px solid #fafafa;margin-left:-2px;}  

.com_b:hover span.top{width:238px;}  

.com_b:hover span.right{height:389px;}  

.com_b:hover span.bottom{width:238px;}  

.com_b:hover span.left{height:389px;} 



.com_cj1{ background: url(../images/com_cj1.jpg) no-repeat center center; width: 238px; height: 391px; position: relative; } 

.com_cj2{ background: url(../images/com_cj2.jpg) no-repeat center center; width: 238px; height: 391px; position: relative; } 

.com_cj3{ background: url(../images/com_cj3.jpg) no-repeat center center; width: 238px; height: 391px; position: relative; } 

.com_cj4{ background: url(../images/com_cj4.jpg) no-repeat center center; width: 238px; height: 391px; position: relative; } 



.com_pic{ position: absolute; width: 176px; top: 109px; left: 31px;  }

.com_pic img{ display: block; margin: 0 auto; padding-bottom: 27px; }

.com_pic .border_com{ border: 1px solid #c9c9c9;   width: 96px; margin:0 auto;  }

.com_pic p{ color: #fff;  text-align: center; font-size: 16px;padding-top: 27px; line-height: 26px; }

.sce_ul li{ float: left;margin-left: 79px; }

.sce_ul{ margin-left: -79px; }





.com_live{margin-top: 20px; margin-left: -12px;}

.com_live li{float: left;width: 592px;height: 238px;background: #fff;  position: relative; margin-left: 14px; margin-bottom:25px;   }

.com_live li h2{font-size: 14px;color: #666;line-height: 22px;margin-top:24px;padding: 0 20px;}

.sm2l_bot_line{width: 100%;height: 3px;background: #aaa;position: absolute;left: 0;bottom: 0;z-index: 99;}

.sm2l_bot_line2{width: 0;height: 3px;background: #fbcc00;transition: all 0.5s;position: absolute;left: 0;bottom: 0;z-index: 100;}

.com_live li:hover .sm2l_bot_line2{width: 100%;transition: all 0.5s;}

.com_live li:hover{box-shadow: 0 0 15px #ddd;}

.sm2li_img_son{width: 100%;height:77px;position: relative; background: #f2f2f2; border: 1px solid #ddd;}

.com_text{ background: url(../images/cm_ico1.png) no-repeat left center; height: 40px; line-height: 40px; vertical-align: middle; padding-left: 55px; color: #000; font-size: 16px; position: absolute;top: 22px; left: 177px; }

.com_text2{ background: url(../images/cm_ico2.png) no-repeat left center; height: 40px; line-height: 40px; vertical-align: middle; padding-left: 55px; color: #000; font-size: 16px; position: absolute;top: 22px; left: 177px; }

.com_text3{ background: url(../images/cm_ico3.png) no-repeat left center; height: 40px; line-height: 40px; vertical-align: middle; padding-left: 55px; color: #000; font-size: 16px; position: absolute;top: 22px; left: 177px; }

.com_text4{ background: url(../images/cm_ico4.png) no-repeat left center; height: 40px; line-height: 40px; vertical-align: middle; padding-left: 55px; color: #000; font-size: 16px; position: absolute;top: 22px; left: 177px; }

.gn_box_bg{ width: 1197px; height: 473px; border: 1px  solid #cfcfcf; text-align: left; }

.page_text{ height:52px; background: #f2f2f2; line-height: 52px; text-align: right; padding-right: 36px; font-size: 16px; color: #000;border-bottom: 1px solid #cfcfcf;  }

.gn_box_bg ul li{ height: 70px; border-bottom: 1px solid #cfcfcf; float: left;  }

.gn_box_bg ul .gn_li1{ color: #000; background: #f2f2f2; font-size: 16px; text-align: center; border-right: 1px  solid #cfcfcf;padding-top: 20px; width:15%;   }

.gn_box_bg ul .gn_li2{   font-size: 14px; text-align: left; border-right: 1px  solid #cfcfcf;  line-height: 22px; color: #666;   padding-left: 37px;padding-top: 20px; width:25%;   }

.gn_box_bg ul .gn_li5{   font-size: 14px; text-align: left; border-right: 1px  solid #cfcfcf;  line-height: 22px; color: #666;   padding-left: 49px;padding-top: 20px; width:20%;   }

.gn_box_bg ul .gn_li3{  border-right: 1px  solid #cfcfcf; padding-top: 33px; width:20%;    }

.gn_box_bg ul .gn_li4{  border-right: 1px  solid #cfcfcf; padding-top: 33px; width:20%;    }

.gn_box_bg ul .gn_li2 p{ font-size: 12px; padding-left: 10px; }

.gn_box_bg ul .gn_li2 img{ vertical-align: middle; margin-left: 10px; }

.gn_box_bg ul .gn_li5 img{ vertical-align: middle; margin-left: 10px; }

.gn_box_bg ul .gn_li3 img{ vertical-align: middle; display: block; margin: 0 auto; }

.gn_box_bg ul .gn_li4 img{ vertical-align: middle; display: block; margin: 0 auto; }

.gn_box_bg ul .gn_li4{border-right: none !important;}

.bn{ border-bottom: none !important; }

 

 .guanggao5_son{width: 100%;height: 165px;background: url("../images/gg_bg.jpg") no-repeat center center;background-size: cover;}

.guanggao5_son span{font-size: 35px;color: #fff;line-height: 165px;display: inline-block;margin-left: 50px;}

.guanggao5_son a{width: 140px;height: 43px;border: 1px solid #fff;display: inline-block;margin-right: 40px;line-height: 42px;text-align: center;font-size: 16px;color: #fff;margin-top: 60px;}

.guanggao5_son a i{font-size: 20px;margin-right: 5px;}

.guanggao5_son a:hover{border: 1px solid #fbcc00;color: #fbcc00;}

 