@charset "utf-8";

/*
 * artDialog skin
 * http://code.google.con/p/artdialog/
 * (c) 2009-2011 TangBin, http://www.planeArt.cn
 *
 * This is licensed under the GNU LGPL, version 2.1 or later.
 * For details, see: http://creativeconmons.org/licenses/LGPL/2.1/
 */

/* conmon start */
body{margin:0;}
/*#wrapper{min-width:1200px;}*/
.clearfix:after{content: "";display: block;clear: both;}
/* 2021改版 */
.header_box{background:#1a62e1;position: relative;height: 470px;background-size: cover;width: 100%;margin: 0 auto;}
.header_box .header{box-sizing: border-box;top: 50%;left: 50%;transform: translateY(-50%); width:1080px; position: absolute; margin-left: -540px;}
.header_box .header .header_r { z-index: 0; right: 0px; top: 50%; transform: translateY(-50%);}
.header_box .header>h1{font-size: 44px;color: #fff;font-weight: 900;line-height: 90px;}
.header_box .header>p{font-size: 16px;color: #ffffff;line-height: 34px;}
.header_box .header>a{margin:42px 20px 0 0;height: 40px;line-height: 40px;border-radius: 4px;width: 116px;display: inline-block; border: 1px #ffffff solid; text-align: center;font-size: 16px;color: #1a62e1; background: #ffffff; transition: all .3s; box-shadow: 0 0 10px rgba(0, 0, 0, .2); font-weight: 400;}
.header_box .header>a:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, 0);}
.header_box .header>a.btn2 { background: none; color: #ffffff;}
.header_box .header>span { display: inline-block; color: #ffffff; font-size: 18px;}

.business{padding: 65px 0 75px;background-color: #f9faff;width: 100%;}
.business>h1{color: #333333;font-size: 30px;text-align: center;font-weight: 100;line-height: 1;}
.business .business_box{width: 1080px;margin:45px auto 0; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 2px; background: #ffffff;}
.business .business_box li{display: flex;align-items: center;height: 284px;background-color: #ffffff; box-sizing: border-box;}
.business .business_box li:first-child { flex: 0 0 42%; background-image: linear-gradient(-45deg, #ffffff, #f9faff); padding: 20px 0 0 30px;}
.business .business_box li:first-child img { margin: 32px 60px 0 0;}
.business .business_box li:last-child { flex: 0 0 58%; position: relative; background-image: linear-gradient(-45deg, #fefeff, #f4f6fd); padding: 20px 50px 0 65px;}
.business .business_box li:last-child img { margin: 0 20px 0 0;}
.business .business_box li:last-child::after { content: ""; display: block; width: 12px; height: 18px; background: url(../Image/zfbdt/2022/right.png) no-repeat; background-size: cover; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.business .business_box li .txt_box span{display: inline-block;font-size: 18px;color: #333333;font-weight: 100; line-height: 30px;}
.business .business_box li .txt_box p{color: #999999;font-size: 15px;line-height: 24px; margin-top: 20px;}

.product{width: 100%;padding:73px 0 65px;background: url(../Image/zfbdt/2022/blue.png) no-repeat;background-size: cover;}
.product>h1{text-align: center;font-size: 30px;color: #333333;font-weight: 100;}
.product .product_box{width: 1080px;margin: 60px auto 0;}
.product .product_box li{width: 233px;height: 295px; border: 2px #ffffff solid; float: left;text-align: center;box-sizing: border-box;padding: 40px 0 0;font-weight: 100; box-sizing: border-box; background-image: linear-gradient(-45deg, #fefeff, #f4f6fd);}
.product .product_box li img{display: inline-block;margin-bottom:30px;}
.product .product_box li span{display: block; height: 40px; margin: 0 auto;color: #666666;font-size: 16px;line-height: 40px;cursor: pointer;}
.product .product_box>img{float: left;margin: 123px 18px 0;}

.integral{width: 100%;box-sizing: border-box;padding: 70px 0 80px;background: #1a62e1;}
.integral>h1{text-align: center;line-height: 1;color: #fff;font-size: 30px;margin-bottom: 60px;font-weight: 100;}
.integral .integral_box{width: 1080px;margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
.integral .integral_box li{width: 33%; box-sizing: border-box;text-align: center;font-weight: 100;}
.integral .integral_box li:last-child{margin-right: 0;}
.integral .integral_box li p{font-size: 18px;color: #ffffff;margin:30px auto 15px; font-weight: 300;}
.integral .integral_box li span{color: #ffffff;font-size: 15px;line-height: 20px;}

.change{width: 100%;padding: 70px 0;background-color: #f9faff;}
.change>h1{font-size: 30px;color: #333333;line-height: 1;text-align: center;margin-bottom: 25px;font-weight: 100;}
.change>p{font-size: 16px;color: #999999;text-align: center;margin-bottom:50px;}
.change .change_box{margin: 0 auto;width: 1080px; display: flex; align-items: center; justify-content: space-between;}
.change .change_box li{width: 25%; text-align: center;}
.change .change_box li p{font-size: 16px;color: #666666;}
.change .change_box li:last-child{margin-right: 0;}

.join{width: 100%;padding: 60px 0 80px; background: #eaedf6;}
.join>h1{font-weight: 100;line-height: 1;font-size: 30px;color: #333333;margin-bottom: 66px;text-align: center;}
.join .join_box{width: 1080px;margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
.join .join_box .join_nav { flex: 0 0 35%; margin-right: 70px;}
.join .join_box .join_nav li { width: 100%; height: 102px; box-sizing: border-box; padding: 25px 30px; border: 2px #eaedf6 solid; display: flex; align-items: center; justify-content: flex-start; cursor: pointer;}
.join .join_box .join_nav li.active { background-image: linear-gradient(-45deg, #ffffff, #f9faff); border: 2px #ffffff solid;}
.join .join_box .join_nav li span { font-size: 18px; margin-left: 20px;}
.join .join_box .join_list .list { display: none; align-items: center; justify-content: flex-start;}
.join .join_box .join_list .list:first-child { display: flex; align-items: center; justify-content: flex-start;}
.join .join_box .join_list .list img { margin-right: 30px;}
.join .join_box .join_list .list .join_list_txt p { font-size: 16px; margin-top: 20px; color: #212c42; line-height: 1.5em; font-weight: 300; position: relative;}
.join .join_box .join_list .list .join_list_txt p i { display: inline-block; width: 6px; height: 6px; background: #1a62e1; border-radius: 50%; position: absolute; left: -12px; top: 50%; margin-top: -3px;}
.join .join_box .join_list .list .join_list_txt span { font-size: 15px; color: #6d788e; line-height: 1.5em;}

.section6{width: 100%;height: 244px;background: url(../Image/zfbdt/2020/footer_bg.png) no-repeat !important;background-size: cover;}
.main .section6 a{
  margin: 32px auto 0;
  height: 42px;
  line-height: 42px;
  border-radius: 5px;
  width: 144px;
  display: block;
  text-align: center;
  font-size: 16px;
  color: #1cb0ea;
  background-image: linear-gradient(#ffffff, #dcfcff);
  transition: all .3s;
  box-shadow: 0 0 10px rgb(23 194 217);
  font-weight: bold;
}
.main .section6 a:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}
.main .section6 a:active{text-decoration:none;}

/* 添加微信弹窗 */
.popServer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.2); z-index: 1002;}
.popServer .inner { width: 440px; height: 260px; position: fixed; top: 50%; left: 50%; margin: -160px 0 0 -220px; background: url(../Image/popServer/popup_bg.png) center center no-repeat;background-size: cover;}
.popServer .inner .qrcode { float: left; margin: 97px 0 0 56px;}
.popServer .inner .right { float: left;}
.popServer .inner .txt-1 { margin: 65px 0 0 42px;}
.popServer .inner .txt-1 h3 { font-size: 23px; color: #04709d; line-height: 1.4em;}
.popServer .inner .txt-1 p { font-size: 13px; color: #04709d; line-height: 1.4em; font-weight: 300;}
.popServer .inner .txt-2 { margin: 20px 0 0 30px;}
.popServer .inner .txt-2 h3 { font-size: 43px; color: #f9feff; line-height: 1.4em; text-shadow: 1px 0 5px rgba(34, 203, 239, 0.43);}
.popServer .inner .txt-2 p { font-size: 14px; color: #f9feff; line-height: 1.4em; font-weight: 300; text-shadow: 1px 0 5px rgba(34, 203, 239, 0.43);}
.popServer .inner .close { width: 31px; height: 31px; cursor: pointer; position: absolute; top: 10px; right: 10px; background: url(../Image/popServer/icon_close.png) center center no-repeat;background-size: cover;}