@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; font-size:14px;font-family:"微软雅黑","黑体";color:#333;line-height:28px; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; }
a{ color:#333; text-decoration:none}


em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}

.header{height:150px; width:100%; background:#fff; position: fixed; z-index:999;}
.headerbox{width: 1230px; margin: 0 auto; }
.logo{width:  auto;float: left;}
.logo img{width: 100%;}
.loyw{ width:1200px; height:60px; margin:0 auto; padding:25px 0px;}


.nav{ width:1200px;}

.nav li{float: left;background: #EBEBEB; height:32px; line-height:32px; margin-right:2px;padding:0px 16px; position: relative;}
.nav li h3 a{display: block; font-size:14px;font-weight: 400;color: #333;}
.nav li:hover h3 a{ color:#fff; font-weight:700;}
.nav li:hover{background: var(--Linear, linear-gradient(180deg, #7A7A7A 0%, #020202 100%));}
.sub{position: absolute;width: 100%; top: 32px;left: 0;background: #fff;z-index: 100;display: none;}
.sub dt{line-height: 40px; font-size: 14px; border-bottom: 1px solid #eee;}
.sub dt a{display: block;text-align: center; font-size: 14px; color: #666;}
.sub dt a:hover{background: #EBEBEB;}

.yzxz{float: right;position: relative;z-index: 10;}
.yzxz p{font-size: 14px; color: #fff; line-height:32px; padding:0px 15px; cursor: pointer; background: var(--Linear, linear-gradient(180deg, #7A7A7A 0%, #020202 100%));}
.yzxz p img{display: inline-block;vertical-align: middle; margin: -3px 0px 0 10px;;}
.yzxz p b{display: inline-block;background: url(../images/a_08.png); width: 12px;height: 18px; vertical-align: middle; margin: -6px 0 0 15px;}
.yzxz ul{position: absolute; width: 100%; top:32px; left: 0; background: #EBEBEB;border-radius: 0 0 6px 6px;z-index: 10;display: none;}
.yzxz li{line-height: 40px; font-size: 14px; padding-left: 42px;}
.yzxz li a{color: #333;}
.yzxz:hover ul{display: block;}
.yzxz li a:hover{color: #298619;}
.tp{ width:100%; height:150px;}
.banner img{width: 100%;}
.banner .swiper-button-next {background: url(../images/a_03.png); width: 45px;height: 45px;margin-top: -22px;right: 4vw;}
.banner .swiper-button-prev {background: url(../images/a_01.png); width: 45px;height: 45px;margin-top: -22px;left: 4vw;}
.sw_title{ width:100%; height:34px;background: #F9F9F9;box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.31); padding:45px 0px;}
.sw_tit{ width:1200px; height:34px; line-height:34px; color:#333; margin:0 auto;}
.sw_tit a{ width:94px; height:34px; background:url(../images/a1.png) center no-repeat; margin-right:15px; text-indent:14px; text-align:center; display:inline-block; color:#fff;font-weight: 700; font-size:14px; }

.cont1{ width:100%; background:url(../images/a2.png) bottom right no-repeat; padding-top:100px;}
.cnt1{ width:1200px; margin:0 auto; padding-bottom:70px;}
.cnt1 ul{ width:100%; }
.cnt1 ul li{ width:22%; margin-right:4%; float:left;}
.cnt1 ul li:nth-child(4n) { margin-right:0px;}
.cnt1 ul li .ct1{ width:100%; text-align:center; margin-bottom:15px; text-align:center;}
.cnt1 ul li .ct1 img{ max-width:100%; display:inline-block;}
.cnt1 ul li h2{ font-size:14px; line-height:25px; font-weight:400;}
.cnt1 ul li span{ width:100%; }
.cnt1 ul li span img{ float:left; padding-right:10px; padding-top:8px;}

.cont2{ width:100%; height:auto; background:#F9F9F9; padding:70px 0px;}
.cnt2{ width:1200px; height:auto; margin:0 auto;}
.cnt2 h3{color: #00A9E9; font-size:20px; margin-bottom:25px;}
.cnt2 ul{ width:100%; height:auto;}
.cnt2 ul li{ width:23.5%; float:left; margin-right:2%;}
.cnt2 ul li:nth-child(4n){ margin-right:0%;}
.cnt2 ul li img{ width:100%;}
.cnt2 ul li .ct2{ width:100%; padding:18px 16px;box-sizing: border-box; background:#fff; }
.cnt2 ul li .ct2 h2{ color: #00A9E9; font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cnt2 ul li .ct2 p{ color:#333;}

.footer{ width:100%; height:auto; padding:70px 0px 50px 0px;; background:#323232;color: var(--30, rgba(255, 255, 255, 0.30));}
.foot{ width:1200px;; margin:0 auto;}
.fot1{ width: auto; float:left;}
.fot2{ width:auto; float:right;}
.fot2 img{ float:right;}

.foot p{ width:auto; padding-top:30px;}
.foot .fot2 p{ float:right;}
#bannera{width:100%; height:400px; margin:0 auto; argin-bottom:0px; padding-bottom:0px; border-bottom:#fafafa 0px solid; background-position:center center;}

.page1{ width:100%; height:auto; padding:80px 0px; background:#EAEAEA;}
.page11{ width:1200px; height:auto; padding:50px 50px; background:#fff;box-sizing: border-box; margin:0 auto;  }
.page11 li{ width:31%; float:left; margin-right:3.5%;}
.page11 li:nth-child(3){ margin-right:0px;}
.page11 li h2{color: #28A5DC; font-size:50px; line-height:65px;}
.page11 li p{font-size: 14px; color:#333;}

.page2{ width:1200px; height:auto; margin:0 auto; padding:70px 0px; text-align:center;}
.page2 img{ max-width:100%}

.product{ width:1200px; height:auto; padding:70px 0px; margin:0 auto;}
.product1{ width:270px; height:auto; background: var(---white, #FFF);box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.10); float:right;}
.product1 h2{ width:100%; height:90px; font-size:24px; background:#EF7C1B; color:#fff; line-height:90px; text-indent:30px;}
.main_menu{ width:100%; height:auto; float:left; background:#fff; ;box-sizing: border-box; }
.main_menu .menu1{ width:100%; height:52px; text-align:left; text-indent:30px;font-weight: 700; font-size:14px; font-weight:bold; color:#333; line-height:52px;border-bottom: 1px solid var(--gray-5, #E0E0E0); display:block;transition: all 0.8s;}
.main_menu .menu1 span{ float:left; font-size:16px; padding-right:0px; color:#999;}
.main_menu .menu1:hover{color:#fff;background: #00A9E9;}
.main_menu .menu1:hover span{color:#00A9E9;}
.main_menu .menu2{ width:100%; height:40px; text-align:left; text-indent:10px;font-weight: 400; font-size:14px; color:#666; line-height:40px;border-bottom: 1px solid var(--gray-5, #E0E0E0); display:block;transition: all 0.8s;}
.main_menu .menu2 span{ float:left; font-size:16px; padding-left:10px; color:#999;}
.main_menu .menu2:hover{color:#00A9E9; font-weight:400;}
.main_menu .menu2:hover span{color:#00A9E9; }
.menu3{ width:240px; height:48px; background:#E36315; line-height:48px; text-align:center; color:#fff; font-size:14px; font-weight:700; display:block; margin:30px auto;}
.product2{ width:930px; float:left;}

.prod2{ width:100%; padding:80px 0px;background: #EAEAEA;}
.table {
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;    border-collapse: collapse;
}
.table th:first-child {
    background: rgb(0,173,239);
    border-right: 0;
}
.table th {
    background: #000;
    color: #fff;
    border-left: 0;
    border-right: 1px solid rgba(255,255,255,0.6);
    border-bottom: 0;
    border-top: 0;
    text-align: center;
    vertical-align: middle;
}
.table td {
    background: #fff;
    border-bottom: 1px solid rgba(0,0,0,0.4);
    border-top: none;
    border-left: 0;
    border-right: 1px solid rgba(0,0,0,0.4);
    text-align: center;
    vertical-align: middle;
}
.table td:first-child {
    background: rgb(179,230,250);
    border-right: 0;
}
.prod21{ width:1200px; margin:0 auto;}
.prod21 h3{color: var(--00-a-9-e-9, #00A9E9); font-weight:400;font-size: 24px; width:100%; height:50px;}
.prod21 img{ max-width:100%;}
#info-T{width:100%; min-height:26px; padding-top:30px; color:#242424; padding-bottom:15px; line-height:26px; text-align:left; font-size:18px; font-weight:bold;}
.xtj_tip {
    width: 100%;
}
.xtj_tip li:nth-child(2) {
    padding-right: 20px;
    box-sizing: border-box;
    text-align: center;  width: 40%;
}
.xtj_tip li:nth-child(2) img {
    max-width: 100%;
}
.xtj_tip li {
    width: 60%;
    float: left;
    color: #666;
    font-family: SourceHanSansCN-Regular;
    font-size: 16px;
    line-height: 36px;
}
.xtj_tip li h2{
    background:#00a1e9;
    font-size: 18px;
    line-height:2.0;
	padding-left:10px;
	color: #fff;
}
.page1h{ width:1200px; height:auto; margin:0 auto; padding:70px 0px 20px 0px;;}
.page1h li{ width:15%; height:auto; float:left; margin-right:2%; margin-bottom:50px;}
.page1h li:nth-child(6){ margin-right:0px;}
.page1h li a{ width:180px; height:180px; display:block; border-radius:100px; background:#E3E3E3; text-align:center;}
.page1h li a img{ padding-top:20px;}
.page1h li a h2{ font-size:16px; font-weight:400;}

.page1h1{ width:1200px; padding:70px 60px;box-sizing: border-box; margin:0 auto 70px auto;  }
.page1h1 img{ max-width:100%;}
.page1h1 h2{color: var(--00-a-9-e-9, #00A9E9); font-weight:normal; height:60px;font-size: 24px;}
.menu4{ width:240px; height:48px; background:#B40010; line-height:48px; text-align:center; color:#fff; font-size:14px; font-weight:700; display:block; margin:30px 0px;;}

.a1rtile1{ max-width:1200px;; height:auto; margin:70px auto 60px auto;;}
.a1rtile1 ul{}
.a1rtile1 li{ width:100%; margin:0 auto;; height:310px; margin-bottom:40px; padding:40px 50px;  transition:all 0.5s;box-sizing: border-box;box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.31);;}
.x1man1{ width:100%;  margin:0 auto;transition:all 0.8s; }
.a1rt11{ width:470px; height:230px; float:right;  overflow:hidden; position:relative;}
.a1rt11 img{width:470px; height:230px; display:block;cursor: pointer;transition: all 1.2s;}
.a1rt11 img:hover{transform: scale(1.1);}

.a1rt21{ height:230px;overflow: hidden;padding-right:40px;box-sizing: border-box; }
.a1rt21 h2{ width:100%; font-size:20px;color: var(--00-a-9-e-9, #00A9E9); font-weight:400;transition:all 0.5s; height: auto; line-height:30px; height:30px; margin-bottom:10px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden; }
.a1rt21 .a1rt_p1{ width:100%; height:80px; line-height:20px; margin-top:8px;transition:all 0.5s; color:#333 ;  font-size:14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4; overflow: hidden;;}
.a1rt21 .a1rt2_11{ width:96%; height:49px; line-height:49px; margin-top:25px; color:#333;}
.a1rt21 .a1rt2_11 span{ font-size:16px; display:block;width:90px; float:left; color:#333; ;transition:all 0.5s; }
.a1rt21 .a1rt2_11 b{ float:right; font-weight:400;}
.aer{ width:1200px; height:auto; padding:65px 0px; margin:0 auto;}
.aer1{ width:100%;}
.aer1 ul li{ width:23.5%; float:left; margin-right:2%; margin-bottom:35px;}
.aer1 ul li:nth-child(4n){ margin-right:0px;}

.aer1 ul li a p{color: var(---333, #333); line-height:25px; height:50px;font-size: 14px; margin-top:15px;}

#nx_pg{width:100%;  padding:5px 0px 0px 0px; text-align:center; margin-top:10px;}
 #nx_pg li{ display:inline-block;}
#nx_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; border:1px solid #e1d7e0; color:#9a9a9a;font-size:14px; margin:0px 3px 50px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
#nx_pg a:hover{background:#00A9E9;border:1px solid #00A9E9; color:#fff;}
#nx_pg .on{ background:#00A9E9;border:1px solid #00A9E9; color:#fff;}

.abk{ width:100%; height:auto; background:#EAEAEA; padding:70px 0px;}
.abk1{ width:1200px; height:auto; margin:0px  auto ; height:430px; background:#fff;}
.abk11{ width:420px; float:left; height:430px;}
.abk11 h2{ width:260px; height:80px; border-left:2px solid #00A9E9; line-height:30px; font-size:20px; font-weight:400; padding-left:30px; margin-top:60px;}
.abk11 h3{ width:260px; padding-left:30px; font-size:14px; line-height:30px; font-weight:400; margin-bottom:30px; margin-top:30ppx;}
.abk11 p{ width:auto; height:30px; padding-left:30px;}
.abk11 p span{ font-weight:bold; width:90px; display:inline-block;}


.abk12{ width:780px; float:right; height:430px;}
.abk12{ width:780px; height:430px;}













@media(max-width:1260px){
.headerbox{width: 100%; padding: 0 3%;}
.nav li{padding-left: 30px;}


}
@media(max-width:1000px){
.header{position: fixed;width: 100%;height: 60px; top: 0;background: #fff;left: 0;z-index: 100;}
.logo img{height: 50px;width: auto; padding-top:5px;}
.dhbtn{position: absolute;width: 30px;height: 30px;background: url(../images/d1.png) no-repeat center center #28A5DC;background-size: 20px 20px; border-radius:4px; right: 3%; top: 15px;}
.dhbtn.on{background: url(../images/d2.png) no-repeat center center #28A5DC;background-size: 20px 20px;border-radius:4px;}
.nav{position: fixed;width: 200px; height: calc(100% - 60px);top: 60px;left: -200px;background: #fff;}
.yzxz{display: none;}
.loyw{ width:100%; height:60px; margin:0 auto; padding:0px 0px;}
.tp{ width:100%; height:60px;}
.nav{ padding-left:0px;}
.nav li{float: none; padding: 0; background:#fff; height:auto; margin-right:0px; line-height:43px; }


.nav li h3 a{ display: inline; padding: 0 15px; line-height: 42px;}
.nav li h3 {border-bottom: 1px solid #eee; line-height: 42px;}


.sub{position: static; }
.sub dt a{text-align: left; padding-left: 30px;box-sizing: border-box;}
.dhbj{position: fixed;width: 100%; height: 100%;background: rgba(0,0,0,.7);top: 0;left: 0;z-index: 10;display: none;}
.banner{margin-top: 0px;}
.banner .swiper-button-next{width: 25px;height: 25px; margin-top: -13px;background-size: 100% 100%;}
.banner .swiper-button-prev{width: 25px;height: 25px; margin-top: -13px;background-size: 100% 100%;}


.banner .swiper-button-next {background: url(../images/a_03.png); width: 45px;height: 45px;margin-top: -22px;right: 4vw;}
.banner .swiper-button-prev {background: url(../images/a_01.png); width: 45px;height: 45px;margin-top: -22px;left: 4vw;}
.sw_title{ width:100%; height:34px;background: #F9F9F9;box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.31); padding:45px 0px; display:none;}
.sw_tit{ width:1200px; height:34px; line-height:34px; color:#333; margin:0 auto;}
.sw_tit a{ width:94px; height:34px; background:url(../images/a1.png) center no-repeat; margin-right:15px; text-indent:14px; text-align:center; display:inline-block; color:#fff;font-weight: 700; font-size:14px; }

.cont1{ width:100%; background:url(../images/a2.png) bottom right no-repeat; padding-top:40px;}
.cnt1{ width:90%; margin:0 auto; padding-bottom:30px;}
.cnt1 ul{ width:100%; }
.cnt1 ul li{ width:80%; margin:0 auto 20px auto; float:none;;}
.cnt1 ul li:nth-child(4n) { margin-right:0px;}
.cnt1 ul li .ct1{ width:100%; text-align:center; margin-bottom:15px; text-align:center;}
.cnt1 ul li .ct1 img{ max-width:100%; display:inline-block;}
.cnt1 ul li h2{ font-size:14px; line-height:25px; font-weight:400;}
.cnt1 ul li span{ width:100%; }
.cnt1 ul li span img{ float:left; padding-right:10px; padding-top:8px;}

.cont2{ width:100%; height:auto; background:#F9F9F9; padding:40px 0px;}
.cnt2{ width:96%; height:auto; margin:0 auto;}
.cnt2 h3{color: #00A9E9; font-size:20px; margin-bottom:15px;}
.cnt2 ul{ width:100%; height:auto;}
.cnt2 ul li{ width:49%; float:left; margin-right:2%; margin-bottom:20px;}
.cnt2 ul li:nth-child(2n){ margin-right:0%;}
.cnt2 ul li img{ width:100%;}
.cnt2 ul li .ct2{ width:100%; padding:5px 5px;box-sizing: border-box; background:#fff; }
.cnt2 ul li .ct2 h2{ color: #00A9E9; font-size:14px;box-sizing: border-box;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cnt2 ul li .ct2 p{ color:#333;}

.footer{ width:100%; height:auto; padding:30px 0px 20px 0px;; background:#323232;color: var(--30, rgba(255, 255, 255, 0.30));}
.foot{ width:96%;; margin:0 auto;}
.fot1{ width: auto; float:left;}
.fot2{ width:auto; float:right; display:none;}
.fot2 img{ float:right;}

.foot p{ width:auto; padding-top:10px;}
.foot .fot2 p{ float:right;}
#bannera{width:100%; height:110px; margin:0 auto; argin-bottom:0px; background-size:auto 100%; padding-bottom:0px; border-bottom:#fafafa 0px solid; background-position:center center;}

.page1{ width:100%; height:auto; padding:40px 0px; background:#EAEAEA;}
.page11{ width:96%; height:auto; padding:30px 10px; background:#fff;box-sizing: border-box; margin:0 auto;  }
.page11 li{ width:31%; float:left; margin-right:3.5%;}
.page11 li:nth-child(3){ margin-right:0px;}
.page11 li h2{color: #28A5DC; font-size:20px; line-height:35px;}
.page11 li p{font-size: 14px; color:#333;}

.page2{ width:96%; height:auto; margin:0 auto; padding:30px 0px; text-align:center;}
.page2 img{ max-width:100%}

.product{ width:96%; height:auto; padding:40px 0px; margin:0 auto;}
.product1{ width:270px; height:auto; background: var(---white, #FFF);box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.10); float:right; display:none;}
.product1 h2{ width:100%; height:90px; font-size:24px; background:#EF7C1B; color:#fff; line-height:90px; text-indent:30px;}
.main_menu{ width:100%; height:auto; float:left; background:#fff; ;box-sizing: border-box; }
.main_menu .menu1{ width:100%; height:52px; text-align:left; text-indent:30px;font-weight: 700; font-size:14px; font-weight:bold; color:#333; line-height:52px;border-bottom: 1px solid var(--gray-5, #E0E0E0); display:block;transition: all 0.8s;}
.main_menu .menu1 span{ float:left; font-size:16px; padding-right:0px; color:#999;}
.main_menu .menu1:hover{color:#fff;background: #00A9E9;}
.main_menu .menu1:hover span{color:#00A9E9;}
.main_menu .menu2{ width:100%; height:40px; text-align:left; text-indent:10px;font-weight: 400; font-size:14px; color:#666; line-height:40px;border-bottom: 1px solid var(--gray-5, #E0E0E0); display:block;transition: all 0.8s;}
.main_menu .menu2 span{ float:left; font-size:16px; padding-left:10px; color:#999;}
.main_menu .menu2:hover{color:#00A9E9; font-weight:400;}
.main_menu .menu2:hover span{color:#00A9E9; }
.menu3{ width:240px; height:48px; background:#E36315; line-height:48px; text-align:center; color:#fff; font-size:14px; font-weight:700; display:block; margin:30px auto;}
.product2{ width:100%; float:left;}
.product2 img{ max-width:100%;}
.prod2{ width:100%; padding:40px 0px;background: #EAEAEA;}
.table {
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;    border-collapse: collapse;
}
.table th:first-child {
    background: rgb(0,173,239);
    border-right: 0;
}
.table th {
    background: #000;
    color: #fff;
    border-left: 0;
    border-right: 1px solid rgba(255,255,255,0.6);
    border-bottom: 0;
    border-top: 0;
    text-align: center;
    vertical-align: middle;
}
.table td {
    background: #fff;
    border-bottom: 1px solid rgba(0,0,0,0.4);
    border-top: none;
    border-left: 0;
    border-right: 1px solid rgba(0,0,0,0.4);
    text-align: center;
    vertical-align: middle;
}
.table td:first-child {
    background: rgb(179,230,250);
    border-right: 0;
}
.prod21{ width:96%; margin:0 auto;}
.prod21 h3{color: var(--00-a-9-e-9, #00A9E9); font-weight:400;font-size: 24px; width:100%; height:50px;}
.prod21 img{ max-width:100%;}
#info-T{width:100%; min-height:26px; padding-top:30px; color:#242424; padding-bottom:15px; line-height:26px; text-align:left; font-size:18px; font-weight:bold;}
.xtj_tip {
    width: 100%;
}
.xtj_tip li:nth-child(2) {
    padding-right: 20px;
    box-sizing: border-box;
    text-align: center;  width: 100%;
}
.xtj_tip li:nth-child(2) img {
    max-width: 100%;
}
.xtj_tip li {
    width: 100%;
    float: left;
    color: #666;
    font-family: SourceHanSansCN-Regular;
    font-size: 16px;
    line-height: 36px;
}
.xtj_tip li h2{
    background:#00a1e9;
    font-size: 18px;
    line-height:2.0;
	padding-left:10px;
	color: #fff;
}
.page1h{ width:96%; height:auto; margin:0 auto; padding:40px 0px 20px 0px;;}
.page1h li{ width:49%; height:auto; float:left; margin-right:2%; margin-bottom:20px;}
.page1h li:nth-child(2n){ margin-right:0px;}
.page1h li a{ width:150px; height:150px; display:block; margin:0 auto; border-radius:100px; background:#E3E3E3; text-align:center;}
.page1h li a img{ padding-top:0px;}
.page1h li a h2{ font-size:12px; font-weight:400;}

.page1h1{ width:96%; padding:30px 10px;box-sizing: border-box; margin:0 auto 40px auto;  }
.page1h1 img{ max-width:100%;}
.page1h1 h2{color: var(--00-a-9-e-9, #00A9E9); font-weight:normal; height:40px;font-size: 20px;}
.menu4{ width:240px; height:48px; background:#B40010; line-height:48px; text-align:center; color:#fff; font-size:14px; font-weight:700; display:block; margin:30px 0px;;}

.a1rtile1{ max-width:96%;; height:auto; margin:40px auto 40px auto;;}
.a1rtile1 ul{}
.a1rtile1 li{ width:100%; margin:0 auto;; height:130px; margin-bottom:40px; padding:15px 10px;  transition:all 0.5s;box-sizing: border-box;box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.31);;}
.x1man1{ width:100%;  margin:0 auto;transition:all 0.8s; }
.a1rt11{ width:200px; height:100px;  float:right;  overflow:hidden; position:relative;}
.a1rt11 img{width:200px; height:100px; display:block;cursor: pointer;transition: all 1.2s;}
.a1rt11 img:hover{transform: scale(1.1);}

.a1rt21{ height:100px;overflow: hidden;padding-right:10px;box-sizing: border-box; }
.a1rt21 h2{ width:100%; font-size:20px;color: var(--00-a-9-e-9, #00A9E9); font-weight:400;transition:all 0.5s; height: auto; line-height:30px; height:30px; margin-bottom:10px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden; }
.a1rt21 .a1rt_p1{ width:100%; height:80px; line-height:20px; margin-top:8px;transition:all 0.5s; color:#333 ;  font-size:14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4; overflow: hidden;;}
.a1rt21 .a1rt2_11{ width:96%; height:49px; line-height:49px; margin-top:25px; color:#333;}
.a1rt21 .a1rt2_11 span{ font-size:16px; display:block;width:90px; float:left; color:#333; ;transition:all 0.5s; }
.a1rt21 .a1rt2_11 b{ float:right; font-weight:400;}
.aer{ width:96%; height:auto; padding:35px 0px; margin:0 auto;}
.aer1{ width:100%;}
.aer1 ul li{ width:49%; float:left; margin-right:2%; margin-bottom:20px;}
.aer1 ul li:nth-child(2n){ margin-right:0px;}

.aer1 ul li a p{color: var(---333, #333); line-height:25px; height:25px;font-size: 14px; margin-top:5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

#nx_pg{width:100%;  padding:5px 0px 0px 0px; text-align:center; margin-top:10px;}
 #nx_pg li{ display:inline-block;}
#nx_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; border:1px solid #e1d7e0; color:#9a9a9a;font-size:14px; margin:0px 3px 50px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
#nx_pg a:hover{background:#00A9E9;border:1px solid #00A9E9; color:#fff;}
#nx_pg .on{ background:#00A9E9;border:1px solid #00A9E9; color:#fff;}

.abk{ width:100%; height:auto; background:#EAEAEA; padding:40px 0px;}
.abk1{ width:96%; height:auto; margin:0px  auto ; height: auto; background:#fff;}
.abk11{ width:100%; float:none;; height: auto; padding-bottom:20px;}
.abk11 h2{     width: 323px;
    height: 35px;
    border-left: 2px solid #00A9E9;
    line-height: 30px;
    font-size: 18px;
    font-weight: 400;
    padding-left: 30px;
    margin-top: 00px;}
.abk11 h3{ width:260px; padding-left:30px; font-size:14px; line-height:30px; font-weight:400; margin-bottom:30px; margin-top:30ppx;}
.abk11 p{ width:auto; height:30px; padding-left:30px;}
.abk11 p span{ font-weight:bold; width:90px; display:inline-block;}


.abk12{ width:100%; float:none;; height: auto;}
.abk12{ width:100%; height:430px;}



}





