html { font-size:calc(100vw/1920) !important; }
*{outline:0;margin:0;padding:0; box-sizing: border-box;}
img,a img,a:hover img{ border:0; }
i,em{font-style:normal}
ol,ul,dl,li,dt,dd{list-style:none; }
:focus{outline:0;}
a{color:#333333;text-decoration:none; }
a:hover{color:#0083db;text-decoration:none;}
a,a:active,.btn,.more,.item_m{ transition:all 300ms ease; appearance:none;}
input,select,textarea,button{ font-size: 16rem; appearance: none; font-family: Microsoft Yahei, PingFang SC, Verdana, Helvetica Neue, Hiragino Sans GB, Microsoft Sans Serif, sans-serif; }
.clear{height:0;font-size:0;overflow:hidden;clear:both;float:none;}
iframe { border:0;}
::-webkit-input-placeholder { color:#999999; }
:-moz-placeholder { color:#999999; }
::-moz-placeholder { color:#999999; }
:-ms-input-placeholder { color:#999999; }

.clearfix:after { display: block; content: ''; clear: both;}

.wap_show{ display: none !important;}
.pc_show{ display: block !important;}

body{ color:#333333; background: #ffffff; font-size: 16rem; line-height: 1.8; font-family: Microsoft Yahei, PingFang SC, Verdana, Helvetica Neue, Hiragino Sans GB, Microsoft Sans Serif, sans-serif; }

.wow { visibility: hidden; }

.wrap { overflow: hidden; padding-top: 90rem; }

.mainbox { width: 1200rem; margin: 0 auto; position: relative; transition:all 300ms ease;}
.mainbox:after { display: block; content: ''; clear: both;}

.header { position: fixed; left: 0; right: 0; top: 0; box-shadow: 0 0 10rem rgba(0, 0, 0, 0.08); z-index: 9999; }

.topbox { height: 90rem; background: #ffffff; position: relative; }

.head_logo { float: left; padding: 21rem 0 0 0; margin-right: 20rem;}
.head_logo img { display: block; height: 47rem; }

.head_right { float: right; padding: 25rem 0 0 0; }
.head_right .login { float: left; margin-right: 20rem; padding: 0 18rem; line-height: 40rem; border-radius: 6rem; text-align: center; background: #0083db; font-size: 18rem; color: #fff; }
.head_right .login:hover { background: #1da1f9; color: #ffffff; }
.head_right .tel { float: left; padding: 0 10rem 0 42rem; line-height: 40rem; border-radius: 20rem; text-align: center; background: url(../img/toptel.png) 7rem center no-repeat #2c3a5b; background-size: 30rem auto; font-size: 18rem; color: #fff; }

.nav_btn { display: none;}

.head_nav { float: left; }
.head_nav ul li { float: left; position: relative; width: 124rem;}
.head_nav ul li a { display: block; height: 90rem; line-height: 90rem; font-size: 18rem; color: #666666; text-align: center; }
.head_nav ul li a:hover { font-weight: bold; color: #0083db;}
.head_nav ul li a.on { font-weight: bold; color: #0083db;}



.ibanner{ position: relative; z-index: 99;}
.ibanner_img{ position: relative; height: 650rem; padding-top: 96rem; background: url(img/index/ban1.jpg) center center no-repeat; background-size: cover;}
.ibanner_img .img img{ display: block; height: 56rem;}
.ibanner_img .tit { font-size: 36rem; line-height: 80rem; margin-bottom: 120rem; font-weight: bold;}
.ibanner_img .tag { width: 130rem; line-height: 40rem; font-size: 24rem; border-radius: 5rem; text-align: center; font-weight: bold; background: linear-gradient(to right,#ff425a,#f7705f); color: #fff;}
.ibanner_img .info { font-size: 24rem; line-height: 52rem; }
.ibanner_img .con { font-size: 20rem; line-height: 28rem; height: 28rem;}
.ibanner_img .con ul li { float: left; padding-left: 28rem; background: url(../img/index/banli.png) left center no-repeat; background-size: 18rem auto; margin-right: 20rem;}
.ibanner_img .con span { color: #0083db;}


.ibanner_right { display: none; position: absolute; right: 50%; margin-right: -660rem; top:72rem;}

.reg_box { background: #fff; width: 390rem; height: 430rem; padding: 6rem 32rem 20rem 32rem; box-shadow: 0 0 20rem rgba(84, 148, 255, 0.1);}
.reg_box .tit { font-size: 24rem; line-height: 74rem; font-weight: bold; text-align: center; }
.reg_box .tit span { color: #0083db;}

.reg_box .item { margin-bottom: 20rem; position: relative; }
.reg_box .item img { position: absolute; left: 10rem; top: 50%; height: 24rem; margin-top: -12rem; }
.reg_box .item .input { display: block; border: 1rem solid #DCDCDC; height: 46rem; line-height: 44rem; text-indent: 42rem; width: 100%; }
.reg_box .item .code { position: absolute; right: 0; top: 1rem; line-height: 44rem; width: 120rem; text-align: center; color: #0083db; cursor: pointer; }
.reg_box .item .code:hover { color:#1da1f9;}
.reg_box .item .code:after { display: block; content: ''; position: absolute; left: 0; top: 50%; width: 1rem; height: 24rem; margin-top: -12rem; background: #DCDCDC;}

.reg_box .btnbox { }
.reg_box .btnbox .btn { display: block; width: 100%; border: 0; line-height: 45rem; text-align: center; background: #0083db; font-size: 18rem; color: #fff; font-weight: bold; cursor: pointer; }
.reg_box .btnbox .btn:hover { background: #1da1f9; color: #ffffff; }


.ibanner_foot { position: absolute; left: 0; right: 0; bottom: -58rem; }

.ilist1 {background: #fff; box-shadow: 0 0 20rem rgba(84, 148, 255, 0.1); height: 116rem; }
.ilist1 ul li { float: left; width: 20%; height: 116rem; line-height: 116rem; text-align: center; font-size: 20rem; position: relative;}
.ilist1 ul li img { display: inline-block; vertical-align: middle; height: 60rem; margin-right: 12rem;}
.ilist1 ul li:after { display: block; content: ''; position: absolute; right: 0; top: 50%; width: 1rem; height: 50rem; margin-top: -25rem; background: #E5E5E5;}
.ilist1 ul li:last-child:after { display: none;}


.imain { transition:all 300ms ease; overflow: hidden; position: relative; }

.imain1 { padding: 122rem 0; background: #fff; z-index: 10; }
.imain2 { padding: 40rem 0 130rem 0; background: url(../img/index/bg1.jpg) center bottom no-repeat #f7f9ff; background-size: cover; }
.imain3 { padding: 50rem 0 120rem 0; background: url(../img/index/bg2.jpg) center bottom no-repeat #f7f9ff; background-size: cover; }
.imain4 { padding: 50rem 0 35rem 0; background: #fff; }
.imain5 { padding: 50rem 0 116rem 0; background: #fff; }


.ititle { margin-bottom: 50rem; text-align: center; color: #000000; }
.ititle .tit { font-size: 30rem; line-height: 44rem; padding-right: 38rem; }
.ititle .tit b { display: inline-block; background: url(../img/index/titr.png) right top no-repeat; background-size: 44rem auto; padding: 16rem 20rem 0 0;}
.ititle .tit span { display: block; padding-left: 58rem; background: url(../img/index/titl.png) left center no-repeat; background-size: 54rem auto;}
.ititle .con { font-size: 22rem; line-height: 36rem; color: #999999; text-transform: uppercase; }

.ititle_w { color: #fff;}

.ititle_l { text-align: left;}
.ititle_l .tit{ margin-left: -58rem;}


.ilist2 { margin: 0 -10rem; }
.ilist2 .item { float: left; width: 25%;}
.ilist2 .item_m { margin: 0 10rem; position: relative;}
.ilist2 .item .img { overflow: hidden; border-radius: 10rem; }
.ilist2 .item .img img { display: block; object-fit: cover; width: 100%; height: 150rem;  transform: scale(1); transition: transform 0.2s; }
.ilist2 .item .tit { position: absolute; left: 0; right: 0; top: 0; line-height: 140rem; font-size: 24rem; font-weight: bold; text-shadow: 0 0 10rem rgba(84, 148, 255, 0.3); color: #fff; z-index: 1; text-align: center; }
.ilist2 .item_m:after { display: block; content: ''; position: absolute; left: 50%; bottom: 46rem; width: 60rem; height: 2rem; margin-left: -30rem; background: #fff;}

.ilist2 .item_m:hover { transform: translateY(-4rem);}
.ilist2 .item_m:hover .img img { transform: scale(1.06); }


.icore_nav { text-align: center; position: relative; padding-right: 100rem;}
.icore_nav ul li{ display: inline-block; padding: 0 50rem; text-align: center; cursor: pointer; font-size: 20rem; line-height: 34rem; color: #666666;}
.icore_nav ul li b { display: block;}
.icore_nav ul li.on { color: #0083DB;}
.icore_nav:after { display: block; content: ''; position: absolute; right: 50%; top: 50%; width: 1rem; height: 42rem; margin-top: -21rem; background: #dcdcdc;}

.ilist3 { padding: 60rem 0 20rem 0;}
.ilist3 img { margin: 0 auto; width: 100%;}

.ilist4 { margin: 0 90rem; padding: 90rem 0 66rem 0; }
.ilist4 .item { float: left; width: 25%;}
.ilist4 .item_m { margin: 0 10rem; position: relative;}
.ilist4 .item .tit { position: relative; border-radius: 16rem 16rem 0 0; line-height: 80rem; font-size: 24rem; font-weight: bold; background: #0083DB; color: #fff; text-align: center; }
.ilist4 .item .con { border-radius: 0 0 16rem 16rem; background: #E7F1FD; border-top: none; border: 1rem solid #0083DB; padding: 14rem 10rem;}
.ilist4 .item .con ul li { clear: both; padding: 10rem 5rem;}
.ilist4 .item .con ul li.li2 { clear: none; float: left; width: 50%;}
.ilist4 .item .con ul li span{ display: block; background: #fff; line-height: 40rem; font-size: 18rem; text-align: center;}
.ilist4 .item .con:after { display: block; content: ''; clear: both;}

.ilist4 .item_m:hover { transform: translateY(-4rem);}

.ilist4_f { width: 500rem; margin: 0 auto; text-align: center; font-size: 20rem; line-height: 60rem; height: 60rem; background: #0083DB; color: #fff; border-radius: 30rem;}

.ilist5 { margin: 0 -10rem; }
.ilist5 .item { float: left; width: 25%;}
.ilist5 .item_m { margin: 0 10rem; position: relative;}
.ilist5 .item .tit { position: relative; color: #fff; }
.ilist5 .item .tit .t { position: absolute; left: 20rem; top: 0; line-height: 68rem; font-size: 20rem; font-weight: bold; z-index: 2;}
.ilist5 .item .tit .m { position: absolute; left: 20rem; top: 64rem; line-height: 20rem; font-size: 14rem; z-index: 2;}
.ilist5 .item .tit .img { position: relative; z-index: 1; overflow: hidden; border-radius: 10rem 10rem 0 0; }
.ilist5 .item .tit .img img { display: block; object-fit: cover; width: 100%; height: 150rem;  transform: scale(1); transition: transform 0.2s; }
.ilist5 .item .con { border-radius: 0 0 10rem 10rem; background: #E7F1FD; padding: 14rem 12rem;}
.ilist5 .item .con ul li { clear: both; padding: 6rem 7rem;}
.ilist5 .item .con ul li.li2 { clear: none; float: left; width: 50%;}
.ilist5 .item .con ul li span{ display: block; background: #fff; line-height: 40rem; font-size: 18rem; text-align: center;}
.ilist5 .item .con:after { display: block; content: ''; clear: both;}

.ilist5 .item_m:hover { transform: translateY(-4rem);}

.ilist6 { margin: 0 -7.5rem; }
.ilist6 .item { float: left; width: 20%; }
.ilist6 .item_m { margin: 0 7.5rem 15rem 7.5rem; position: relative;}
.ilist6 .item .img { overflow: hidden; }
.ilist6 .item .img img { display: block; object-fit: cover; width: 100%; transform: scale(1); transition: transform 0.2s; }
.ilist6 .item .tit { position: absolute; left: 0; right: 0; bottom: 0; padding-top: 30rem; line-height: 70rem; font-size: 18rem; font-weight: bold;  color: #fff; z-index: 1; text-align: center; background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); }

.ilist6 .item_m:hover { transform: translateY(-4rem);}
.ilist6 .item_m:hover .img img { transform: scale(1.06); }

.ilist7 { padding: 50rem 146rem 0 146rem;}
.ilist7 .item { margin: 0 15rem; font-size: 18rem; height: 50rem; line-height: 50rem; background: #ECF5FF; border-radius: 25rem; position: relative; text-align: center;}
.ilist7 .item span { position: absolute; left: 32rem; top: 0; padding-left: 56rem; background: url(../img/index/notice.png) left center no-repeat; background-size: 18rem auto;}
.ilist7 .item i { position: absolute; right: 32rem; top: 0; padding-left: 34rem; background: url(../img/index/yes.png) left center no-repeat; background-size: 24rem auto; font-style: normal; color: #0083DB;}


.tt_form { margin: 0 -10rem; }
.tt_form .item { float: left; width: 50%; padding: 0 10rem; margin-bottom: 20rem; }
.tt_form .item .t { color: #666666; font-size: 20rem; line-height: 40rem;}
.tt_form .item .t i { color: #F10809;}
.tt_form .item .m input { display: block; width: 100%; text-indent: 30rem; background: #f5f5f5; border: none; height: 90rem; font-size: 20rem; }
.tt_form .item .m .select { display: block; width: 100%; text-indent: 30rem; background: url(../img/index/select.png) right center no-repeat #f5f5f5; background-size: 90rem auto; border: none; height: 90rem; font-size: 20rem; cursor: pointer; }
.tt_form .btnbox { clear: both; padding-top: 40rem;}
.tt_form .btnbox .btn { display: block; margin: 0 auto; width: 700rem; border: 0; line-height: 100rem; text-align: center; background: #0083db; font-size: 24rem; color: #fff; font-weight: bold; cursor: pointer; }
.tt_form .btnbox .btn:hover { background: #1da1f9; color: #ffffff; }



.footer { background: #18243a; padding: 64rem 0; }

.foot_nav { margin-bottom: 30rem; text-align: center; font-size: 0;}
.foot_nav ul li { display: inline-block; }
.foot_nav ul li a { display: block; padding: 5rem 15rem; line-height: 40rem; height: 50rem; font-size: 16rem; color: #ffffff;}
.foot_nav ul li img { float: left; height: 40rem; margin-right: 9rem; }
.foot_nav ul li a:hover { opacity: 0.7;}

.foot_copy { color: #939bab; border-top: 1rem #323d51 solid; text-align: center; padding: 15rem 0; line-height: 30rem;}
.foot_copy a { color: #939bab; }
.foot_copy a:hover { color: #ffffff; }



.mbanner { position: relative; height: 400rem;}
.mbanner_tit { position: absolute; left: 50%; top: 50%; margin-left: -550rem; margin-top: -64rem; color: #ffffff; }
.mbanner_tit b { font-size: 60rem; line-height: 82rem;}
.mbanner_tit span { display: block; font-size: 30rem; line-height: 46rem; text-transform: uppercase;}

.mbanner_con { position: absolute; left: 50%; top: 106rem; margin-left: -580rem; color: #ffffff; font-weight: bold; font-size: 36rem; }
.mbanner_con img { display: block; width: 775rem;}
.mbanner_con b { font-size: 48rem; color: #F8A120;}
.mbanner_con b span{ font-size: 30rem; }

.mbanner1 { background: url(../img/mban1.jpg) center center no-repeat #ffffff; background-size: cover; height: 600rem; }
.mbanner2 { background: url(../img/mban2.jpg) center center no-repeat #ffffff; background-size: cover; }
.mbanner3 { background: url(../img/mban3.jpg) center center no-repeat #ffffff; background-size: cover; }


.product_main1 { background: #ffffff; padding: 80rem 0 120rem 0;}
.product_main2 { background: url(../img/product/bg1.jpg) center top no-repeat; background-size: cover; padding: 35rem 0 100rem 0;}
.product_main3 { background: #ffffff; padding: 110rem 0 170rem 0;}


.product_list1 { margin: 0 -15rem; }
.product_list1 .item { float: left; width: 25%;}
.product_list1 .item_m { margin: 0 15rem; position: relative; background: #0083DB; color: #fff;}
.product_list1 .item .img { position: relative; overflow: hidden; }
.product_list1 .item .img img { display: block; object-fit: cover; width: 100%; transform: scale(1); transition: transform 0.2s; }
.product_list1 .item .con { padding: 6rem 24rem; height: 180rem; }
.product_list1 .item .con .t { line-height: 28rem; font-size: 18rem; font-weight: bold; }
.product_list1 .item .con .t2 { line-height: 28rem; font-size: 18rem; margin-bottom: 26rem;}
.product_list1 .item .con .m { line-height: 24rem; font-size: 16rem; padding-top: 20rem; background: url(../img/product/li.png) left top no-repeat; background-size: 40rem auto; }


.product_list1 .item_m:hover { transform: translateY(-4rem);}


.ipro_nav { position: relative; border-radius: 10rem; overflow: hidden; background: #fff; }
.ipro_nav ul li{ float: left; width: 50%; height: 80rem; line-height: 80rem; text-align: center; cursor: pointer; font-size: 20rem; }
.ipro_nav ul li i { display: inline-block; width: 50rem; height: 50rem; vertical-align: middle; margin-right: 10rem;}
.ipro_nav ul li.on { color: #ffffff;}
.ipro_nav ul li.on.li1 { background: url(../img/product/tab1bg.png) left center no-repeat; background-size: cover;}
.ipro_nav ul li.on.li2 { background: url(../img/product/tab2bg.png) right center no-repeat; background-size: cover;}
.ipro_nav ul li.li1 i { background: url(../img/product/tab1.png) center center no-repeat; background-size: contain;}
.ipro_nav ul li.li2 i { background: url(../img/product/tab2.png) center center no-repeat; background-size: contain;}
.ipro_nav ul li.on.li1 i { background: url(../img/product/tab1s.png) center center no-repeat; background-size: contain;}
.ipro_nav ul li.on.li2 i { background: url(../img/product/tab2s.png) center center no-repeat; background-size: contain;}

.product_list2 { padding: 40rem 0;}
.product_list2 img { display: block; width: 100%;}

.product_list3 { margin: 0 -7.5rem; padding-top: 20rem; }
.product_list3 .item { float: left; width: 20%; }
.product_list3 .item_m { margin: 0 7.5rem 15rem 7.5rem; position: relative;}
.product_list3 .item .img { overflow: hidden; }
.product_list3 .item .img img { display: block; object-fit: cover; width: 100%; transform: scale(1); transition: transform 0.2s; }
.product_list3 .item .tit { position: absolute; left: 0; right: 0; bottom: 0; padding-top: 44rem; line-height: 56rem; font-size: 18rem; font-weight: bold;  color: #fff; z-index: 1; text-align: center; background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); }

.product_list3 .item_m:hover { transform: translateY(-4rem);}
.product_list3 .item_m:hover .img img { transform: scale(1.06); }



.product_list4 { margin: 0 -7.5rem; padding-top: 40rem; }
.product_list4 .item { float: left; width: 20%; }
.product_list4 .item_m { margin: 0 7.5rem 15rem 7.5rem; position: relative;}
.product_list4 .item .img { overflow: hidden; }
.product_list4 .item .img img { display: block; object-fit: cover; width: 100%; transform: scale(1); transition: transform 0.2s; }
.product_list4 .item .tit { position: absolute; left: 0; right: 0; bottom: 0; padding-top: 30rem; line-height: 70rem; font-size: 18rem; font-weight: bold;  color: #fff; z-index: 1; text-align: center; background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); }

.product_list4 .item:nth-child(odd){ padding-top: 60rem;}

.product_list4 .item_m:hover { transform: translateY(-4rem);}
.product_list4 .item_m:hover .img img { transform: scale(1.06); }


.product_list5 { margin: 0 -19rem; padding-top: 26rem; }
.product_list5 .item { float: left; width: 20%; position: relative;}
.product_list5 .item_m { margin: 0 19rem; position: relative;}
.product_list5 .item .img { overflow: hidden; border-radius: 10rem; }
.product_list5 .item .img img { display: block; object-fit: cover; width: 100%; height: 110rem; transform: scale(1); transition: transform 0.2s; }
.product_list5 .item .tit { position: absolute; left: 0; right: 0; top: 0; line-height: 110rem; font-size: 18rem; font-weight: bold; text-shadow: 0 0 4rem rgba(0, 0, 0, 0.05); color: #fff; z-index: 1; text-align: center; }
.product_list5 .item:after { display: block; content: ''; position: absolute; right: -19rem; top: 50%; margin-top: -19rem; width: 38rem; height: 38rem; background: url(../img/product/r.png) center center no-repeat; background-size: 16rem auto;}
.product_list5 .item:last-child:after { display: none;}

.product_list5 .item_m:hover { transform: translateY(-4rem);}




.about_main1 { background: #ffffff; padding: 100rem 0 90rem 0;}
.about_main2 { background: url(../img/about/bg1.jpg) center center no-repeat; background-size: cover; padding: 85rem 0 146rem 0;}
.about_main3 { background: #ffffff; padding: 50rem 0 76rem 0;}

.about_main1_l { float: left; width: 502rem;}
.about_main1_r { float: right; width: 602rem;}
.about_main1_r img { display: block; width: 100%;}

.about_info { color: #666666; margin-top: -20rem; line-height: 30rem; }

.about_list1_t { padding: 15rem; line-height: 30rem; text-align: center; font-size: 24rem; color: #fff; background: linear-gradient(0deg, #0083DB 0%, #11D5E7 100%); border-radius: 10rem; font-weight: bold;}

.about_list1_f { padding: 15rem; line-height: 30rem; text-align: center; font-size: 18rem; color: #fff; background: #0083DB; border-radius: 10rem;}

.about_list1 { margin: 0 -15rem; padding: 20rem 0 32rem 0;}
.about_list1 .item { float: left; width: 33.33%;}
.about_list1 .item_m { display: block; margin: 0 15rem; background: linear-gradient(0deg, #DAF0FF 0%, #FFFFFF 100%); border-radius: 10rem; border: 2rem solid #FFFFFF; padding: 20rem 30rem 32rem 30rem; text-align: center; }
.about_list1 .item_m .tit { background: url(../img/about/tit.png) right center no-repeat; background-size: cover; line-height: 50rem; font-size: 24rem; color: #fff; margin-bottom: 24rem;}
.about_list1 .item_m .con { background: #FFFFFF; border-radius: 14rem; border: 2rem solid #7ECEF4; line-height: 32rem; font-size: 18rem; padding: 20rem 10rem 24rem 10rem; margin-bottom: 24rem;}
.about_list1 .item_m .foot { margin: 0 -5rem;}
.about_list1 .item_m .foot ul li { float: left; width: 33.33%; padding: 0 5rem;}
.about_list1 .item_m .foot ul li span{ display: block; border: 2rem solid #7ECEF4; border-radius: 10rem; background: #fff; line-height: 48rem; font-size: 18rem; text-align: center;}
.about_list1 .item_m .foot:after { display: block; content: ''; clear: both;}
.about_list1 .item_m:hover { transform: translateY(-4rem); box-shadow: 0 0 20rem rgba(84, 148, 255, 0.1);}

.about_main3_l { float: left; width: 710rem; background: #F8FAFF; padding: 0 22rem;}
.about_main3_r { float: right; width: 460rem;}
.about_main3_r img { display: block; width: 100%;}

.about_list2 { }
.about_list2 .item { border-bottom: 1rem #e5e5e5 solid; padding: 20rem 0;}
.about_list2 .item_m { font-size: 18rem; }
.about_list2 .item_m .tit { padding-left: 62rem; line-height: 38rem; font-weight: bold;}
.about_list2 .item_m .con { line-height: 30rem;}
.about_list2 .item_m .con ul li { position: relative; padding: 8rem 0 8rem 62rem;}
.about_list2 .item_m .con ul li span{ display: block; color: #999999;}
.about_list2 .item_m .con ul li i { position: absolute; left: 0; top: 50%; margin-top: -25rem; width: 50rem; height: 50rem; background: #F8FAFF; border: 1rem solid #D1D1D1;}
.about_list2 .item_m .con ul li i.t1 { background: url(../img/about/pos.png) center center no-repeat; background-size: 24rem auto;}
.about_list2 .item_m .con ul li i.t2 { background: url(../img/about/tel.png) center center no-repeat; background-size: 24rem auto;}
.about_list2 .item:last-child { border-bottom: none;}


.news_main { background: #f7f8fa; padding: 20rem 0;}
.news_main .mainbox { background: #fff; padding: 0 50rem;}

.news_nav { padding-top: 18rem; height: 67rem; border-bottom: 1rem #eeeeee solid; }
.news_nav ul li{ float: left; margin-right: 44rem;}
.news_nav ul li a{ display: block; height: 50rem; line-height: 50rem; font-size: 24rem; color: #999999; position: relative; }
.news_nav ul li a:hover { color: #0083db;}
.news_nav ul li a.on { color: #0083db; font-weight: bold;}
.news_nav ul li a.on:after { display: block; content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height:3rem; background: #0083db;}


.news_list { padding: 15rem 0; }
.news_list .item{ padding: 15rem 0; }
.news_list .item_m { display: block; padding: 0 0 0 580rem; height: 320rem; transition:all 300ms ease; position: relative; }
.news_list .item_m .img { position: absolute; left: 0; top: 0; width: 500rem; overflow: hidden; }
.news_list .item_m .img img{ display: block; width: 100%; height: 320rem; object-fit: cover; transition:all 300ms ease;}
.news_list .item_m .con { }
.news_list .item_m .t { font-size: 24rem; line-height: 90rem; height: 90rem; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news_list .item_m .m { line-height: 30rem; color: #666666; height: 120rem; overflow: hidden; margin-bottom: 30rem; }
.news_list .item_m .f { height: 50rem;}
.news_list .item_m .f span { float: right; line-height: 50rem; padding: 0 34rem; background: #0083db; color: #fff;}
.news_list .item_m:hover { }
.news_list .item_m:hover .img img{ transform: scale(1.06);}
.news_list .item_m:hover .f span { background: #1da1f9; color: #ffffff;}


.pages_list { text-align: center; padding: 40rem 0; font-size: 0; margin-top: -30rem;}
.pages_list a { display: inline-block; vertical-align: middle; font-size: 14rem; color: #0083db; background: #fff; border: 1rem #0083db solid; min-width: 40rem; line-height: 40rem; text-align: center; margin: 0 5rem; padding: 0 10rem; position: relative; font-weight: bold;}
.pages_list a i { display: inline-block; vertical-align: middle; width: 11rem; height: 11rem; background: url(../img/more.png) center center no-repeat; background-size: 9rem auto; margin-bottom: 2rem;}
.pages_list a.last { font-weight: normal;}
.pages_list a:hover { background: #0083db; color: #ffffff;}
.pages_list a:hover i{ background: url(../img/mores.png) center center no-repeat; background-size: 9rem auto;}
.pages_list a.on { border: 1rem #ffffff solid; background: #ffffff; color: #333;}


@media (min-width:2200px){
html { font-size:1px !important; }
}

@media (max-width:999px){
html{ font-size: calc(100vw/480) !important; }
body { font-size: 18rem;}

.wrap { padding-top: 70rem; }

.wap_show{ display: block !important;}
.pc_show{ display: none !important;}

.mainbox { width: auto; margin: 0 14rem; }

.header { }

.topbox { height: auto; position: fixed; left: 0; right: 0; top: 0; height: 70rem; z-index: 9990; }

.head_logo { padding: 12rem 0; }
.head_logo img { height: 46rem; }

.head_right { float: right; padding: 15rem 0 0 0; margin-right: 60rem; }
.head_right .login { display: none; }
.head_right .tel { float: left; padding: 0 10rem 0 42rem; line-height: 40rem; border-radius: 20rem; text-align: center; background: url(../img/toptel.png) 7rem center no-repeat #2c3a5b; background-size: 30rem auto; font-size: 18rem; color: #fff; }


.nav_btn { display: block; position: fixed; right: 14rem; top: 12rem; width: 46rem; height: 46rem; border-radius: 6rem; background: url(../img/mnav.png) center center no-repeat #0083DB; background-size: 34rem auto; z-index: 9999;}

.head_nav { position: fixed; display: none; left: 0; right: 0; top: 70rem; padding: 20rem; height: auto; background: #fff; box-shadow: 0 0 20rem rgba(0, 0, 0, 0.18); z-index: 9992; }
.head_nav ul li { float: none; margin-right: 0; width: auto;}
.head_nav ul li a { padding: 0 30rem; font-size: 22rem; }


.ibanner_img{ height: auto; padding-top: 80rem; padding-bottom: 80rem; background-position: left center; }
.ibanner_img .img img{ height: auto; width: 80%; margin: 0 auto;}
.ibanner_img .tit { font-size: 36rem; line-height: 80rem; margin-bottom: 60rem; text-align: center;}
.ibanner_img .tag { margin: 0 auto;}
.ibanner_img .info { font-size: 22rem; text-align: center; margin-bottom: 20rem;}
.ibanner_img .con { font-size: 20rem; line-height: 28rem; height: auto;}
.ibanner_img .con ul li { float: left; width: 20%; text-align: center; padding-left: 0; padding-top: 28rem; background: url(../img/index/banli.png) center top no-repeat; background-size: 18rem auto; margin-right: 0;}
.ibanner_img .con span { display: block;}


.ibanner_right { position: relative; right: auto; margin-right: 0; top: auto; margin-top: -30rem; margin-bottom: 30rem;}

.reg_box { width: auto; margin: 0 14rem; }


.ibanner_foot { position: relative; left: 0; right: 0; bottom: auto; }

.ilist1 { height: 104rem; }
.ilist1 ul li { height: auto; padding: 14rem 0; line-height: 28rem; text-align: center; font-size: 16rem; position: relative;}
.ilist1 ul li img { display: block; height: 46rem; margin-right: 0; margin: 0 auto;}
.ilist1 ul li:after { height: 30rem; margin-top: -15rem; }


.imain1 { padding: 80rem 0; }
.imain2 { padding: 40rem 0 80rem 0; }
.imain3 { padding: 50rem 0 80rem 0; }
.imain4 { padding: 50rem 0 35rem 0; }
.imain5 { padding: 50rem 0 80rem 0;  }


.ititle_l { text-align: center;}
.ititle_l .tit{ margin-left: 0;}


.ilist2 { margin: 0 -7rem; }
.ilist2 .item { float: left; width: 50%; padding: 7rem 0;}
.ilist2 .item_m { margin: 0 7rem; }


.icore_nav { padding-right: 0; height: auto;}
.icore_nav ul li{ float: left; width: 50%; padding: 0 20rem; font-size: 16rem; line-height: 28rem; }
.icore_nav ul li b { font-size: 20rem;}
.icore_nav ul:after { display: block; content: ''; clear: both;}


.ilist4 { margin: 0 -7rem; padding: 40rem 0 36rem 0; }
.ilist4 .item { float: left; width: 50%; padding: 7rem 0;}
.ilist4 .item_m { margin: 0 7rem; }


.ilist5 { margin: 0 -7rem; }
.ilist5 .item { float: left; width: 100%; padding: 7rem 0;}
.ilist5 .item_m { margin: 0 7rem; }
.ilist5 .item .tit .t { left: 14rem; right: 14rem; }
.ilist5 .item .tit .m { left: 14rem; right: 14rem; line-height: 24rem; font-size: 16rem; }
.ilist5 .item .tit .img img { height: 160rem; }

.ilist6 { margin: 0 -7rem; }
.ilist6 .item { float: left; width: 50%; }
.ilist6 .item_m { margin: 0 7rem 15rem 7rem; }
.ilist6 .item:nth-child(3) { clear: both;}
.ilist6 .item:last-child { width: 100%; }
.ilist6 .item:last-child .item_m{ float: left; width: calc( 50% - 14rem ); }

.ilist7 { padding: 30rem 14rem 0 14rem;}
.ilist7 .item { margin: 0 7rem; }


.tt_form { margin: 0 -7rem; }
.tt_form .item { float: left; width: 50%; padding: 0 7rem; margin-bottom: 14rem; }
.tt_form .item .m input { text-indent: 20rem; height: 60rem; }
.tt_form .item .m .select { text-indent: 20rem; background-size: 60rem auto; height: 60rem; }
.tt_form .btnbox { padding-top: 20rem; margin: 0 7rem;}
.tt_form .btnbox .btn { width: 100%; line-height: 60rem; }



.footer { padding: 34rem 0; }

.foot_nav { margin-bottom: 20rem; }
.foot_nav ul li a { padding: 5rem 18rem; line-height: 50rem; height: auto; text-align: center;}
.foot_nav ul li img { float: none; margin: 0 auto; display: block; height: 40rem; }
.foot_copy a:hover { color: #ffffff; }



.mbanner { height: 200rem;}
.mbanner_tit { left: 20rem; top: 50%; margin-left: 0; margin-top: -54rem; }
.mbanner_tit b { font-size: 34rem; line-height: 58rem;}
.mbanner_tit span { font-size: 20rem; line-height: 32rem; }

.mbanner_con { position: relative; left: auto; top: auto; margin-left: 0; padding: 60rem 20rem; font-size: 22rem; }
.mbanner_con img { display: block; width: 90%;}
.mbanner_con b { font-size: 38rem; }
.mbanner_con b span{ font-size: 20rem; }

.mbanner1 { height: auto; padding-bottom: 30rem; }


.product_main1 { padding: 80rem 0;}
.product_main2 { padding: 45rem 0 80rem 0;}
.product_main3 { padding: 80rem 0 80rem 0;}


.product_list1 { margin: 0 -7rem; }
.product_list1 .item { float: left; width: 50%; padding: 7rem 0;}
.product_list1 .item_m { margin: 0 7rem; }
.product_list1 .item .con { padding: 6rem 14rem; height: 180rem; }
.product_list1 .item .con .m { background-size: 30rem auto; }

.ipro_nav ul li{ float: left; width: 50%; height: 120rem; padding-top: 14rem; line-height: 46rem; text-align: center; cursor: pointer; font-size: 20rem; }
.ipro_nav ul li i { display: block; margin: 0 auto;}

.product_list2 { padding: 30rem 0; margin: 0 -14rem;}

.ilist3 { margin: 0 -14rem;}

.product_list3 { margin: 0 -7rem; padding-top: 10rem; }
.product_list3 .item { float: left; width: 50%; }
.product_list3 .item_m { margin: 0 7rem 15rem 7rem; }



.product_list4 { margin: 0 -7rem; padding-top: 10rem; }
.product_list4 .item { float: left; width: 50%; }
.product_list4 .item_m { margin: 0 7rem 15rem 7rem; }
.product_list4 .item .img img { height: 300rem;}
.product_list4 .item:last-child { width: 100%; }
.product_list4 .item:last-child .img img { height: 300rem;}

.product_list4 .item:nth-child(odd){ padding-top: 0;}


.product_list5 { margin: 0 -7rem; padding-top: 16rem; }
.product_list5 .item { float: left; width: 50%; padding: 7rem 0; }
.product_list5 .item_m { margin: 0 7rem; position: relative;}
.product_list5 .item:after { right: -10rem; margin-top: -10rem; width: 20rem; height: 20rem; background-size: 10rem auto;}
.product_list5 .item:nth-child(2):after { display: none;}
.product_list5 .item:nth-child(4):after { display: none;}
.product_list5 .item:last-child:after { display: none;}
.product_list5 .item:last-child { margin-left: 25%;}


.about_main1 { padding: 80rem 0 80rem 0;}
.about_main2 { padding: 80rem 0 80rem 0;}
.about_main3 { padding: 50rem 0 76rem 0;}

.about_main1_l { float: none; width: auto; margin-bottom: 30rem;}
.about_main1_r { float: none; width: auto;}

.about_list1_t { font-size: 22rem; }
.about_list1_f { font-size: 18rem; }

.about_list1 { margin: 0 -7rem; padding: 20rem 0 32rem 0;}
.about_list1 .item { float: left; width: 100%; padding: 7rem 0;}
.about_list1 .item_m { display: block; margin: 0 7rem; }

.about_main3_l { float: none; width: auto; padding: 0 14rem; margin-bottom: 30rem;}
.about_main3_r { float: none; width: auto;}


.news_main { padding: 20rem 0;}
.news_main .mainbox { padding: 0 14rem;}

.news_nav { padding-top: 14rem; }
.news_nav ul li a{ font-size: 22rem; }


.news_list { padding: 10rem 0; }
.news_list .item{ padding: 15rem 0; }
.news_list .item_m { padding: 0; height: auto; }
.news_list .item_m .img { position: relative; left: 0; top: 0; width: auto; }
.news_list .item_m .img img{ height: auto; }
.news_list .item_m .con { }
.news_list .item_m .t { font-size: 24rem; line-height: 40rem; height: auto; padding: 25rem 0; white-space: normal; }
.news_list .item_m .m { height: auto; margin-bottom: 14rem;}
.news_list .item_m .f span { float: left; }

.pages_list a { font-size: 16rem; }

}

.etip { position: fixed; left: 50%; top: 50%; width: 400rem; margin-left: -200rem; box-sizing: border-box; display: none; transform:translate(0,-50%); background: rgba(0,0,0,0.8); color: #fff; padding: 20rem; text-align: center; font-size: 20rem; line-height: 2; border-radius: 30rem; z-index: 9999991;}


/*滚动条*/
::-webkit-scrollbar-corner { background-color:#ffffff;}
::-webkit-scrollbar{width: 6rem; height:6rem; border-radius:3rem; }
::-webkit-scrollbar-track{ background:none; }
::-webkit-scrollbar-thumb{ background-color:rgba(0,0,0,0.4); border-radius:3rem; }