@font-face {
    font-family: 'Source Han Sans CN';
    src: url('../fonts/SOURCEHANSANSCN-HEAVY.OTF');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Source Han Sans CN';
    src: url('../fonts/SourceHanSansCN-Normal.eot');
    src: url('../fonts/SourceHanSansCN-Normal.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceHanSansCN-Normal.woff2') format('woff2'),
        url('../fonts/SourceHanSansCN-Normal.woff') format('woff'),
        url('../fonts/SourceHanSansCN-Normal.ttf') format('truetype'),
        url('../fonts/SourceHanSansCN-Normal.svg#SourceHanSansCN-Normal') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0; list-style:none; text-decoration:none; border:0; list-style:none;}
body{ font-size:16px; font-family: Arial,'Microsoft YaHei';/*font-family: 'Source Han Sans CN';*/ font-family: 'Alibaba PuHuiTi'; color:#333; overflow-x:hidden; line-height:30px}
a{ color:#666;}
a:hover{ color:#604dff; text-decoration:none;}
p{line-height:2em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper1{ width:1200px; margin:0 auto;}
.wapper2{ width:1100px; margin:0 auto;}
input,textarea,select{outline:none; font-family: Arial,'Microsoft YaHei';/*font-family: 'Source Han Sans CN';*/ font-family: 'Alibaba PuHuiTi';}
img{object-fit: cover;
/*image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;*/}
#lContent img,#lblContent img,.xiangxi_con img,.xiangqing img{ width:auto !important; height:auto !important; max-width:100%;}
@media(max-width:1420px){
.wapper1{ width:80%; }
.wapper2{ width:70%; }
}
@media(max-width:1024px){
.wapper1{ width:90%; }
.wapper2{ width:90%; }
}
/*common end*/


.head{ width:100%; background:#fff; position:fixed; z-index:11; left:0; top:0;}
.head1bg{ width:100%; }
.head1{ height:80px;}
.head1 .logo{ float:left; width:100px; height:80px; position:relative; }
.head1 .logo img{ display:block; max-width:100%; max-height:60%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}
/*menu*/
.menu{height:80px;line-height:80px; float:right; max-width:calc(100% - 100px);}
.menu ul li{ float:left; position:relative; }
.menu ul li dl{ box-shadow:5px 5px 10px rgba(0,0,0,.1); border-radius:5px; background:#fff; width:200px; transform:translateX(-50%); position:absolute; left:50%; top:100%; display:none; }
.menu ul li dl dd{ line-height:24px;}
.menu ul li dl dd a{ font-size:14px; color:#666; font-weight:normal; text-align:left; padding:10px 10px; border:none;}
.menu ul li dl dd a:hover{ color:#604dff; }
.menu a{ font-size:18px;color:#333; text-decoration:none; font-weight:normal; display:block;text-align:center; padding:0 50px; }
.menu a:hover,.menu ul li:hover span a{color:#604dff;}
.menu ul li.menu_down span{ display:block; background:url(../images/ico_down1.png) right 30px center no-repeat; background-size:15px;}
.menu ul li.menu_down:hover span{ background-image:url(../images/ico_down1_hover.png);}
/**/
.head_mbg{ width:100%; background:#fff; position:fixed; z-index:55; left:0; top:0; display:none;}
.head_m{ height:60px; position:relative; }
.head_m .logo{ float:left; width:50%; height:60px; position:relative; margin-left:5%;}
.head_m .logo img{ display:block; max-width:100%; max-height:70%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}
/**/
.nav_open{ height:40px; line-height:40px; text-align:center; font-size:20px; color:#666; float:right; margin:10px 5% 0 0;}
.nav_open i{ display:block; width:40px; height:40px; background:url(../images/ico_open1.png) center no-repeat; background-size:30px auto !important;}
.nav_open.active i{ background:url(../images/ico_close1.png) center no-repeat; }
.nav_box{ width:100%;}
.nav_close1{ width:100%; height:calc(100vh - 60px); background:#000; opacity:.5; position:fixed; z-index:665; bottom:0; left:0; display:none;}
.navbg{ width:70%; height:calc(100vh - 60px); background:#fff; position:fixed; bottom:0; right:-100%; z-index:666; transition:all .3s ease;}
.nav{ padding:20px 0 20px 0; position:relative;}
.nav_list{ height:calc(100vh - 100px); overflow-Y:scroll;}
.tree{}
.tree_box{ border-bottom:1px solid #eee;}
.tree_one,.tree_two{display: none; overflow: hidden;}
.tree_box h3{ font-weight:normal; font-size:14px; height:45px; line-height:45px; overflow:hidden; margin:0; position:relative; padding:0 50px;}
.tree_box h3 a{ color:#333; position:relative; z-index:10;}
.tree_box h3 a:hover{ color:#604dff;}
.tree_box h3 span{ position:absolute; width:100%; height:100%; left:0; top:0; text-align:right; color:#999;}
.tree_box h3 span i{ margin-right:20px;}
.tree_one{ padding-bottom:15px;}
.tree_one h4{ font-weight:normal; font-size:12px; position:relative; height:35px; line-height:35px; overflow:hidden; padding:0 50px 0 64px;}
.tree_box h4 a{ color:#666; position:relative; z-index:10;}
.tree_box h4 a:hover{ color:#604dff;}
.nav_box.active .navbg{ right:0;}
.h_height{ height:80px;}
@media(max-width:1420px){
.menu a{ padding:0 30px; }
.menu ul li.menu_down span{ background-position: right 5px center;}
}
@media(max-width:1024px){
.head{ display:none;}
.head_mbg{ display:block;}
.h_height{ height:60px;}
}


.bannerbg{ position:relative; overflow:hidden;}
.bannerbg img{ display:block; width:100%; height:calc(100vh - 80px);}
.bannerbg img.img_mc{ display:none;}
.bannerbg .txtbg{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); text-align:center;}
.bannerbg .txt{ color:#fff; text-align:center; display:inline-block;}
.bannerbg .txt .h2{ font-size:60px; line-height:70px; font-weight:bold; margin:0 0 60px 0;}
.bannerbg .txt .h3{ font-size:30px; line-height:40px; margin:0 0 20px 0;}
.bannerbg .txt .h3 span{ font-size:40px; font-weight:bold;}
.bannerbg .txt .h4{ font-size:20px; line-height:40px; margin:0 0 20px 0; text-align:right;}
.bannerbg .txt .h5{ font-size:20px; line-height:30px;}
@media(max-width:1024px){
.bannerbg img{ height:auto;}
.bannerbg img.img_pc{ display:none;}
.bannerbg img.img_mc{ display:block;}
.bannerbg .txt .h2{ font-size:26px; line-height:36px; margin:0 0 30px 0;}
.bannerbg .txt .h3{ font-size:14px; line-height:14px; margin:0 0 10px 0;}
.bannerbg .txt .h3 span{ font-size:14px; }
.bannerbg .txt .h4{ font-size:14px; line-height:24px; margin:0 0 10px 0;}
.bannerbg .txt .h5{ font-size:12px; line-height:22px;}
}


.tit1{ text-align:center;}
.tit1 .h2{ font-size:50px; line-height:60px; font-weight:bold;}
.tit1 .h3{ font-size:30px; line-height:40px; margin:5px 0 0 0;}
.tit1 .h4{ font-size:20px; line-height:30px; margin:15px 0 0 0;}
.con01bg{ padding:120px 0 120px 0; overflow:hidden;}
.con01{}
.con01 .list{ margin-top:40px;}
.con01 .list ul{}
.con01 .list ul li{ float:left; width:calc((100% - 60px)/4); margin:20px 20px 0 0; background:#ebf2fc; border-radius:5px; text-align:center;}
.con01 .list ul li:hover{ box-shadow:0px 0px 10px rgba(0,0,0,.1);}
.con01 .list ul li:nth-child(4n){ margin-right:0;}
.con01 .list ul li .txt{ color:#604dff; padding:40px 0;}
.con01 .list ul li .txt .h2{ font-size:40px; line-height:60px; height:60px; font-weight:bold; margin:0 0 10px 0;}
.con01 .list ul li .txt .h2 span{ font-size:60px;}
.con01 .list ul li .txt .h3{ font-size:20px; line-height:30px; height:30px; }
.con01 .list2{ margin-top:60px;}
.con01 .list2 .txt{ font-size:24px; line-height:2em;}
@media(max-width:1024px){
.tit1 .h2{ font-size:30px; line-height:40px; }
.tit1 .h3{ font-size:20px; line-height:30px; margin:5px 0 0 0;}
.tit1 .h4{ font-size:12px; line-height:22px; margin:10px 0 0 0;}
.con01bg{ padding:60px 0 60px 0;}
.con01 .list{ margin-top:20px;}
.con01 .list ul li{ float:left; width:calc((100% - 20px)/2); margin:20px 20px 0 0; }
.con01 .list ul li:nth-child(2n){ margin-right:0;}
.con01 .list ul li .txt .h2{ font-size:20px; line-height:30px; height:30px; margin:0 0 10px 0;}
.con01 .list ul li .txt .h2 span{ font-size:30px;}
.con01 .list ul li .txt .h3{ font-size:14px; line-height:24px; height:24px;}
.con01 .list2{ margin-top:40px;}
.con01 .list2 .txt{ font-size:14px; line-height:1.5em;}
}


.tit2{ text-align:center;}
.tit2 .h2{ font-size:40px; line-height:50px; font-weight:bold;color: #333;}
.tit2 .h2 span{ font-size:50px; color:#5f4dff;}
.tit2 .h2 strong{ display:block; color:#5f4dff;}
.tit2 .h3{ font-size:30px; line-height:40px; margin:20px 0 0 0;}
.tit2 .h3 span{ display:block; color:#5f4dff;}
.tit2 .h4{ font-size:30px; line-height:40px; margin:5px 0 0 0;}
.con02bg{ padding:120px 0 120px 0; background:#ebf2fc; overflow:hidden;}
.con02{}
.con02 .list{ margin-top:20px;}
.con02 .list ul{}
.con02 .list ul li{ float:left; width:calc((100% - 40px)/2); margin:40px 40px 0 0; background:#fff; border-radius:5px;}
.con02 .list ul li:hover{ box-shadow:0px 0px 10px rgba(0,0,0,.1);}
.con02 .list ul li:nth-child(2n){ margin-right:0;}
.con02 .list ul li .nr_box{ padding:30px;}
.con02 .list ul li .txtbg{ float:left; width:calc(100% - 125px); height:122px;}
.con02 .list ul li .txt{ border-bottom:1px solid #604dff; padding-bottom:15px;}
.con02 .list ul li .txt .h2{ font-size:34px; line-height:44px; color:#604dff; }
.con02 .list ul li .date{ float:right; width:94px; height:94px; background:url(../images/ibg1.png) center no-repeat; background-size:94px; text-align:center;}
.con02 .list ul li .date .h2{ padding:34px 0 0 0; height:60px; line-height:60px; font-size:40px; font-weight:bold;}
@media(max-width:1520px){
.con02 .list ul li .txtbg{ width:calc(100% - 105px); height:102px;}
.con02 .list ul li .txt .h2{ font-size:28px; line-height:38px; }
.con02 .list ul li .date{ width:75px; height:75px; background-size:75px; }
.con02 .list ul li .date .h2{ padding:33px 0 0 0; height:36px; line-height:36px; font-size:30px; }
}
@media(max-width:1420px){
.tit2 .h2{ font-size:36px; line-height:46px; }
.tit2 .h2 span{ font-size:46px; }
.tit2 .h3{ font-size:26px; line-height:36px; margin:15px 0 0 0;}
.tit2 .h4{ font-size:26px; line-height:36px; margin:5px 0 0 0;}
.con02 .list ul li .txtbg{ height:90px;}
.con02 .list ul li .txt .h2{ font-size:22px; line-height:32px; }
}
@media(max-width:1024px){
.tit2 .h2{ font-size:20px; line-height:30px; }
.tit2 .h2 span{ font-size:30px; }
.tit2 .h3{ font-size:12px; line-height:22px; margin:5px 0 0 0;}
.tit2 .h4{ font-size:12px; line-height:22px; margin:0 0 0 0;}
.con02bg{ padding:60px 0 60px 0; }
.con02 .list ul li{ float:left; width:100%; margin:20px 0 0 0; }
.con02 .list ul li .nr_box{ padding:20px;}
.con02 .list ul li .txtbg{ float:left; width:calc(100% - 95px); height:auto;}
.con02 .list ul li .txt{ padding-bottom:25px;}
.con02 .list ul li .txt .h2{ font-size:14px; line-height:24px; }
}


.con07bg{ padding:120px 0 120px 0; background:#ebf2fc;}
.con07{}
.con07 .list{ margin-top:60px;}
.con07 .list ul li{ float:left; width:calc((100% - 60px)/2); margin:60px 0 0 60px; background:#fff; border-radius:10px; overflow:hidden;}
.con07 .list ul li:nth-child(2n-1){ margin-left:0; clear:left;}
.con07 .list ul li .nr_box{}
.con07 .list ul li .txt1bg{ background:#5f4dff; border-radius:10px; overflow:hidden;}
.con07 .list ul li .txt1{ background:url(../images/ico_problem1.png) bottom right 15px no-repeat; background-size:auto 80%; height:74px; text-align:center; color:#fff;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.con07 .list ul li .txt1 .h2{ font-size:40px; line-height:50px; font-weight:bold; width:90%;}
.con07 .list ul li .txt2bg{ height:180px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.con07 .list ul li .txt2{ width:84%; padding:15px 0;}
.con07 .list ul li .txt2 .h3{ font-size:30px; line-height:40px;}
@media(max-width:1024px){
.con07bg{ padding:60px 0 60px 0; }
.con07 .list{ margin-top:10px;}
.con07 .list ul li{ float:left; width:calc((100% - 20px)/2); margin:20px 0 0 20px; }
.con07 .list ul li:nth-child(2n-1){ margin-left:0; clear:left;}
.con07 .list ul li .txt1{ height:36px; background-position:bottom right 5px; background-size:auto 62%;}
.con07 .list ul li .txt1 .h2{ font-size:16px; line-height:20px; }
.con07 .list ul li .txt2bg{ height:auto; }
.con07 .list ul li .txt2{ width:84%;}
.con07 .list ul li .txt2 .h3{ font-size:12px; line-height:22px; height:44px;}
}


.con03bg{ padding:120px 0 120px 0; overflow:hidden;}
.con03{}
.con03 .list{ margin-top:60px;}
.con03 .list .form1{ height:80px; background:#ebf2fc; border-radius:10px; overflow:hidden;}
.con03 .list .form1 .text1{ float:left; border:none; background:none; height:80px; line-height:80px; padding:0 20px; font-size:20px; width:calc(76% - 40px);}
.con03 .list .form1 .button1{ float:right; text-align:center; width:24%; height:80px; line-height:80px; border-radius:10px; background:#604dff url(../images/ico_search1.png) center no-repeat; background-size:62px;}
.con03 .list .form1 .button1:hover{ opacity:.9;}
@media(max-width:1024px){
.con03bg{ padding:60px 0 60px 0;}
.con03 .list{ margin-top:40px;}
.con03 .list .form1{ height:60px; }
.con03 .list .form1 .text1{ float:left; height:60px; line-height:60px; padding:0 10px; font-size:16px; width:calc(76% - 20px);}
.con03 .list .form1 .button1{ float:right; width:24%; height:60px; line-height:60px; background-size:40px;}
}


.con04bg{ padding:120px 0 120px 0; background:#ebf2fc; overflow:hidden;}
.con04{}
.con04 .list{ margin-top:20px;}
.con04 .list ul{}
.con04 .list ul li{ float:left; width:calc((100% - 320px)/6); margin:40px 64px 0 0; background:#fff; border-radius:5px; overflow:hidden;}
.con04 .list ul li:hover{ box-shadow:0px 0px 10px rgba(0,0,0,.1);}
.con04 .list ul li:nth-child(6n){ margin-right:0;}
.con04 .list ul li .img{ padding-bottom:70%; position:relative;}
.con04 .list ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
@media(max-width:1024px){
.con04bg{ padding:60px 0 60px 0; }
.con04 .list{ margin-top:20px;}
.con04 .list ul li{ float:left; width:calc((100% - 40px)/3); margin:20px 20px 0 0; }
.con04 .list ul li:nth-child(5n){ margin-right:20px;}
.con04 .list ul li:nth-child(3n){ margin-right:0;}
}


.more1{ text-align:center;}
.more1 span{ display:inline-block; vertical-align:top; background:#604dff; color:#fff; font-size:24px; font-weight:bold; height:50px; line-height:50px; border-radius:10px; padding:0 40px;}
.more1 span:hover{ opacity:.9;}
.more1 i{ display:inline-block; vertical-align:top; width:40px; height:50px; background:url(../images/ico_right1.png) center no-repeat; background-size:40px; margin-left:30px;}
.con05bg{ padding:120px 0 120px 0; overflow:hidden;}
.con05{}
.con05 .list{ margin-top:50px;}
.con05 .list ul{}
.con05 .list ul li{ float:left; width:calc((100% - 160px)/3); margin:40px 80px 0 0; background:#ebf2fc; border-radius:5px; text-align:center; position:relative;}
.con05 .list ul li .ico1{ width:25%; transform:translate(50%,-50%); position:absolute; top:0; right:0; display:none;}
.con05 .list ul li:nth-child(1) .ico1{ display:block;}
.con05 .list ul li:hover{ box-shadow:0px 0px 10px rgba(0,0,0,.1);}
.con05 .list ul li:nth-child(3n){ margin-right:0;}
.con05 .list ul li .nr_box{ padding:45px 20px 50px 20px;}
.con05 .list ul li .img{ height:50px; position:relative;}
.con05 .list ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.con05 .list ul li .txt{/* margin-top:25px;*/}
.con05 .list ul li .txt .h2{ font-size:26px; line-height:36px; height:36px; font-weight:bold; margin-bottom:15px;}
@media(max-width:1024px){
.more1 span{ font-size:12px; height:32px; line-height:32px; padding:0 20px;}
.more1 i{ width:30px; height:32px; margin-left:10px; background-size:20px;}
.con05bg{ padding:60px 0 60px 0; }
.con05 .list{ margin-top:40px;}
.con05 .list ul li{ float:left; width:calc((100% - 20px)/2); margin:20px 20px 0 0; }
.con05 .list ul li:nth-child(3n){ margin-right:20px;}
.con05 .list ul li:nth-child(2n){ margin-right:0;}
.con05 .list ul li .nr_box{ padding:25px 10px 30px 10px;}
.con05 .list ul li .txt .h2{ font-size:16px; line-height:26px; height:26px; margin-bottom:15px;}
}


.con06bg{ padding:120px 0 120px 0; background:#ebf2fc; overflow:hidden;}
.con06{}
.con06 .list{ margin-top:40px;}
.con06 .list ul{}
.con06 .list ul li{ float:left; width:calc((100% - 40px)/3); margin:20px 20px 0 0; background:#fff; border-radius:10px;}
.con06 .list ul li:hover{ box-shadow:0px 0px 10px rgba(0,0,0,.1);}
.con06 .list ul li:nth-child(3n){ margin-right:0;}
.con06 .list ul li .nr_box{ padding:30px 40px 30px 40px;}
.con06 .list ul li .img{ height:50px; position:relative;}
.con06 .list ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.con06 .list ul li .txt{ margin-top:25px;}
.con06 .list ul li .txt .h2{ font-size:26px; line-height:46px; height:92px; margin-bottom:20px; font-weight:bold; text-align:center;}
.con06 .list ul li .txt .h3{ font-size:22px; line-height:44px; height:352px; margin-top:25px;}
@media(max-width:1420px){
.con06 .list ul li .txt .h2{ font-size:24px; line-height:44px; height:88px; margin-bottom:20px; }
.con06 .list ul li .txt .h3{ font-size:20px; line-height:40px; height:320px; margin-top:25px;}
}
@media(max-width:1024px){
.con06bg{ padding:60px 0 60px 0; }
.con06 .list{ margin-top:20px;}
.con06 .list ul li{ float:left; width:100%; margin:20px 0 0 0; }
.con06 .list ul li .txt .h2{ font-size:20px; line-height:30px; height:auto; margin-bottom:20px; }
.con06 .list ul li .txt .h3{ font-size:14px; line-height:24px; height:auto; margin-top:25px;}
}


.foot{ background:url(../images/footbg1.jpg) center no-repeat; background-size:100% 100%; overflow:hidden;}
.foot1bg{ padding:120px 0 120px 0;}
.foot1{ }
.foot1 .lt{ float:left; width:calc(50% - 100px); color:#fff;}
.foot1 .lt a{ color:#fff;}
.foot1 .lt .h2{ font-size:50px; line-height:1em; font-weight:bold; margin-bottom:50px;}
.f_logo1{ margin-bottom:20px;}
.f_logo1 img{ display:block; max-width:100%; max-height:50px;}
.f_share1{ font-size:20px; line-height:30px; margin-bottom:20px;}
.f_share1 ul li{ margin-bottom:5px;}
.f_share1 ul li strong{ float:left; width:80px; font-weight:normal; }
.f_share1 ul li span{ float:left; width:calc(100% - 80px);}
.f_contact1{ font-size:14px; line-height:24px;}
.foot1 .rt{ float:right; width:50%; background:#fff; border-radius:10px; margin-top:5px;}
.foot1 .rt .nr_box{ padding:30px 30px; color:#333;}
.foot1 .rt .h2{ font-size:20px; line-height:30px; color:#604dff; font-weight:bold;}
.foot1 .rt .h3{ font-size:14px; line-height:24px; color:#999;}
.foot1 .rt .form1{ margin-top:10px;}
.foot1 .rt .form1 table{}
.foot1 .rt .form1 td{ padding:5px 0;}
.foot1 .rt .form1 .td1{ padding-right:15px;}
.foot1 .rt .form1 .td2{ padding-left:15px;}
.foot1 .rt .h4{ font-size:16px; line-height:26px; margin-bottom:10px;}
.foot1 .rt .text1{ border:1px solid #b8b8b8; background:#fff; height:40px; line-height:40px; border-radius:5px; padding:0 10px; width:calc(100% - 22px);}
.foot1 .rt .text2{ border:1px solid #b8b8b8; background:#fff; height:40px; line-height:40px; border-radius:5px; padding:0 10px; width:calc(100% - 22px);}
.foot1 .rt .button1{ display:inline-block; vertical-align:top; height:40px; line-height:40px; border-radius:5px; padding:0 40px; background:#604dff; color:#fff; font-size:20px; margin-top:15px;}
.foot1 .rt .button1:hover{ opacity:.9;}

.r_fixed1{ width:50px; position:fixed; right:0; bottom:20px; z-index:66; }
.r_fixed1 ul li{ position:relative;}
.r_fixed1 ul li a{ display:block;}
.r_fixed1 ul li .img{ height:50px; border-radius:100%; box-shadow:0px 0px 5px rgba(0,0,0,.1); position:relative;}
.r_fixed1 ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.r_fixed1 ul li .box{ position:absolute; right:100%; bottom:0; padding:0 10px 0 0; display:none;}
/*.r_fixed1 ul li:hover .box{ display:block;}*/
.r_fixed1 ul li .box1{ width:180px;/* display:block;*/}
.r_fixed1 ul li .box1 .ewm{ padding:40px 0 20px 0; background:#fff; border-radius:10px; text-align:center; position:relative;}
.r_fixed1 ul li .box1 .ewm .h2{ width:60px; height:60px; background:#fff; border-radius:100%; position:absolute; left:50%; top:-30px; transform:translateX(-50%);}
.r_fixed1 ul li .box1 .ewm .h2 img{ max-width:40px; max-height:40px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.r_fixed1 ul li .box1 .ewm .h3{ font-size:18px; line-height:22px;}
.r_fixed1 ul li .box1 .ewm .h4{ margin-top:15px;}
.r_fixed1 ul li .box1 .ewm .h4 img{ display:block; width:150px; margin:0 auto;}
@media(min-width:1024px){
.r_fixed1 ul li .box1{ display:block !important;}
}
@media(max-width:1420px){
.foot1 .lt .h2{ font-size:44px;}
.r_fixed1 ul li .box1{ width:150px;}
.r_fixed1 ul li .box1 .ewm{ padding:30px 0 20px 0;}
.r_fixed1 ul li .box1 .ewm .h3{ font-size:15px; line-height:19px;}
.r_fixed1 ul li .box1 .ewm .h4{ margin-top:10px;}
.r_fixed1 ul li .box1 .ewm .h4 img{ width:120px;}
}
@media(max-width:1024px){
.foot1bg{ padding:60px 0 60px 0;}
.foot1 .lt{ float:left; width:100%; margin-bottom:30px;}
.foot1 .lt .h2{ font-size:30px; line-height:1em; margin-bottom:30px;}
.f_share1{ font-size:16px; line-height:26px; margin-bottom:20px;}
.f_contact1{ font-size:12px; line-height:22px;}
.foot1 .rt{ float:right; width:100%; margin-top:5px;}
.foot1 .rt .nr_box{ padding:30px 20px;}
.foot1 .rt .h2{ font-size:20px; line-height:30px; }
.foot1 .rt .h3{ font-size:12px; line-height:22px; }
.foot1 .rt .form1 .td1{ padding-right:10px;}
.foot1 .rt .form1 .td2{ padding-left:10px;}
.foot1 .rt .h4{ font-size:14px; line-height:24px; margin-bottom:10px;}

}




/*Add------------------------------------------------------------------------------*/

.inbanner{ overflow:hidden; height:700px; position:relative; background:#ebf2fb;}
.inbanner img{ display:block; width:auto; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.insidebg{ padding:60px 0 120px 0;}
.inside{}
@media(max-width:1024px){
.inbanner{ height:200px;}

}


.case1bg{ height:700px; overflow:hidden;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.case1{ color:#fff;}
.case1 .nr_box{}
.case1 .h2{ font-size:40px; line-height:50px;}
.case1 .h2 span{ display:block; font-weight:bold; font-size:60px; line-height:70px;}
.case1 .form1{ width:60%; line-height:50px; height:50px; margin-top:40px; border-radius:5px; overflow:hidden;}
.case1 .form1 .text1{ float:left; width:calc(100% - 150px); height:50px; line-height:50px; border:none; background:#fff; padding:0 10px; font-size:23px; margin-right:10px; border-radius:5px;}
.case1 .form1 .button1{ float:right; width:120px; height:50px; line-height:50px; background:#373a89; color:#fff; font-size:23px; text-align:center; border-radius:5px;}
.case1 .h3{ font-size:23px; height:33px; line-height:33px; margin-top:30px;}
.case1 .h3 a{ display:inline-block; vertical-align:top; border:1px solid #fff; color:#fff; border-radius:50px; padding:0 10px; line-height:31px;}
@media(max-width:1420px){
.case1 .h2 span{ font-size:50px; line-height:60px;}
.case1 .h2{ font-size:36px; line-height:46px;}
}
@media(max-width:1024px){
.case1bg{ height:200px; }
.case1 .h2{ font-size:13px; line-height:17px;}
.case1 .h2 span{ font-size:20px; line-height:24px;}
.case1 .form1{ width:100%; line-height:32px; height:32px; margin-top:15px; }
.case1 .form1 .text1{ float:left; width:calc(100% - 110px); height:32px; line-height:32px; padding:0 10px; font-size:14px;}
.case1 .form1 .button1{ float:right; width:80px; height:32px; line-height:32px; font-size:14px; }
.case1 .h3{ font-size:12px; height:22px; line-height:22px; margin-top:15px;}
.case1 .h3 a{ padding:0 5px; line-height:20px;}
}

.case2bg{ /*overflow:hidden;*/ background:#f9f9f9;}
.case2{ padding:0 0 40px 0; }
.case2_nav { padding: 20px 0px; }
.case2_nav>ul>li { float: left; line-height: 40px; margin: 0 20px 0 0; position: relative; }
.case2_nav ul li span{ display:block; position:relative; padding-right:20px;}
.case2_nav ul li span a{ color:#333; font-size: 16px;}
.case2_nav ul li span i{ width:16px; height:16px; background:url(../images/ico_list1.svg) center no-repeat; background-size:contain; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.case2_nav ul li.active span i{ transform:translateY(-50%) rotate(180deg);}
.case2_nav ul li ul{ width:120px; border-radius:10px; background:#fff; filter: drop-shadow(rgba(0, 15, 78, 0.1) 0px 2px 8px); position:absolute; top:100%; left:0; display:none; padding:10px 0; z-index:5;}
/*.case2_nav ul li:hover>ul{ display:block;}*/
.case2_nav ul li ul li{}
.case2_nav ul li ul li a{ font-size:14px; line-height:18px; padding:5px 10px; }
.case2_list{}
.case2_list .h1{ font-size:14px; line-height:24px; color:#999; margin-bottom:10px;}
.case2_list .h1 strong{ margin:0 5px; color:#333;}
.case2_list .lt{ float:left; width:180px;}
.case2_list .lt ul li{ font-size:18px; line-height:28px; margin-bottom:10px; font-weight:bold; color:#333}
.case2_list .lt ul li label{}
.case2_list .lt ul li label input{ display:inline-block; margin-right:5px;}
.case2_list .rt{/* float:right; width:calc(100% - 200px);*/}
.case2_list .rt ul li{ float:left; width:calc((100% - 60px)/3); margin:0 30px 30px 0; box-shadow:0 8px 30px rgba(0,0,0,.06); border-radius:10px; background:#fff;}
.case2_list .rt ul li:hover{ box-shadow:0 8px 30px rgba(0,0,0,.1);}
.case2_list .rt ul li:nth-child(3n){ margin-right:0;}
.case2_list .rt ul li:nth-child(3n-2){ clear:left;}
.case2_list .rt ul li .imgbg{ position:relative;border-radius:10px; overflow:hidden;}
.case2_list .rt ul li .imgbg .tag1{ position:absolute; left:0; top:0;}
.case2_list .rt ul li .imgbg .tag1 span{ display:block; padding:0 10px; height:30px; line-height:30px; border-radius:10px 0 10px 0; background:#604dff; color:#fff;}
.case2_list .rt ul li .img{ padding-bottom:56%;}
.case2_list .rt ul li .txt{ padding:0 0 20px 0; color:#333;}
.case2_list .rt ul li .txt1{ padding:15px 15px; height:170px; border-bottom:1px solid #eee;}
.case2_list .rt ul li .txt .h2{ font-size:18px; line-height:28px; max-height:56px; overflow:hidden;}
.case2_list .rt ul li .txt .h3{ font-size:14px; line-height:24px; max-height:48px; overflow:hidden; margin-top:10px;}
.case2_list .rt ul li .txt .h4{ font-size:12px; line-height:22px; color:#999; margin-top:10px;}
.case2_list .rt ul li .txt .h4 span{ display:inline-block; vertical-align:top; padding:0 10px; margin:0 6px 4px 0; border-radius:2px; border:1px solid #eee;}
.case2_list .rt ul li .txt dl{ margin-top:20px;}
.case2_list .rt ul li .txt dl dd{ float:left; width:calc(100%/3); position:relative;}
.case2_list .rt ul li .txt dl dd:before{ content:""; width:1px; height:20px; background:#eee; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.case2_list .rt ul li .txt dl dd:nth-child(1):before{ display:none;}
.case2_list .rt ul li .txt .h5{ font-size:12px; line-height:22px; text-align:center;}
.case2_list .rt ul li .txt .h5 strong{ display:block; font-weight:normal; font-size:18px; line-height:28px;}
.case2_list .rt ul li .txt .h5 span{ display:block; color:#999;}

.case2_none{ margin-top:20px; min-height:500px;}
.case2_none img{ max-width:100%; display:block; margin:0 auto;padding-top: 120px;}
.case2_none p{ font-size:12px; line-height:22px; color:#999; text-align:center;}
@media(max-width:1420px){
.case2_list .rt ul li{ float:left; width:calc((100% - 40px)/3); margin:0 20px 20px 0; }
.case2_list .rt ul li:nth-child(3n){ margin-right:0;}
.case2_list .rt ul li:nth-child(3n-2){ clear:left;}
.case2_list .rt ul li .txt .h2{ font-size:16px; line-height:26px; max-height:52px;}
.case2_list .rt ul li .txt .h4 span{ padding:0 8px; margin:0 4px 4px 0;}
.case2_list .rt ul li .txt .h5 strong{ font-size:16px; line-height:26px;}
}
@media(max-width:1024px){
.case2{ padding:0 0 30px 0; }
.case2_nav { padding: 10px 0px; }
.case2_nav ul li{ font-size:14px; margin:0 10px 0 0;}
.case2_nav ul li .erji a{ font-size:14px; line-height:20px; padding:10px 10px; }
.case2_list .lt{ float:left; width:100%;}
.case2_list .lt ul li{ float:left; width:50%; font-size:12px; line-height:22px;}
.case2_list .lt ul li label input{ vertical-align:text-top;}
.case2_list .rt{ float:right; width:100%; margin-top:20px;}
.case2_list .rt ul li{ float:left; width:100%; margin:0 0 20px 0; }
/*.case2_list .rt ul li:nth-child(3n){ margin-right:20px;}
.case2_list .rt ul li:nth-child(3n-2){ clear:none;}
.case2_list .rt ul li:nth-child(2n){ margin-right:0;}
.case2_list .rt ul li:nth-child(2n-1){ clear:left;}*/
}


.proDetail1bg{/* background:url(../images/p_bg1.png) repeat-y;*/ background:linear-gradient(180deg, #f5f5ff 0%, #f4f8ff 100%); padding:80px 0; overflow:hidden;}
.proDetail1{ }
.proDetail1 .lt{ float:left; width:65%; border-radius:20px; border:2px solid #fff; padding:50px 0;}
.proDetail1 .lt .nr_box{ height:600px; overflow-y:auto; padding:0 7%;}
.proDetail1 .lt .nr_box::-webkit-scrollbar {
/*滚动条整体样式*/
width:20px;
/*高宽分别对应横竖滚动条的尺寸*/
height:1px;
}
.proDetail1 .lt .nr_box::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius:4px;
/*box-shadow:inset 0 0 5px #3f78f5;*/
background:#fff;
}
.proDetail1 .lt .nr_box::-webkit-scrollbar-track {
/*滚动条里面轨道*/
/*box-shadow:inset 0 0 5px #3f78f5;
border-radius:10px;
background:#ededed;*/
}
.proDetail1 .lt .img{}
.proDetail1 .lt .img img{ display:block; margin:0 auto; width:100%;}
.proDetail1 .rt{ float:right; width:30%; overflow:hidden; background:#fff; border-radius:20px;}
.proDetail1 .rt ul{ /*padding:0 10px;*/ width:105%; height:704px; overflow-y:auto;}
.proDetail1 .rt ul li{ border-bottom:1px solid #f2f3f5; line-height:40px; padding:20px 20px;}
.proDetail1 .rt ul li strong{ float:left; border-radius:50px; width:120px; text-align:center; font-size:20px; background:#ecf0fb; color:#897eff;}
.proDetail1 .rt ul li span{ float:right; width:calc(100% - 140px); font-size:16px;}
@media(max-width:1024px){
.proDetail1bg{ padding:60px 0; }
.proDetail1 .lt{ width:100%; padding:30px 0; margin-bottom:30px;}
.proDetail1 .lt .nr_box{ padding:0 5%; height:300px;}
.proDetail1 .rt{ width:100%; margin-top:0;}
.proDetail1 .rt ul{ width:100%; height:auto; }
.proDetail1 .rt ul li{ padding:20px 10px; line-height:40px;}
.proDetail1 .rt ul li strong{ font-size:16px; width:100px;}
.proDetail1 .rt ul li span{ width:calc(100% - 110px); font-size:14px;}
.proDetail2 .list ul li{ float:left; width:100%; margin:25px 0 0 0; }
}

.proDetail2bg{ background:#f4f5f7; padding:80px 0; overflow:hidden;}
.proDetail2{ }
.proDetail2 .h2{ font-size:24px; line-height:34px; margin:0;}
.proDetail2 .list{ margin-top:5px;}
.proDetail2 .list ul li{ float:left; width:calc((100% - 50px)/3); margin:25px 25px 0 0; overflow:hidden; border-radius:10px; background:#fff;}
.proDetail2 .list ul li:hover{ box-shadow:0px 0px 10px rgba(0,0,0,.1);}
.proDetail2 .list ul li:nth-child(3n){ margin-right:0;}
.proDetail2 .list ul li .img_box{}
.proDetail2 .list ul li .img{ padding-bottom:50%;}
.proDetail2 .list ul li .txt{ padding:10px 15px;}
.proDetail2 .list ul li .txt .h3{ font-size:20px; line-height:30px; height:30px; overflow:hidden; }
.proDetail2 .list ul li .txt .h3 a{ color:#666;}
@media(max-width:1024px){
.proDetail2bg{ padding:60px 0;}
.proDetail2 .h2{ font-size:20px; line-height:30px; }
.proDetail2 .list{ margin-top:10px;}
.proDetail2 .list ul li{ float:left; width:100%; margin:20px 0 0 0; }
.proDetail2 .list ul li{ float:left; width:calc((100% - 20px)/2); margin:20px 20px 0 0; }
.proDetail2 .list ul li:nth-child(3n){ margin-right:20px;}
.proDetail2 .list ul li:nth-child(2n){ margin-right:0;}
.proDetail2 .list ul li .txt{ padding:5px 15px;}
.proDetail2 .list ul li .txt .h3{ font-size:14px; line-height:24px; height:24px; }
}


.more2{}
.more2 a{}
.more2 span{ display:inline-block; vertical-align:top; text-align:center; border:2px solid #fff; color:#fff; line-height:76px; border-radius:10px; padding:0 20px; font-size:30px;}
.more2 span:hover{ opacity:.9;}
.more2 i{ display:inline-block; vertical-align:top; margin-left:20px; height:76px; width:30px; background:url(../images/ico_right2.png) center no-repeat; background-size:30px;}
.service1bg{ overflow:hidden;}
.service1{}
.service1_lt{ float:left; width:70%; height:700px; position:relative;}
.service1_lt:before{ content:""; width:80%; height:100%; background:url(../images/sbg1.png) center no-repeat; background-size:100% 100%; position:absolute; top:0; left:0; z-index:1;}
.service1_lt .txt{ color:#fff; position:relative; z-index:2; width:60%; margin:160px 0 0 calc((100vw - 1200px)/2);}
.service1_lt .txt .h2{ font-size:60px; line-height:70px; font-weight:bold; margin-bottom:40px;}
.service1_rt{ float:right; width:30%; height:calc(700px - 40px); border-top:40px solid #f4f4f4;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.service1_rt ul{ width:100%;}
.service1_rt ul li{ text-align:center; margin:90px 0;}
.service1_rt ul li .txt{}
.service1_rt ul li .txt .h2{ font-size:60px; line-height:70px; font-weight:bold; color:#604dff;}
.service1_rt ul li .txt .h3{ font-size:30px; line-height:40px;}
@media(max-width:1420px){
.service1_lt .txt{ margin:160px 0 0 cacl(100vw/10);}
.service1_rt ul li .txt .h2{ font-size:50px; line-height:60px; }
.service1_rt ul li .txt .h3{ font-size:24px; line-height:34px;}
}
@media(max-width:1024px){
.more2 span{ border:1px solid #fff; line-height:32px; padding:0 10px; font-size:12px;}
.more2 i{ margin-left:5px; height:32px; width:20px; background-size:20px;}
.service1_lt{/* float:left; width:100%; */height:200px; }
.service1_lt:before{ width:100%;}
.service1_lt .txt{ margin:30px 0 0 5%; width:90%}
.service1_lt .txt .h2{ font-size:20px; line-height:30px; margin-bottom:20px;}
.service1_rt{/* float:right; width:100%;*/ height:185px; border-top:5px solid #f4f4f4; padding:5px 0;}
.service1_rt ul li { margin:10px 0;}
.service1_rt ul li .txt .h2{ font-size:20px; line-height:24px;}
.service1_rt ul li .txt .h3{ font-size:12px; line-height:16px;}
}

.service2bg{ padding:120px 0 120px 0; background:#ebf2fb; overflow:hidden;}
.service2{}
.service2 .tit2{ margin-bottom:60px;}
.service2 .list{ margin-bottom:20px;}
.service2 .list .lt{ float:left; width:200px; height:200px; text-align:center; background:#fff; border-radius:10px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.service2 .list .lt .txt{ width:100%;}
.service2 .list .lt .txt .h2{ font-size:40px; line-height:50px;}
.service2 .list .rt{ float:right; width:calc(100% - 220px); background:#fff; border-radius:10px;}
.service2 .list .rt ul{ padding:20px 100px;}
.service2 .list .rt ul li{ float:left; width:calc((100% - 100px)/2); margin:5px 100px 5px 0;}
.service2 .list .rt ul li:nth-child(2n){ margin-right:0;}
.service2 .list .rt ul li .nr_box{}
.service2 .list .rt ul li .img{ float:left; width:70px; height:70px; position:relative;}
.service2 .list .rt ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.service2 .list .rt ul li .txtbg{ float:right; width:calc(100% - 100px); height:70px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.service2 .list .rt ul li .txt{ width:100%;}
.service2 .list .rt ul li .txt .h2{ font-size:20px; line-height:30px;}
.service2 .list2{ margin-bottom:20px;}
.service2 .list2 .lt{ float:left; width:320px; height:200px; text-align:center; background:#fff; border-radius:10px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.service2 .list2 .lt .txt{ width:100%;}
.service2 .list2 .lt .txt .h2{ font-size:40px; line-height:50px;}
.service2 .list2 .lt .txt .h3{ font-size:30px; line-height:40px;}
.service2 .list2 .rt{ float:right; width:calc(100% - 340px); background:#fff; border-radius:10px;}
.service2 .list2 .rt ul{ padding:20px 50px;}
.service2 .list2 .rt ul li{ float:left; width:calc((100% - 150px)/4); margin:15px 50px 15px 0;}
.service2 .list2 .rt ul li:nth-child(4n){ margin-right:0;}
.service2 .list2 .rt ul li .nr_box{}
.service2 .list2 .rt ul li .img{ float:left; width:50px; height:50px; position:relative;}
.service2 .list2 .rt ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.service2 .list2 .rt ul li .txtbg{ float:right; width:calc(100% - 60px); height:50px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.service2 .list2 .rt ul li .txt{ width:100%;}
.service2 .list2 .rt ul li .txt .h2{ font-size:20px; line-height:30px;}
.service2 .list3{ }
.service2 .list3 .lt{ float:left; width:200px; height:150px; text-align:center; background:#fff; border-radius:10px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.service2 .list3 .lt .txt{ width:100%;}
.service2 .list3 .lt .txt .h2{ font-size:40px; line-height:50px;}
.service2 .list3 .rt{ float:right; width:calc(100% - 220px); background:#fff; border-radius:10px;}
.service2 .list3 .rt ul{ padding:20px 100px;}
.service2 .list3 .rt ul li{ float:left; width:calc((100% - 100px)/2); margin:30px 100px 30px 0;}
.service2 .list3 .rt ul li:nth-child(2n){ margin-right:0;}
.service2 .list3 .rt ul li .nr_box{}
.service2 .list3 .rt ul li .img{ float:left; width:50px; height:50px; position:relative;}
.service2 .list3 .rt ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.service2 .list3 .rt ul li .txtbg{ float:right; width:calc(100% - 70px); height:50px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.service2 .list3 .rt ul li .txt{ width:100%;}
.service2 .list3 .rt ul li .txt .h2{ font-size:20px; line-height:30px;}
@media(max-width:1024px){
.service2bg{ padding:60px 0 60px 0; }
.service2 .tit2{ margin-bottom:40px;}
.service2 .list{ margin-bottom:20px;}
.service2 .list .lt{ float:left; width:100%; height:auto; padding:20px 0; margin-bottom:10px;}
.service2 .list .lt .txt .h2{ font-size:20px; line-height:30px;}
.service2 .list .rt{ float:right; width:100%; }
.service2 .list .rt ul{ padding:20px 10px;}
.service2 .list .rt ul li{ float:left; width:calc((100% - 10px)/2); margin:10px 10px 10px 0;}
.service2 .list .rt ul li .img{ float:left; width:50px; height:50px; }
.service2 .list .rt ul li .txtbg{ float:right; width:calc(100% - 55px); height:50px; }
.service2 .list .rt ul li .txt .h2{ font-size:14px; line-height:24px;}
.service2 .list2{ margin-bottom:20px;}
.service2 .list2 .lt{ float:left; width:100%; height:auto; padding:20px 0; margin-bottom:10px;}
.service2 .list2 .lt .txt .h2{ font-size:20px; line-height:30px;}
.service2 .list2 .lt .txt .h3{ font-size:16px; line-height:26px;}
.service2 .list2 .rt{ float:right; width:100%;}
.service2 .list2 .rt ul{ padding:20px 10px;}
.service2 .list2 .rt ul li{ float:left; width:calc((100% - 20px)/2); margin:10px 20px 10px 0;}
.service2 .list2 .rt ul li:nth-child(2n){ margin-right:0;}
.service2 .list2 .rt ul li .nr_box{}
.service2 .list2 .rt ul li .img{ float:left; width:50px; height:50px; }
.service2 .list2 .rt ul li .txtbg{ float:right; width:calc(100% - 60px); height:50px; }
.service2 .list2 .rt ul li .txt .h2{ font-size:14px; line-height:24px;}
.service2 .list3 .lt{ float:left; width:100%; height:auto; padding:20px 0; margin-bottom:10px;}
.service2 .list3 .lt .txt .h2{ font-size:20px; line-height:30px;}
.service2 .list3 .rt{ float:right; width:100%;}
.service2 .list3 .rt ul{ padding:20px 10px;}
.service2 .list3 .rt ul li{ float:left; width:calc((100% - 10px)/2); margin:10px 10px 10px 0;}
.service2 .list3 .rt ul li .img{ float:left; width:50px; height:50px; }
.service2 .list3 .rt ul li .txtbg{ float:right; width:calc(100% - 55px); height:50px; }
.service2 .list3 .rt ul li .txt .h2{ font-size:14px; line-height:24px;}
}

.service3bg{ padding:120px 0 120px 0; overflow:hidden;}
.service3{}
.service3 .list{ margin-top:60px;}
.service3 .list .img{ margin-bottom:60px;}
.service3 .list .img img{ display:block; margin:0 auto; max-width:100%;}
@media(max-width:1024px){
.service3bg{ padding:60px 0 60px 0; }
.service3 .list{ margin-top:40px;}
.service3 .list .img{ margin-bottom:40px;}
}

.service4bg{ padding:120px 0 120px 0; background:#ebf2fb; overflow:hidden;}
.service4{}
.service4 .tit2{ margin-bottom:60px;}
.service4 .list{ margin-bottom:60px;}
.service4 .list .lt{ float:left; width:320px; height:200px; text-align:center; background:#fff; border-radius:10px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.service4 .list .lt .txt{ width:100%;}
.service4 .list .lt .txt .h2{ font-size:40px; line-height:50px; font-weight:bold;}
.service4 .list .rt{ float:right; width:calc(100% - 340px); background:#fff; border-radius:10px;}
.service4 .list .rt ul{ padding:20px 50px;}
.service4 .list .rt ul li{ float:left; width:calc((100% - 150px)/4); margin:15px 50px 15px 0;}
.service4 .list .rt ul li:nth-child(4n){ margin-right:0;}
.service4 .list .rt ul li .nr_box{}
.service4 .list .rt ul li .img{ float:left; width:50px; height:50px; position:relative;}
.service4 .list .rt ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.service4 .list .rt ul li .txtbg{ float:right; width:calc(100% - 60px); height:50px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.service4 .list .rt ul li .txt{ width:100%;}
.service4 .list .rt ul li .txt .h2{ font-size:20px; line-height:30px;}
@media(max-width:1024px){
.service4bg{ padding:60px 0 60px 0; }
.service4 .tit2{ margin-bottom:40px;}
.service4 .list{ margin-bottom:20px;}
.service4 .list .lt{ float:left; width:100%; height:auto; padding:20px 0; margin-bottom:10px;}
.service4 .list .lt .txt .h2{ font-size:20px; line-height:30px;}
.service4 .list .lt .txt .h3{ font-size:16px; line-height:26px;}
.service4 .list .rt{ float:right; width:100%;}
.service4 .list .rt ul{ padding:20px 20px;}
.service4 .list .rt ul li{ float:left; width:calc((100% - 20px)/2); margin:10px 20px 10px 0;}
.service4 .list .rt ul li:nth-child(2n){ margin-right:0;}
.service4 .list .rt ul li .nr_box{}
.service4 .list .rt ul li .img{ float:left; width:50px; height:50px; }
.service4 .list .rt ul li .txtbg{ float:right; width:calc(100% - 60px); height:50px; }
.service4 .list .rt ul li .txt .h2{ font-size:14px; line-height:24px;}
}

.service5bg{ padding:120px 0 120px 0; overflow:hidden;}
.service5{}
.service5 .list{ margin-top:60px; margin-bottom:60px; background:#ebf2fb; border-radius:30px; padding:30px;}
.service5 .list .img{}
.service5 .list .img img{ display:block; width:100%; border-radius:30px;}
@media(max-width:1024px){
.service5bg{ padding:60px 0 60px 0;}
.service5{}
.service5 .list{ margin-top:40px; margin-bottom:40px;  border-radius:20px; padding:20px;}
.service5 .list .img img{ border-radius:20px;}
}

.service6bg{ padding:120px 0 120px 0; background:#ebf2fb; overflow:hidden;}
.service6{}
.service6 .list{ margin-top:60px; background:#fff; border-radius:30px; padding:20px;}
.service6 .list .img{}
.service6 .list .img img{ display:block; margin:0 auto; width:100%;}
@media(max-width:1024px){
.service6bg{ padding:60px 0 60px 0; }
.service6 .list{ margin-top:40px; border-radius:20px; padding:20px;}
}

.service7bg{ padding:120px 0 120px 0; overflow:hidden;}
.service7{}
.service7 .list{ margin-top:30px;}
.service7 .list ul li{ float:left; width:calc((100% - 60px)/3); margin:30px 30px 0 0; text-align:center; background:#ebf2fb; border-radius:10px;}
.service7 .list ul li:hover{ box-shadow:0px 0px 10px rgba(0,0,0,.1);}
.service7 .list ul li:nth-child(3n){ margin-right:0;}
.service7 .list ul li .nr_box{ padding:20px 15px;}
.service7 .list ul li .box1{}
.service7 .list ul li .box1 .txt{ background:#5f4dff; color:#fff; border-radius:10px; padding:25px 0;}
.service7 .list ul li .box1 .txt .h2{ font-size:26px; line-height:36px; font-weight:bold;}
.service7 .list ul li .box1 .txt .h2 i{ display:inline-block; vertical-align:top; width:30px; height:40px; background:url(../images/ico_tag1.png) center no-repeat; background-size:contain; margin-right:10px;}
.service7 .list ul li .box2{ padding:55px 0 40px 0;}
.service7 .list ul li .box2 .txt{ height:200px;}
.service7 .list ul li .box2 .txt .h2{ font-size:26px; line-height:36px; margin-bottom:20px;}
.service7 .list ul li .box2 .txt .h3{ font-size:50px; line-height:60px; font-weight:bold; color:#5f4dff;}
@media(max-width:1024px){
.service7bg{ padding:60px 0 60px 0;}
.service7 .list{ margin-top:30px;}
.service7 .list ul li{ float:left; width:calc((100% - 10px)/2); margin:10px 10px 0 0; }
.service7 .list ul li:nth-child(3n){ margin-right:10px;}
.service7 .list ul li:nth-child(2n){ margin-right:0;}
.service7 .list ul li .nr_box{ padding:10px 10px;}
.service7 .list ul li .box1 .txt{ padding:5px 0;}
.service7 .list ul li .box1 .txt .h2{ font-size:14px; line-height:24px; }
.service7 .list ul li .box1 .txt .h2 i{ width:12px; height:24px; margin-right:5px;}
.service7 .list ul li .box2{ padding:15px 0 15px 0;}
.service7 .list ul li .box2 .txt{ height:auto;}
.service7 .list ul li .box2 .txt .h2{ font-size:12px; line-height:22px; height:66px; margin-bottom:10px;}
.service7 .list ul li .box2 .txt .h3{ font-size:20px; line-height:30px; }
}


.service8bg{ padding:120px 0 120px 0; background:#ebf2fb; overflow:hidden;}
.service8{}
.service8 .list{ margin-top:60px;}
.service8 .list .form1{ height:80px; background:#fff; border-radius:10px; overflow:hidden;}
.service8 .list .form1 .text1{ float:left; border:none; background:none; height:80px; line-height:80px; padding:0 20px; font-size:20px; width:calc(76% - 40px);}
.service8 .list .form1 .button1{ float:right; text-align:center; width:24%; height:80px; line-height:80px; border-radius:10px; background:#604dff url(../images/ico_search1.png) center no-repeat; background-size:62px;}
.service8 .list .form1 .button1:hover{ opacity:.9;}
@media(max-width:1024px){
.service8bg{ padding:60px 0 60px 0;}
.service8 .list{ margin-top:40px;}
.service8 .list .form1 .text1{ height:80px; line-height:80px; padding:0 10px; font-size:14px; width:calc(76% - 20px);}
.service8 .list .form1{ height:60px; }
.service8 .list .form1 .text1{ float:left; height:60px; line-height:60px; padding:0 10px; font-size:16px; width:calc(76% - 20px);}
.service8 .list .form1 .button1{ float:right; width:24%; height:60px; line-height:60px; background-size:40px;}
}

.service9bg{ padding:120px 0 120px 0; overflow:hidden;}
.service9{}
.service9 .list{ margin-top:60px;}
.service9 .list .img{}
.service9 .list .img img{ display:block; margin:0 auto; width:100%;}
@media(max-width:1024px){
.service9bg{ padding:60px 0 60px 0;}
.service9 .list{ margin-top:40px;}
}


.why1bg{ background:#ebf2fb; overflow:hidden; height:700px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.why1{}
.why1 .tit1 .h2{ font-size:60px; line-height:70px;}
.why1 .tit1 .h4{ font-size:21px; line-height:31px;}
.why1 .list{ margin-top:60px;}
.why1 .list ul li{ float:left; width:calc((100% - 0px)/5); margin:0 0 0 0; text-align:center;}
.why1 .list ul li:nth-child(5n){ margin-right:0;}
.why1 .list ul li.li1,.why1 .list ul li.li5{ margin-top:90px;}
.why1 .list ul li.li2,.why1 .list ul li.li4{ margin-top:30px;}
.why1 .list ul li .nr_box{}
.why1 .list ul li .txt{}
.why1 .list ul li .txt .h2{ font-size:30px; line-height:40px; color:#666; margin:0 0 15px 0;}
.why1 .list ul li .img{ height:120px; position:relative;}
.why1 .list ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
@media(max-width:1024px){
.why1bg{ height:240px;}
.why1bg .wapper1{ width:90%;}
.why1 .tit1 .h2{ font-size:20px; line-height:30px;}
.why1 .tit1 .h4{ font-size:12px; line-height:16px; margin:4px 0 0 0;}
.why1 .list{ margin-top:10px;}
.why1 .list ul li{ float:left; width:calc((100% - 40px)/5); margin:0 10px 0 0; text-align:center;}
.why1 .list ul li:nth-child(5n){ margin-right:0;}
.why1 .list ul li.li1,.why1 .list ul li.li5{ margin-top:30px;}
.why1 .list ul li.li2,.why1 .list ul li.li4{ margin-top:15px;}
.why1 .list ul li .txt .h2{ font-size:12px; line-height:16px; margin:0 0 5px 0;}
.why1 .list ul li .img{ height:30px; }
}

.why2bg{ padding:120px 0 120px 0; overflow:hidden;}
.why2{}
.why2 .list{ text-align:center;}
.why2 .list ul li{ display:inline-block; vertical-align:top; width:calc(100%/3 - 63px); margin:60px 30px 0 30px; text-align:left;}
.why2 .list ul li .txt1{ background:#5f4dff; color:#fff; border-radius:10px; position:relative; padding:25px 0; text-align:center; margin-bottom:20px;}
.why2 .list ul li .txt1 i{ width:103px; height:110px; background:url(../images/ico_award1.png) center no-repeat; background-size:contain; position:absolute; top:-8px; left:-25px;}
.why2 .list ul li .txt1 .h2{ font-size:26px; line-height:40px; height:40px; font-weight:bold; padding-left:75px;}
.why2 .list ul li .txt2{ background:#ebf2fb; color:#666; border-radius:10px; padding:15px 40px;}
.why2 .list ul li .txt2 .h3{ font-size:22px; line-height:32px; height:96px;}
@media(max-width:1520px){
.why2 .list ul li .txt1{ padding:20px 0; margin-bottom:20px;}
.why2 .list ul li .txt1 i{ width:84px; height:90px; top:-8px; left:-25px;}
.why2 .list ul li .txt1 .h2{ font-size:24px; line-height:30px; height:30px; padding-left:65px;}
.why2 .list ul li .txt2{ padding:15px 30px;}
.why2 .list ul li .txt2 .h3{ font-size:20px; line-height:30px; height:90px;}
}
@media(max-width:1024px){
.why2bg{ padding:60px 0 60px 0;}
.why2bg .wapper1{ width:98%;}
.why2 .list{ margin-top:20px;}
.why2 .list ul li{/* display:block; width:100%; margin:40px 0 0 0; */ width:calc(100%/3 - 13px); margin:20px 5px 0 5px;}
.why2 .list ul li .txt1{ padding:5px 0; margin-bottom:10px;}
.why2 .list ul li .txt1 i{ width:20px; height:100%; top:0; left:-10px;}
.why2 .list ul li .txt1 .h2{ font-size:12px; line-height:30px; height:30px; padding-left:9px;}
.why2 .list ul li .txt2{ padding:10px 5px;}
.why2 .list ul li .txt2 .h3{ font-size:12px; line-height:16px; height:64px;}
}

.why3bg{ overflow:hidden;}
.why3{}
.why3 .list{}
.why3 .list img{ display:block; width:100%;}

.why4bg{ padding:120px 0 120px 0; overflow:hidden;}
.why4{}
.why4 .list{ margin-top:60px;}
.why4 .list img{ display:block; width:100%;}
@media(max-width:1024px){
.why4bg{ padding:60px 0 60px 0;}
.why4 .list{ margin-top:40px;}
}

.why5bg{ overflow:hidden;}
.why5{}
.why5 .list{}
.why5 .list img{ display:block; width:100%;}

.why6bg{ padding:120px 0 120px 0; background:#ebf2fc; overflow:hidden;}
.why6{}
.why6 .list{ margin-top:60px;}
.why6 .list img{ display:block; width:100%;}
@media(max-width:1024px){
.why6bg{ padding:60px 0 60px 0;}
.why6bg .wapper1{ width:94%;}
.why6 .tit2 .h2{ font-size:18px; line-height:28px;}
.why6 .list{ margin-top:40px;}
}

.why7bg{ overflow:hidden;}
.why7{}
.why7 .list{}
.why7 .list img{ display:block; width:100%;}

.why8bg{ padding:120px 0 120px 0; background:#ebf2fb; overflow:hidden;}
.why8{}
.why8 .list{ margin-top:60px; background:#fff; border-radius:30px; padding:20px;}
.why8 .list .img{}
.why8 .list .img img{ display:block; margin:0 auto; width:100%;}
@media(max-width:1024px){
.why8bg{ padding:60px 0 60px 0; }
.why8 .list{ margin-top:40px; border-radius:20px; padding:20px;}
}


.why9bg{}
.why9{}
.why9 dl dd{ padding:120px 0 120px 0; }
.why9 dl dd .nr_box{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.why9 dl dd .img{ width:50%;}
.why9 dl dd .img img{ display:block; width:100%;}
.why9 dl dd .txtbg{ width:50%;}
.why9 dl dd .txt{ width:calc(100% - 60px); padding:0 0 0 60px;}
.why9 dl dd .txt .wz{ font-size:20px; line-height:1.5em; color:#666;}
.why9 dl dd .txt .wz p{ padding:0; margin:0;}
.why9 dl dd:nth-child(2n-1){ background:#ebf2fb;}
.why9 dl dd .txt .wz p span img{ vertical-align:sub;}
@media(max-width:1024px){
.why9 dl dd{ padding:60px 0 60px 0; }
.why9 dl dd .nr_box{ display:block;}
.why9 dl dd .img{ width:100%; margin-bottom:20px;}
.why9 dl dd .txtbg{ width:100%;}
.why9 dl dd .txt{ width:100%; padding:0 0 0 0;}
.why9 dl dd .txt .wz{ font-size:16px; line-height:1.5em; }
.why9 dl dd:nth-child(1) .wz p:nth-child(1){ line-height:34px;}
.why9 dl dd .txt .wz p:nth-child(1) span{ font-size:24px !important;}
.why9 dl dd .txt .wz p span img{ width:auto !important; height:24px !important;}
}

.why10bg{ padding:120px 0 120px 0; background:#ebf2fb; overflow:hidden;}
.why10{}
.why10 .list{ margin-top:60px; background:#fff; border-radius:30px; padding:20px;}
.why10 .list .img{}
.why10 .list .img img{ display:block; margin:0 auto; width:100%;}
@media(max-width:1024px){
.why10bg{ padding:60px 0 60px 0; }
.why10 .list{ margin-top:40px; border-radius:20px; padding:20px;}
}


.mcn1bg{ padding:80px 0 120px 0; overflow:hidden;}
.mcn1{}
.mcn1 .list{ }
.mcn1 .list ul li{ float:left; width:calc((100% - 150px)/6); margin:40px 30px 0 0; text-align:center; box-shadow:0px 0px 5px rgba(0,0,0,.1); border-radius:5px;}
.mcn1 .list ul li:hover{ box-shadow:0px 0px 10px rgba(0,0,0,.1);}
.mcn1 .list ul li:nth-child(6n){ margin-right:0;}
.mcn1 .list ul li .nr_box{}
.mcn1 .list ul li .img{ padding-bottom:100%; position:relative;}
.mcn1 .list ul li .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.mcn1 .list ul li .txt{ padding:8px 0;}
.mcn1 .list ul li .txt .h2{ font-size:14px; line-height:24px; height:24px;}
.mcn1 .list_m{ display:none;}
.swiper-container1 { width: 100%; padding-bottom:42px;}
.swiper-container1 .swiper-slide {
/* Center slide text vertically */
/*display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;*/
}
.swiper-container1 .swiper-slide .nr_box{ border:1px solid #eee; margin-right:1px;}
.swiper-container1 .swiper-slide .img{ padding-bottom:100%; position:relative;}
.swiper-container1 .swiper-slide .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.swiper-container1 .swiper-slide .txt{ padding:8px 0; text-align:center;}
.swiper-container1 .swiper-slide .txt .h2{ font-size:14px; line-height:24px; height:24px;}
.swiper-container1 .swiper-pagination1{ bottom:0;}
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet{ width:8px; height:8px; border:2px solid #f5f5f5; background:none; opacity:1;}
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ border-color:#fff; background:#fff; opacity:1;}
.swiper-container1 .swiper-button-prev1,.swiper-container1 .swiper-button-next1{ display:none;}
.swiper-container1 .swiper-button-prev1{}
.swiper-container1 .swiper-button-next1{}
.mcn1 .tips1{ font-size:16px; line-height:26px; text-align:center; margin-top:60px;}
@media(max-width:1024px){
.mcn1bg{ padding:60px 0 60px 0;}
.mcn1 .list{ display:none;}
.mcn1 .list_m{ display:block;}
.mcn1 .tips1{ font-size:12px; line-height:22px; margin-top:20px;}
}

.mcn2bg{ padding:120px 0 120px 0; background:#ebf2fb; overflow:hidden;}
.mcn2 .list{ margin-top:20px;}
.mcn2 .list ul li{ float:left; width:calc((100% - 40px)/2); margin:40px 40px 0 0; text-align:center;    background: #fff;border-radius: 30px;}
.mcn2 .list ul li:nth-child(2n){ margin-right:0;}
.mcn2 .list ul li:nth-child(2n-1){ clear:left;}
.mcn2 .list ul li .nr_box{}
/*.mcn2 .list ul li .img{ padding-bottom:45%; position:relative;}*/
.mcn2 .list ul li .img img{ width:100%; height:100%; /*position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;*/border-radius: 30px;}
.mcn2 .list ul li .txt{ margin:15px 0px;}
.mcn2 .list ul li .txt .h2{ font-size:20px; line-height:30px;}
@media(max-width:1024px){
.mcn2bg{ padding:60px 0 60px 0; }
.mcn2 .list ul li{ float:left; width:100%; margin:20px 0 0 0; }
.mcn2 .list ul li .txt{ margin-top:5px;}
.mcn2 .list ul li .txt .h2{ font-size:14px; line-height:24px;}
}

.mcn3bg{ padding:120px 0 120px 0; overflow:hidden;}
.mcn3{}
.mcn3 .list{ padding:0 60px; text-align:center;}
.mcn3 .list ul li{ display:inline-block; vertical-align:top; width:calc(50% - 123px); margin:60px 60px 0 60px; text-align:left;}
.mcn3 .list ul li .txt1{ background:#5f4dff; color:#fff; border-radius:10px; position:relative; padding:25px 0; text-align:center; margin-bottom:20px;}
.mcn3 .list ul li .txt1 i{ width:93px; height:89px; background:url(../images/ico_search2.png) center no-repeat; background-size:contain; position:absolute; top:0; left:-25px;}
.mcn3 .list ul li .txt1 .h2{ font-size:26px; line-height:40px; height:40px; font-weight:bold; }
.mcn3 .list ul li .img1{ background:#ebf2fb; color:#666; border-radius:10px; padding:30px 60px;}
.mcn3 .list ul li .img1 .ewm{ padding:15px; background:#fff; border-radius:10px;}
.mcn3 .list ul li .img1 img{ display:block; width:100%;}
@media(max-width:1520px){

}
@media(max-width:1024px){
.mcn3bg{ padding:60px 0 60px 0;}
.mcn3 .list{ padding:0; width:90%; margin:0 auto;}
.mcn3 .list ul li{/* display:block; width:100%; margin:40px 0 0 0;*/ width:calc(50% - 23px); margin:40px 10px 0 10px; }
.mcn3 .list ul li .txt1{ padding:5px 0; margin-bottom:10px;}
.mcn3 .list ul li .txt1 i{ width:30px; height:100%; top:0; left:-15px;}
.mcn3 .list ul li .txt1 .h2{ font-size:16px; line-height:30px; height:30px; }
.mcn3 .list ul li .img1{ border-radius:10px; padding:10px 10px;}
.mcn3 .list ul li .img1 .ewm{ padding:10px;}
}


.join1bg{ padding:120px 0 120px 0; overflow:hidden;}
.join1{}
.join1 .list{ margin-top:120px;}
.join1 .list img{ display:block; width:100%;}
.join1 .list ul li{ float:left; display:inline-block; vertical-align:top; width:calc(100%/3 - 3px); margin:0 0 40px 0; position:relative;}
.join1 .list ul li:nth-child(1),.join1 .list ul li:nth-child(2),.join1 .list ul li:nth-child(3){ float:right;}
.join1 .list ul li:nth-child(4){ clear:left;}
.join1 .list ul li:before{ content:""; width:101%; height:1px; background:#ccc; position:absolute; left:0; top:24.5px; z-index:1;}
.join1 .list ul li .nr_box{ padding:0 0 0 80px;}
.join1 .list ul li:nth-child(6n) .nr_box,.join1 .list ul li:nth-child(6n-1) .nr_box,.join1 .list ul li:nth-child(6n-2) .nr_box{ padding:0 80px 0 0;}
.join1 .list ul li .txt{ text-align:center; position:relative; z-index:2;}
.join1 .list ul li .txt .h2{ font-size:24px; line-height:44px; font-weight:bold; margin:0 0 15px 0;}
.join1 .list ul li .txt .h2 strong{ display:inline-block; vertical-align:top; border-radius:60px; background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,.1); padding:0 40px;}
.join1 .list ul li .txt .h3{ font-size:20px; line-height:36px; font-weight:bold; color:#604dff;}
.join1 .list ul li .txt .h4{ font-size:16px; line-height:26px; height:104px;}
.join1 .list2{ margin-top:60px;}
.swiper-container2 { width: 100%; }
.swiper-container2 .swiper-slide { 
/* Center slide text vertically */
/*display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;*/
}
.swiper-container2 .swiper-slide img{ width:100%; border-radius:10px;}
.swiper-container2 .swiper-slide .txt{ padding:8px 0; text-align:center;}
.swiper-container2 .swiper-slide .txt .h2{ font-size:14px; line-height:24px; height:24px;}
.swiper-container2 .swiper-pagination2{ bottom:10px;}
.swiper-container2 .swiper-pagination2 .swiper-pagination-bullet{ width:8px; height:8px; border:2px solid #f5f5f5; background:none; opacity:1;}
.swiper-container2 .swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active{ border-color:#fff; background:#fff; opacity:1;}
.swiper-container2 .swiper-button-prev2,.swiper-container2 .swiper-button-next2{ }
.swiper-container2 .swiper-button-prev2{}
.swiper-container2 .swiper-button-next2{}
@media(max-width:1420px){
.join1 .list ul li .nr_box{ padding:0 0 0 60px;}
.join1 .list ul li:nth-child(6n) .nr_box,.join1 .list ul li:nth-child(6n-1) .nr_box,.join1 .list ul li:nth-child(6n-2) .nr_box{ padding:0 60px 0 0;}
.join1 .list ul li .txt .h2{ font-size:20px; line-height:40px; margin:0 0 10px 0;}
.join1 .list ul li .txt .h2 strong{ padding:0 40px;}
.join1 .list ul li .txt .h3{ font-size:18px; line-height:28px; }
.join1 .list ul li .txt .h4{ font-size:14px; line-height:24px; height:96px;}
}
@media(max-width:1024px){
.join1bg{ padding:60px 0 60px 0; }
.join1 .list{ margin-top:40px;}
.join1 .list ul li{ float:none !important; width:calc(50% - 3px); margin:0 0 30px 0; }
.join1 .list ul li:nth-child(4){ clear:none;}
.join1 .list ul li:before{ top:14.5px;}
.join1 .list ul li .nr_box{ padding:0 0 0 0 !important;}
.join1 .list ul li .txt .h2{ font-size:16px; line-height:30px; margin:0 0 10px 0;}
.join1 .list ul li .txt .h2 strong{ padding:0 30px;}
.join1 .list ul li .txt .h3{ font-size:14px; line-height:24px; }
.join1 .list ul li .txt .h4{ font-size:12px; line-height:22px; height:auto;}
.join1 .list2{ margin-top:40px;}
}

.join2bg{ padding:120px 0 120px 0; background:#ebf2fc; overflow:hidden;}
.join2{}
.join2 .list{ }
.join2 .list ul li{ float:left; width:calc((100% - 240px)/5); margin:60px 60px 0 0; text-align:center;}
.join2 .list ul li:nth-child(5n){ margin-right:0;}
.join2 .list ul li:nth-child(5n-4){ clear:left;}
.join2 .list ul li .nr_box{}
.join2 .list ul li .img{ width:110px; height:110px; margin:0 auto; position:relative;}
.join2 .list ul li .img img{ width:100%; height:100%; border-radius:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.join2 .list ul li .txt{ margin-top:15px;}
.join2 .list ul li .txt .h2{ font-size:20px; line-height:30px; margin-bottom:5px; font-weight:bold;}
.join2 .list ul li .txt .h3{ font-size:16px; line-height:26px;}
@media(max-width:1024px){
.join2bg{ padding:60px 0 60px 0; }
.join2 .list ul li{ float:left; width:calc((100% - 20px)/2); margin:60px 20px 0 0; }
.join2 .list ul li:nth-child(5n){ margin-right:20px;}
.join2 .list ul li:nth-child(5n-4){ clear:none;}
.join2 .list ul li:nth-child(2n){ margin-right:0;}
.join2 .list ul li:nth-child(2n-1){ clear:left;}
.join2 .list ul li .txt .h2{ font-size:18px; line-height:28px; margin-bottom:5px; }
.join2 .list ul li .txt .h3{ font-size:14px; line-height:24px;}
}

.join3bg{ padding:120px 0 120px 0; overflow:hidden;}
.join3{}
.join3 .list{ margin-top:20px;}
.join3 .list ul li{ float:left; width:calc((100% - 40px)/2); margin:40px 40px 0 0; background:#ebf2fc; border-radius:10px; position:relative; overflow:hidden;}
.join3 .list ul li:hover{ box-shadow:0px 0px 10px rgba(0,0,0,.1);}
.join3 .list ul li:nth-child(2n){ margin-right:0;}
.join3 .list ul li .nr_box{ padding:60px 0;}
.join3 .list ul li .img{ height:120px; position:relative;}
.join3 .list ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.join3 .list ul li .txt1{ margin-top:30px; text-align:center;}
.join3 .list ul li .txt1 .h2{ font-size:24px; line-height:34px; height:34px;}
.join3 .list ul li .txt2bg{ width:100%; height:100%; position:absolute; left:0; top:0; background:#604dff; opacity:0; visibility:hidden; transition:all .3s ease;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.join3 .list ul li:hover .txt2bg{ opacity:1; visibility:visible;}
.join3 .list ul li .txt2{ text-align:center; width:90%; color:#fff;}
.join3 .list ul li .txt2 .h2{ font-size:18px; line-height:28px;}
@media(max-width:1024px){
.join3bg{ padding:60px 0 60px 0; }
.join3 .list ul li{ float:left; width:100%; margin:20px 0 0 0; }
.join3 .list ul li .nr_box{ padding:40px 0;}
.join3 .list ul li .txt1{ margin-top:20px; text-align:center;}
.join3 .list ul li .txt1 .h2{ font-size:18px; line-height:28px; height:28px;}
.join3 .list ul li .txt2 .h2{ font-size:14px; line-height:24px;}
}

.join4bg{ padding:120px 0 120px 0; background:#ebf2fc; overflow:hidden;}
.join4{}
.join4 .list{ margin-top:40px;}
.join4 .list ul li{ float:left; width:calc((100% - 20px)/2); margin:20px 20px 0 0; background:#fff; border-radius:10px;}
.join4 .list ul li:hover{ box-shadow:0px 0px 10px rgba(0,0,0,.1);}
.join4 .list ul li:nth-child(2n){ margin-right:0;}
.join4 .list ul li .nr_box{ padding:30px;}
.join4 .list ul li .h2{ font-size:30px; line-height:60px; height:60px; margin-bottom:20px;}
.join4 .list ul li .h2 strong{ float:left; width:50%; height:60px; overflow:hidden;}
.join4 .list ul li .h2 img{ float:right; height:60px; max-width:50%;}
.join4 .list ul li .h3{ font-size:20px; line-height:30px; height:30px;}
.join4 .list ul li .h3>a{ display:block; float:left; color:#604dff;}
.join4 .list ul li .h3 span{ display:block; float:right;}
.join4 .list ul li .h3 span a{ color:#999; display:inline-block; vertical-align:top; margin-left:5px;}
.join4 .tips1{ font-size:30px; line-height:40px; font-weight:bold; text-align:center; margin-top:60px;}
@media(max-width:1024px){
.join4bg{ padding:60px 0 60px 0; }
.join4 .list{ margin-top:20px;}
.join4 .list ul li{ float:left; width:100%; margin:20px 0 0 0; }
.join4 .list ul li .h2{ font-size:20px; line-height:40px; height:40px; margin-bottom:20px;}
.join4 .list ul li .h2 strong{ float:left; width:50%; height:40px; }
.join4 .list ul li .h2 img{ float:right; height:40px; max-width:50%;}
.join4 .list ul li .h3{ font-size:14px; line-height:24px; height:auto;}
.join4 .list ul li .h3>a{ float:none; color:#604dff; margin-bottom:10px;}
.join4 .list ul li .h3 span{ float:none;}
.join4 .list ul li .h3 span a{ margin: 0 5px 0 0;}
.join4 .tips1{ font-size:20px; line-height:30px; margin-top:40px;}
}




/*<!---->*/
.index_logobg{ width:100%; background:#fafafa; }
.index_logo{ height:60px;}
.index_logo .lt{ float:left; line-height:60px; font-size:20px;}
.index_logo .rt{ float:right; width:calc(100% - 200px);}
.scroll_01{}
.scroll_01 .bd{}
.scroll_01 .bd ul li{ float:left; width:20%;}
.scroll_01 .bd ul li a{ display:block; margin:0 20px;}
.scroll_01 .bd ul li .img{ height:60px; position:relative;}
.scroll_01 .bd ul li .img img{ max-width:100%; max-height:80%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;
-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
@media(max-width:1024px){
.index_logo{ width:90%; margin:0 auto; height:60px;}
.index_logo .lt{ float:left; line-height:60px; font-size:14px;}
.index_logo .rt{ float:right; width:calc(100% - 100px);}
.scroll_01 .bd ul li{ float:left; width:50%;}
.scroll_01 .bd ul li a{ margin:0 10px;}
}


.proDetail3bg{ padding:60px 0 120px 0;}
.proDetail3{}
.proDetail3_lt{ float:left; width:68%;}
.proDetail3_lt .h2{ font-size:32px; line-height:42px;}
.proDetail3_lt .h4{ font-size:12px; line-height:22px; color:#999; margin-top:15px; }
.proDetail3_lt .h4 span{ display:inline-block; vertical-align:top; padding:0 10px; margin:0 6px 0 0; border-radius:2px; border:1px solid #eee; background:#ebf2fb;}
.proDetail3_lt .list1{ }
.proDetail3_lt .list1 .lt{ float:left; background:#ebf2fb; margin-top:10px;}
.proDetail3_lt .list1 .lt dl{ padding:10px 0;}
.proDetail3_lt .list1 .lt dl dd{ float:left; position:relative; padding:0 30px;}
.proDetail3_lt .list1 .lt dl dd:before{ content:""; width:1px; height:20px; background:#eee; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.proDetail3_lt .list1 .lt dl dd:nth-child(1):before{ display:none;}
.proDetail3_lt .list1 .lt .h5{ font-size:12px; line-height:22px; text-align:center;}
.proDetail3_lt .list1 .lt .h5 strong{ display:block; font-weight:normal; font-size:24px; line-height:34px;}
.proDetail3_lt .list1 .lt .h5 span{ display:block; color:#999;}
.proDetail3_lt .list1 .rt{ float:right; text-align:center; margin-top:25px; position:relative;}
.proDetail3_lt .list1 .rt a{}
.proDetail3_lt .list1 .rt a img{ display:block; margin:0 auto; height:20px;}
.proDetail3_lt .list1 .rt a span{ display:block; font-size:14px; line-height:24px; margin-top:5px;}
.proDetail3_lt .list1 .rt .fx_box{ width:120px; padding:10px; background:#fff; box-shadow:0 8px 30px rgba(0,0,0,.6); position:absolute; top:100%; left:50%; transform:translateX(-50%); display:none;}
.proDetail3_lt .list1 .rt:hover .fx_box{ display:block;}
.proDetail3_lt .list1 .rt .fx_box img{ display:block; margin:0 auto; width:120px; height:120px;}
.proDetail3_lt .list1 .rt .fx_box span{ display:block; font-size:12px; line-height:22px; margin-top:5px; text-align:center;}
.proDetail3_lt .xiangqing{ border-top:1px solid #eee; padding-top:40px; margin-top:40px;}
.proDetail3_rt{ float:right; width:27%;}
.side_a{}
.side_a>.h2{ font-size:20px; line-height:30px;}
.side_a>.h2 span{ border-left:3px solid #604dff; padding-left:10px;}
.side_a .list{ margin-top:10px;}
.side_a .list ul li{ margin:0 0 30px 0; box-shadow:0 8px 30px rgba(0,0,0,.06); border-radius:10px; background:#fff;}
.side_a .list ul li:hover{ box-shadow:0 8px 30px rgba(0,0,0,.1);}
.side_a .list ul li .imgbg{ position:relative;border-radius:10px; overflow:hidden;}
.side_a .list ul li .imgbg .tag1{ position:absolute; left:0; top:0;}
.side_a .list ul li .imgbg .tag1 span{ display:block; padding:0 10px; height:30px; line-height:30px; border-radius:10px 0 10px 0; background:#604dff; color:#fff;}
.side_a .list ul li .img{ padding-bottom:56%;}
.side_a .list ul li .txt{ padding:0 0 20px 0; color:#333;}
.side_a .list ul li .txt1{ padding:15px 15px;/* height:170px;*/ border-bottom:1px solid #eee;}
.side_a .list ul li .txt .h2{ font-size:18px; line-height:28px; max-height:56px; overflow:hidden;}
.side_a .list ul li .txt .h3{ font-size:14px; line-height:24px; max-height:48px; overflow:hidden; margin-top:10px;}
.side_a .list ul li .txt .h4{ font-size:12px; line-height:22px; color:#999; margin-top:10px;}
.side_a .list ul li .txt .h4 span{ display:inline-block; vertical-align:top; padding:0 10px; margin:0 6px 4px 0; border-radius:2px; border:1px solid #eee;}
.side_a .list ul li .txt dl{ margin-top:20px;}
.side_a .list ul li .txt dl dd{ float:left; width:calc(100%/3); position:relative;}
.side_a .list ul li .txt dl dd:before{ content:""; width:1px; height:20px; background:#eee; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.side_a .list ul li .txt dl dd:nth-child(1):before{ display:none;}
.side_a .list ul li .txt .h5{ font-size:12px; line-height:22px; text-align:center;}
.side_a .list ul li .txt .h5 strong{ display:block; font-weight:normal; font-size:18px; line-height:28px;}
.side_a .list ul li .txt .h5 span{ display:block; color:#999;}
@media(max-width:1420px){
.proDetail3_lt .h2{ font-size:24px; line-height:34px;}
.side_a .list ul li .txt .h2{ font-size:16px; line-height:26px; max-height:52px;}
.side_a .list ul li .txt .h4 span{ padding:0 8px; margin:0 4px 4px 0;}
.side_a .list ul li .txt .h5 strong{ font-size:16px; line-height:26px;}
}
@media(max-width:1024px){
.proDetail3_lt{ float:left; width:100%;}
.proDetail3_lt .h4 span{ margin:0 6px 5px 0; }
.proDetail3_lt .list1 .lt{ float:none; text-align:center;}
.proDetail3_lt .list1 .lt dl dd{ float:none; display:inline-block; vertical-align:top; padding:0 5%;}
.proDetail3_lt .list1 .lt .h5 strong{ font-size:20px; line-height:30px;}
.proDetail3_lt .list1 .rt{ display:none;}
.proDetail3_rt{ float:right; width:100%;}
}


.proDetail3bg.active{
-webkit-filter: blur(4px);
filter: blur(4px);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;}
.login1_box{ display:none;}
.login1_close1{ width:100%; height:100%; background:rgba(0,0,0,.5); position:fixed; z-index:998; top:0; left:0;}
.login1bg{ width:90%; max-width:500px; border-radius:10px; background:#fff; position:fixed; z-index:999; top:50%; left:50%; transform:translate(-50%,-50%);}
.login1{ padding:40px 10% 80px 10%;}
.login1_con{}
.login1 .h2{ font-size:18px; line-height:28px; text-align:center;}
.login1 .form1{ margin-top:35px;}
.login1 .form1 ul li{ margin-bottom:10px;}
.login1 .form1 .text1{ border:none; border-bottom:1px solid #e8e8e8; background:#fff; height:40px; line-height:40px; width:100%;}
.login1 .form1 .text2{ float:left; border:none; background:#fff; height:40px; line-height:40px; width:calc(100% - 80px);}
.login1 .form1 .button1{ display:block; height:48px; line-height:48px; border-radius:5px; background:#ff2442; color:#fff; font-size:16px; text-align:center;}
.login1 .form1 .button1:hover{ opacity:.9;}
.login1 .form1 .button2{ float:right; height:20px; line-height:20px; width:; font-size:14px; color:#5b92e1; border-left:1px solid #e8e8e8; text-align:center; width:70px; padding-left:9px; margin-top:10px;}
.login1 .form1 .yzm{ height:40px; border-bottom:1px solid #e8e8e8;}
.login1 .form1 .h3{ font-size:14px; line-height:24px; color:#999; margin-bottom:15px; margin-top:45px;}


/*<!---->*/
.more3{}
.more3 span{ display:inline-block; vertical-align:top; text-align:center; height:70px; line-height:70px; padding:0 10px; min-width:160px; border-radius:5px; background:#373a89; color:#fff; font-size:30px;}
.more3 span:hover{ opacity:.9;}
.solution1bg{ height:700px; overflow:hidden;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.solution1{ color:#fff;}
.solution1 .list{}
.solution1 .list .txt{}
.solution1 .list .txt .h2{ font-size:40px; line-height:50px;}
.solution1 .list .txt .h3{ font-size:60px; line-height:70px; margin-top:30px; margin-bottom:50px; font-weight:bold;}
@media(max-width:1420px){
.solution1 .list .txt .h2{ font-size:33px; line-height:43px;}
.solution1 .list .txt .h3{ font-size:50px; line-height:60px; margin-top:30px; margin-bottom:50px; }
}
@media(max-width:1024px){
.more3 span{ height:32px; line-height:32px; padding:0 10px; min-width:80px; font-size:12px;}
.solution1bg{ height:200px;}
.solution1 .list .txt .h2{ font-size:13px; line-height:17px;}
.solution1 .list .txt .h3{ font-size:20px; line-height:24px; margin-top:10px; margin-bottom:20px; }
}

.solution2bg{ padding:40px 0; background:#ebf2fc; overflow:hidden;}
.solution2{}
.solution2 .list{}
.solution2 .list ul{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.solution2 .list ul li{ max-width:calc(100%/3);}
.solution2 .list ul li .nr_box{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.solution2 .list ul li .imgbg{ width:80px; margin-right:20px;}
.solution2 .list ul li .img{ height:70px; position:relative;}
.solution2 .list ul li .img img{ display:block; max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.solution2 .list ul li .txtbg{ width:calc(100% - 100px);}
.solution2 .list ul li .txt{}
.solution2 .list ul li .txt .h2{ font-size:16px; line-height:26px;}
.solution2 .list ul li .txt .h3{ font-size:24px; line-height:34px; font-weight:bold; color:#604dff;}
.solution2 .list ul li .txt .h4{ font-size:16px; line-height:26px;}
@media(max-width:1420px){
.solution2 .list ul li .imgbg{ width:70px; margin-right:20px;}
.solution2 .list ul li .txtbg{ width:calc(100% - 90px);}
.solution2 .list ul li .txt .h2{ font-size:14px; line-height:24px;}
.solution2 .list ul li .txt .h3{ font-size:20px; line-height:30px; }
.solution2 .list ul li .txt .h4{ font-size:14px; line-height:24px;}
}
@media(max-width:1024px){
.solution2bg{ padding:20px 0; }
.solution2 .list ul{ display:block;}
.solution2 .list ul li{ max-width:100%; margin:20px 0;}
.solution2 .list ul li .imgbg{ width:100px; margin-right:0;}
.solution2 .list ul li .img img{ max-width:80%; max-height:80%; }
.solution2 .list ul li .txt .h2{ font-size:12px; line-height:22px;}
.solution2 .list ul li .txt .h3{ font-size:18px; line-height:28px; }
.solution2 .list ul li .txt .h4{ font-size:12px; line-height:22px;}
}

.tit3{ text-align:center;}
.tit3 .h2{ font-size:40px; line-height:50px; font-weight:bold;}
.tit3 .h3{ font-size:30px; line-height:40px; color:#604dff; margin-top:20px;}
.solution3bg{ padding:120px 0 120px 0; overflow:hidden;}
.solution3{}
.solution3 .list{ background:#ebf2fc; border-radius:10px; padding:35px 40px; margin-top:60px;}
.solution3 .list .txt{}
.solution3 .list .txt .h2{ font-size:30px; line-height:1.5em;}
.solution3 .list .txt .h3{ font-size:20px; line-height:1.5em; color:#666; margin-top:5px;}
@media(max-width:1420px){
.tit3 .h2{ font-size:36px; line-height:50px; }
.tit3 .h3{ font-size:26px; line-height:36px; margin-top:15px;}
.solution3bg{ padding:80px 0 80px 0;}
.solution3 .list .txt .h2{ font-size:24px; line-height:1.5em;}
.solution3 .list .txt .h3{ font-size:16px; line-height:1.5em; margin-top:5px;}
}
@media(max-width:1024px){
.tit3 .h2{ font-size:20px; line-height:30px; }
.tit3 .h3{ font-size:12px; line-height:22px; margin-top:5px;}
.solution3bg{ padding:60px 0 60px 0;}
.solution3 .list{ padding:15px 5%; margin-top:40px;}
.solution3 .list .txt .h2{ font-size:16px; line-height:1.5em;}
.solution3 .list .txt .h3{ font-size:14px; line-height:1.5em; margin-top:5px;}
}

.solution4bg{ padding:120px 0 60px 0; background-image: linear-gradient(to right, #5b61c3 , #fff); overflow:hidden;}
.solution4{ color:#fff;}
.solution4 .tit2 .h2{ color:#fff;}
.solution4 .list{ margin-top:60px; border-radius:10px; overflow:hidden;}
.slideTxtBox_01{ background:rgba(0,0,0,.5); height:650px;}
.slideTxtBox_01 .hd{ float:left; width:250px; background:rgba(0,0,0,.5); height:650px;}
.slideTxtBox_01 .hd ul{ padding:60px 20px 0 20px;}
.slideTxtBox_01 .hd ul li{ cursor:pointer; margin-bottom:20px;}
.slideTxtBox_01 .hd ul li a{ display:block; border-radius:10px; overflow:hidden; background:rgba(96,77,255,.1); color:#fff; font-size:24px; line-height:64px; text-align:center;}
.slideTxtBox_01 .hd ul li.on a{ background:#604dff; color:#fff;}
.slideTxtBox_01 .bd{ float:right; width:calc(100% - 250px);}
.solution4_list{}
.solution4_list .lt{ float:left; width:calc(100% - 395px);}
.solution4_list .lt .nr_box{ padding:60px 0 0 0; width:85%; margin:0 auto;}
.solution4_list .lt .txt{}
.solution4_list .lt .txt .h2{ font-size:24px; line-height:34px; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #fff;}
.solution4_list .lt .txt .h2 span{}
.solution4_list .lt .txt .h2 span img{ display:inline-block; max-width:34px; max-height:34px; margin-left:10px;}
.solution4_list .lt .txt .h3{ font-size:16px; line-height:2em; margin-top:20px;}
.solution4_list .rt{ float:right; width:395px; background:rgba(0,0,0,.5); height:650px;}
.solution4_list .rt .nr_box{ padding-top:60px;}
.solution4_list .rt .txt{ text-align:center; font-size:16px; line-height:1.5em;}
.solution4_list .rt .txt img{ max-width:75%;}
@media(max-width:1420px){
.solution4bg{ padding:60px 0 60px 0; }
.slideTxtBox_01{ height:600px;}
.slideTxtBox_01 .hd{ width:180px; height:600px;}
.slideTxtBox_01 .hd ul{ padding:40px 20px 0 20px;}
.slideTxtBox_01 .hd ul li a{ font-size:20px; line-height:50px;}
.slideTxtBox_01 .bd{ float:right; width:calc(100% - 180px);}
.solution4_list .lt{ float:left; width:calc(100% - 280px);}
.solution4_list .lt .nr_box{ padding:40px 0 0 0;}
.solution4_list .lt .txt .h3{ font-size:14px; line-height:2em; margin-top:20px;}
.solution4_list .rt{ float:right; width:280px; height:600px;}
.solution4_list .rt .nr_box{ padding-top:40px;}
}
@media(max-width:1024px){
.solution4bg{ padding:60px 0 60px 0; }
.solution4 .list{ margin-top:40px; }
.slideTxtBox_01{ height:auto;}
.slideTxtBox_01 .hd{ float:none; width:100%; height:74px;}
.slideTxtBox_01 .hd ul{ padding:20px 5% 20px 5%;}
.slideTxtBox_01 .hd ul li{ float:left; width:24%; margin:0 .5%;}
.slideTxtBox_01 .hd ul li a{ border-radius:5px; font-size:14px; line-height:34px; }
.slideTxtBox_01 .bd{ float:none; width:100%;}
.solution4_list .lt{ float:none; width:100%;}
.solution4_list .lt .nr_box{ padding:30px 0 30px 0; width:90%; }
.solution4_list .lt .txt .h2{ font-size:20px; line-height:30px; padding-bottom:10px; }
.solution4_list .lt .txt .h2 span img{ max-width:30px; max-height:30px; margin-left:10px;}
.solution4_list .lt .txt .h3{ font-size:12px; line-height:2em; margin-top:20px;}
.solution4_list .rt{ float:none; width:100%; height:auto;}
.solution4_list .rt .nr_box{ padding:30px 0 30px 0;}
.solution4_list .rt .txt{ font-size:14px; line-height:1.5em;}
.solution4_list .rt .txt img{ max-width:90%;}
}

.solution7bg{ padding:90px 0 120px 0; background:#ebf2fc; overflow:hidden;}
.solution7{}
.solution7 .list{}
.solution7 .list ul li{ float:left; width:calc((100% - 30px)/2); margin:30px 0 0 30px; background:#d8def4; border-radius:10px; overflow:hidden;}
.solution7 .list ul li:nth-child(2n-1){ margin-left:0; clear:left;}
.solution7 .list ul li .nr_box{ padding:20px;}
.solution7 .list ul li .img{ padding-bottom:60%; border-radius:10px; overflow:hidden; position:relative; background:#fff; border:1px solid #ccc;}
.solution7 .list ul li .img img{ display:block; width:100%; height:100%; object-fit:contain; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.solution7 .list ul li .txtbg{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.solution7 .list ul li .txt{ width:calc(100% - 100px);}
.solution7 .list ul li .txt .h2{ font-size:30px; line-height:40px; font-weight:bold;}
.solution7 .list ul li .txt .h3{ font-size:20px; line-height:30px; color:#666;}
.solution7 .list ul li .ico{ width:100px; height:100px; position:relative;}
.solution7 .list ul li .ico img{ max-width:90%; max-height:90%; object-fit:contain; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
@media(max-width:1420px){
.solution7bg{ padding:50px 0 80px 0; }
.solution7 .list ul li .txt .h2{ font-size:26px; line-height:36px;}
}
@media(max-width:1024px){
.solution7bg{ padding:60px 0 60px 0; }
.solution7 .list ul li{ float:left; width:100%; margin:30px 0 0 0; border-radius:10px; }
.solution7 .list ul li .txt{ width:calc(100% - 60px);}
.solution7 .list ul li .txt .h2{ font-size:20px; line-height:30px }
.solution7 .list ul li .txt .h3{ font-size:14px; line-height:24px; }
.solution7 .list ul li .ico{ width:60px; height:60px; }
}

.solution5bg{ padding:120px 0 120px 0; overflow:hidden;}
.solution5{ color:#fff;}
.solution5 .tit2 .h2{ color:#fff;}
.solution5 .list{ margin-top:60px; background:#ebf2fc; border-radius:30px; padding:30px;}
.solution5 .list .img{}
.solution5 .list .img img{ display:block; margin:0 auto; width:100%;}
@media(max-width:1420px){
.solution5bg{ padding:80px 0 80px 0; }
}
@media(max-width:1024px){
.solution5bg{ padding:60px 0 60px 0;}
.solution5 .list{ margin-top:40px; border-radius:20px; padding:20px;}
}

.solution6bg{ padding:120px 0 120px 0; background:#ebf2fc; overflow:hidden;}
.solution6{}
.solution6 .list{ margin-top:60px;}
.slideTxtBox_02{}
.slideTxtBox_02 .hd{ }
.slideTxtBox_02 .hd ul{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.slideTxtBox_02 .hd ul li{ width:100%; cursor:pointer;}
.slideTxtBox_02 .hd ul li a{ display:block; font-size:24px; line-height:34px; padding-bottom:5px; border-bottom:2px solid #ccc; color:#333; text-align:center;}
.slideTxtBox_02 .hd ul li.on a{ color:#604dff; border-color:#604dff;}
.slideTxtBox_02 .bd{ margin-top:30px;}
.solution6_list{ background:#7076ca; border-radius:20px; overflow:hidden; color:#fff;}
.solution6_list .lt{ float:left; width:56%;}
.solution6_list .lt .nr_box{ padding:60px 0; width:84%; margin:0 auto;}
.solution6_list .lt .txt1{ padding:60px 0 60px 0; position:relative;}
.solution6_list .lt .txt1:before{ content:""; width:45px; height:36px; background:url(../images/ico_lt1.png) center no-repeat; background-size:contain; position:absolute; left:0; top:0; opacity:.5;}
.solution6_list .lt .txt1:after{ content:""; width:45px; height:36px; background:url(../images/ico_rt1.png) center no-repeat; background-size:contain; position:absolute; right:0; bottom:0; opacity:.5;}
.solution6_list .lt .txt1 .h2{ font-size:30px; line-height:40px; font-weight:bold;}
.solution6_list .lt .txt1 .h3{ font-size:24px; line-height:34px;}
.solution6_list .lt .txt2{}
.solution6_list .lt .txt2 ul li{ float:left; padding-right:30px; margin-right:30px; margin-top:30px; border-right:1px solid #fff;}
.solution6_list .lt .txt2 ul li:last-child{ border:none;}
.solution6_list .lt .txt2 ul li .txt{}
.solution6_list .lt .txt2 ul li .txt .h2{ font-size:30px; line-height:40px; font-weight:bold;}
.solution6_list .lt .txt2 ul li .txt .h3{ font-size:18px; line-height:28px;}
.solution6_list .rt{ float:right; width:44%;}
.solution6_list .rt .nr_box{}
.solution6_list .rt .img{}
.solution6_list .rt .img img{ display:block; width:100%; min-height:450px; border-radius:20px;}
@media(max-width:1420px){
.solution6bg{ padding:80px 0 80px 0; }
.solution6_list .lt .nr_box{ padding:40px 0;}
.solution6_list .lt .txt1{ padding:60px 0 30px 0;}
.solution6_list .lt .txt1 .h2{ font-size:24px; line-height:34px;}
.solution6_list .lt .txt1 .h3{ font-size:20px; line-height:30px;}
.solution6_list .lt .txt2 ul li{ padding-right:25px; margin-right:25px;}
.solution6_list .lt .txt2 ul li .txt .h2{ font-size:20px; line-height:30px;}
.solution6_list .lt .txt2 ul li .txt .h3{ font-size:14px; line-height:24px;}
.solution6_list .rt .img img{ min-height:380px;}
}
@media(max-width:1024px){
.solution6bg{ padding:60px 0 60px 0; }
.solution6 .list{ margin-top:40px;}
.slideTxtBox_02 .hd ul li a{ font-size:14px; line-height:24px; padding-bottom:5px; border-bottom:2px solid #ccc; }
.slideTxtBox_02 .bd{ margin-top:20px;}
.solution6_list .lt{ float:left; width:100%;}
.solution6_list .lt .nr_box{ padding:20px 0 20px 0; width:90%; }
.solution6_list .lt .txt1{ padding:40px 0 20px 0; }
.solution6_list .lt .txt1:before{ width:36px; height:36px;}
.solution6_list .lt .txt1:after{ width:36px; height:36px; }
.solution6_list .lt .txt1 .h2{ font-size:20px; line-height:30px; }
.solution6_list .lt .txt1 .h3{ font-size:12px; line-height:22px;}
.solution6_list .lt .txt2 ul li{ float:left; padding-right:10px; margin-right:10px; margin-top:20px; border:none; max-width:50%;}
.solution6_list .lt .txt2 ul li:last-child{ padding-right:0; margin-right:0;}
.solution6_list .lt .txt2 ul li .txt .h2{ font-size:16px; line-height:20px; }
.solution6_list .lt .txt2 ul li .txt .h3{ font-size:12px; line-height:22px;}
.solution6_list .rt{ float:right; width:100%;}
.solution6_list .rt .img img{ width:100%; min-height:0px; }
}

.solution8bg{ padding:120px 0 120px 0; overflow:hidden;}
.solution8{}
.solution8 .list{ margin-top:60px; background:#ebf2fc; border-radius:30px; padding:30px;}
.solution8 .list .img{}
.solution8 .list .img img{ display:block; margin:0 auto; width:100%;}
@media(max-width:1420px){
.solution8bg{ padding:80px 0 80px 0; }
}
@media(max-width:1024px){
.solution8bg{ padding:60px 0 60px 0;}
.solution8 .list{ margin-top:40px; border-radius:20px; padding:20px;}
}

.solution9bg{ padding:120px 0 120px 0; overflow:hidden;}
.solution9{ color:#fff;}
.solution9 .tit2 .h2{ color:#fff;}
.solution9 .list{ margin-top:60px; border:2px solid #fff; border-radius:20px; padding:60px 0 30px 0; position:relative;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.solution9 .list .lt{ width:20%;}
.solution9 .list .lt .img{}
.solution9 .list .lt .img img{ display:block; margin:0 auto; max-width:90%;}
.solution9 .list .ct{ width:60%;}
.solution9 .list .ct .txt{ text-align:center; margin-bottom:20px;}
.solution9 .list .ct .txt ul li{ display:inline-block; vertical-align:top; border:1px solid #fff; font-size:30px; line-height:40px; padding:5px 20px; border-radius:5px; margin:0 10px 20px 10px;}
.solution9 .list .rt{ width:20%;}
.solution9 .list .rt .img{}
.solution9 .list .rt .img img{ display:block; margin:0 auto; max-width:90%;}
@media(max-width:1420px){
.solution9bg{ padding:80px 0 80px 0; }
.solution9 .list .ct .txt ul li{ font-size:24px; line-height:34px;}
}
@media(max-width:1024px){
.solution9bg{ padding:60px 0 60px 0;}
.solution9 .list{ margin-top:40px; border:2px solid #fff; border-radius:20px; padding:30px 0 30px 0; display:block;}
.solution9 .list .lt{/* width:100%;*/ position:absolute; left:0; top:50%; transform:translateY(-50%);}
.solution9 .list .ct{ width:100%;/* margin-top:20px;*/}
.solution9 .list .ct .txt{ margin-bottom:10px;}
.solution9 .list .ct .txt ul li{ border:1px solid #fff; font-size:12px; line-height:22px; padding:5px 10px; border-radius:5px; margin:0 2px 10px 2px;}
.solution9 .list .rt{/* width:100%; margin-top:20px;*/ position:absolute; right:0; top:50%; transform:translateY(-50%);}
}


.kol1bg{ height:700px; background:url(../images/kol_bg1.png) center no-repeat; background-size:cover; overflow:hidden;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.kol1{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.kol1 .txtbg{ width:42%;}
.kol1 .txt{}
.kol1 .txt .h2{ font-size:60px; line-height:70px; font-weight:bold;}
.kol1 .txt .h3{ font-size:24px; line-height:44px; margin-top:30px;}
.kol1 .txt .h3 strong{ display:inline-block; vertical-align:middle; font-weight:normal; margin:0 0 10px 0;}
.kol1 .txt .h3 span{ display:inline-block; vertical-align:middle; background:#5c4ef6; color:#fff; border-radius:50px; padding:0 10px; margin:0 15px 10px 0;}
.kol1 .txt .h3 span:nth-child(4),.kol1 .txt .h3 span:nth-child(5){ background:#8c89f8;}
.kol1 .img{ width:58%;}
.kol1 .img img{ display:block; margin:0 auto; max-width:90%;}
@media(max-width:1420px){
.kol1 .txt .h2{ font-size:50px; line-height:60px; }
.kol1 .txt .h3{ font-size:18px; line-height:38px;}
}
@media(max-width:1024px){
.kol1bg{ height:200px;}
.kol1 .txtbg{ width:70%;}
.kol1 .txt .h2{ font-size:20px; line-height:24px; }
.kol1 .txt .h3{ font-size:12px; line-height:24px; margin-top:10px;}
.kol1 .txt .h3 strong{ margin:0 0 5px 0;}
.kol1 .txt .h3 span{ padding:0 5px; margin:0 5px 5px 0;}
.kol1 .img{ width:30%;}
}

.kol2bg{ padding:120px 0 120px 0; overflow:hidden;}
.kol2{}
.kol2 .list{ margin-top:60px;}
.kol2 .list ul li{ float:left; width:calc((100% - 90px)/4); margin:0 0 30px 30px; background:#eaf1fb; border-radius:10px; overflow:hidden; box-shadow:0px 0px 10px #eaf1fb;}
.kol2 .list ul li:hover{ box-shadow:0px 0px 10px #eee;}
.kol2 .list ul li:nth-child(4n-3){ margin-left:0; clear:left;}
.kol2 .list ul li .nr_box{}
.kol2 .list ul li .img{ padding-bottom:70%; position:relative; border-radius:10px; overflow:hidden;}
.kol2 .list ul li .img img{ display:block; width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.kol2 .list ul li .txt{ padding:20px 15px 30px 15px; text-align:center;}
.kol2 .list ul li .txt .h2{ font-size:24px; line-height:34px; font-weight:bold; background:#5b4ef6; color:#fff; padding:5px 10px; border-radius:10px; }
@media(max-width:1420px){
.kol2bg{ padding:80px 0 80px 0; }
.kol2 .list ul li .txt .h2{ font-size:18px; line-height:28px;}
}
@media(max-width:1024px){
.kol2bg{ padding:60px 0 60px 0;}
.kol2 .list{ margin-top:40px;}
.kol2 .list ul li{ float:left; width:calc((100% - 10px)/2); margin:0 0 10px 10px; }
.kol2 .list ul li:nth-child(4n-3){ margin-left:10px; clear:none;}
.kol2 .list ul li:nth-child(2n-1){ margin-left:0; clear:left;}
.kol2 .list ul li .txt{ padding:10px 5% 10px 5%; }
.kol2 .list ul li .txt .h2{ font-size:14px; line-height:24px; padding:5px 10px; border-radius:10px; }
}

.kol3bg{ padding:120px 0 120px 0; background:#eaf1fb; overflow:hidden;}
.kol3{}
.kol3 .list{ margin-top:60px; background:#fff; border-radius:30px; padding:30px;}
.kol3 .list .img{}
.kol3 .list .img img{ display:block; margin:0 auto; width:100%;}
@media(max-width:1420px){
.kol3bg{ padding:80px 0 80px 0; }
}
@media(max-width:1024px){
.kol3bg{ padding:60px 0 60px 0;}
.kol3 .list{ margin-top:40px; border-radius:20px; padding:20px;}
}

.kol4bg{ padding:120px 0 120px 0; overflow:hidden;}
.kol4{}
.kol4 .list{ margin-top:30px;}
.kol4 .list ul li{ float:left; width:calc((100% - 60px)/2); margin:30px 0 0 60px; background:#eaf1fb; border-radius:10px; overflow:hidden; box-shadow:0px 0px 10px #eaf1fb;}
.kol4 .list ul li:hover{ box-shadow:0px 0px 10px #eee;}
.kol4 .list ul li:nth-child(2n-1){ margin-left:0; clear:left;}
.kol4 .list ul li .nr_box{ padding:30px;}
.kol4 .list ul li .img{ padding-bottom:80%; position:relative; overflow:hidden;}
.kol4 .list ul li .img img{ display:block; width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.kol4 .list ul li .txt{ padding:20px 0 20px 0; }
.kol4 .list ul li .txt .h2 {
	font-size: 28px;
	line-height: 40px;
	font-weight: bold;
	background: #5b4ef6;
	color: #fff;
	padding: 15px 40px;
	border-radius: 10px;
	text-align: center;
}
@media(max-width:1420px){
.kol4bg{ padding:80px 0 80px 0; }
.kol4 .list ul li .txt .h2{ font-size:20px; line-height:30px; padding:15px 20px;}
}
@media(max-width:1024px){
.kol4bg{ padding:60px 0 60px 0; }
.kol4 .list{ margin-top:10px;}
.kol4 .list ul li{ float:left; width:100%; margin:10px 0 0 0; }
.kol4 .list ul li .nr_box{ padding:20px 5%;}
.kol4 .list ul li .txt{ padding:20px 0 20px 0; }
.kol4 .list ul li .txt .h2{ font-size:18px; line-height:28px; padding:15px 5%; }
}

.kol5bg{ padding:120px 0 120px 0; background:#eaf1fb; overflow:hidden;}
.kol5{}
.kol5 .list{ margin-top:30px;}
.kol5 .list ul li{ float:left; width:calc((100% - 60px)/2); margin:30px 0 0 60px; background:#fff; border-radius:10px; overflow:hidden; box-shadow:0px 0px 10px #eee;}
.kol5 .list ul li:hover{ box-shadow:0px 0px 10px #eaf1fb;}
.kol5 .list ul li:nth-child(2n-1){ margin-left:0; clear:left;}
.kol5 .list ul li .nr_box{ padding:20px;}
.kol5 .list ul li .img{ }
.kol5 .list ul li .img img{ display:block; width:100%; }
@media(max-width:1420px){
.kol5bg{ padding:80px 0 80px 0; }
}
@media(max-width:1024px){
.kol5bg{ padding:60px 0 60px 0; }
.kol5 .list{ margin-top:10px;}
.kol5 .list ul li{ float:left; width:100%; margin:10px 0 0 0; }
.kol5 .list ul li .nr_box{ padding:20px 5%;}
}

.kol6bg{ padding:120px 0 120px 0; overflow:hidden;}
.kol6{}
.kol6 .list{ margin-top:60px; background:#eaf1fb; border-radius:30px; padding:30px; box-shadow:0px 0px 10px #eaf1fb;}
.kol6 .list .img{}
.kol6 .list .img img{ display:block; margin:0 auto; width:100%;}
@media(max-width:1420px){
.kol6bg{ padding:80px 0 80px 0; }
}
@media(max-width:1024px){
.kol6bg{ padding:60px 0 60px 0;}
.kol6 .list{ margin-top:40px; border-radius:20px; padding:20px;}
}

.kol7bg{ padding:120px 0 120px 0; overflow:hidden;}
.kol7{}
.kol7 .list{ margin-top:60px; background:#eaf1fb; border-radius:30px; padding:30px; box-shadow:0px 0px 10px #eaf1fb;}
.kol7 .list .img{}
.kol7 .list .img img{ display:block; margin:0 auto; width:100%;}
@media(max-width:1420px){
.kol7bg{ padding:80px 0 80px 0; }
}
@media(max-width:1024px){
.kol7bg{ padding:60px 0 60px 0;}
.kol7 .list{ margin-top:40px; border-radius:20px; padding:20px;}
}


.productionbg{ padding:120px 0 120px 0; background:#f8f9fd; overflow:hidden;}
.production{}
.production_lt{ float:left; width:calc(100% - 430px); background:#fff; padding:60px;}
.production_rt{ float:right; width:280px;}
.more4{}
.more4 span{ display:inline-block; vertical-align:middle; text-align:center; padding:0 5px; min-width:40px; height:22px; line-height:22px; font-size:12px; background:#5f4dff; color:#fff; border-radius:10px;}
.more4 span:hover{ opacity:.9;}
.side_b{ background:#fff; border-radius:10px; padding:20px; margin-bottom:20px;}
.side_b .h2{ font-size:16px; line-height:26px; border-bottom:1px solid #ccc; padding-bottom:15px;}
.side_b .list{ margin-top:20px;}
.side_b .list ul li{ margin-top:15px;}
.side_b .list ul li .nr_box{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.side_b .list ul li .imgbg{ width:30px;}
.side_b .list ul li .img{ height:30px; position:relative;}
.side_b .list ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.side_b .list ul li .txtbg{ width:calc(100% - 80px);}
.side_b .list ul li .txt{ padding:0 10px;}
.side_b .list ul li .txt .h3{ font-size:14px; line-height:24px;}
.side_b .list ul li .more4{ width:50px;}

.side_c{background-image: linear-gradient(#6f5fff, #bbb4fd); border-radius:10px; padding:20px; margin-bottom:20px; color:#fff;}
.side_c .h2{ font-size:20px; line-height:30px; text-align:center;}
.side_c .list{ text-align:center;}
.side_c .list .h3{ font-size:12px; line-height:22px; margin-top:10px;}
.side_c .list .h3 span{ display:inline-block; vertical-align:middle; background:rgba(255,255,255,.5); color:#fff; border-radius:5px; padding: 0 2px; margin:5px 2px;}
.side_c .list .img{ margin-top:20px;}
.side_c .list .img img{ display:block; margin:0 auto; max-width:100%;}

.side_d{ background:#fff; border-radius:10px; padding:20px; margin-bottom:20px;}
.side_d .h2{ font-size:16px; line-height:26px; border-bottom:1px solid #ccc; padding-bottom:15px;}
.side_d .list{ margin-top:20px;}
.side_d .list ul li{ margin-top:10px;}
.side_d .list ul li .nr_box{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.side_d .list ul li .imgbg{ width:34%;}
.side_d .list ul li .img{}
.side_d .list ul li .img img{ display:block; margin:0 auto; width:100%;}
.side_d .list ul li .txtbg{ width:66%;}
.side_d .list ul li .txt{ padding:0 0 0 10px;}
.side_d .list ul li .txt .h3{ font-size:12px; line-height:22px;}
@media(max-width:1420px){
.productionbg{ padding:80px 0 80px 0; }
.production_lt{ float:left; width:calc(100% - 350px); padding:40px;}
.production_rt{ float:right; width:240px;}
}
@media(max-width:1024px){
.productionbg{ padding:60px 0 60px 0; }
.production_lt{ float:left; width:90%; padding:40px 5%;}
.production_rt{ float:right; width:100%;}
}


.production_lt .h1{ font-size:24px; line-height:34px; font-weight:bold;}
.tit4{}
.tit4 .h2{ font-size:20px; line-height:36px; position:relative; padding-left:20px;}
.tit4 .h2:before{ content:""; width:10px; height:100%; border-radius:5px; background:#5f4eff; position:absolute; left:0; top:0;}
.tit4 .h2 span{ display:inline-block; vertical-align:top; text-align:center; background:#5f4eff; color:#fff; padding:0 10px; min-width:120px; border-radius:5px;}
.tit4 .h3{ font-size:16px; line-height:26px; margin-top:25px;}
.production1{ margin-top:60px;}
.production1 .list1{ margin-top:15px;}
.production1 .list1 ul li{ display:inline-block; vertical-align:middle; text-align:center; border:1px solid #999; color:#333; border-radius:5px; font-size:16px; line-height:26px; padding:0 5px; margin:5px 5px 0 0;}
.production1 .list2{ margin-top:20px;}
.production1 .list2 .h2{ font-size:16px; line-height:32px;}
.production1 .list2 .h2 span {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	background: #5f4eff;
	color: #fff;
	padding: 0 10px;
	border-radius: 5px;
	margin-top: 60px;
}
.production1 .list2 .img{ }
.production1 .list2 .img img{ display:block; margin:0 auto; max-width:100%;}
@media(max-width:1420px){
.production1{ margin-top:40px;}
}
@media(max-width:1024px){
.production1 .list1 ul li{ font-size:14px; line-height:24px;}
}

.production2{ margin-top:60px;}
.production2 .list1{ margin-top:40px;}
.slideTxtBox_03{}
.slideTxtBox_03 .hd{}
.slideTxtBox_03 .hd ul li{ float:left; width:calc((100% - 60px)/4); margin:0 0 0 20px;}
.slideTxtBox_03 .hd ul li:nth-child(4n-3){ margin-left:0; clear:left;}
.slideTxtBox_03 .hd ul li a{ display:block; font-size:16px; line-height:26px; height:26px; padding:5px 0; border-bottom:4px solid #999; text-align:center;}
.slideTxtBox_03 .hd ul li.on a{ border-color:#5f4eff; color:#5f4eff;}
.slideTxtBox_03 .bd{ margin-top:20px;}
.production2_list{}
.production2_list dl dd{ margin-top:20px; box-shadow:0px 10px 10px #f8f9fd; border:2px solid #ccc; border-radius:20px;}
.production2_list dl dd .nr_box{ padding:10px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.production2_list dl dd .imgbg{ width:130px;}
.production2_list dl dd .img{ height:98px; border:1px solid #ccc; border-radius:10px; position:relative;}
.production2_list dl dd .img img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto auto;
	object-fit: cover;
	border-radius: 10px;
}
.production2_list dl dd .txtbg{ width:calc(100% - 180px);}
.production2_list dl dd .txt{ padding:0 20px;}
.production2_list dl dd .txt .h2{ font-size:16px; line-height:20px; font-weight:bold; color:#5f4eff;}
.production2_list dl dd .txt .h2 a{ color:#5f4eff;}
.production2_list dl dd .txt .h2 img{ vertical-align:middle; margin-left:5px; max-width:20px; max-height:20px;}
.production2_list dl dd .txt ul li{ font-size:14px; line-height:18px; margin-top:5px;}
.production2_list dl dd .more4{ width:50px;}
.production2_list dl dd .more4 span{ height:26px; line-height:26px;}
@media(max-width:1024px){
.slideTxtBox_03 .hd ul li{ float:left; width:calc((100% - 15px)/4); margin:0 0 0 5px;}
.slideTxtBox_03 .hd ul li:nth-child(4n-3){ margin-left:0; clear:left;}
/*.slideTxtBox_03 .hd ul li:nth-child(2n-1){ margin-left:0; clear:left;}*/
.slideTxtBox_03 .hd ul li a{ font-size:12px; line-height:22px; height:22px; font-weight:bold;}
.production2_list dl dd .nr_box{ display:block; position:relative;}
.production2_list dl dd .imgbg{ width:50%;}
.production2_list dl dd .img{ height:78px; border:1px solid #ccc; border-radius:10px; }
.production2_list dl dd .txtbg{ width:100%;}
.production2_list dl dd .txt{ padding:10px 0 0 0;}
.production2_list dl dd .txt .h2{ font-size:14px; line-height:18px; font-weight:bold; color:#5f4eff;}
.production2_list dl dd .txt .h2 a{ color:#5f4eff;}
.production2_list dl dd .txt .h2 img{ vertical-align:middle; margin-left:5px; max-width:14px; max-height:14px;}
.production2_list dl dd .txt ul li{ font-size:12px; line-height:16px; margin-top:5px;}
.production2_list dl dd .more4{ width:60px; position:absolute; right:10px; top:25px;}
.production2_list dl dd .more4 span{ min-width:50px;}
/*.production2_list dl dd .nr_box{ display:block;}
.production2_list dl dd .imgbg{ width:100%;}
.production2_list dl dd .img{ height:auto; padding-bottom:75%; }
.production2_list dl dd .txtbg{ width:100%; margin-top:5px;}
.production2_list dl dd .txt{ padding:0 0;}*/
}

.production3{ margin-top:60px;}
.production3 .list1{ margin-top:30px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.production3 .list1 .txtbg{ width:40%;}
.production3 .list1 .txt{ font-size:16px; line-height:26px;}
.production3 .list1 .txt ul li{ padding-left:30px; position:relative; margin-bottom:10px;}
.production3 .list1 .txt ul li:before{ content:""; width:20px; height:20px; background:url(../images/ico_list1.png) center no-repeat; background-size:contain; position:absolute; left:0; top:3px;}
.production3 .list1 .img{ width:60%;}
.production3 .list1 .img img{ display:block; margin:0 auto; max-width:100%;}
@media(max-width:1024px){
.production3 .list1{ display:block;}
.production3 .list1 .txtbg{ width:100%;}
.production3 .list1 .img{ width:100%; margin-top:5px;}
}

.production4{ margin-top:60px;}
.production4 .list1{ margin-top:20px;}
.production4 .list1 ul li{ float:left; width:calc((100% - 40px)/3); margin:20px 0 0 20px; box-shadow:0px 0px 10px #eee; border-radius:10px; overflow:hidden;}
.production4 .list1 ul li:hover{ box-shadow:0px 0px 10px #f8f9fd;}
.production4 .list1 ul li:nth-child(3n-2){ margin-left:0; clear:left;}
.production4 .list1 ul li .img{ padding-bottom:44%; position:relative;}
.production4 .list1 ul li .img img{ display:block; width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.production4 .list1 ul li .txt{ padding:20px 10px; color:#333;}
.production4 .list1 ul li .txt .h2{ font-size:14px; line-height:24px; font-weight:bold; color:#5f4eff}
.production4 .list1 ul li .txt .h2 span{ display:inline-block; border-bottom:1px solid #5f4eff;}
.production4 .list1 ul li .txt .h3{ font-size:12px; line-height:22px; height:66px; margin-top:20px;}
.production4 .list1 ul li .txt .h3 strong{ color:#5f4eff;}
@media(max-width:1024px){
.production4 .list1 ul li{ float:left; width:100%; margin:20px 0 0 0; }
.production4 .list1 ul li .txt .h3{ font-size:12px; line-height:22px; height:auto; margin-top:20px;}
}

.production5{ margin-top:60px;}
.production5 .list1{ margin-top:20px;}
.production5 .list1 ul li{ float:left; width:calc(100%/3); margin:20px 0 0 0;}
.production5 .list1 ul li:nth-child(3n-2){ clear:left;}
.production5 .list1 ul li .nr_box{}
.production5 .list1 ul li .img{ width:30px; height:30px; position:relative;}
.production5 .list1 ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.production5 .list1 ul li .txt{ padding:0 40px 0 0; position:relative;}
.production5 .list1 ul li .txt:before{ content:""; width:1px; height:50px; background:#ccc; position:absolute; top:0; right:20px;}
.production5 .list1 ul li:nth-child(3n) .txt:before{ display:none;}
.production5 .list1 ul li .txt .h2{ font-size:14px; line-height:24px;}
.production5 .list1 ul li .txt .h3{ font-size:12px; line-height:22px; color:#5f4eff; }
@media(max-width:1024px){
.production5 .list1 ul li{ float:left; width:50%; margin:20px 0 0 0;}
.production5 .list1 ul li:nth-child(3n-2){ clear:none;}
.production5 .list1 ul li:nth-child(2n-1){ clear:left;}
.production5 .list1 ul li:nth-child(3n) .txt:before{ display:block;}
.production5 .list1 ul li:nth-child(2n) .txt:before{ display:none;}
}