@media (min-width: 801px), print {
*{margin: 0; padding: 0; font-family: MicrosoftYaHei;}
.m_img{display:none!important}	
html{background: #F8F8F8;}
.menu{display: none;}
body{font-size:14px; color: #333;}
.all{width: 1200px; margin: auto;}
.clear{clear: both;}
input::placeholder,textarea::placeholder{color: #999;}
input,textarea,select{outline: none;}
.m_nav{display: none;}
header{height:100px; background: #fff; position: fixed; top: 0; left: 0; z-index: 10; right: 0;box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);}
header .logo{ height: 70px; width:210px; margin-top: 15px;}
header .logo img{ width:210px; height: 70px; display: block;}
header .all { display: flex;}
header .all .nav_all{margin-left: 30px; padding-left: 30px; display: flex; border-left: 1px solid #DCDCDC; height:50px; margin-top: 25px;  width: 660px;}
header .all .nav_all .nav_in{cursor: pointer; position:relative; margin: 0 30px; font-size: 16px; height: 50px; line-height: 50px;}
header .nav_in span{display: none; border-radius: 3px; position: absolute; height: 3px; width: 100%;background: #106BD2; left: 0; right: 0; bottom: 5px;}
header .nav_in:hover span{display: block;}
header .nav_in:hover .more{display: block;}
header .nav_action{display: flex; margin-top: 30px;}
header .nav_num{ display: flex; align-items: center; padding: 0 5px; padding-right: 10px; border-radius: 18px; height: 36px; border: 1px solid #106BD2; font-size: 16px; color: #106BD2;}
header .nav_num img{ width:24px; height: 24px; margin-right: 5px;}
header .btn{cursor: pointer; margin-left: 15px; display: flex; align-items: center; padding: 0 15px;background: #106BD2; border-radius: 18px; height: 36px; border: 1px solid #106BD2; font-size: 16px; color: #fff;}
header .btn:hover{background: #054893;border-color: #054893;}
header .nav_in_choosed {color: #106BD2;}
header .nav_in_choosed span{ display: block;  }
header .more{ display: none; left:-10px ; top: 50px; position: absolute; background: #106BD2; padding:10px 0px; border-radius: 10px;}
header .more a{padding: 0 15px; line-height: 36px; white-space: nowrap; display: block; font-size: 14px; color: #fff; text-decoration: none;}
header .more a:hover{background: #054893;}
.header_space{ height: 100px;}

.right_tip{padding: 10px; z-index: 10; position: fixed;right: 0; top: 300px;  background: #FFFFFF;box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);border-radius: 10px 0 0 10px;}
.right_tip img{ width: 40px; height: 40px; margin-bottom: 5px;}
.right_tip .tips{position: relative; cursor: pointer; padding: 10px 0; align-items: center; font-size: 12px; display: flex;flex-direction: column;  width: 60px; border-bottom: 1px dashed #E0E0E0;}
.right_tip .tips:last-child{border-bottom:0px}
.right_tip .content1{  transition: 0.5s; opacity: 0; user-select: none; pointer-events: none; top: 0; position: absolute; left: 0px; width:200px;height: 80px;}
.right_tip .tips1:hover .content1{opacity:1;left: -210px;}
.right_tip .tips .content1 img{ width:200px;  height: 80px;}
.right_tip .tips .content1 span{ position: absolute; font-size: 20px; left: 25px; top: 25px;}


.right_tip .tips2:hover .content2{opacity:1;left: -210px;}
.right_tip .content2{transition: 0.5s;opacity: 0; user-select: none; pointer-events: none; top: 0; position: absolute; left: 0px; width:200px; height: 180px;}
.right_tip .tips .content2 img{ width:200px;  height: 180px;}
.right_tip .tips .content2 .ewm{ width: 150px; height: 150px;position: absolute; left: 20px; top: 15px; }



.jdt{width:100%;position:relative;border:0; position: relative; height: 480px; cursor: pointer;}
.jdt .mask{z-index: 3; position: absolute; bottom: 0; left: 0;  width:100%; height:90px; background: url(../images/mask.svg) center bottom;}
.jdt .pic_in{height:480px;width:100%;position:absolute;left:0;top:0;opacity:0;transition:1s}
.jdt .pic_in_choosed{opacity:1}
.jdt .tips{position:absolute;z-index:2;margin:auto;padding-top:400px; left: 50%;}
.jdt .tips_in{background:#fff;width:10px;height:10px;border-radius:10px;float:left;margin:0 10px;cursor:pointer;opacity:0.6;filter:alpha(opacity=60);}
.jdt .tips_in_choosed{background:#106BD2;opacity:1;filter:alpha(opacity=100);}
#prev{opacity: 0.6;filter:alpha(opacity=60);background:#fff; background-size:cover ; width:40px;height:40px;top:250px;left:20px;position:absolute;z-index:3;cursor:pointer}
#next{opacity: 0.6;filter:alpha(opacity=60);background:#fff; background-size:cover ;width:40px;height:40px;top:250px;right:20px;position:absolute;z-index:3;cursor:pointer}
#prev:hover, #next:hover{opacity: 0.8;filter:alpha(opacity=80);}

.index_title{ width: 100%;box-sizing: border-box;  padding: 0 20px; display: flex; align-items: center; height:70px; border-bottom:1px solid #DCDCDC ;}
.index_title strong{padding-left: 10px; border-left:5px solid #054893; height: 30px; font-weight: normal; font-size: 20px;}
.index_title span{ color: #999; padding-left: 10px;}
.index_content1{position: relative; z-index: 1; background: #FFFFFF;box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);border-radius: 10px; width: 1200px; margin: auto; margin-top: -50px; height: 330px; box-sizing: border-box;}
.index_content1 .content{display: flex; padding: 0 20px; justify-content: space-between; padding-top: 20px;}
.index_content1 .content_in{position: relative; width:275px; height: 210px;}
.index_content1 .content_in img{ border-radius: 10px; width:275px; height: 210px;}
.index_content1 .content_in b{position: absolute; color: #fff; font-size: 18px; top: 30px; left: 20px;text-shadow: 0 0 4px rgba(0,0,0,0.50);}
.index_content1 .content_in span{text-align: justify; line-height: 24px; position: absolute; color: #fff; font-size: 12px; top: 60px; left: 20px; right: 20px; text-shadow: 0 0 4px rgba(0,0,0,0.50);}

.index_content2{ width: 1200px;margin: auto; padding: 30px 0 ; }
.index_content2 .content{ display: flex; flex-wrap: wrap;}
.index_content2 .content_in{cursor: pointer; width: 240px; text-align: center;font-size: 12px; color: #999; padding-bottom: 10px; }
.index_content2 .content_in span{font-size:16px;color: #333; display: block; padding-bottom: 5px;}
.index_content2 .content_in img{ display:block; width: 240px; height: 240px;}
.index_content2 .content_in video{ display:none; width: 240px; height: 240px;}
.index_content2 .space{ width: 80px;}

.index_content3{ background: #E2E2E2; padding-top: 20px;}
.index_content3 .index_title{ border-bottom: 1px solid #d1d1d1;}
.index_content3 .index_content3_all{ width: 1200px; margin: auto;}
.index_content3 .left{ margin-top: 30px; border-right: 1px solid #D1D1D1; padding-left: 20px; flex-wrap: wrap; display: flex; width:220px; box-sizing: border-box; float: left;}
.index_content3 .left .left_in{cursor: pointer; line-height: 40px; position: relative; height: 70px;}
.index_content3 .left .left_in span{display: none; top: 40px;border-radius: 3px; height:3px; background: #106BD2; position: absolute; left: 0; right: 0;}
.index_content3 .left .choosed { color: #106BD2;}
.index_content3 .left .choosed span{display: block;}
.index_content3 .right strong{ font-size: 16px; width: 900px; margin-bottom: 30px;}
.index_content3 .right { margin-top: 30px; margin-left: 40px; float: left; width: 920px;}
.index_content3 .right_info{min-height: 450px;  padding: 10px 0; display: flex;flex-wrap: wrap; justify-content: space-between;}
.index_content3 .info { width: 410px; display: flex; margin-bottom: 30px; }
.index_content3 .info .txt{ text-align: justify; margin-left: 15px; font-size: 14px; line-height: 24px;}
.index_content3 .info .txt b{display: block; padding-bottom:2px; font-size: 16px;}
.index_content3 .info img{width: 40px; height: 40px;}

.index_content4{ height: 600px; width: 1200px; margin: auto; padding-top: 20px; position: relative;}
.index_content4 .card{transition: 0.3s; transform: scale(0.7);  width: 300px; height:400px;background: #FFFFFF;border-radius: 10px;box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);}
.index_content4 .card img{ width: 300px; height: 300px;display: block; border-radius: 10px 10px 0 0 ;}
.index_content4 .card b{ text-align: center; display: block; padding: 10px; padding-bottom: 5px; padding-top: 20px; font-size: 16px;}
.index_content4 .card span{text-align: center; font-size: 14px; color: #999; line-height: 24px; padding: 0px 10px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.index_content4 .card_none{display:none;opacity: 0;}
.index_content4 .card_big{opacity: 1;transform: scale(1); position: absolute; left:450px; top:130px;}
.index_content4 .card_ml{opacity: 1;position: absolute; left:140px; top:130px;}
.index_content4 .card_mr{ opacity: 1;position: absolute; left:760px; top:130px;}
.index_content4 .card_sl{opacity: 0; position: absolute; left:-110px; top:130px;}
.index_content4 .card_sr{opacity: 0;position: absolute; left:1010px; top:130px;}
.index_content4 .left{transition: 0.3s; opacity: 0.4; z-index: 3; width: 40px; height: 80px; position:absolute; top: 300px; left: 100px; cursor: pointer;}
.index_content4 .right{transition: 0.3s; opacity: 0.4; z-index: 3; width: 40px; height: 80px;position:absolute; top: 300px; right: 100px; cursor: pointer;}
.index_content4 .left img ,.index_content4 .right img{ width: 40px; height: 80px;}
.index_content4 .right:hover,.index_content4 .left:hover{opacity: 1;}

.index_content5{padding-bottom: 30px; display: flex; width: 1200px; margin: auto; padding-top: 20px;flex-wrap: wrap; justify-content: space-between; }
.index_content5 .card{transition: 0.3s;cursor: pointer; border-radius: 10px; margin-top: 20px; box-shadow: 0 0 15px 0 rgba(0,0,0,0.10);border: 10px; width:224px; height: 150px; background: #fff; display: flex; align-items: center;justify-content: center;}
.index_content5 .card:hover{ margin-top:15px; transition: 0.3s;}
.index_content5 .card img{ width: 150px;}

footer{ height: 500px; background: #2E3237;}
.footer_all{ justify-content: center; padding-top:30px; width: 1200px; margin: auto; box-sizing: border-box; display: flex;}
.footer_all .content{ margin: 0 50px;}
.footer_all .line{margin-top: 10px; flex-shrink: 0; height: 370px; width: 1px; background: #63686E;}
.footer_all .content b{ color: #fff; font-size:16px;display: block; line-height: 60px;}
.footer_all .content a{color: #fff; text-decoration:none;display: block; line-height: 40px;}
.footer_all .content .txt{ color: #fff;line-height: 40px;}
.footer_all .content .txt img{ display: block; width:150px;height: 150px; margin: 10px 0;}
.footer_all .content .txt1{ display: flex; color: #fff;line-height: 40px;}
.footer_all .content .txt1 span{ line-height: 26px; padding-top: 7px;}


.black{ display: flex; align-items: center; justify-content: center; position: fixed; left: 0; top: 0; right:0;bottom: 0; background: rgba(0,0,0,0.6);z-index: 20;}
.black .tan{ margin-bottom: 50px; width: 600px; background: #fff; border-radius: 10px;}
.black .tan .title{ border-bottom: 1px solid #dcdcdc; padding: 10px 20px; font-size: 16px;}
.black .tan .title span{ border-left: 3px solid #106BD2;padding-left: 10px;}
.black .tan .content{border-bottom: 1px solid #dcdcdc; justify-content:space-between; padding:20px; display: flex; flex-wrap: wrap;}
.black .tan .content .txt{ padding-bottom: 20px; width: 170px; font-size: 12px; }
.black .tan .content .txt .name{ padding-bottom: 5px;}
.black .tan .content .txt select{border-radius:3px ; height: 30px; width: 100%; border: 1px solid #dcdcdc; box-sizing: border-box; padding: 0 10px;}
.black .tan .content .txt input{border-radius:3px ; height: 30px; width: 100%; border: 1px solid #dcdcdc; box-sizing: border-box; padding: 0 10px;}
.black .tan .content .txt textarea{ border-radius:3px ; height: 30px; width: 100%; border: 1px solid #dcdcdc; box-sizing: border-box; padding:  10px; height: 80px;}
.black .tan .content .txt1{ flex-grow: 2; padding-bottom: 0px;}
.black .tan .action{display: flex;}
.black .tan .action .line{ flex-shrink: 0; height: 45px; width: 1px; background: #dcdcdc;}
.black .tan .action .btn_red{ cursor: pointer; padding-bottom: 5px; color: #D41C1C; flex-grow: 2;height: 40px; display: flex; align-items: center;justify-content: center;}
.black .tan .action .btn_gray{cursor: pointer; padding-bottom: 5px; color: #999;flex-grow: 2;height: 40px;display: flex; align-items: center;justify-content: center;}
.black .wrong{ width: 100%; padding-top:10px; color: red; font-size: 12px; text-align: center;}



.content_banner{ height: 480px; position: relative;}
.content_banner .card_all{ width: 1200px; height:140px; display: flex; position: absolute; top: 450px; left: 50%; margin-left: -600px;}
.content_banner .mask{ padding: 10px; width: 1100px;height: 120px;position: relative; overflow: hidden;}
.content_banner .mask .card_list{transition: 0.5s; width:1800px; position: absolute; left: 10px; top: 10px;}
.content_banner .left,.content_banner .right{display: flex; align-items: center;justify-content: center; cursor: pointer; width: 40px; height: 140px;}
.content_banner .left img,.content_banner .right img{ width: 40px; height: 40px;}
.content_banner .card{ justify-content: center; align-items: center; display: flex; flex-direction: column; cursor: pointer; box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);margin-right: 20px; width: 204px; height: 120px; background:url(../img/bg_1.jpg);background-size: contain; float: left; border-radius: 10px;}
.content_banner .card_choosed{ color: #fff;  background:url(../img/bg_2.jpg);background-size: contain;}
.content_banner .card img{ margin-bottom: 10px; width: 40px; height: 40px; }
.content_banner .card_choosed img{ filter: brightness(100);}

.content_title{ width: 700px; margin: auto; padding:30px 0;}
.content_title b{margin-bottom: 10px; font-size: 28px; display: block; text-align: center;}
.content_title span{line-height: 24px; color: #999; display: block;text-align: center; margin:;}
.content_banner .left_none img,.content_banner .right_none img{ opacity: 0.3; filter: grayscale(1);}
.content_title1{ font-size: 18px; text-align: center; width: 700px; margin: auto; padding:30px 0;}


.card_content .product_content1{ margin: auto; margin-top: 120px; width: 1200px;}
.card_content .product_content1 .content { display: flex; align-items: center; justify-content: center;}
.card_content .product_content1 .content span{ line-height: 32px; font-size: 18px; color: #999; margin-left: 100px;}
.card_content .product_content1 .content span b{margin-bottom: 10px; font-size:24px ; display: block;color: #333;}
.card_content .product_content1 .content img{ width: 600px;}
.card_content .product_content1 .txt .name{ margin-bottom: 5px; padding-left:10px; border-left: 4px solid #106BD2; font-size: 16px; font-weight: bold; display: block;}
.card_content .product_content1 .txt .info{ padding-bottom: 20px;line-height: 24px; width: 400px;}
.card_content .product_content1 .content_space{ height: 70px;}
.card_content .product_content2 .card_all{ flex-wrap: wrap; width: 1100px; margin: auto;display: flex;justify-content: center;}
.card_content .product_content2 .card_all .space{width: 100px;}
.card_content .product_content2 .card_all .space1{ width: 150px;}
.card_content .product_content2 .card_all .card{ box-shadow: 0 0 10px 0 rgba(0,0,0,0.20); background: #fff; border-radius: 10px; width:300px; margin-bottom: 30px;}
.card_content .product_content2 .card_all .card img{ width: 300px; border-radius: 10px 10px 0 0 ;}
.card_content .product_content2 .card_all .card b{padding-top: 10px;  display: block; text-align: center; font-size: 18px;}
.card_content .product_content2 .card_all .card span{ display: block; text-align: center; padding: 10px 30px; color: #999;padding-bottom: 30px;}
.card_content .product_content2 .card1_all{ flex-wrap: wrap; width: 1100px; margin: auto;display: flex;justify-content: space-between;}
.card_content .product_content2 .card1_all .card{ padding: 20px; display:flex; align-items: flex-start;  box-shadow: 0 0 10px 0 rgba(0,0,0,0.20); background: #fff; border-radius: 10px; width:300px; margin-bottom: 30px;}
.card_content .product_content2 .card1_all .card img{ width: 80px; flex-shrink: 0;}
.card_content .product_content2 .card1_all .card .txt{ padding-left: 10px;}
.card_content .product_content2 .card1_all .card .txt b{display: block;font-size: 16px; padding-bottom: 5px; }
.card_content .product_content2 .card1_all .card .txt span{line-height: 24px;}
.card_content .product_content3{ width: 1200px; margin: auto; padding: 40px 0;}
.card_content .product_content3 .content_all{display: flex; width: 1200px; justify-content: center;}
.card_content .product_content3 .content_all .left{ margin-right: 50px;}
.card_content .product_content3 .content_all .left .left_in{margin:30px 0;box-shadow: 0px 28px 43px -6px rgba(0, 0, 0, 0.1); width: 400px; display: flex; background: #fff; border-radius: 20px; padding: 20px;}
.card_content .product_content3 .content_all .left .left_in span{line-height: 24px; color: #999;}
.card_content .product_content3 .content_all .left .left_in span b{padding-bottom: 5px; display:block; font-size: 18px; color: #333;}
.card_content .product_content3 .content_all .left .left_in img{flex-shrink: 0; height: 50px;  width:50px; margin-right: 20px;}
.card_content .product_content3 .content_all .right img{ width: 600px;}
.card_content .product_content4{ padding: 50px 0;}
.card_content .product_content4 .card_all{ display: flex; width: 1200px; margin:auto;}
.card_content .product_content4 .card_all .card { text-align: center; line-height: 24px; color: #999;}
.card_content .product_content4 .card_all .card img{ width: 380px;}
.card_content .product_content4 .card_all .card b{color: #333; display: block; font-size: 16px; margin-bottom: 5px;}
.card_content .product_content5{ margin: auto; margin-top: 120px; width: 1200px;}
.card_content .product_content5 .card1_all{ display: flex; justify-content:center; padding-bottom: 40px;}
.card_content .product_content5 .card1_all .card{background: #fff; margin: 20px; padding: 20px;box-sizing: border-box; width: 550px; border-radius: 10px;box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);  }
.card_content .product_content5 .card1_all .card img{ width: 510px; margin-top: 20px;}
.card_content .product_content5 .card1_all .card font{ padding-bottom: 10px; display: block; font-size: 20px;}
.card_content .product_content5 .card1_all .card span{ line-height: 24px;}

.card_content .product_content5 .card2{ background: #fff;  padding: 20px;box-sizing: border-box; width: 1200px; border-radius: 10px;box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);  }
.card_content .product_content5 .card2 img{ width: 1160px;}
.card_content .product_content5 .card3_all{ display: flex; justify-content: space-between;}
.card_content .product_content5 .card3_all .card{padding: 20px;box-sizing: border-box; border-radius: 10px;  width: 280px; background: #fff;box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);}
.card_content .product_content5 .card3_all .card img{ margin-right: 5px; width: 14px; height: 14px;}
.card_content .product_content5 .card3_all .card .title{ padding-bottom: 10px; margin-bottom: 10px; line-height: 24px; display: flex; flex-wrap:wrap; border-bottom: 1px dashed #dcdcdc;}
.card_content .product_content5 .card3_all .card .title span{border-radius:10px; width: 5px; height: 24px; background: #106BD2;}
.card_content .product_content5 .card3_all .card .title font{ margin-bottom: 5px; margin-left: 5px; font-size: 16px; line-height: 24px; }
.card_content .product_content5 .card3_all .card .txt{ padding:5px 0 ; display: flex; align-items: center;}

.card_content .product_content5 .card4_all{ padding-bottom: 50px; display: flex; justify-content: space-between;}
.card_content .product_content5 .card4_all .card{padding: 20px;box-sizing: border-box; border-radius: 10px;  width: 380px; background: #fff;box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);}
.card_content .product_content5 .card4_all .card img{ margin-right: 5px; width: 14px; height: 14px;}
.card_content .product_content5 .card4_all .card .title{ padding-bottom: 10px; margin-bottom: 10px; line-height: 24px; display: flex; flex-wrap:wrap; border-bottom: 1px dashed #dcdcdc;}
.card_content .product_content5 .card4_all .card .title span{border-radius:10px; width: 5px; height: 24px; background: #106BD2;}
.card_content .product_content5 .card4_all .card .title font{ margin-bottom: 5px; margin-left: 5px; font-size: 16px; line-height: 24px; }
.card_content .product_content5 .card4_all .card .txt{ padding:5px 0 ; display: flex; align-items: center;}
.card_content .product_content5 .card5_all{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.card_content .product_content5 .card5_all .card{font-weight: bold; font-size: 18px; align-items: center; display: flex; flex-direction: column; margin-bottom: 20px; padding: 20px; width: 290px; background: #106BD2; color: #fff;box-sizing: border-box; padding: 20px; border-radius: 10px;}
.card_content .product_content5 .card5_all .card img{ width: 50px; height: 50px; margin-bottom: 5px;}
.card_content .product_content5 .card5_all .card .txt{ padding-top: 10px; font-weight: normal; font-size: 14px; line-height: 24px; text-align: center;}
.card_content .product_content6 {margin: auto; margin-top: 120px; width: 1200px;}
.card_content .product_content6 .card1 img{ width: 1200px;}
.card_content .product_content6 .card2{ display: flex; justify-content: center; margin-bottom: 30px;}
.card_content .product_content6 .card2 img{ width: 800px;}
.card_content .product_content6 .card2 .txt{ margin-left: 60px; padding-top: 50px;}
.card_content .product_content6 .card2 .txt strong{ font-size: 16px;}
.card_content .product_content6 .card2 .txt img{ width: 40px;}
.card_content .product_content6 .card2 .line{ margin: 30px 0; display: flex; align-items: center;}
.card_content .product_content6 .card2 .line b{display: block; }
.card_content .product_content6 .card2 .line span{ padding-left: 20px;}
.card_content .product_content6 .card3{ display: flex; justify-content: center;margin-bottom: 30px;}
.card_content .product_content6 .card3 img{ width: 800px;}
.card_content .product_content6 .card3 .txt{ margin-right: 60px; padding-top: 50px;}
.card_content .product_content6 .card3 .txt strong{ font-size: 16px;}
.card_content .product_content6 .card3 .txt img{ width: 40px;}
.card_content .product_content6 .card3 .line{ margin: 30px 0; display: flex; align-items: center;}
.card_content .product_content6 .card3 .line b{display: block; }
.card_content .product_content6 .card3 .line span{ padding-left: 20px;}

.card_content .product_content7{ margin: auto; margin-top: 120px; width: 1200px; padding-bottom: 40px;}
.card_content .product_content7 .card1_all{ justify-content: space-between; display: flex; flex-wrap: wrap;}
.card_content .product_content7 .card1_all .card{ margin-bottom: 30px; border-radius: 10px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.20); width: 220px; border-radius:10px; background: #fff;}
.card_content .product_content7 .card1_all .card .icon{ padding: 10px; display: flex; align-items: center;}
.card_content .product_content7 .card1_all .card .icon img{ width: 20px; margin-right: 5px;}
.card_content .product_content7 .card1_all .card .info{ font-size: 12px;}
.card_content .product_content7 .card1_all .card .info span{ display:block; padding-left: 10px; padding-bottom: 10px;}
.card_content .product_content7 .card1_all .card .info img{ border-radius: 0 0 10px 10px; display: block; width: 220px;}

.card_content .product_content8 {padding: 20px 0 100px 0; background: #1d295a;}
.card_content .product_content8 img{margin: auto; width: 1200px; display: block;}
.card_content .product_content8 .content_title b{color: #fff;}
.card_content .product_content8 .content_title span{color: #fff; opacity: 0.6;}
.card_content .product_content9{width: 1200px; margin: auto;}
.card_content .product_content9 .card{display: flex; align-items: center;}
.card_content .product_content9 .card img{ width: 800px;}
.card_content .product_content9 .card .txt{line-height: 24px; }
.card_content .product_content9 .card .txt font{padding-bottom: 5px; display: block; font-size: 20px; color:#106BD2;}
.card_content .product_content9 .card1{display: flex; align-items: center;}
.card_content .product_content9 .card1 img{ width: 800px;}
.card_content .product_content9 .card1 .txt{line-height: 24px; }
.card_content .product_content9 .card1 .txt font{padding-bottom: 5px; display: block; font-size: 20px; color:#106BD2;}

.card_content .product_content10{margin: auto; margin-top: 120px; width: 1200px;}
.card_content .product_content10 .card1_all{ padding-bottom: 50px; display: flex; justify-content: space-between;}
.card_content .product_content10 .card1_all .card{text-align: center; line-height: 24px; padding: 20px 0; align-items: center; display: flex;flex-direction: column;  width: 285px; background: #fff; border-radius: 10px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);}
.card_content .product_content10 .card1_all .card img{ margin-bottom: 20px; width: 50px; height: 50px;}
.card_content .product_content10 .card1_all .card b{font-size: 18px; padding-bottom: 10px;}
.card_content .product_content10 .card2_all{ display: flex; flex-wrap: wrap;}
.card_content .product_content10 .card2_all .card{ line-height: 24px; width: 300px; box-sizing: border-box; padding: 30px;}
.card_content .product_content10 .card2_all .card div{padding-bottom: 10px; display: flex; align-items: center; font-size: 18px;}
.card_content .product_content10 .card2_all .card  img{ width: 30px; height: 30px; margin-right: 10px;}

.card_content .product_content11{margin: auto; margin-top: 120px; width: 1200px;}
.card_content .product_content11 .card1_all{ padding-bottom: 50px; flex-wrap: wrap; display: flex; justify-content: space-between;}
.card_content .product_content11 .card1_all .card{box-sizing: border-box; padding: 30px; text-align: center; width: 250px; display: flex; flex-direction: column; align-items: center;}
.card_content .product_content11 .card1_all .card img{ margin-bottom: 10px; width: 60px; height: 60px;}
.card_content .product_content11 .card1_all .card b{ margin-bottom: 10px; font-size: 16px;}
.card_content .product_content11 .card2_all{ padding-bottom: 50px; display: flex;justify-content: space-between;}
.card_content .product_content11 .card2_all .card{line-height: 24px; flex-direction: column; display: flex; align-items: center; box-sizing: border-box;padding: 20px;  width: 180px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.20); background: #fff; border-radius: 10px;}
.card_content .product_content11 .card2_all .card img{ margin-bottom: 10px; width: 70px; height:70px;}
.card_content .product_content11 .card2_all .card span{margin-bottom: 10px; font-size: 16px; font-weight: bold;}
.card_content .product_content11 .card3_all{ display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 50px;}
.card_content .product_content11 .card3_all .card{ margin-bottom: 30px; color: #999; box-sizing: border-box;  width: 360px;text-align: center; line-height: 24px; padding:30px 50px; align-items: center; display: flex;flex-direction: column; background: #fff; border-radius: 10px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);}
.card_content .product_content11 .card3_all img{ width: 80px; height: 80px; margin-bottom: 10px;}
.card_content .product_content11 .card3_all span{font-size: 16px; color: #333;}
.card_content .product_content11 .card4_all{display: flex; padding: 40px 0;}
.card_content .product_content11 .card4_all .card .line{color: #999; margin: 20px 0; line-height: 24px;}
.card_content .product_content11 .card4_all .card .line img{ margin-right: 5px; width: 20px; height: 20px;}
.card_content .product_content11 .card4_all .card .line span{margin-bottom: 10px; color: #333;  display: flex; align-items: center; font-size: 16px;}

.card_content .product_content12{margin: auto; margin-top: 120px; width: 1200px;}
.card_content .product_content12 .card1_all{ padding-bottom: 40px;}
.card_content .product_content12 .card1_all img{ width: 1200px;}
.card_content .product_content12 .card2_all img{  width: 600px; }
.card_content .product_content12 .card2_all .card1{justify-content: center; display: flex; align-items: center;}
.card_content .product_content12 .card2_all .card1 b{padding-bottom: 10px; font-size:20px; display: block;}
.card_content .product_content12 .card2_all .card1 span{ padding-right: 40px;}
.card_content .product_content12 .card2_all .card2{justify-content: center; display: flex; align-items: center;}
.card_content .product_content12 .card2_all .card2 b{padding-bottom: 10px; font-size:20px; display: block;}
.card_content .product_content12 .card2_all .card2 span{ padding-left: 40px;}

.card_content .product_content12 .card3_all{display: flex;justify-content: space-between; flex-wrap: wrap;}
.card_content .product_content12 .card3_all .card{ display: flex; margin-bottom: 20px;border-radius: 10px; background: #fff; box-sizing: border-box; padding: 20px; width: 380px;box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);}
.card_content .product_content12 .card3_all .card img{ margin-right: 20px; width: 50px; height: 50px;}
.card_content .product_content12 .card3_all .card span{ line-height: 24px;}
.card_content .product_content12 .card3_all .card b{display: block;}


.solution_content1{width: 1200px; margin: auto; margin-top: 30px;}
.solution_content1 .card1_all{ text-align: center; padding-top: 20px; padding-bottom: 60px;}
.solution_content1 .card2_all{ padding-bottom: 0px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.solution_content1 .card2_all .card{ line-height: 24px; text-align: center;  margin-bottom: 20px;border-radius: 10px; background: #fff; box-sizing: border-box; padding: 20px 80px; width: 580px;box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);}
.solution_content1 .card2_all .card img{ margin: auto; display: block; width: 50px; height: 50px;}
.solution_content1 .card2_all .card b{font-size: 16px; display: block; margin: 10px 0;}
.solution_content1 .card3_all{ display:flex; justify-content: space-between; padding-bottom: 50px;}
.solution_content1 .card3_all .card{ width: 280px; line-height: 24px; text-align: center;  margin-bottom: 20px;border-radius: 10px; background: #fff; box-sizing: border-box; padding: 20px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);}
.solution_content1 .card3_all .card img{ margin: auto; display: block; width: 50px; height: 50px;}
.solution_content1 .card3_all .card b{font-size: 16px; display: block; margin: 10px 0;}
.solution_content1 .card4_all{ }
.solution_content1 .card4_all .card{ justify-content: center; display: flex; align-items: center;}
.solution_content1 .card4_all .card img{ width: 500px;}
.solution_content1 .card4_all .card .txt1{ width: 500px; line-height: 24px;}
.solution_content1 .card4_all .card .txt1 span{ padding-bottom: 10px; font-size: 18px; color: #106BD2; display: block;}

.solution_content1 .card4_all .card img{ width: 500px;}
.solution_content1 .card4_all .card .txt2{ width: 500px; line-height: 24px;}
.solution_content1 .card4_all .card .txt2 span{ padding-bottom: 10px; font-size: 18px; color: #106BD2; display: block;}

.solution_content2{width: 1200px; margin: auto; margin-top: 30px;}
.solution_content2 .card1_all{ padding-bottom: 50px;}
.solution_content2 .card1_all img{ width: 1200px; }
.solution_content2 .card2_all{ padding-bottom: 40px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.solution_content2 .card2_all .card{margin-bottom: 20px; line-height: 24px; text-align: center; align-items: center; padding: 20px 80px; box-sizing: border-box; display: flex; flex-direction: column;  background: #fff; border-radius: 10px; width: 380px;box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);}
.solution_content2 .card2_all .card img{ width: 60px; height:60px;margin-bottom: 10px;}
.solution_content2 .card2_all .card span{font-size: 18px; padding-bottom: 5px;}
.solution_content2 .card3_all{ padding-bottom: 40px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.solution_content2 .card3_all .card{color: #999; margin-bottom: 20px; line-height: 24px; text-align: center; align-items: center; padding: 20px 20px; box-sizing: border-box; display: flex; flex-direction: column;  background: #fff; border-radius: 10px; width: 280px;box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);}
.solution_content2 .card3_all .card img{ width: 60px; height:60px;margin-bottom: 10px;}
.solution_content2 .card3_all .card span{font-size: 18px; padding-bottom: 5px; color: #333;}

.solution_content3{width: 1200px; margin: auto; margin-top: 30px;}
.solution_content3 .card1_all{ padding-bottom: 30px;}
.solution_content3 .card1_all img{ width: 1200px; }

.solution_content4{width: 1200px; margin: auto; margin-top: 30px;}
.solution_content4 .card1_all{ padding-bottom: 40px;}
.solution_content4 .card2_all{ padding-bottom: 40px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.solution_content4 .card2_all .card{color: #999; margin-bottom: 20px; line-height: 24px; text-align: center; align-items: center; padding: 20px 20px; box-sizing: border-box; display: flex; flex-direction: column;  background: #fbfcff; border-radius: 10px; width: 280px;box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);}
.solution_content4 .card2_all .card img{ width: 60px; height:60px;margin-bottom: 10px;}
.solution_content4 .card2_all .card span{font-size: 18px; padding-bottom: 5px; color: #333;}
.solution_content4 .card3_all { padding-bottom: 40px;}
.solution_content4 .card3_all .card{display: flex; align-items: center;}
.solution_content4 .card3_all .card img{ width: 600px;}
.solution_content4 .card3_all .card  .txt1{margin-left: 30px;line-height: 24px; }
.solution_content4 .card3_all .card  .txt1 b{ padding-bottom: 10px; color: #106BD2; font-size: 24px; display: block;}
.solution_content4 .card3_all .card  .txt2{margin-right: 30px;line-height: 24px; }
.solution_content4 .card3_all .card  .txt2 b{ padding-bottom: 10px; color: #106BD2; font-size: 24px; display: block;}

.solution_content4 .card4_all{ padding-bottom: 40px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.solution_content4 .card4_all .card{color: #999; margin-bottom: 20px; line-height: 24px; text-align: center; align-items: center; padding: 20px 20px; box-sizing: border-box; display: flex; flex-direction: column;  background: #fbfcff; border-radius: 10px; width: 380px;box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);}
.solution_content4 .card4_all .card img{ width: 60px; height:60px;margin-bottom: 10px;}
.solution_content4 .card4_all .card span{font-size: 18px; padding-bottom: 5px; color: #333;}

.solution_content5{width: 1200px; margin: auto; margin-top: 30px;}
.solution_content5 .card1_all{ padding-bottom: 40px;}
.solution_content5 .card1_all img{ width:1200px;}

.solution_content5 .card2_all img{ width: 1200px;} 
.solution_content5 .card2_all .txt { padding-left: 50px; padding-top: 50px;}
.solution_content5 .card2_all .txt img{ margin-right: 5px; width: 20px; height: 20px;}
.solution_content5 .card2_all .txt b{ font-size: 18px;}
.solution_content5 .card2_all .line{ padding: 10px 0; display: flex; align-items: center;}


.solution_content6{width: 1200px; margin: auto; margin-top: 30px;}

.solution_content6 .card1_all img{ width: 1200px;}
.solution_content6 .card2_all{ margin-bottom: 40px; justify-content: space-between; display: flex;}
.solution_content6 .card2_all .card{ margin-bottom: 20px; line-height: 24px;  align-items: center; padding: 20px 20px; box-sizing: border-box; display: flex; flex-direction: column;  background: #fbfcff; border-radius: 10px; width: 280px;box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);}
.solution_content6 .card2_all .card b{ margin-bottom: 5px; font-size: 16px; text-align: center; border-radius: 10px; line-height: 30px; display: block; color: #fff; background: #106BD2; width: 100%;}
.solution_content6 .card2_all .card img{ margin-top: 10px; width: 220px;}

.solution_content6 .card3_all{ margin-bottom: 40px; display: flex; align-items: center;}
.solution_content6 .card3_all img{ width: 700px;}
.solution_content6 .card3_all .line{ margin: 20px; display: flex;}
.solution_content6 .card3_all .line img{ margin-right: 5px; width: 20px; height: 20px;}
.solution_content6 .card3_all .line b{font-size: 16px; display: block;}

.case_content6 {width: 1200px; margin: auto; margin-top: 30px;}
.case_content6 .card1_all{display: flex; flex-wrap: wrap;justify-content: space-between;}
.case_content6 .card1_all .card{ background: #fff; color: #999; text-align: center; margin-bottom: 20px; border-radius: 10px; width: 280px; padding: 20px 10px; box-sizing: border-box; box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);}
.case_content6 .card1_all .card img { width: 100%; display: block; margin-bottom: 10px;}
.case_content6 .card1_all .card b{font-size: 16px; color: #333; padding-bottom: 5px; text-align: center; display: block;}
.case_content6 .card1_all .space{width: 280px;}


.aboutus_all{width:1200px;height:900px;margin:auto;font-size:14px;color:#653200;line-height:30px;padding-top:50px;margin-bottom:50px}
.aboutus_left{width:594px;float:left}
.aboutus_right{width:594px;margin-left:12px;float:left}
.aboutus_left :nth-child(2){margin-left:12px}
.aboutus_left_a{width:291px;height:291px;background:#054893;float:left;color:#fff}
.aboutus_left_a div{padding:15px;text-indent:2em}
.aboutus_left_b{width:594px;height:291px;background:#106BD2;float:left;margin-top:12px;color:#fff}
.aboutus_left_b div{padding:15px;text-indent:2em}
.aboutus_right_c{width:594px;height:594px;background:#fec52e;float:left;position:relative}
.aboutus_right_c .mask{width:594px;height:190px;position:absolute;background:#054893;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;bottom:0px;left:0px;z-index:1}
.aboutus_right_c .txt{width:564px;height:160px;position:absolute;color:#fff;padding:15px;bottom:0px;left:0px;z-index:2;text-indent:2em}
.aboutus_right_a{width:291px;height:291px;background:#106BD2;float:left;margin-top:12px}
.aboutus_right_d{width:140px;height:140px;background:#106BD2;float:left;margin-left:11px;margin-top:11px;position:relative;cursor:pointer;color:#fff}
.aboutus_right_d div{width:140px;font-size:18px;font-weight:bold;text-align:center;position:absolute;top:15px;left:0px}
.aboutus_right_d img{width:80px;height:80px;margin-left:30px;margin-top:50px;-webkit-filter:brightness(100)}

.aboutus_right_a .word{ color: #fff; padding: 20px;}
.aboutus_right_a .word img{display: block; width: 140px; margin: auto;}




.big_btn .btn{ cursor: pointer; margin: 50px auto; font-size: 20px; color: #fff; display: flex; align-items: center; justify-content: center; height: 60px; width: 300px; border-radius:40px;}
.big_btn .btn img{ width: 30px; height: 30px; margin-right: 20px;}

.menu_black{display: none;}
.index_content4 .content1{display: none;}
.beian { text-align: center; margin-top: 40px;}
.beian a{ color: #fff; text-decoration: none;}
}



















@media (max-width: 800px), print {
.pc_img{display:none!important}	
*{margin: 0; padding: 0; }
html{background:#f8f8f8;}
body{font-size:14px; color: #333; font-size:14px}
.clear{clear: both;}
input::placeholder,textarea::placeholder{color: #999;}
input,textarea,select{outline: none;}
header{height:50px; background: #fff; position: fixed; top: 0; left: 0; z-index: 10; right: 0;box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);}
header .logo{ height: 40px;  margin-top: 5px;}
header .logo img{height: 40px; display: block; margin-left: 10px;}
header .all {  display: flex; width: 100%;}
header .all .nav_all{display: none;}
header .nav_action{display: flex; margin-top: 10px; justify-content: flex-end; flex-grow: 2; padding-right: 10px;}
header .nav_num{ display: flex; align-items: center; padding: 0 5px;  border-radius: 18px; height: 30px; width:30px; box-sizing: border-box; overflow: hidden; border: 1px solid #106BD2; font-size: 14px; color: #fff;}
header .nav_num img{ width:18px; height: 18px; margin-right: 5px;}
header .btn{cursor: pointer; margin-left: 10px; display: flex; align-items: center; padding: 0 15px;background: #106BD2; border-radius: 18px; height: 30px; border: 1px solid #106BD2; font-size: 14px; color: #fff;}
header .btn:hover{background: #054893;border-color: #054893;}
header .nav_in_choosed {color: #106BD2;}
header .nav_in_choosed span{ display: block;  }
header .more{ display: none; left:-10px ; top: 50px; position: absolute; background: #106BD2; padding:10px 0px; border-radius: 10px;}
header .more a{padding: 0 15px; line-height: 36px; white-space: nowrap; display: block; font-size: 14px; color: #fff; text-decoration: none;}
header .more a:hover{background: #054893;}
.header_space{ height: 50px;}
header .menu{ position: relative; display: flex; align-items: center; justify-content: center; height: 50px; border-right:1px solid #dcdcdc ; width: 50px;}
header .menu img{width: 18px; height:18px;}
.menu_content{background: #f2f2f2; top: 0; bottom: 0; width: 150px; padding-top: 50px;position:fixed;z-index: 8;}
.menu_black{ position:fixed; z-index: 9; left: 0; right: 0; top: 0; bottom: 0; background:rgba(0,0,0,0.6)}
.menu_content .menu_content_in{ border-bottom: 1px solid #dcdcdc; padding-left: 20px; height: 50px; line-height: 50px;}
.menu_content .menu_content_in span{color: #106BD2; padding-right: 5px;}
.right_tip{display: none;}
.jdt{width:100%;position:relative;border:0; position: relative; height: 150px; cursor: pointer;}
.jdt .mask{z-index: 3; position: absolute; bottom: 0; left: 0;  width:100%; height:90px; background: url(../images/mask.svg) center bottom;}
.jdt .pic_in{height:150px;width:100%;position:absolute;left:0;top:0;opacity:0;transition:1s}
.jdt .pic_in_choosed{opacity:1}
.jdt .tips{position:absolute;z-index:2;margin:auto;padding-top:400px; left: 50%; display: none;}

.index_title{  padding: 10px 10px; display: flex; align-items: center;  border-bottom:1px solid #DCDCDC ;padding-top: 20px;}
.index_title strong{flex-shrink:0; padding-left: 10px; border-left:3px solid #054893; height: 30px; line-height: 30px; font-weight: normal; font-size: 16px;}
.index_title span{ color: #999; padding-left: 10px; font-size: 12px;}

.index_content1{position: relative; z-index: 1; background: #FFFFFF;box-shadow: 0 0 10px 0 rgba(0,0,0,0.20); margin: auto;   box-sizing: border-box;}
.index_content1 .content{box-sizing: border-box; display: flex; padding: 0 10px; justify-content: space-between; padding-top: 15px; flex-wrap: wrap;}
.index_content1 .content_in{position: relative; width:49%; flex-wrap: wrap; margin-bottom: 5px;}
.index_content1 .content_in img{ border-radius: 10px; width:100%; height: auto;}
.index_content1 .content_in b{position: absolute; color: #fff; font-size: 18px; top: 30px; left: 20px;width:110px; line-height: 24px; text-shadow: 0 0 4px rgba(0,0,0,0.50);}
.index_content1 .content_in span{display: none;  }

.index_content2{ margin: auto; padding: 0 0 ; }
.index_content2 .content{ display: flex; flex-wrap: wrap;}
.index_content2 .content_in{cursor: pointer; width: 50%; text-align: center;font-size: 12px; color: #999; padding-bottom: 10px; }
.index_content2 .content_in span{font-size:16px;color: #333; display: block; padding-bottom: 5px;}
.index_content2 .content_in img{ display:block; width: 100%;}
.index_content2 .content_in video{ display:none; width:  100%; }
.index_content2 .space{ width: 80px; display: none;}

.index_content3{ background: #E2E2E2; padding-top: 20px;}
.index_content3 .index_title{ border-bottom: 1px solid #d1d1d1;}
.index_content3 .index_content3_all{ margin: auto;}
.index_content3 .left{ margin-top: 10px; border-right: 1px solid #D1D1D1; padding-left: 20px; flex-wrap: wrap; display: flex;  box-sizing: border-box;}
.index_content3 .left .left_in{margin-bottom: 10px;  margin-right: 10px; padding: 0 5px; border: 1px solid #999; cursor: pointer; line-height: 30px; position: relative; height: 30px;}
.index_content3 .left .left_in span{display: none;}
.index_content3 .left .choosed {border: 1px solid #106BD2; color: #106BD2;}
.index_content3 .left .choosed span{display: none;}



.index_content3 .right strong{ font-size: 16px; margin-bottom: 30px;}
.index_content3 .right { margin-top:10px; margin-left: 10px; margin-right: 10px; }
.index_content3 .right_info{min-height: 450px;  padding: 10px 0; display: flex;flex-wrap: wrap; justify-content: space-between;}
.index_content3 .info {  display: flex; margin-bottom: 30px; }
.index_content3 .info .txt{ text-align: justify; margin-left: 15px; font-size: 14px; line-height: 24px;}
.index_content3 .info .txt b{display: block; padding-bottom:2px; font-size: 16px;}
.index_content3 .info img{width: 40px; height: 40px; flex-shrink: 0;}

.index_content4{ margin: auto; padding-top: 20px; position: relative;}
.index_content4 .index_title{ margin-bottom: 10px;}
.index_content4 .content{display: none;}
.index_content4 .content1 {display: flex; flex-wrap: wrap;justify-content: space-between;}
.index_content4 .content1 .content1_in{ margin-bottom: 10px; width: 49%; font-size: 12px; color: #999; text-align: center;}
.index_content4 .content1 .content1_in img{ width: 100%;}
.index_content4 .content1 .content1_in b{ color: #333; font-size: 14px; display: block; text-align: center;}




.index_content5{padding-bottom: 30px; display: flex;  margin: auto; padding-top: 20px;flex-wrap: wrap; justify-content: space-between; }
.index_content5 .index_title{ width: 100%;}
.index_content5 .card{ transition: 0.3s;cursor: pointer; border-radius: 10px; margin: 5px; box-shadow: 0 0 15px 0 rgba(0,0,0,0.10);border: 10px; width:45%;  background: #fff; display: flex; align-items: center;justify-content: center;}
.index_content5 .card:hover{ margin-top:15px; transition: 0.3s;}
.index_content5 .card img{ width: 100px; margin: 15px 0 ;}

footer{  background: #2E3237; padding-bottom: 50px;}
.footer_all .content{ display: none;padding-left: 20px;}
#content{display: block;}
.footer_all .line{display: none;}
.footer_all .content b{ color: #fff; font-size:16px;display: block; line-height: 60px; }
.footer_all .content .txt2{display: flex;}
.footer_all .content .txt3{padding-left: 10px;}
.footer_all .content .txt{color: #fff;line-height: 20px;}
.footer_all .content .txt img{ display: block; width:100px;height: 100px; margin: 10px 0;}
.footer_all .content .txt1{ display: flex; color: #fff;line-height: 40px;}
.footer_all .content .txt1 span{ line-height: 26px; padding-top: 7px; flex-shrink: 3; word-break: break-all;}


.black{ display: flex; align-items: center; justify-content: center; position: fixed; left: 0; top: 0; right:0;bottom: 0; background: rgba(0,0,0,0.6);z-index: 20;}
.black .tan{ margin-bottom: 50px; width: 80%; background: #fff; border-radius: 10px;}
.black .tan .title{ border-bottom: 1px solid #dcdcdc; padding: 10px 20px; font-size: 16px;}
.black .tan .title span{ border-left: 3px solid #106BD2;padding-left: 10px;}
.black .tan .content{border-bottom: 1px solid #dcdcdc; padding:20px; }
.black .tan .content .txt{ padding-bottom: 20px;  font-size: 12px; }
.black .tan .content .txt .name{ padding-bottom: 5px;}
.black .tan .content .txt select{border-radius:3px ; height: 30px; width: 100%; border: 1px solid #dcdcdc; box-sizing: border-box; padding: 0 10px;}
.black .tan .content .txt input{border-radius:3px ; height: 30px; width: 100%; border: 1px solid #dcdcdc; box-sizing: border-box; padding: 0 10px;}
.black .tan .content .txt textarea{ border-radius:3px ; height: 30px; width: 100%; border: 1px solid #dcdcdc; box-sizing: border-box; padding:  10px; height: 80px;}
.black .tan .content .txt1{ flex-grow: 2; padding-bottom: 0px;}
.black .tan .action{display: flex;}
.black .tan .action .line{ flex-shrink: 0; height: 45px; width: 1px; background: #dcdcdc;}
.black .tan .action .btn_red{ cursor: pointer; padding-bottom: 5px; color: #D41C1C; flex-grow: 2;height: 40px; display: flex; align-items: center;justify-content: center;}
.black .tan .action .btn_gray{cursor: pointer; padding-bottom: 5px; color: #999;flex-grow: 2;height: 40px;display: flex; align-items: center;justify-content: center;}
.black .wrong{ width: 100%; padding-top:10px; color: red; font-size: 12px; text-align: center;}



.content_banner{ height: 150px; position: relative; width: 100%;}
.content_banner .card_all{ padding-top: 160px;  }
.content_banner .mask{ position: relative;}
.content_banner .mask .card_list{ padding: 0 10px; display: flex; flex-wrap: wrap;justify-content: space-between; }
.content_banner .left,.content_banner .right{display: none;}

.content_banner .card{ margin-bottom: 10px; padding: 0 10px; box-sizing: border-box; text-align: center; font-size: 12px; align-items: center; display: flex; flex-direction: column; cursor: pointer; box-shadow: 0 0 10px 0 rgba(0,0,0,0.20); width: 23%; height: 120px; background:url(../img/bg_1.jpg) center;background-size: cover; float: left; border-radius: 10px;}
.content_banner .card_choosed{ color: #fff;  background:url(../img/bg_2.jpg) center;background-size: cover;}
.content_banner .card img{ margin-bottom: 10px;margin-top: 20px; width: 40px; height: 40px; }
.content_banner .card_choosed img{ filter: brightness(100);}

.content_title{ margin: auto; padding:30px 20px; font-size: 12px;}
.content_title b{margin-bottom: 5px; font-size: 18px; display: block; text-align: center;}
.content_title span{line-height: 20px; color: #999; display: block;text-align: center; }
.content_banner .left_none img,.content_banner .right_none img{ opacity: 0.3; filter: grayscale(1);}
.content_title1{ font-size: 16px; text-align: center;  margin: auto; padding:20px 10px;}


.card_content .product_content1{ margin: auto; margin-top: 270px; }
.card_content .product_content1 .content { padding: 0 10px; text-align: center;  }
.card_content .product_content1 .content span{ line-height: 24px; font-size: 12px; color: #999;}
.card_content .product_content1 .content span b{text-align: center;  font-size:14px ; display: block;color: #333;}
.card_content .product_content1 .content img{ width:100%;display: block;}
.card_content .product_content1 .content_m{ position: relative; height: 360px;}
.card_content .product_content1 .content_m span{bottom: -10px; box-sizing: border-box; position: absolute; width: 100%; left: 0; padding: 30px;}



.card_content .product_content1 .txt .name{ margin-bottom: 5px; padding-left:10px; border-left: 4px solid #106BD2; font-size: 16px; font-weight: bold; display: block;}
.card_content .product_content1 .txt .info{ padding-bottom: 20px;line-height: 24px; width: 400px;}
.card_content .product_content1 .content_space{height: 20px;}
.card_content .product_content1 .content .txt2{ padding: 0px!important; text-align: left;}
.card_content .product_content1 .content .txt2 .name{font-size: 14px;}
.card_content .product_content1 .content .txt2 .info{font-size: 12px;}

.card_content .product_content1 .content .txt3{ padding: 0px!important; text-align: left;}
.card_content .product_content1 .content .txt3 .name{font-size: 14px;}
.card_content .product_content1 .content .txt3 .info{font-size: 12px;}


.card_content .product_content2 .card_all{ padding: 0 10px; flex-wrap: wrap;  margin: auto;display: flex; justify-content: space-between;}
.card_content .product_content2 .card_all .space{display: none;}
.card_content .product_content2 .card_all .space1{display: none;}
.card_content .product_content2 .card_all .card{ box-shadow: 0 0 10px 0 rgba(0,0,0,0.20); background: #fff; border-radius: 10px; width:48%; margin-bottom: 15px;}
.card_content .product_content2 .card_all .card img{ width: 100%; border-radius: 10px 10px 0 0 ;}
.card_content .product_content2 .card_all .card b{padding-top: 10px;  display: block; text-align: center; font-size: 14px;}
.card_content .product_content2 .card_all .card span{font-size: 12px; display: block; text-align: center; padding: 5px ; color: #999;padding-bottom: 10px;}

.card_content .product_content2 .card1_all{ padding: 0 10px; flex-wrap: wrap;  margin: auto;display: flex;justify-content: space-between;}
.card_content .product_content2 .card1_all .card{ box-sizing: border-box; padding: 10px; display:flex; align-items: flex-start;  box-shadow: 0 0 10px 0 rgba(0,0,0,0.20); background: #fff; border-radius: 10px; width:48%; margin-bottom: 10px;}
.card_content .product_content2 .card1_all .card img{ width: 40px; flex-shrink: 0;}
.card_content .product_content2 .card1_all .card .txt{ padding-left: 5px;}
.card_content .product_content2 .card1_all .card .txt b{display: block;font-size: 14px; padding-bottom: 0px; }
.card_content .product_content2 .card1_all .card .txt span{line-height: 20px; font-size: 12px;}
.card_content .product_content3{ margin: auto; padding: 10px 10px;}
.card_content .product_content3 .content_all .left .left_in{margin:10px 0;box-shadow: 0px 28px 43px -6px rgba(0, 0, 0, 0.1);  display: flex; background: #fff; border-radius: 20px; padding: 20px;}
.card_content .product_content3 .content_all .left .left_in span{line-height: 24px; color: #999;}
.card_content .product_content3 .content_all .left .left_in span b{padding-bottom: 5px; display:block; font-size: 18px; color: #333;}
.card_content .product_content3 .content_all .left .left_in img{flex-shrink: 0; height: 50px;  width:50px; margin-right: 20px;}
.card_content .product_content3 .content_all .right img{ width: 600px; display: none;}



.card_content .product_content4{ padding: 50px 0;}
.card_content .product_content4 .card_all{  margin:auto;}
.card_content .product_content4 .card_all .card {font-size: 12px; text-align: center; line-height: 24px; color: #999;}
.card_content .product_content4 .card_all .card img{width: 80%;}
.card_content .product_content4 .card_all .card b{color: #333; display: block; font-size: 14px; margin-bottom: 5px;}



.card_content .product_content5{margin: auto; margin-top: 270px; }
.card_content .product_content5 .card1_all{  padding-bottom: 40px;}
.card_content .product_content5 .card1_all .card{background: #fff; margin: 10px; padding: 10px;box-sizing: border-box;  border-radius: 10px;box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);  }
.card_content .product_content5 .card1_all .card img{ width: 100%; margin-top: 20px;}
.card_content .product_content5 .card1_all .card font{ padding-bottom: 10px; display: block; font-size: 16px;}
.card_content .product_content5 .card1_all .card span{ line-height: 24px;}

.card_content .product_content5 .card2{ background: #fff;  padding: 10px;box-sizing: border-box;  border-radius: 10px;box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);  margin:0 10px; }
.card_content .product_content5 .card2 img{ width: 100%;}
.card_content .product_content5 .card3_all{ padding: 0 10px ; display: flex; justify-content: space-between; flex-wrap: wrap;}
.card_content .product_content5 .card3_all .card{padding: 10px;box-sizing: border-box; border-radius: 10px;  width: 48%; background: #fff;box-shadow: 0 0 10px 0 rgba(0,0,0,0.20); margin-bottom: 10px;}
.card_content .product_content5 .card3_all .card img{ margin-right: 5px; width: 14px; height: 14px;}
.card_content .product_content5 .card3_all .card .title{ padding-bottom: 10px; margin-bottom: 10px; line-height: 24px; display: flex; flex-wrap:wrap; border-bottom: 1px dashed #dcdcdc;}
.card_content .product_content5 .card3_all .card .title span{border-radius:10px; width: 5px; height: 24px; background: #106BD2;}
.card_content .product_content5 .card3_all .card .title font{ margin-bottom: 5px; margin-left: 5px; font-size: 16px; line-height: 24px; }
.card_content .product_content5 .card3_all .card .txt{ padding:5px 0 ; display: flex; align-items: center;}

.card_content .product_content5 .card4_all{ padding-bottom: 30px; }
.card_content .product_content5 .card4_all .card{margin: 10px; padding: 10px;box-sizing: border-box; border-radius: 10px; background: #fff;box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);}
.card_content .product_content5 .card4_all .card img{ margin-right: 5px; width: 14px; height: 14px;}
.card_content .product_content5 .card4_all .card .title{ padding-bottom: 10px; margin-bottom: 10px; line-height: 24px; display: flex; flex-wrap:wrap; border-bottom: 1px dashed #dcdcdc;}
.card_content .product_content5 .card4_all .card .title span{border-radius:10px; width: 5px; height: 24px; background: #106BD2;}
.card_content .product_content5 .card4_all .card .title font{ margin-bottom: 5px; margin-left: 5px; font-size: 16px; line-height: 24px; }
.card_content .product_content5 .card4_all .card .txt{ padding:5px 0 ; display: flex; align-items: center;}
.card_content .product_content5 .card5_all{ padding: 0 10px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.card_content .product_content5 .card5_all .card{font-weight: bold; font-size: 18px; align-items: center; display: flex; flex-direction: column; margin-bottom: 10px; padding: 10px; width: 48%; background: #106BD2; color: #fff;box-sizing: border-box; padding: 20px; border-radius: 10px;}
.card_content .product_content5 .card5_all .card img{ width: 50px; height: 50px; margin-bottom: 5px;}
.card_content .product_content5 .card5_all .card .txt{ padding-top: 10px; font-weight: normal; font-size: 14px; line-height: 24px; text-align: center;}



.card_content .product_content6 {margin: auto; margin-top: 270px;}
.card_content .product_content6 .card1 img{ width: 100%;}
.card_content .product_content6 .card2{ margin-bottom: 30px;}
.card_content .product_content6 .card2 img{ width: 100%}
.card_content .product_content6 .card2 .txt{ margin-left: 20px; padding-top: 10px;}
.card_content .product_content6 .card2 .txt strong{ font-size: 16px;}
.card_content .product_content6 .card2 .txt img{ width: 40px;}
.card_content .product_content6 .card2 .line{ margin: 30px 0; display: flex; align-items: center;}
.card_content .product_content6 .card2 .line b{display: block; }
.card_content .product_content6 .card2 .line span{ padding-left: 20px;}
.card_content .product_content6 .card3{  margin-bottom: 20px;}
.card_content .product_content6 .card3 img{ width:100%;}
.card_content .product_content6 .card3 .txt{ margin-left: 20px; padding-top: 10px;}
.card_content .product_content6 .card3 .txt strong{ font-size: 16px;}
.card_content .product_content6 .card3 .txt img{ width: 40px;}
.card_content .product_content6 .card3 .line{ margin: 30px 0; display: flex; align-items: center;}
.card_content .product_content6 .card3 .line b{display: block; }
.card_content .product_content6 .card3 .line span{ padding-left: 20px;}

.card_content .product_content7{ margin: auto; margin-top: 270px;  padding-bottom: 40px;}
.card_content .product_content7 .card1_all{ justify-content: space-between; display: flex; flex-wrap: wrap; padding: 0 10px;}
.card_content .product_content7 .card1_all .card{ margin-bottom: 30px; border-radius: 10px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.20); width: 48%; border-radius:10px; background: #fff;}
.card_content .product_content7 .card1_all .card .icon{ padding: 10px; display: flex; align-items: center;}
.card_content .product_content7 .card1_all .card .icon img{ width: 20px; margin-right: 5px;}
.card_content .product_content7 .card1_all .card .info{ font-size: 12px;}
.card_content .product_content7 .card1_all .card .info span{ display:block; padding-left: 10px; padding-bottom: 10px;}
.card_content .product_content7 .card1_all .card .info img{ border-radius: 0 0 10px 10px; display: block; width: 100%;}

.card_content .product_content8 {padding: 20px 0 100px 0; background: #1d295a;}
.card_content .product_content8 img{margin: auto; width: 100%; display: block;}
.card_content .product_content8 .content_title b{color: #fff;}
.card_content .product_content8 .content_title span{color: #fff; opacity: 0.6;}


.card_content .product_content9{ margin: auto;}
.card_content .product_content9 .card{}
.card_content .product_content9 .card img{ width: 100%;}
.card_content .product_content9 .card .txt{line-height: 24px; text-align: center; }
.card_content .product_content9 .card .txt font{text-align: center; padding-bottom: 5px; display: block; font-size: 20px; color:#106BD2;}
.card_content .product_content9 .card1{}
.card_content .product_content9 .card1 img{ width: 100%;}
.card_content .product_content9 .card1 .txt{line-height: 24px; text-align: center; }
.card_content .product_content9 .card1 .txt font{text-align: center;padding-bottom: 5px; display: block; font-size: 20px; color:#106BD2;}

.card_content .product_content10{margin: auto; margin-top: 270px; }
.card_content .product_content10 .card1_all{ padding: 0 10px;padding-bottom: 30px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.card_content .product_content10 .card1_all .card{font-size: 12px; margin-bottom: 10px; box-sizing: border-box; text-align: center; line-height: 24px; padding: 10px; align-items: center; display: flex;flex-direction: column;  width: 48%; background: #fff; border-radius: 10px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);}
.card_content .product_content10 .card1_all .card img{ margin-bottom: 20px; width: 50px; height: 50px;}
.card_content .product_content10 .card1_all .card b{font-size: 14px; padding-bottom: 5px;}
.card_content .product_content10 .card2_all{ display: flex; flex-wrap: wrap;}
.card_content .product_content10 .card2_all .card{font-size: 12px; line-height: 20px; width: 33%; box-sizing: border-box; padding: 10px;}
.card_content .product_content10 .card2_all .card div{padding-bottom: 10px; font-size: 16px; text-align: center;}
.card_content .product_content10 .card2_all .card  img{  margin: auto; display: block; width: 30px; height: 30px; margin-bottom: 5px;}

.card_content .product_content11{margin: auto; margin-top: 270px; }
.card_content .product_content11 .card1_all{ padding-bottom: 50px; flex-wrap: wrap; display: flex; justify-content: space-between;}
.card_content .product_content11 .card1_all .card{box-sizing: border-box; padding: 10px; text-align: center; width: 48%; display: flex; flex-direction: column; align-items: center;}
.card_content .product_content11 .card1_all .card img{ margin-bottom: 10px; width: 60px; height: 60px;}
.card_content .product_content11 .card1_all .card b{ margin-bottom: 10px; font-size: 16px;}
.card_content .product_content11 .card2_all{ padding-bottom: 50px; display: flex;justify-content: space-between; flex-wrap: wrap;}
.card_content .product_content11 .card2_all .card{line-height: 24px; flex-direction: column; display: flex; align-items: center; box-sizing: border-box;padding: 10px;  width: 33%; }
.card_content .product_content11 .card2_all .card img{ margin-bottom: 10px; width: 70px; height:70px;}
.card_content .product_content11 .card2_all .card span{margin-bottom: 10px; font-size: 16px; font-weight: bold;}
.card_content .product_content11 .card3_all{padding: 0 10px; display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 50px;}
.card_content .product_content11 .card3_all .card{ margin-bottom: 10px; color: #999; box-sizing: border-box;  width: 48%;text-align: center; line-height: 24px; padding:10px; align-items: center; display: flex;flex-direction: column; background: #fff; border-radius: 10px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);}
.card_content .product_content11 .card3_all img{ width: 80px; height: 80px; margin-bottom: 10px;}
.card_content .product_content11 .card3_all span{font-size: 16px; color: #333;}
.card_content .product_content11 .card4_all{ padding: 10px;}
.card_content .product_content11 .card4_all .card .line{color: #999; margin: 20px 0; line-height: 24px; font-size: 12px;}
.card_content .product_content11 .card4_all  img{ width: 100%; margin: 0!important; }
.card_content .product_content11 .card4_all .card .line img{ margin-right: 5px; width: 20px; height: 20px;}
.card_content .product_content11 .card4_all .card .line span{margin-bottom: 10px; color: #333;  display: flex; align-items: center; font-size: 14px;}

.card_content .product_content12{margin: auto; margin-top: 270px;}
.card_content .product_content12 .card1_all{ padding-bottom: 40px;}
.card_content .product_content12 .card1_all img{ width: 100%;}
.card_content .product_content12 .card2_all img{  width: 100%; }
.card_content .product_content12 .card2_all .card1{}
.card_content .product_content12 .card2_all .card1 b{padding-bottom: 10px; font-size:16px; display: block; text-align: center;}
.card_content .product_content12 .card2_all .card1 span{ text-align: center;display: block;}
.card_content .product_content12 .card2_all .card2{}
.card_content .product_content12 .card2_all .card2 b{padding-bottom: 10px; font-size:16px; display: block;}
.card_content .product_content12 .card2_all .card2 span{ text-align: center;display: block; padding-bottom: 20px;}

.card_content .product_content12 .card3_all{padding: 0 10px; display: flex;justify-content: space-between; flex-wrap: wrap;}
.card_content .product_content12 .card3_all .card{ display: flex; margin-bottom: 20px;border-radius: 10px; background: #fff; box-sizing: border-box; padding: 10px; width: 100%;box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);}
.card_content .product_content12 .card3_all .card img{ margin-right: 20px; width: 50px; height: 50px;flex-shrink: 0;}
.card_content .product_content12 .card3_all .card span{ line-height: 24px;}
.card_content .product_content12 .card3_all .card b{display: block;}


.solution_content1{margin: auto; }
.solution_content1 .card1_all{ text-align: center; padding-top: 20px; padding-bottom: 60px;}
.solution_content1 .card1_all img{ width: 100%;}
.solution_content1 .card2_all{ padding-bottom: 0px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.solution_content1 .card2_all .card{ line-height: 24px; text-align: center;  margin-bottom: 20px;border-radius: 10px; background: #fff; box-sizing: border-box; padding: 20px 20px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.20); margin: 10px;}
.solution_content1 .card2_all .card img{ margin: auto; display: block; width: 50px; height: 50px;}
.solution_content1 .card2_all .card b{font-size: 16px; display: block; margin: 10px 0;}
.solution_content1 .card3_all{ padding: 0 10px; flex-wrap: wrap; display:flex; justify-content: space-between; padding-bottom: 50px;}
.solution_content1 .card3_all .card{ width: 48%; line-height: 24px; text-align: center;  margin-bottom: 20px;border-radius: 10px; background: #fff; box-sizing: border-box; padding: 20px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);}
.solution_content1 .card3_all .card img{ margin: auto; display: block; width: 50px; height: 50px;}
.solution_content1 .card3_all .card b{font-size: 16px; display: block; margin: 10px 0;}
.solution_content1 .card4_all{ }
.solution_content1 .card4_all .card{}
.solution_content1 .card4_all .card img{ width: 500px;}
.solution_content1 .card4_all .card .txt1{ line-height: 24px; padding: 0 10px; margin-bottom: 20px;}
.solution_content1 .card4_all .card .txt1 span{ padding-bottom: 10px; font-size: 18px; color: #106BD2; display: block;}

.solution_content1 .card4_all .card img{ width: 100%;}
.solution_content1 .card4_all .card .txt2{  line-height: 24px;24px; padding: 0 10px;margin-bottom: 20px;}
.solution_content1 .card4_all .card .txt2 span{ padding-bottom: 10px; font-size: 18px; color: #106BD2; display: block;}







.solution_content2{ margin: auto; }
.solution_content2 .card1_all{ padding-bottom: 50px;}
.solution_content2 .card1_all img{ width: 100%!important; }
.solution_content2 .card2_all{padding: 0 10px; padding-bottom: 40px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.solution_content2 .card2_all .card{margin-bottom: 20px; line-height: 24px; text-align: center; align-items: center; padding: 10px 10px; box-sizing: border-box; display: flex; flex-direction: column;  background: #fff; border-radius: 10px; width: 48%;box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);}
.solution_content2 .card2_all .card img{ width: 60px; height:60px;margin-bottom: 10px;}
.solution_content2 .card2_all .card span{font-size: 18px; padding-bottom: 5px;}
.solution_content2 .card3_all{ padding: 0 10px; padding-bottom: 40px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.solution_content2 .card3_all .card{color: #999; margin-bottom: 20px; line-height: 24px; text-align: center; align-items: center; padding: 10px 10px; box-sizing: border-box; display: flex; flex-direction: column;  background: #fff; border-radius: 10px; width: 48%;box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);}
.solution_content2 .card3_all .card img{ width: 60px; height:60px;margin-bottom: 10px;}
.solution_content2 .card3_all .card span{font-size: 18px; padding-bottom: 5px; color: #333;}

.solution_content3{margin: auto;}
.solution_content3 .card1_all{ padding-bottom: 30px;}
.solution_content3 .card1_all img{ width: 100%; }

.solution_content4{ margin: auto; }
.solution_content4 .card1_all{ padding-bottom: 40px;}
.solution_content4 .card1_all img{ width: 100%;}
.solution_content4 .card2_all{ padding-bottom: 40px; padding: 0 10px;}
.solution_content4 .card2_all .card{color: #999; margin-bottom: 20px; line-height: 24px; text-align: center; align-items: center; padding: 20px 20px; box-sizing: border-box; display: flex; flex-direction: column;  background: #fbfcff; border-radius: 10px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);}
.solution_content4 .card2_all .card img{ width: 60px; height:60px;margin-bottom: 10px;}
.solution_content4 .card2_all .card span{font-size: 18px; padding-bottom: 5px; color: #333;}
.solution_content4 .card3_all { padding-bottom: 40px;}
.solution_content4 .card3_all .card{}
.solution_content4 .card3_all .card img{width:100%}
.solution_content4 .card3_all .card  .txt1{margin:10px;line-height: 24px; }
.solution_content4 .card3_all .card  .txt1 b{ padding-bottom: 10px; color: #106BD2; font-size: 18px; display: block;}
.solution_content4 .card3_all .card  .txt2{margin: 10px;line-height: 24px; }
.solution_content4 .card3_all .card  .txt2 b{ padding-bottom: 10px; color: #106BD2; font-size: 18px; display: block;}

.solution_content4 .card4_all{ padding:  0 10px; padding-bottom: 40px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.solution_content4 .card4_all .card{color: #999; margin-bottom: 20px; line-height: 24px; text-align: center; align-items: center; padding: 10px 10px; box-sizing: border-box; display: flex; flex-direction: column;  background: #fbfcff; border-radius: 10px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);}
.solution_content4 .card4_all .card img{ width: 60px; height:60px;margin-bottom: 10px;}
.solution_content4 .card4_all .card span{font-size: 18px; padding-bottom: 5px; color: #333;}

.solution_content5{width: 100%; margin: auto;}
.solution_content5 .card1_all{ padding-bottom: 40px;}
.solution_content5 .card1_all img{ width: 100%;}

.solution_content5 .card2_all img{ width: 100%; margin-bottom: 20px;} 
.solution_content5 .card2_all .txt { padding-left: 10px; padding-top: 10px;}
.solution_content5 .card2_all .txt img{ margin-right: 5px; width: 20px; height: 20px;}
.solution_content5 .card2_all .txt b{ font-size: 18px;}
.solution_content5 .card2_all .line{ padding: 10px 0; display: flex; align-items: center;}


.solution_content6{ margin: auto;}

.solution_content6 .card1_all img{ width: 100%;}
.solution_content6 .card2_all{ padding: 10px; margin-bottom: 40px; flex-wrap: wrap; justify-content: space-between; display: flex;}
.solution_content6 .card2_all .card{ margin-bottom: 20px; line-height: 24px;  align-items: center; padding: 10px 10px; box-sizing: border-box; display: flex; flex-direction: column;  background: #fbfcff; border-radius: 10px; width: 48%;box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);}
.solution_content6 .card2_all .card b{ margin-bottom: 5px; font-size: 16px; text-align: center; border-radius: 10px; line-height: 30px; display: block; color: #fff; background: #106BD2; width: 100%;}
.solution_content6 .card2_all .card img{ margin-top: 10px; width: 100%;}

.solution_content6 .card3_all{ margin-bottom: 40px; align-items: center;}
.solution_content6 .card3_all img{ width: 100%;}
.solution_content6 .card3_all .line{ margin: 20px; display: flex;}
.solution_content6 .card3_all .line img{ margin-right: 5px; width: 20px; height: 20px;}
.solution_content6 .card3_all .line b{font-size: 16px; display: block;}

.case_content6 { margin: auto; margin-top: 10px;}
.case_content6 .card1_all{display: flex; flex-wrap: wrap;justify-content: space-between; padding: 0 10px;}
.case_content6 .card1_all .card{ background: #fff; color: #999; text-align: center; margin-bottom: 20px; border-radius: 10px;  padding: 20px 10px; box-sizing: border-box; box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);}
.case_content6 .card1_all .card img { width: 100%; display: block; margin-bottom: 10px;}
.case_content6 .card1_all .card b{font-size: 16px; color: #333; padding-bottom: 5px; text-align: center; display: block;}
.case_content6 .card1_all .space{width: 280px;}


.aboutus_all{margin:auto;font-size:14px;color:#653200;line-height:30px;}
.aboutus_left{width: 100%;}
.aboutus_right{width: 100%;}

.aboutus_left_a{background:#054893;color:#fff;width: 100%;}
.aboutus_left_a img{display: block; width:100%;}
.aboutus_left_a div{padding:15px;text-indent:2em}
.aboutus_left_b{background:#106BD2;color:#fff}
.aboutus_left_b div{padding:15px;text-indent:2em}
.aboutus_left_b img{display: block; width: 100%;}
.aboutus_right_c{background:#fec52e;position:relative}
.aboutus_right_c img{ display: block; width: 100%;}
.aboutus_right_c .mask{display: none; width:100%;position:absolute;background:#054893;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;bottom:0px;left:0px;z-index:1}
.aboutus_right_c .txt{background: rgba(5, 72, 147, 0.6); position:absolute;color:#fff;padding:15px;bottom:0px;left:0px;z-index:2;text-indent:2em}
.aboutus_right_a{background:#106BD2; margin: 0!important;}
.aboutus_right_a img{ width: 100%; display: block;}
.aboutus_right_d{width:140px;height:140px;background:#106BD2;margin-left:11px;margin-top:11px;position:relative;cursor:pointer;color:#fff}
.aboutus_right_d div{width:140px;font-size:18px;font-weight:bold;text-align:center;position:absolute;top:15px;left:0px}
.aboutus_right_d img{width:80px;height:80px;margin-left:30px;margin-top:50px;-webkit-filter:brightness(100)}

.aboutus_right_a .word{ color: #fff; padding: 20px;}
.aboutus_right_a .word img{display: block; width: 140px; margin: auto;}




.big_btn .btn{ cursor: pointer; margin: 50px auto; font-size: 20px; color: #fff; display: flex; align-items: center; justify-content: center; height: 60px; width: 300px; border-radius:40px;}
.big_btn .btn img{ width: 30px; height: 30px; margin-right: 20px;}
.m_nav{ display: flex; flex-wrap: wrap; padding: 10px; padding-bottom: 0; justify-content: space-between;}
.m_nav a{ border-radius: 6px; color: #999; margin-bottom: 10px; text-decoration: none; border: 1px solid #999999; padding: 5px 5px; font-size: 12px;}
.m_nav a.choosed{ background:#106BD2 ; color: #fff; border:1px solid #106BD2;}


.beian { text-align: center; margin-top: 20px;}
.beian a{ color: #fff; text-decoration: none;}
}