body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td {margin:0;padding:0; color:#333; word-break:break-all; word-wrap:break-word;}
body,button,input,select,textarea {font:12px/1.125 Helvetica Microsoft Yahei,微软雅黑,STHeiti,Arial,Hiragino Sans GB,sans-serif;}
ul,ol,li{list-style:none;}
img{ border:0;vertical-align:top;}
em,i{font-style:normal;}
a{ color:#333; text-decoration:none;}
a:hover{text-decoration:none;color:#c00;}
.clear{clear:both;height:0px;overflow:hidden;}
.clearfix:after{content:" ";display:block;visibility:hidden;clear:both;height:0;font-size:0;}
.clearfix{*zoom:1;}
body{  background:#fff; overflow-x:hidden; min-width:1200px;}

.nav {color: #fff; height:32px;line-height:32px;width: 100%; text-align: center;font-size: 12px;font-family: SimSun;font-weight: normal; background:#0b3156;}
.nav a {color: #fff;}
#footer {width: 100%;line-height: 25px;font-size: 12px;color: #fff;text-align: center; padding:40px 0; background:#000;}
#footer a {color: #fff;}
#footer p {color: #fff;}
#footer span { display:block;}

.banner{ background:url(../images/banner_bg.jpg) center top no-repeat; height:562px; width:100%;}
.banner img{ display:none;}
.banner a.a1{ width:1200px; display:block; height:799px; margin:0 auto;}

.bg{ background:url(../images/bg.jpg) center top no-repeat; height:600px; width:100%; padding-top:37px;}
.bg2{ background:url(../images/bg2.jpg) center top no-repeat; height:1599px; width:100%;}
.bg3{ background:url(http://zt.it168.com/topic/ruijie3/images/bg3.jpg) center top no-repeat; height:320px; width:100%; padding-top:237px;}
.bg4{ background:url(../images/bg4.jpg) center top no-repeat; height:570px; width:100%; padding-top:155px;}
.bg5{ background:url(../images/bg5.jpg) center top no-repeat; height:750px; width:100%; padding-top:160px;}
.bg6{ background:url(../images/bg6.jpg) center top no-repeat; height:350px; width:100%;}
.bg7{ background:url(../images/bg7.jpg) center top no-repeat; height:1150px; width:100%; padding-top:37px;}


.list{ margin:0 auto; width:1200px; clear:both; overflow:hidden;}
.list li{ float:left; width:400px; padding-top:90px; text-align:center;}
.list li img{ display:block; margin:0 auto;}
.list li p{ text-align:center; font-size:20px; line-height:30px; padding-top:10px;}
.list li:hover  p{color:#c00;}
.box_1{ margin:0 auto; width:900px; padding-top:213px; height:361px;}
.box_2{ margin:0 auto; width:900px; height:359px;}
.box_3{ margin:0 auto; width:900px; height:310px;}

.list9{ margin:0 auto; width:1200px; clear:both; overflow:hidden;}
.list9 li{ float:left; width:400px; padding-top:10px; text-align:center;}
.list9 li p{ text-align:center; font-size:20px; line-height:30px; padding-top:10px;}
.list9 li:hover  p{color:#c00;}

.l1{ float:left; width:549px; overflow:hidden;}
.l1 img{-webkit-transition:transform .2s ease-out;-moz-transition:transform .2s ease-out;-ms-transition:transform .2s ease-out;-o-transition:transform .2s ease-out;transition:transform .2s ease-out}
.l1 img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.r1{ float:right; width:257px;}
.r1 a{ display:block; width:257px; height:41px; line-height:39px; font-size:26px; text-align:center; background:url(http://zt.it168.com/topic/ruijie3/images/b_bg.png) center bottom no-repeat; margin-top:20px;}

.l2{ float:right; width:549px; overflow:hidden;}
.l2 img{-webkit-transition:transform .2s ease-out;-moz-transition:transform .2s ease-out;-ms-transition:transform .2s ease-out;-o-transition:transform .2s ease-out;transition:transform .2s ease-out}
.l2 img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.r2{ float:left; width:302px;}
.r2 a{ display:block; width:302px; height:41px; line-height:39px; font-size:26px; text-align:center; background:url(http://zt.it168.com/topic/ruijie3/images/b_bg2.png) center bottom no-repeat; margin-top:35px;}

.l3{ float:left; width:549px; overflow:hidden;}
.l3 img{-webkit-transition:transform .2s ease-out;-moz-transition:transform .2s ease-out;-ms-transition:transform .2s ease-out;-o-transition:transform .2s ease-out;transition:transform .2s ease-out}
.l3 img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.r3{ float:right; width:257px;}
.r3 a{ display:block; width:257px; height:41px; line-height:39px; font-size:26px; text-align:center; background:url(http://zt.it168.com/topic/ruijie3/images/b_bg.png) center bottom no-repeat; margin-top:35px;}

.w1200{ margin:0 auto; width:1200px; overflow:hidden;}

.list2{ width:1230px; clear:both; overflow:hidden;}
.list2 li{ float:left; width:380px; margin:0 30px 25px 0;overflow:hidden}
.list2 li img{-webkit-transition:transform .2s ease-out;-moz-transition:transform .2s ease-out;-ms-transition:transform .2s ease-out;-o-transition:transform .2s ease-out;transition:transform .2s ease-out}
.list2 li img:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.list2 li.n1{ margin:0 30px 25px 205px; display:inline;}

.list3{ width:1230px; clear:both; overflow:hidden;}
.list3 li{ float:left; width:378px; margin:0 30px 0 0; background:#02937d; padding:8px 1px 29px 1px; height:453px; overflow:hidden; position:relative;}
.list3 li div{ position:absolute; width:310px; left:0; top:263px; color:#fff; height:194px; overflow:hidden; background:#02937d; padding:0 35px;transition-duration: 0.5s;}
.list3 li i{ display:block; font-size:14px; padding-top:25px;}
.list3 li b{ display:block; font-size:20px; font-weight:normal; padding:15px 0;}
.list3 li p{ font-size:16px; line-height:26px; color:#fff;}
.list3 li a{ display:block;}
.list3 li:hover div{ top:0; height:453px;}

.more{ margin:35px auto 0; display:block;}

.l4{ float:left; width:539px; height:275px; border-radius:20px; padding:55px 57px 0;}
.l4 p{ font-size:18px; line-height:30px; padding-top:25px; margin-top:30px; color:#fff;}

.l5{ float:left; width:248px;height:330px; margin-left:8px; display:inline; border-radius:20px;}
.l6{ float:left; width:282px; height:330px; margin-left:8px; display:inline; border-radius:20px;}


.zixun{ padding:55px 0 0 50px;}
.zixun h3{ width:160px; height:34px; border-radius:17px; background:#ec5735; color:#fff; font-weight:normal; text-align:center; font-size:18px; line-height:34px;}
.zixun p{ color:#fff; padding-top:15px; font-size:14px;}
.zixun p i{ display:block; font-size:24px; padding:5px 0 10px;}
.er{ text-align:center; width:180px; padding-top:55px; margin:0 auto;}
.er span{ text-align:center; display:block; font-size:14px; padding-top:15px; color:#fff;}

.cont4{width:1200px;margin:0 auto; height:497px;}
.gs{position: relative;}
#huaxu{width:1200px;height:497px;margin: 0 auto;}
#huaxu li{width:814px;height:497px;}
#huaxu li iframe{width:814px;height:457px; display:block;}
#huaxu li video{width:814px;height:457px; display:block;}
#huaxu li img{width:814px;height:457px;display:block;}
#huaxu li .s_bg{background-color: rgba(0,0,0,0.4); height:100%; position:absolute; width:100%; left:0; top:0;}
#huaxu li.swiper-slide-active .s_bg{ display:none;}
#huaxu li .shenfen{ font-size:16px; text-align:center; line-height:40px; height:40px;background:#46906a; color:#fff;}

.gs .pagi{display:none;}
.gs .swiper-button-next,.gs .swiper-button-prev {position:absolute;top:50%;width:52px;height:94px;margin-top:-47px;z-index:10;cursor:pointer;}
.gs .swiper-button-prev { background:url(http://zt.it168.com/topic/ruijie3/images/left.png) no-repeat; left:45px;}
.gs .swiper-button-next { background:url(http://zt.it168.com/topic/ruijie3/images/right.png) no-repeat; right:45px;}

.tit{ display:none;}
.fu{ width:120px; position:fixed; right:10px; top:50%;}


@media screen and (max-width:768px) {
body{  min-width:320px; background:#ade1f3;}

.nav { display:none;}
#footer{ padding:8px 0; margin-top:15px;}
#footer p{display:none;}


.banner{ background:none; height:auto; width:100%;}
.banner img{ display:block; width:100%;}
.bg{ background:#fff;height:auto; width:100%; padding:15px 0;}
.bg2,.bg3,.bg4,.bg5,.bg6,.bg7{ background: none; height:auto; width:100%; padding-top:0;}


.tit{ text-align:center; display:block; margin-top:15px;}
.tit h3{ font-size:20px;background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(37, 170, 100, 1)), to(rgba(7, 101, 210, 1)));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.tit h3 i{ display:inline-block; width:14px; height:11px; background:url(http://zt.it168.com/topic/ruijie3/images/dot.png) no-repeat; background-size:14px 11px; margin:0 10px;}
.tit span{ display:block; width:50px; height:11px; margin:12px auto 0; overflow:hidden; border-top:1px solid #829FA1;}
.tit p{ text-align:center; font-size:15px;color:#829FA1;}

.list{ margin:0 auto 20px; width:96%; clear:both; overflow:hidden;}
.list li{ float:left; width:50%; padding-top:15px; text-align:center;}
.list li img{ display:block; margin:0 auto; width:90%}
.list li p{ text-align:center; font-size:15px; line-height:20px; padding-top:10px;}
.box_1{ margin:0 auto; width:94%; padding-top:15px; height:auto;}
.box_2{ margin:0 auto; width:94%; padding-top:15px; height:auto;}
.box_3{ margin:0 auto; width:94%; padding:15px 0; height:auto;}

.l1{ float:none; width:100%;}
.l1 img{ display:block;width:100%;}
.r1{float:none; width:100%; clear:both; overflow:hidden;}
.r1 span{float:left; width:50%;}
.r1 a{ display:block; width:129px; height:26px; line-height:26px; font-size:14px; text-align:center; background:url(http://zt.it168.com/topic/ruijie3/images/b_bg.png) center bottom no-repeat; background-size:129px 11px;margin:10px auto 0;}

.l2{ float:none; width:100%;}
.l2 img{ display:block;width:100%;}
.r2{ float:none; width:100%;clear:both; overflow:hidden;}
.r2 span{float:left; width:50%;}
.r2 a{ display:block; width:151px; height:26px; line-height:26px; font-size:14px; text-align:center; background:url(http://zt.it168.com/topic/ruijie3/images/b_bg2.png) center bottom no-repeat; background-size:151px 11px;margin:10px auto 0;}

.l3{ float:none; width:100%;}
.l3 img{ display:block;width:100%;}
.r3{ float:none; width:100%;clear:both; overflow:hidden;}
.r3 span{float:left; width:50%;}
.r3 a{ display:block; width:129px; height:26px; line-height:26px; font-size:14px; text-align:center; background:url(http://zt.it168.com/topic/ruijie3/images/b_bg.png) center bottom no-repeat; background-size:129px 11px;margin:10px auto 0;}

.w1200{ margin:0 auto; width:94%; overflow:hidden;}

.list2{ width:100%; clear:both; overflow:hidden; padding-bottom:15px;}
.list2 li{ float:none; width:100%; margin:15px 0 0;}
.list2 li img{ display:block; width:100%;}
.list2 li.n1{ margin:15px 0 0;}

.list3{ width:100%; clear:both; overflow:hidden;}
.list3 li{ float:left; width:100%; margin:15px 0 0; background:#02937d; padding:0; height:auto; overflow:hidden; position: static;}
.list3 li img{ width:100%; display:block;}
.list3 li div{ position:static; width:90%; left:0; top:0; color:#fff; height:auto; overflow:hidden; background:#02937d; padding:0;transition-duration: 0.5s; margin:0 auto; text-align:justify;}
.list3 li i{ display:block; font-size:12px; padding-top:15px;}
.list3 li b{ display:block; font-size:16px; font-weight:normal; padding:10px 0;}
.list3 li p{ font-size:14px; line-height:22px; color:#fff; padding-bottom:15px;}
.list3 li a{ display:block;}
.list3 li:hover div{ top:0; height:453px;}

.more{ margin:20px auto 30px; display:block; width:50%;}

.l4{ float:left; width:539px; height:275px; border-radius:20px; padding:55px 57px 0;}
.l4 p{ font-size:18px; line-height:30px; padding-top:25px; margin-top:30px; color:#fff;}

.l5{ float:left; width:248px;height:330px; margin-left:8px; display:inline; border-radius:20px;}
.l6{ float:left; width:282px; height:330px; margin-left:8px; display:inline; border-radius:20px;}


.zixun{ padding:55px 0 0 50px;}
.zixun h3{ width:160px; height:34px; border-radius:17px; background:#ec5735; color:#fff; font-weight:normal; text-align:center; font-size:18px; line-height:34px;}
.zixun p{ color:#fff; padding-top:15px; font-size:14px;}
.zixun p i{ display:block; font-size:24px; padding:5px 0 10px;}
.er{ text-align:center; width:180px; padding-top:55px; margin:0 auto;}
.er span{ text-align:center; display:block; font-size:14px; padding-top:15px; color:#fff;}

.cont4{width:94%;margin:0 auto; height:auto; padding:15px 0;}
.gs{position: relative;}
#huaxu{width:100%;height:auto;margin: 0 auto;}
#huaxu li{width:100%;height:auto;}
#huaxu li img{width:100%;height:auto; display:block;}
#huaxu li .s_bg{background-color: rgba(253,241,241,0.4); height:100%; position:absolute; width:100%; left:0; top:0;}
#huaxu li.swiper-slide-active .s_bg{ display:none;}
#huaxu li .shenfen{ font-size:14px; text-align:center; line-height:30px; height:30px; background:#02937d; color:#fff;}
.gs .pagi{display:none;}
.gs .swiper-button-next,.gs .swiper-button-prev {position:absolute;top:50%;width:26px;height:47px;margin-top:-23px;z-index:10;cursor:pointer;}
.gs .swiper-button-prev { background:url(http://zt.it168.com/topic/ruijie3/images/left.png) no-repeat; left:10px; background-size:26px 47px;}
.gs .swiper-button-next { background:url(http://zt.it168.com/topic/ruijie3/images/right.png) no-repeat; right:10px;background-size:26px 47px;}


.l4{ float:none; width:100%; background:#02937d; height:auto; border-radius:10px; padding:25px 0 20px; margin:0 auto;}
.l4 img{ display:block;margin:0 auto;}
.l4 p{ font-size:14px; line-height:24px; border-top:1px solid #fff; padding-top:20px; margin:20px auto 0; width:92%;}

.l5{ float:left; width:48%; background:#02937d; height:240px; margin-left:0; display:inline; border-radius:20px; margin-top:15px;}

.zixun{ padding:20px 0 0 20px;}
.zixun h3{ width:70%; height:34px; border-radius:17px; background:#ec5735; color:#fff; font-weight:normal; text-align:center; font-size:16px; line-height:34px;}
.zixun p{ color:#fff; padding-top:15px; font-size:13px;}
.zixun p i{ display:block; font-size:18px; padding:5px 0 10px;}
.er{ text-align:center; width:80%; padding-top:20px; margin:0 auto;}
.er img{ display:block;width:100%; margin:0 auto;}
.er span{ text-align:center; display:block; font-size:14px; padding-top:15px; color:#fff;}

.l6{ width:48%; margin-left:4%;}

.fu{ width:60px; position:fixed; right:10px; top:50%;}
.fu img{ width:60px; display:block;}

}