@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; font-size:14px;font-family:Arial, Helvetica, sans-serif;
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: "Arial"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong {  }
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: 140px; background:#fff; position:fixed; width:100%; z-index:99;}
.headerbox{width: 1230px; height:80px; margin: 0 auto; }
.logo{width:  auto;float: left;}
.logo img{width: 100%;}
.logo .logo1{ display:block;}
.logo .logo2{ display:none;;}
.nav{width:100%; height:60px; }
.nav ul{ width:1240px; margin:0 auto;}
.nav li{float: left; width:155px; text-align:center;position: relative;}
.nav li:hover{ background:#F0BD47}
.nav li h3 a{display: block; font-size:16px;font-weight:  400;color: #333333;line-height:60px;}

.nav li a:hover{color: #333;font-weight: bold;}
.sub{position: absolute;width:100%; top: 60px;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: 12px; color: #666;}
.sub dt a:hover{background: #F0BD47;color: #fff;}
.serz{ width:530px; float:left; padding-left:30px; padding-top:18px;}
#topral{width:420px; height:38px; float:left; border:1px solid #BDBDBD;border-radius: 4px;}
.s1{width:281px; height:38px; line-height:38px; margin:0; padding-left:12px;  border:none; background:url(../images/ruini_05.jpg); color:#888}
.s1:hover{border-right:none;}

.yzxz{float: right;position: relative;z-index: 10; padding:0px 10px;border:1px solid #BDBDBD;border-radius: 4px;}
.yzxz p{font-size: 14px; color: #333333; line-height:38px;cursor: pointer; }

.yzxz p b{display: inline-block;background: url(../images/a_08.png); width: 10px;height: 7px; vertical-align: middle; margin: -1px 0 0 10px;}
.yzxz ul{position: absolute; width: 100%; top:38px; left: 0;border:1px solid #BDBDBD; background: #fff;border-radius: 0 0 6px 6px;z-index: 10;display: none;}
.yzxz li{line-height:25px; font-size: 14px; padding-left:10px;}
.yzxz li a{color: #333;}
.yzxz:hover ul{display: block;}
.yzxz li a:hover{color: #F0BD47;}
.phone{ float:right; height:34px; float:right; padding-top:22px; line-height:34px;color: var(--008-a-58, #D3A539);font-family: Roboto;font-size: 24px;}
.phone img{ float:left; padding-right:10px;}
.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;}

.cont1{ width:100%; height:auto; padding:70px 0px; background: #F2F2F2;}
.cnt1{ width:1240px; height:auto; margin:0 auto;}
.cnt1 h2{color: var(--333, #333); font-size:40px; font-weight: 700;}
.cnt1 h3{ font-size:30px; color:#999; line-height:1.5; padding-top:30px; margin-bottom:70px;font-weight:600;}
.cnt1 h3 span{ color:#F0BD47;}
.cnt12{ width:100%; margin-bottom:50px;}
.cnt12 h4{color: var(--333, #333); font-size:32px; font-weight:400; height:40px; line-height:40px; margin-bottom:40px;}
.cnt12 h4 img{ width:40px; float:left; padding-right:15px;}
.cnt12 li{ float:left; width:31%; float:left; margin-right:3.5%;}
.cnt12 li:nth-child(3n){ margin-right:0px;} 
.cnt12 li a{ width:100%; height:118px; display:block; background:#fff;border-radius: 16px; text-align:center; line-height:118px; font-size:24px;}
.cnt12 li a:hover{font-size:22px; font-weight:700; background:#F0BD47}
.detailEnter { display: block; width:200px; margin:0 auto; line-height: 58px; text-align: center; font-size: 17px; color: #475464; background:#F0BD47;margin-top:0px; }
.detailEnter:hover{ color:#475464; text-decoration:underline;}
.cont2{ width:1240px; margin:0 auto; padding:70px;}
.bt{ width:100%; height:auto; background:url(../images/a3.png) center no-repeat; text-align:center;}
.bt h2{ color:#333; font-size:32px; padding-top:30px;}
.bt p{ color:#666; font-size:20px; padding-top:30px;}
.cnt2{ width:100%; text-align:center; padding-top:50px;}
.cnt2 a{ font-size:20px; padding:0px 30px; line-height:40px;transition: all 0.8s;}
.cnt2 a .ct2_img{ width:40px; height:40px; vertical-align:-13px; background:url(../images/b1.png) center no-repeat; display:inline-block; margin-right:18px;transition: all 0.8s; }
.cnt2 a:nth-child(2) .ct2_img{ background:url(../images/b2.png) center no-repeat;transition: all 0.8s;}
.cnt2 a:nth-child(3) .ct2_img{ background:url(../images/b3.png) center no-repeat;transition: all 0.8s;}
.cnt2 a:hover .ct2_img{background:url(../images/b4.png) center no-repeat;}
.cnt2 a:hover:nth-child(2) .ct2_img{ background:url(../images/b5.png) center no-repeat;}
.cnt2 a:hover:nth-child(3) .ct2_img{ background:url(../images/b6.png) center no-repeat;}

.cnt2 a:nth-child(2) .zs_img{ width:40px; height:40px; vertical-align:-13px; background:url(/tpl/templets/ssm/images/ry.png) center no-repeat; display:inline-block; margin-right:18px;transition: all 0.8s; }
.cnt2 a:hover:nth-child(2) .zs_img{background:url(/tpl/templets/ssm/images/ry1.png) center no-repeat;}

.cnt2 a:nth-child(3) .zs_img{ width:40px; height:40px; vertical-align:-13px; background:url(/tpl/templets/ssm/images/ry.png) center no-repeat; display:inline-block; margin-right:18px;transition: all 0.8s; }
.cnt2 a:hover:nth-child(3) .zs_img{background:url(/tpl/templets/ssm/images/ry1.png) center no-repeat;}

.cnt2 a .zs_img{ width:40px; height:40px; vertical-align:-13px; background:url(/tpl/templets/ssm/images/zsxx1.png) center no-repeat; display:inline-block; margin-right:18px;transition: all 0.8s; }
.cnt2 a:hover .zs_img{background:url(/tpl/templets/ssm/images/zsxx.png) center no-repeat;}

.cnt21{ width:1254px; height:auto; padding-top:40px; position:relative; padding-bottom:40px;}
.cnt21 li{ width:408px; height:250px; float:left; position:relative; overflow:hidden;}
.cnt21 li img{width:408px; height:281px;cursor: pointer;transition: all 0.8s;}
.cnt21 li img:hover{transform: scale(1.1);}
.cnt21 li a{ width:160px; height:55px; display:block; bottom:30px; left:35px;color: #475464; background:#F0BD47; position:absolute; text-align:center; line-height:55px; font-size:16px;opacity:0; transition: all 0.8s;}
/*.cnt21 li:nth-child(1){ width:490px; height:512px; float:left; margin-right:12px;}
.cnt21 li:nth-child(1) img{ width:100%; height:512px;}*/
.cnt21 li:nth-child(1){ margin-bottom:12px; margin-right:12px;}
.cnt21 li:nth-child(2){ margin-bottom:12px; margin-right:12px;}
.cnt21 li:nth-child(3){ margin-bottom:12px;}
.cnt21 li:nth-child(4){ margin-right:12px;}
.cnt21 li:nth-child(5){ margin-right:12px;}
.cnt21 li:hover a {opacity:1;}

.cont3{ width:100%; height:auto; padding:80px 0px; background:url(../images/a4.png) center no-repeat;}
.cnt3{ width:1240px; height:auto; margin:0 auto; position:relative;}
.cnt31{ width:190px; height:auto; background:#F0BD47; position:absolute; left:50%; top:40px; margin-left:-190px;}
.cnt31 li{ width:100%; height:140px; text-align:center;border-bottom: 1px solid var(--30, rgba(255, 255, 255, 0.30));color: var(--475464, #475464);}
.cnt31 li h2{ font-family: Roboto;; font-size:32px; font-weight:400; padding-top:40px;}
.cnt31 li p{ padding-top:10px;line-height:1.5;}
.cnt32{ width:570px; float:right; padding-right:0px; color:#fff;}
.cnt32 h3{color: var(--white, #FFF);font-family: Arial;font-size: 18px;font-weight: 400; padding-bottom:20px;}
.cnt32 h2{color: var(--white, #FFF);font-family: Microsoft YaHei;font-size: 26px;font-style: normal;font-weight: 650; padding-bottom:40px; margin-bottom:45px; background:url(../images/a5.png) left bottom no-repeat;}
.cnt32 ul{ margin-top:40px;}
.cnt32 ul li{ width:100%; height:50px; line-height:1.3;font-weight: 700;}
.cnt32 ul li img{ width:40px; height:40px; padding-top:5px; float:left; padding-right:15px;}
.cnt32 ul li:nth-child(2n){ line-height:50px;}
.cnt32 ul li:nth-child(3n){ line-height:50px;}
.detailEnter1 { display: block; width:200px; line-height: 58px; text-align: center; font-size: 17px; color: #475464; background:#F0BD47;margin-top:40px; }
.detailEnter1:hover{ color:#475464; text-decoration:underline;}

.cont4{ width:100%; height:auto; padding:70px 0px; margin:0 auto; background:url(../images/a8.png) center bottom no-repeat;}
.bt1{ width:100%; height:auto; background:url(../images/a6.png) center top no-repeat; text-align:center;}
.bt1 h2{ color:#333; font-size:32px; padding-top:30px;}
.bt1 p{ color:#666; font-size:20px; padding-top:40px;text-align:left;padding-left:38%;}
.cnt4{ width:1240px; margin:0 auto; text-align:center; padding-top:40px;}
.cnt4 img{max-width: 100%; display:inline-block;}
.cnt4 .swiper-button-next {background: url(../images/a72.png); width:27px;height:58px;margin-top: -22px;right: 0vw;}
.cnt4 .swiper-button-prev {background: url(../images/a71.png); width: 27px;height:58px;margin-top: -22px;left: 0vw;}
.detailEnter2 { display: block; width:200px; margin:0 auto; line-height: 58px; text-align: center; font-size: 17px; color: #fff; background:#475464;margin-top:0px; }
.detailEnter2:hover{ color:#fff; text-decoration:underline;}

.cont5{ width:100%; height:auto; padding:80px 0px;background: var(--gray-6, #F2F2F2);}
.bt2{ width:100%; height:auto; background:url(../images/a9.png) center top no-repeat; text-align:center;}
.bt2 h2{ color:#333; font-size:32px; padding-top:30px;}
.bt2 p{ color:#666; font-size:20px; padding-top:30px;}
.cnt5{ width:1240px; height:auto; margin:50px auto 0px auto}
.cnt51{ width:610px; float:right; background:#fff; padding:30px;box-sizing: border-box;}
.cnt51 li{  width:100%; height:65px; line-height:65px;; font-size:16px; color:#333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.cnt51 li span{ float:right; color:#999; font-weight:normal;}
.cnt51 li b{ padding-right:15px;}
.cnt51 li:hover a{ color:#333; font-weight: 700;;}
.cnt51 li:hover {border-bottom: 1px solid #D3A539;}
.cnt52{ width:610px; float:left; background:#fff; padding:30px;box-sizing: border-box;}
.cnt52 img{width:100%;}
.cnt52z{ width:100%; height: auto; }
.cnt52z h2{ width:100%; padding-top:40px;font-size: 18px; font-weight:400; color:#333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.cnt52z p{ width:100%; color:#666; padding-top:30px;}
.cnt52z p span{ float:right; font-size:20px;}

.footer{ width:100%; height:auto;background: #475464;;}
.foot{ width:1360px; height:auto; margin:0 auto;}


.foote{ width:1240px; height:auto; margin:0 auto; padding-bottom:25px;}
.ft2{ width:100%; height: auto; margin-top:60px; padding-bottom:30px; color:#fff;}
.ft2 li{  height:auto; float:left; line-height:36px; font-size:14px; border-right:1px solid rgba(255, 255, 255, 0.10); padding-left:20px;}
.ft2 li p{ width:100%; height:40px; line-height:40px; text-align:center; color:BDBDBD;}
.ft2 li h2{ font-size:16px; height:40px; font-weight:bold; color:#fff;}
.ft2 li a{ width:100%; height:40px; line-height:40px; display:block; color:#BDBDBD;;}
.ft2 li a:hover{ text-decoration:underline;}
.ft2 span{ width:100%; display:block; height:40px; line-height:40px; color:#BDBDBD;;}
.ft2 span img{ float:left; padding-top:11px; padding-right:5px;}
.ft2 li:nth-child(1){ padding-left:0px;}
.ft2 li:nth-child(4){ border:0px;}
.ft2 li:nth-child(5) img{ margin-top:15px;}
.fotd{ width:100%; line-height:30px; padding:20px 0px; margin-top:10px; text-align:center;color: rgba(255, 255, 255, 0.3); border-top:1px solid rgba(255, 255, 255, 0.1)}

#bannera{width:100%; height:400px; margin:0 auto;margin-bottom:0px; padding-bottom:0px; border-bottom:#fafafa 0px solid; background-position:center center;}
.bread{ width:100%; height:52px; font-size:14px; border-bottom:1px solid rgba(0, 0, 0, 0.10); color:#999;}
.breadz{ width:1240px; height:52px; margin:0 auto; line-height:52px; overflow:hidden;}
.bread1{ width:auto; float:right;}
.bread1 li{float: left; padding-right:30px; font-size: 16px; line-height: 52px;}
.bread1 a{color: #fff;display: block;position: relative;}
.bread1 a:before{position: absolute; content: ""; border-bottom: 1px solid #fff; width: 0;bottom: 0px;left:50%; transform: translateX(-50%);transition: All 0.4s ease-in-out;}
.bread1 a:hover, .bread1 li.active a{color: #fff;;}
.bread1 a:hover:before, .bread1 li.active a:before{width: 100%;}
.bread2{ width:auto; float:left; color:#666;background:url(../images/j1.png) left center no-repeat; padding-left:25px; }
.bread2 a{ color: #666; }
.bread2 a:hover{ color:#D3A539;}


.ab1{ width:1240px; height:auto; margin:0 auto; padding:50px 0px;}

.cnt2ab{ width:100%;}
.cnt2ab a{ font-size:20px;  line-height:40px;transition: all 0.8s;}
.cnt2ab span{ padding:0px 20px;}
.cnt2ab a .ct2_img{ width:40px; height:40px; vertical-align:-13px; background:url(../images/e1.png) center no-repeat; display:inline-block; margin-right:18px;transition: all 0.8s; }
.cnt2ab a:nth-child(3) .ct2_img{ background:url(../images/e2.png) center no-repeat;transition: all 0.8s;}
.cnt2ab a:nth-child(5) .ct2_img{ background:url(../images/e3.png) center no-repeat;transition: all 0.8s;}
.cnt2ab a:nth-child(7) .ct2_img{ background:url(../images/e4.png) center no-repeat;transition: all 0.8s;}
.cnt2ab a:hover .ct2_img{background:url(../images/e11.png) center no-repeat;}
.cnt2ab a:hover:nth-child(3) .ct2_img{ background:url(../images/e22.png) center no-repeat;}
.cnt2ab a:hover:nth-child(5) .ct2_img{ background:url(../images/e33.png) center no-repeat;}
.cnt2ab a:hover:nth-child(7) .ct2_img{ background:url(../images/e44.png) center no-repeat;}

.ab1 h2{ width:100%; color:#333;font-family: Microsoft YaHei; padding-top:55px;font-size: 32px;font-style: normal;font-weight: 700; padding-bottom:30px; margin-bottom:35px; background:url(../images/a5.png) left bottom no-repeat;}
.ab1 h3{ color:#666; font-size:16px; font-weight:normal;}
.ab1 ul{ width:100%; height:auto; padding-top:50px;}
.ab1 ul li{ width:32%; height:170px; margin-right:2%; text-align:left; line-height:1.5;font-weight: 700; color:#fff; float:left; padding:20px 30px;background: var(--Linear, linear-gradient(107deg, #FFC849 -0.59%, #D6A023 98.65%));box-sizing: border-box; }
.ab1 ul li img{ width:40px; height:40px; padding-top:5px; float:left; padding-right:15px; display:inline-block;padding-bottom:70px;}
.ab1 ul li:nth-child(2n){ line-height:1.5;}
.ab1 ul li:nth-child(3n){ line-height:1.5; margin-right:0px;}

.ab2{ width:100%; padding:70px 0px; background:#F2F2F2;}
.ab2 h3{ width:1240px; color:#333;font-family: Microsoft YaHei; padding-top:40px;font-size: 32px;font-style: normal;font-weight: 700; padding-bottom:30px; margin:0 auto; background:url(../images/a5.png) left bottom no-repeat;}
.ab2 h4{color:#666; font-size:16px; font-weight:normal; width:1240px; height:auto; margin:0 auto; padding-top:35px;}

.ab2 ul{ margin:0 auto; width:1240px; padding-top:50px;}
.ab2 ul li{ width:32%; float:left; margin-right:2%; height: auto; float:left; text-align:center;transition: all 1.2s;background:#fff; padding-bottom:50px;text-align:center; }
.ab2 ul li img{ width:100px; height:100px; margin:60px auto 20px auto;}
.ab2 ul li h2{  font-size:20px; color:#333;; margin-top:20px; margin-bottom:20px;transition: all 1.2s;}
.ab2 ul li p{ width:80%; color:#666; margin:0 auto; padding-top:15px; line-height:30px; height:90px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow: hidden;transition: all 1.2s;}
.ab2 ul li:hover h2{ color:#FFC849;}
.ab2 ul li:nth-child(3n) { margin-right:0px;}
.gctp{ width:1240px; height:auto; padding-bottom:70px; margin:0 auto;}
.gctp li{ width:32%; float:left; margin-right:2%; margin-bottom:20px;}
.gctp li:nth-child(3n){ margin-right:0px;}
.gctp li img{ width:100%; }
.gctp li p{ width:100%; height:60px; line-height:60px; text-align:center;}
.gsjg{ width:1240px; height:auto; margin:0 auto; padding-bottom:65px; text-align:center;}
.gsjg img{ max-width:100%; display:inline-block;}



.ab3{ background:url(../images/f4.png) center no-repeat; padding:70px 0px; width:100%;}
.mainzg{width: 50%;margin: 0px auto;}
.mainzg h2{ font-size:32px; color:#fff; padding-bottom:45px; font-weight:normal;}
.time-axis{margin: 0;padding: 0;position: relative; height:100%;}
.time-axis:before{content: '';position: absolute;left: 105px;top: 15px;width: 1px;height: 100%; background-color: #E4E4E4;}
.time-axis-item{list-style: none;padding-left: 150px;position: relative;line-height: 45px;font-size: 14px;color: #fff;}
.time-axis-achievement{margin: 0;}
.time-axis-date{position: absolute;left: 0;top: 0;color: #fff; width:100px;}
.time-axis-date span{position: absolute;right: -13px;top: 35%;display: block;width: 13px;height: 13px;border: 1px solid #ccc;border-radius: 100%;background-color: #fff;}
.time-axis-date span:after{content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 7px;height: 7px;margin: auto;background-color: #ccc;border: 1px solid #ccc;border-radius: 100%;}
.time-axis-item:last-child .time-axis-date span{border-color: #48BEB2;}
.time-axis-item:last-child .time-axis-date span:after{background-color: #48BEB2;border-color: #48BEB2;
}

.cnt1zx{ width:100%; height:auto; padding:40px 0px 0px 0px;;}
.ct1t{ height:75px; background:#F0BD47; text-align:center; font-size:24px; font-weight:bold;color: var(--475464, #475464);}
.ct1t1{ width:40%;}
.ct1t2{ width:30%;}
.ct1t3{ width:30%;}
.ct1t4{ height:75px; font-size:20px; color:#475464; text-align:center; }
.ct1t5{ text-align:left; padding-left:60px;box-sizing: border-box; border-right:1px solid #F2F2F2; border-bottom:1px solid #F2F2F2;}
.ct1t6{border-right:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2; }
.ct1t7{border-bottom:1px solid #F2F2F2; }

.cnt1dt{ padding-top:45px ;}
.td11{width: 100%;
    background: #fff;
    border: 0px solid #F2F2F2;}
.td11 td{width:15%;background:#EDF4F2;}	
.td11 .ct1t11{background: #F0BD47;}
.td11 td img{margin:auto;}
.cntdtzt{ width:100%; height:600px; background:url(../images/f11.png) center no-repeat;}
.photo1{ width:1240px; height:auto; margin:0 auto; padding-bottom:70px;}
.photo1 li{ width:32%; float:left; margin-right:2%; margin-bottom:35px;}
.photo1 ul{ padding-top:40px;}
.photo1 li:nth-child(3n){ margin-right:0px;}
.photo1 li img{ width:100%;}
.photo1 li p{ width:100%; height:60px; line-height:60px; color:#333; font-size:16px; text-align:center; background:#fff;}
.photo1 li:hover p{ background:#D3A539; color:#fff;}
#nx_pg{width:100%; min-height:50px; padding:0px 0px 0px 0px; text-align: center;}
#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:#F0BD47;border:1px solid #F0BD47; color:#fff;}
#nx_pg .on{ background:#F0BD47;border:1px solid #F0BD47; color:#fff;}
.mainz1{width:1240px; height:auto; margin:0 auto; padding:70px 0px; color:#666;}
.ar1{ width:100%; height:auto; margin:0 auto; background:#fff; padding:40px 60px 50px 60px;;box-sizing: border-box; margin-bottom:35px; }
#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;}
#info-M{width:100%; height:45px; line-height:45px; text-align:left;}
#info-C{width:100%; line-height:28px; margin-top:10px; font-size:14px;}
#info-C img{ max-width:100%;}
#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:14px;}
#info-N{width:100%; height: auto; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}
.fh{ width: 181px;height: 52px; color:#475464;border: 1px solid #F0BD47; background:#F0BD47; text-align:center; line-height:52px; margin-top:50px;}
.fh:hover a{ text-decoration:underline;}

.phot1{ width:1240px; height:auto; margin:0 auto; padding:70px 0px;}
.phot1 h2{ width:100%; color:#333;font-family: Microsoft YaHei;font-size: 32px;font-style: normal;font-weight: 700; padding-bottom:30px; margin-bottom:35px; background:url(../images/a5.png) left bottom no-repeat;}
.phot1 h3{ color:#666; font-size:16px; font-weight:normal;}

.phot1 li{width:32%; float:left; margin-right:2%; margin-bottom:35px;}
.phot1 ul{ padding-top:40px;}
.phot1 li:nth-child(3n){ margin-right:0px;}
.phot1 li img{ width:100%;}
.phot1 li p{ width:100%; height:60px; line-height:60px; color:#333; font-size:16px; text-align:center; background:#fff;}



.rcz{ width:1240px; height:auto; margin:70px auto; background:#F0BD47;}
.rc1{ width:600px; float:right; color:#fff; padding-right:50px;box-sizing: border-box; }
.rc1 h2{font-size:22px; width:90%; line-height:60px; color:#fff; padding-bottom:20px; font-weight:400;}
.rc2{ width:590px; height:auto; float:left;}
.rc2 img{ width:590px; display:block;}

.sideMen{ width:1240px; margin:70px auto;  }
.sideMen h6{ height:56px; line-height:56px; padding-left:20px;background:#fff;border: 1px solid var(--gray-4, #BDBDBD);cursor:pointer; font-size:16px; color:#333;box-sizing: border-box; margin-bottom:25px;}
.sideMen h6.on{background: var(--244-da-3, #D3A539);border: 1px solid var(--gray-4, #D3A539);color:#fff; margin-bottom:0px;}
.sideMen h6 em{ float:right; display:block; width:24px; height:24px; margin-top:16px; margin-right:20px;   background:url(../images/k5.png) center left no-repeat;; }
.sideMen h6 em.on{  width:24px; height:24px; background:url(../images/k2.png) center left no-repeat !important;;}
.sideMen .xn{ padding:30px 60px 40px 60px; color:#333;  margin-bottom:25px;border: 1px solid var(--gray-4, #BDBDBD); }
.xn1{ width:100%; margin:0 auto; height:40px; line-height:40px;}
.xn1 p{ float:left; padding-right:40px;}
.xn1 p span{ font-size:14px; font-weight:bold;}
 .xn h2{ width:100%; font-size:14px; padding:20px 0px;}
.xn2{ width:100%; height:auto; padding-top:2px;}

.a1rtile1{ max-width:1240px; height:auto; margin:60px auto 70px auto;;}
.a1rtile1 ul{ margin-bottom:40px;}
.a1rtile1 li{ width:100%; margin:0 auto;; height:380px; padding:30px; margin-bottom:40px;  transition:all 0.5s; background:#fff;box-sizing: border-box;;}
.x1man1{ width:100%;  margin:0 auto;transition:all 0.8s; }
.a1rt11{ width:550px; height:320px; float:left;  overflow:hidden; position:relative;}
.a1rt11 img{width:550px; height:320px; display:block;cursor: pointer;transition: all 1.2s;}
.a1rt11 img:hover{transform: scale(1.1);}

.a1rt21{ height:320px;overflow: hidden;padding-left:40px;box-sizing: border-box; }
.a1rt21 h3{ color:#999; font-size:14px; font-weight:400; padding-top:20px;}
.a1rt21 h2{ width:96%; font-size:24px; color:#333;transition:all 0.5s; height: auto; margin-top:25px;  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:96%; height:60px; line-height:30px; margin-top:25px;transition:all 0.5s; color:#666 ;  font-size:14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;;}
.a1rt21 .a1rt2_11{ width:96%; height:40px; line-height:40px; padding-top:25px;}
.a1rt21 .a1rt2_11 span{ color:#475464; font-size:16px;background: #F0BD47;; display:block;width:180px; margin-top:15px;height: 49px;text-align:center; line-height:49px; ;transition:all 0.5s; }

.a1rtile1 li:hover .a1rt21 .a1rt2_11 span{ text-decoration:underline;}

.xwart{ width:100%; height:auto; margin:30px auto 55px auto;}
.xwart ul{ }
.xwart li{ max-width:1240px;margin:0 auto 36px auto;; height:190px; padding:0px 60px; background: #F2F2F2;;transition:all 0.5s;box-sizing: border-box; background:#fff ;}
.xman2{ max-width:950px; float:right; }
.xwart li .art12{ width:202px; height:58px; text-align:center; line-height:56px;color: #666; background:#F2F2F2; box-sizing: border-box; float:right; margin-left:40px; margin-top:60px;}
.xwart li:hover .art12{ color:#fff; background:#F0BD47;}
.xwart li .art22{ height:175px;overflow: hidden; }
.xwart li .art22 h2{ width:100%; font-size:20px; color:#333333;transition:all 0.5s; height: auto; margin-top:45px; font-weight: normal; line-height:30px; height:30px; margin-bottom:5px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden; }
.art22 .art_p2{ width:100%; height:50px; line-height:25px;transition:all 0.5s; color:#828282 ; font-size:14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;;}
.xmen2{ width:135px; height:135px; margin-top:30px; background:#F4F6F8; text-align:left; float:left; text-align:center;}
.xmen2 h3{font-size:60px; color:#BDBDBD;; font-family: 'Impact'; margin-top:42px; padding-bottom:18px; float:left;transition:all 0.5s; width:100%;}
.xmen2 p{ width:100%;font-size:12px; float:right; color:#999;; }
.xwart li:hover .xmen2 h3{ color:#fff}
.xwart li:hover .xmen2 p{ color:#fff}
.xwart li:hover .xmen2{ background:#F0BD47}

.ab7{ width:1240px; height:auto; margin:0 auto; padding:70px 0px;}
.ab71{ width:500px; float:left;}
.ab71 h2{font-size:32px; color:#333;padding-bottom:20px;line-height:1.4;}
.ab71 p{font-size:15px;  color:#666; margin-bottom:30px;line-height:1.5;}
.ab71 h3{ width:100%; height:40px; line-height:1.4; font-size:16px; font-weight:400; margin-top:15px;}
.ab71 h3 img{ float:left; padding-top:3px; padding-right:10px; }
.ab71 ul{ width:100%; padding-top:40px;}
.ab71 ul h2{ font-size:24px; padding-bottom:20px;}
.ab71 ul li{ width:100%; line-height:28px;}
.ab71 ul li img{ float:left; padding-top:5px; padding-right:10px;}

.ab72{ width:590px; height:auto; box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.10); padding:30px;box-sizing: border-box; float:right;}
.ab4h{ width:100%;}

.bt3x{ width:100%; height:auto; text-align: center; padding-top:10px;}
.bt3x h2{ font-size:24px; color:#333; font-weight:bold;font-family: Roboto; }	

.ft4{ width:100%;margin:35px auto 0px auto;}

.jon11{ width:48%; height:58px; margin-bottom:20px; float:left; margin-right:4% }
.jon11:nth-child(3n){ margin-right:0px;}
.b11{width:100%; height:58px; line-height:58px; font-size:14px; margin:0;background: #;box-sizing: border-box;;border: 1px solid #E0E0E0;   padding:0;;box-sizing: border-box;border-radius: 2px; padding-left:5px;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; }
.b11:hover{border:#BDBDBD 1px solid;  }
.jon41{ width:100%; height:120px; margin-bottom:30px; display:block;}
.b21{width:100%; height:120px; line-height:30px;margin:0; font-size:14px;border: 1px solid #E0E0E0;; ;box-sizing: border-box;border-radius: 2px; padding-left:5px; }
.b21:hover{border:#BDBDBD 1px solid;  }
.jon51{ width:100%; height:55px;;}
.jon51 button{ display: block; width: 100%; height: 100%; border: none; outline: none;transition: all 0.8s; font-size:16px; text-align: center; line-height: 44px; color: #fff;cursor: pointer; background: #F0BD47;
border-radius:3px;}
.jon51 button:hover{ background:#C01025;; color:#fff;}
input.b11::-ms-input-placeholder{ color:#666;;opacity:0.8;}
input.b11::-webkit-input-placeholder { color:#666;;opacity:0.8;}
textarea.b21::-ms-input-placeholder{ color:#666;;opacity:0.8;}
textarea.b21::-webkit-input-placeholder { color:#666;;opacity:0.8;}

.map{ width:100%; height:auto;}
.map img{ width:100%; display:block;}








@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: 60px;width: auto;}
.logo .logo2{ display:block;}
.logo .logo1{ display:none;;}
.dhbtn{position: absolute;width: 30px;height: 30px;background: url(../images/d1.png) no-repeat center center #58b300;background-size: 20px 20px; right: 3%; top: 15px;}
.dhbtn.on{background: url(../images/d2.png) no-repeat center center #58b300;background-size: 20px 20px;}
.nav{position: fixed;width: 200px; height: calc(100% - 60px);top: 60px;left: -200px;background: #fff;}
.yzxz{display: none;}
.nav{ padding-left:0px;}
.nav li{float: none; padding: 0; }
.nav li h3 a{width: 100%; padding: 0 15px;box-sizing: border-box; line-height: 42px; border-bottom: 1px solid #eee;}
.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: 60px;}
.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%;}
}