/*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:12px; font-family: Arial,' '; color:#333;}
a{ color:#666;}
a:hover{ color:#E3364E; text-decoration:none;}
p{line-height:1.5em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper1{ width:1200px; margin:0 auto;}
input,textarea,select{outline:none}
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;}
@media(max-width:1024px){
.wapper1{ width:90%; }
}
/*common end*/



.headbg{ width:100%; background:#fff; box-shadow:rgba(43, 52, 69, 0.1) 0px 4px 16px; position:fixed; z-index:55; top:0; left:0;}
.head{ height:80px;}
.head .logo{ float:left; width:15%; height:80px; position:relative; }
.head .logo img{ max-width:100%; max-height:90%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}
/**/
.h_search1{ float:right; margin:20px 0 0 50px;}
.h_search1 a{ display:block; text-align:center; width:20px; height:40px; line-height:40px; font-size:20px; color:#333;}
.h_search1 a:hover{ color:#E3364E; }
.search1_open i.fa-close{ display:none;}
.search1_open.active i.fa-search{ display:none;}
.search1_open.active i.fa-close{ display:inline-block;}
/*menu*/
.menu{height:80px;line-height:20px; float:right; }
.menu ul li{ float:left; position:relative; padding:20px 0;}
.menu ul li span a{ font-size:16px;color:#333; font-weight:normal; display:block;text-align:center; padding:0 50px;}
.menu ul li span a:hover{color:#000;}
.menu ul li span em{ display:block; font-style:normal; font-size:12px; text-transform:uppercase;}
.menu ul li dl{ background:#eee; width:200px; transform:translateX(-50%); position:absolute; left:50%; top:100%;  box-shadow:rgba(43, 52, 69, 0.1) 0px 4px 16px; padding:10px 0;display:none; }
.menu ul li dl dd{ line-height:24px; }
.menu ul li dl dd a{ font-size:14px; color:#666; font-weight:normal; display:block; text-align:center; padding:10px 15px;}
.menu ul li dl dd a:hover{ color:#E3364E; }
.menu ul li span a.menu_hover{ color:#000; font-weight:bold;}
/**/
.head_mbg{ width:100%; background:#fff; box-shadow:rgba(43, 52, 69, 0.1) 0px 4px 16px; position:fixed; z-index:55; top:0; left: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{ max-width:100%; max-height:90%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}
.h_search2{ float:right; margin:10px 5% 0 0;}
.h_search2 a{ display:block; text-align:center; width:20px; height:40px; line-height:40px; font-size:20px; color:#666;}
/**/
.nav_open{ width:20px; height:40px; line-height:40px; text-align:center; font-size:20px; color:#666;float:right; margin:10px 5% 0 0;}
.nav_open i{ }
.nav_open i.fa-close{ display:none;}
.nav_open.active i.fa-navicon{ display:none;}
.nav_open.active i.fa-close{ display:inline-block;}
.navbg{ width:100%; height:calc(100vh - 60px); background:#fff; position:fixed; top:60px; left:0; z-index:666; display:none;}
.nav{ padding:0px 0 20px 0; position:relative;}
.nav_list{ height:calc(100vh - 80px); overflow-Y:scroll;}
.tree{}
.tree_box{ border-top:1px solid #eee; padding:0 5%;}
.tree_box h3{ font-weight:normal; font-size:14px; height:44px; line-height:44px; overflow:hidden; margin:0; position:relative;}
.tree_box h3 a{ color:#333; position:relative; z-index:10;}
.tree_box h3 a:hover{ color:#cc0000;}
.tree_box h3 span{ position:absolute; width:100%; height:100%; left:0; top:0; text-align:right;}
.tree_box h3 span i{}
.tree_one{display: none; overflow: hidden; padding:0 0 10px 0;}
.tree_one h4{ font-weight:normal; font-size:12px; position:relative; height:42px; line-height:42px; overflow:hidden; margin:0 0 0 5%; }
.tree_one h4 a{ color:#666; position:relative; z-index:10;}
.tree_one h4 a:hover{ color:#cc0000;}
.tree_two{display: none; overflow: hidden;}
/**/
.search1bg{ width:100%; background:#eee; position:fixed; z-index:666; top:80px; left:0; display:none;}
.search1{ width:90%; max-width:800px; margin:0 auto;}
.search1_con{ padding:30px 0;}
.search1_con .form1{ height:60px; border:1px solid rgba(0, 0, 0, 0.23); border-radius:70px; background:#fff;}
.search1_con .text1{ float:left; border:none; background:none; width:100%; height:60px; line-height:60px; padding:0 20px; width:calc(100% - 100px);}
.search1_con .button1{ float:right; width:60px; height:60px; line-height:60px; text-align:center; font-size:20px; color:#666;}
.h_height{ height:80px;}
@media(max-width:1024px){
.headbg{ display:none;}
.head_mbg{ display:block;}
.search1bg{ top:60px; }
.h_height{ height:60px;}
}


.bannerbg{}
.bannerbg .wapper1{ border-radius:20px; overflow:hidden;}
.swiper-container1 { width: 100%; }
.swiper-container1 .swiper-slide { position:relative;
/* 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 img{ display:block; width:100%; position:relative; z-index:1;}
.swiper-container1 .swiper-slide:before{ content:""; width:100%; height:100%; background:url(../images/shade.png) center no-repeat; background-size:cover; position:absolute!important; bottom:0; left:0; z-index:2;}
.swiper-container1 .swiper-slide .txtbg{ width:100%; position:absolute; left:0; bottom:0; z-index:3;}
.swiper-container1 .swiper-slide .txt{ color:#fff; padding:30px 40px 30px 40px;}
.swiper-container1 .swiper-slide .txt .h2{ font-size:30px; line-height:34px; font-weight:bold; margin:0 0 10px 0;}
.swiper-container1 .swiper-slide .txt .h2 span{ display:inline-block; vertical-align:top; padding:0 10px; background:#e3364e; color:#fff; font-size:18px; border-radius:4px;}
.swiper-container1 .swiper-slide .txt .h3{ font-size:24px; line-height:28px; margin:0 0 10px 0;}
.swiper-container1 .swiper-slide .txt .h4{ font-size:24px; line-height:28px; }
.swiper-container1 .swiper-pagination1{ width: fit-content; left:auto; bottom:20px; right:30px;}
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet{ width:14px; height:6px; border:2px solid #fff; background:none; opacity:1; border-radius:20px; margin:0 0 0 10px;}
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ 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{}
@media(max-width:1024px){
.bannerbg .wapper1{ width:100%; border-radius:0px; }
.swiper-container1{ padding-bottom:20px;}
.swiper-container1 .swiper-slide:before{ display:none;}
.swiper-container1 .swiper-slide .txtbg{ position:static; }
.swiper-container1 .swiper-slide .txt{ color:#333; padding:10px 5% 10px 5%;}
.swiper-container1 .swiper-slide .txt .h2{ font-size:20px; line-height:24px; margin:0 0 5px 0;}
.swiper-container1 .swiper-slide .txt .h2 span{ padding:0 10px; font-size:12px; }
.swiper-container1 .swiper-slide .txt .h3{ font-size:14px; line-height:18px; margin:0 0 5px 0;}
.swiper-container1 .swiper-slide .txt .h4{ font-size:14px; line-height:18px; }
.swiper-container1 .swiper-pagination1{ bottom:0; right:0; width:100%;}
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet{ border:2px solid #494949; background:none; margin:0 0 0 10px;}
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#494949; opacity:1;}
}


.tit1{ text-align:center;}
.tit1 .h2{ font-size:25px; line-height:1em;}
.tit1 .h2 strong{ display:inline-block; vertical-align:top; padding:0 20px; border-left:4px solid #E3364E; border-right:4px solid #E3364E;}
.more1{ text-align:center;}
.more1 span{ display:inline-block; vertical-align:top; text-align:center; background: #E3E9EF; color:#333; font-size:16px; padding:0 15px; height:40px; line-height:40px; border-radius:50px; font-weight:bold;
box-shadow: 0px 4px 16px rgba(43, 52, 69, 0.1);}
.more1 span:hover{ background: #f5f5f5;
box-shadow: 0px 0px 28px rgba(3, 0, 71, 0.01);}
.con01bg{ padding:80px 0 40px 0;}
.con01{}
.con01 .list{ margin-top:40px;}
.con01 .list ul li{ float:left; width:calc((100% - 60px)/4); margin:0 20px 20px 0;}
.con01 .list ul li:nth-child(4n){ margin-right:0;}
.con01 .list ul li .nr_box{}
.con01 .list ul li .img_box{}
.con01 .list ul li .img{ padding-bottom:68%; position:relative; border-radius:6px; overflow:hidden;}
.con01 .list ul li .img img{ display:block; width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;}
.con01 .list ul li:hover .img img{ transform:scale(1.1);}
.con01 .list ul li .txtbg{}
.con01 .list ul li .txt{ margin-top:5px;}
.con01 .list ul li .txt .h2{ font-size:16px; line-height:26px; height:52px; overflow:hidden;}
@media(max-width:1024px){
.tit1 .h2{ font-size:16px; line-height:1em;}
.more1 span{ font-size:12px; padding:0 15px; height:30px; line-height:30px; }
.con01bg{ padding:60px 0 30px 0;}
.con01 .list ul li{ float:left; width:100%; margin:0 0 20px 0;}
.con01 .list ul li .img_box{ float:left; width:45%;}
.con01 .list ul li .img{ border-radius:0; }
.con01 .list ul li .txtbg{ float:right; width:55%;}
.con01 .list ul li .txt{ margin-top:0; padding:0 0 0 10px;}
.con01 .list ul li .txt .h2{ font-size:16px; line-height:26px; height:104px; }
}


.con02bg{ padding:40px 0 40px 0;}
.con02{}
.con02 .list{ margin-top:40px;}
.con02 .list ul li{ float:left; width:calc((100% - 40px)/3); margin:0 20px 20px 0; position:relative;}
.con02 .list ul li:nth-child(3n){ margin-right:0;}
.con02 .list ul li .img{ padding-bottom:58%; position:relative; border-radius:6px; overflow:hidden;}
.con02 .list ul li .img img{ display:block; width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;}
.con02 .list ul li:hover .img img{ transform:scale(1.1);}
.con02 .list ul li .txtbg{ width:100%; position:absolute; right:0; bottom:0;}
.con02 .list ul li .txt{ color:#fff; text-align:right; padding:20px 30px 20px 30px;}
.con02 .list ul li .txt .h2{ font-size:25px; line-height:29px; font-weight:bold;}
@media(max-width:1024px){
.con02bg{ padding:30px 0 30px 0;}
.con02 .list ul li{ float:left; width:calc((100% - 10px)/2); margin:0 10px 10px 0; }
.con02 .list ul li:nth-child(3n){ margin-right:10px;}
.con02 .list ul li:nth-child(2n){ margin-right:0;}
.con02 .list ul li .img{ border-radius:0; }
.con02 .list ul li .txt{ padding:10px 20px 10px 20px;}
.con02 .list ul li .txt .h2{ font-size:16px; line-height:20px; }
}


.con03bg{ padding:40px 0 40px 0;}
.con03{}
.con03 .list{ margin-top:40px;}
.swiper-container2 { width: 100%; }
.swiper-container2 .swiper-slide { position:relative;
/* 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{ padding-bottom:132%; position:relative; border-radius:6px; overflow:hidden;}
.swiper-container2 .swiper-slide .img img{ display:block; width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.swiper-container2 .swiper-slide .txt{ text-align:center; margin-top:10px;}
.swiper-container2 .swiper-slide .txt .h2{ font-size:20px; line-height:24px;}
.swiper-container2 .swiper-slide .txt .h3{ font-size:14px; line-height:18px;}
.swiper-container2 .swiper-pagination2{ display:none;}
.swiper-container2 .swiper-pagination2 .swiper-pagination-bullet{ }
.swiper-container2 .swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active{ }
.swiper-container2 .swiper-button-prev2,.swiper-container2 .swiper-button-next2{ display:none;}
.swiper-container2 .swiper-button-prev2{}
.swiper-container2 .swiper-button-next2{}
.con03 .list2{ margin-top:40px;}
.sq1_open{ display:block; height:60px; line-height:60px; border-radius:4px; background:#D23F57; color:#fff; font-size:20px; font-weight:bold; text-align:center;
box-shadow:0px 4px 16px rgba(43, 52, 69, 0.1);}
.sq1_open:hover{ background:#E3364E; color:#fff;
box-shadow:0px 0px 28px rgba(3, 0, 71, 0.01);}
.sq1_box{ display:none;}
.sq1_close1{ width:100%; height:100%; background:rgba(0, 0, 0, 0.5); position:fixed; z-index:998; top:0; left:0;}
.sq1bg{ width:600px; background:#fff; border-radius:10px; position:fixed; z-index:999; top:50%; left:50%; transform:translate(-50%,-50%); max-height:90%; overflow-y:auto;}
.sq1{ padding:20px 30px;}
.sq1>.h2{ font-weight:bold; font-size:20px; line-height:30px; text-align:center; margin-bottom:20px;}
.sq1 .form1{ font-size:16px; line-height:32px;}
.sq1 .form1 table{}
.sq1 .form1 table th{ width:81px; padding:5px 20px 5px 0; text-align:right; font-weight:normal;}
.sq1 .form1 table td{ width:calc(100% - 90px); padding:5px 0 5px 0;}
.sq1 .form1 .zp1_box{ display:flex; align-items: center;}
.sq1 .form1 .zp1_box .img{ width:88px; margin:0 auto;}
.sq1 .form1 .zp1_box .img img{ display:block; cursor:pointer;}
.sq1 .form1 .zp1_box .txt{ width:calc(100% - 88px); text-align:center;}
.sq1 .form1 .zp1_box .txt .h2{ font-size:12px; color:#999;}
.sq1 .form1 .text1{ border:1px solid #e3e9ef; height:30px; line-height:30px; padding:0 10px; border-radius:5px; width:calc(100% - 22px);}
.sq1 .form1 select{ border:1px solid #e3e9ef; height:32px; line-height:30px; padding:0 10px; border-radius:5px; width:100%;}
.sq1 .form1 .button1{ text-align:center; display:inline-block; vertical-align:top; padding:0 10px; min-width:180px; height:32px; line-height:32px; border-radius:5px; background:#d23f57; color:#fff; font-weight:bold; font-size:14px; margin-top:10px;}
.sq1 .form1 .button1:hover{ opacity:.9;}
@media(max-width:1024px){
.con03bg{ padding:30px 0 30px 0;}
.swiper-container2 .swiper-slide .img{ border-radius:0;}
.swiper-container2 .swiper-slide .txt .h2{ font-size:16px; line-height:20px;}
.swiper-container2 .swiper-slide .txt .h3{ font-size:12px; line-height:16px;}
.sq1_open{ height:40px; line-height:40px; font-size:16px; }
.sq1bg{ width:90%; }
.sq1{ padding:20px 5%;}
.sq1 .form1 table th{ width:70px; padding:5px 10px 5px 0;}
.sq1 .form1 table td{ width:calc(100% - 80px); padding:5px 0 5px 0;}
.sq1 .form1 .zp1_box{ display:block;}
.sq1 .form1 .zp1_box .img{ width:88px; margin-bottom:5px;}
.sq1 .form1 .zp1_box .txt{ width:100%;}
.sq1 .form1 .zp1_box .txt .h2{ font-size:12px; line-height:22px;}
}


.con04bg{ padding:40px 0 40px 0;}
.con04{}
.con04 .list{ margin-top:40px; height:38px;}
.con04 .list span{ float:left; line-height:38px; font-weight:bold; font-size:16px; margin:0 15px 0 0;}
.con04 .list select{ float:left; border:1px solid #E3E9EF; background:#fff; border-radius:6px; height:38px; line-height:36px; padding:0 10px; width:160px; margin:0 15px 0 0;}
.con04 .list .button1{ float:left; height:38px; line-height:38px; border-radius:6px; width:80px; text-align:center; background:#4E97FD; color:#fff; font-size:14px; font-weight:bold;
box-shadow:0px 4px 16px rgba(43, 52, 69, 0.1);}
.con04 .list .button1:hover{ background:#2756B6;
box-shadow:0px 0px 28px rgba(3, 0, 71, 0.01);}
.con04 .list2{ margin-top:20px;}
.con04 .list2 table{ table-layout: fixed;}
.con04 .list2 th{ background:#F6F9FC; text-align:center; font-size:14px; line-height:24px; padding:15px 15px; font-weight:bold;}
.con04 .list2 tr th:nth-child(1){ width:127px;}
/*.con04 .list2 .w1{ width:20%;}
.con04 .list2 .w2{ width:20%;}
.con04 .list2 .w3{ width:15%;}
.con04 .list2 .w4{ width:15%;}
.con04 .list2 .w5{ width:15%;}
.con04 .list2 .w6{ width:15%;}*/
.con04 .list2 td{ border-top:1px solid #e3e9ef; text-align:center; font-size:14px; line-height:24px; padding:15px 15px; font-weight:bold;}
.con04 .list2 .pm1{ width:100%; text-align:left;}
.con04 .list2 .pm1 .num{/* float:left; width:20px;*/ line-height:40px; text-align:center;}
.con04 .list2 .pm1 .img{ float:left; margin:0 15px 0 0;}
.con04 .list2 .pm1 .img img{ display:block; width:40px; height:40px; border-radius:100%;}
.con04 .list2 .pm1 .txtbg{ float:left; width:calc(100% - 75px);}
.con04 .list2 .pm1 .txt{ line-height:40px;}
.con04 .list2 .pm1 .txt span{ display:inline-block; border:2px solid #ff8137; color:#ff8137; font-size:12px; padding:0 5px; height:16px; line-height:16px; margin:0 0 0 15px;}
.con04 .list2_m{ margin-top:20px; display:none;}
.con04 .list2_m ul li{ padding:15px 0; border-bottom:1px solid #f3f5f9;}
.con04 .list2_m ul li .nr_box{}
.con04 .list2_m ul li .num{ float:left; line-height:50px; width:20px; font-size:18px; margin:9px 0 0 0;}
.con04 .list2_m ul li .img{ float:left; margin:9px 20px 0 0;}
.con04 .list2_m ul li .img img{ display:block; width:50px; height:50px; border-radius:100%;}
.con04 .list2_m ul li .txtbg{ float:left; width:calc(100% - 90px);}
.con04 .list2_m ul li .txt{}
.con04 .list2_m ul li .txt .box1{ float:left;}
.con04 .list2_m ul li .txt .box1 .h2{ line-height:20px; margin:0 0 8px 0;}
.con04 .list2_m ul li .txt .box1 .h2 span{ display:inline-block; vertical-align:top; font-size:12px; padding:0 5px; height:16px; line-height:16px; border:2px solid #ff8137; color:#ff8137; margin:0 10px 0 0;}
.con04 .list2_m ul li .txt .box1 .h2 strong{ font-weight:normal; margin:0 10px 0 0;}
.con04 .list2_m ul li .txt .box1 .h2 em{ font-style:normal; font-size:12px; color:#999;}
.con04 .list2_m ul li .txt .box1 .h3{ font-size:12px; line-height:16px; color:#999; margin:0 0 6px 0;}
.con04 .list2_m ul li .txt .box1 .h4{ font-size:14px; line-height:18px;}
.con04 .list2_m ul li .txt .box2{ float:right; text-align:center;}
.con04 .list2_m ul li .txt .box2 .h5{ font-size:12px; line-height:16px; color:#999;}
.con04 .list2_m ul li .txt .box2 .h5 span{ display:block; font-size:24px; line-height:28px; color:#333;}
@media(max-width:1024px){
.con04bg{ padding:30px 0 30px 0;}
.con04 .list span{ display:none;}
.con04 .list select{ width:calc((100% - 60px)/3 - 10px); margin:0 10px 0 0;}
.con04 .list .button1{ width:60px;}
.con04 .list2{ display:none;}
.con04 .list2_m{ display:block;}
}




.footbg{ background:#f6f9fc; padding:40px 0 40px 0;}
.foot{ text-align:center; font-size:12px; line-height:16px;}
.foot ul li{}
@media(max-width:1024px){
.footbg{ padding:20px 0 20px 0;}
}


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

.insidebg{ padding:20px 0 80px 0;}
.inside{ min-height:calc(100vh - 276px);}

.news1{ }
.news1 ul li{ float:left; width:calc((100% - 60px)/4); margin:0 20px 20px 0;}
.news1 ul li:nth-child(4n){ margin-right:0;}
.news1 ul li .nr_box{}
.news1 ul li .img_box{}
.news1 ul li .img{ padding-bottom:68%; position:relative; border-radius:6px; overflow:hidden;}
.news1 ul li .img img{ display:block; width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;}
.news1 ul li:hover .img img{ transform:scale(1.1);}
.news1 ul li .txtbg{}
.news1 ul li .txt{ margin-top:5px;}
.news1 ul li .txt .h2{ font-size:16px; line-height:26px; height:52px; overflow:hidden;}
@media(max-width:1024px){
.insidebg{ padding:20px 0 60px 0;}
.inside{ min-height:calc(100vh - 212px);}

.news1{ }
.news1 ul li{ float:left; width:100%; margin:0 0 20px 0;}
.news1 ul li .img_box{ float:left; width:45%;}
.news1 ul li .img{ border-radius:0; }
.news1 ul li .txtbg{ float:right; width:55%;}
.news1 ul li .txt{ margin-top:0; padding:0 0 0 10px;}
.news1 ul li .txt .h2{ font-size:16px; line-height:26px; height:104px; }
}