body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button {margin: 0;padding: 0;font-family: "微软雅黑",arial;}
html {
@each $width in 213px, 320px, 360px, 384px, 400px, 424px, 540px, 600px, 720px, 768px, 800px, 854px,
  960px, 966px, 966px, 1024px, 1080px, 1280px {
    @media screen and (min-width: $width){
      font-size: 100px * ($width /720px) + !important;
    }
  }
  height: 100%;
}
html,body {/*<定义html和body⾼度都为100%，即显式定义html和body⾼度>*/  
    height:100%;   
}   
#content {/*<定义⽗元素显⽰属性>*/  
    height:100%;/*满屏显⽰*/  
    background: #B452CD;/*背景⾊*/  
}   
#sub {/*<定义⼦元素显⽰属性>*/  
    width:50%;/*⽗元素宽度的⼀半*/  
    height:50%;/*⽗元素⾼度的⼀半*/  
    background:#C0FE3#;
}
li{list-style-type: none;}
a{ text-decoration: none;}
body{ max-width: 100%; min-width: 1200px; margin: auto;}
li{ list-style-type: none;text-align:left;}
a{ text-decoration: none;}
img{ vertical-align: middle;}
hr{height: 1px; border: 0; background-color: #CCC; margin: 15px 0}
.clearfix:after {content: " ";display: block;clear: both;height: 0;}
.clear{clear: both;}
.content{width: 1200px; margin: 0 auto;}
.li_img{display:table; text-align:center; *position:relative; *overflow:hidden;}
.li_img a{display:table-cell; vertical-align:middle; *position:absolute; *left:50%; *top:50%;}
.li_img a img{*position:relative; *left:-50%; *top:-50%;}
.fl{ float: left;}
.news_left p{ line-height: 35px;}
.news_left img{max-width: 860px; margin-bottom: 15px;}
center a{color: #333;}
.fr{ float: right;}
.d_none{display: none; }
.header{width: 100%;background-color: #FFF;}
.headarea{width: 100%;}
.top{width: 1200px; height: 90px; margin: 0 auto;}
.logo{width:20%; min-width: 280px; margin-right: 15px; }
.slogan{width:auto;height: 50px;border-left: 1px solid #CCC; padding: 0 15px; margin-top: 20px; }
.slogan p{height:25px;line-height: 25px; overflow: hidden; color: #666;}
.phone{width: 16%; height: 40px; background: url(../images/top_phone_bg.png) no-repeat right bottom; margin-top: 25px; }
.phone i{float: left; font-size: 20px; font-weight: bold; color: #e9351d; margin-right: 40px; margin-top: 16px; }
.top2{width: 100%; height: 42px; background-color: #8ebe48; }
.nav{width: 1200px; display: block;margin: 0 auto;}
.nav li{padding: 0 20px; float: left; text-align: center; }
.nav li a{display: block; width: 100%; height: 100%; font-size: 18px; color: #FFFFFF; }
.nav li:hover{background: #FFFFFF; }
.nav li:hover a{color: #8ebe48; }
.nav .cur{background: #FFFFFF; }
.nav .cur a{color: #8ebe48; }
.sousuo{width: 318px; height: 25px; box-sizing: border-box; overflow: hidden; }
.sousuo input{float: left; border: none; outline: none;width: 228px; height: 23px; border:1px solid #8ebe48; text-indent: 10px; line-height:25px;}
.sousuo input[type="search"]{width: 228px; height: 25px; text-indent: 10px; }
.sousuo input[type="submit"]{width: 67px; height: 25px; background: url(../images/search.png) no-repeat center center; margin-left:5px; cursor:pointer; }
.banner{ width: 100%; }
.banner img{width: 100%; vertical-align: middle; }
.main{width: 100%; clear:both; }
.box{width: 100%; text-align: center;overflow:hidden;}
.boxx{width: 100%; }
.bgwhite{background-color: #FFFFFF;}
.tit,.con{width: 100%; float: left; }
.tit h3{height: 76px; text-align: center; font-size: 36px; color: #333333; line-height: 36px; }
.tit div{width: 100%; text-align: center; }
.tit div img{width: 100%; }
.index1{background-color:#FFFFFF; }
.index1 .tit{margin-top: 55px; }
.index1 .con{margin-top: 94px; margin-bottom: 60px; }
.index1_con{width: 1200px; margin: 0 auto; }
.index1_con li{width: 158px; height: 250px; float: left; box-shadow: -3px 3px 20px 1px #d9d7d7; padding: 0 15px; position: relative; padding-top: 85px; margin-right: 13px; }
.index1_con li:last-of-type{margin-right: 0; }
.index1_num{width: 100px; height: 114px; position: absolute; top: -57px; left: 39px; }
.index1_text h3{font-size: 18px; color: #8ebe48; text-align: center; }
.index1_text p{height: 90px; font-size: 14px; line-height: 25px; color: #333333; margin-top: 10px; }
.index1_text a{display: block; width: 145px; height: 35px; background: #FFFFFF; margin: 0 auto; font-size: 12px; line-height: 38px; text-align: center; color: #e9351d; border: 1px solid #e9351d; margin-top: 72PX; }
.index1_text a:hover{background: #e9351d; color: #FFFFFF; }
.index2{background: url(../images/indexbg_ye.jpg) no-repeat center bottom; }
.index2 .tit{margin-top: 55px; }
.index2 .con {margin-top: 50px; margin-bottom: 60px; }
.index2 .con li{width: 228px; float: left; margin-right: 15px;background-color: #F5F5F5;padding-bottom: 20px}
.index2 .con li:last-of-type{margin-right: 0px; }
.yh_img{width: 100%; }
.yh_img img{width: 100%; height: 127px; }
.yh_f h3{height: 40px; font-size: 22px; color: #333333; text-align: center; background: url(../images/yh_xian.png) no-repeat center bottom; margin-top: 20px; }
.yh_f p{font-size: 14px; line-height: 28px; color: #666666; margin-top: 10px; padding: 0 30px; }
.yh_f a{display: block; width: 145px; height: 38px; background: #FFFFFF; font-size: 14px; line-height: 38px; text-align: center; font-weight: bold; margin: 10px auto auto auto; color: #333333; border: 1px solid #333333; }
.yh_f a:hover{background: #e9351d; color: #FFFFFF; border: 1px solid #e9351d; }
.index3 .tit{margin-top: 40px; }
.index3 .con{margin-bottom: 55px; }
.index3 .con li{width: 379px; height: 242px; border: 1px solid #e5e5e5; box-sizing: border-box; float: left; margin-right: 31px; margin-top: 28px; }
.index3 .con li:nth-of-type(3n){margin-right: 0; }
.index3 .con li:hover{border: 1px solid #e9351d; }
.index3 .con li img{width: 100%; height: 100%; }
.index4{background-color: #f5f5f5;}
.index4 .tit{margin-top: 55px; }
.index4 .con{margin-top: 28px; margin-bottom: 90px; }
.index4_list>li{width: 232px; float: left; margin-right: 10px; }
.index4_list>li:last-of-type{margin-right: 0px; }
.infuli{width:1200px;margin:0 auto;}
.infuli li{height:200px; width: calc(20% - 10px);float: left;padding: 0; padding:20px 0;margin: 10px 0 50px 0; border-radius:20px; border:5px solid #f5f5f5;}
.infuli li img{width: 105px; height:105px; padding: 0;margin: 0 auto;}
.fuliicon{width:100%; height: 120px; text-align:center; clear:both;}
.fulitext{width: 100%; height: 80px; line-height: 40px; clear:both; text-align:center;}
.fulitext span{font-size:20px; font-weight:bold; color:#666;}
.infuli li:hover{cursor:crosshair}
.infuli li.fuliicon01:hover{ border:5px solid #eac12b;}
.infuli li.fuliicon02:hover{ border:5px solid #e56343;}
.infuli li.fuliicon03:hover{ border:5px solid #cd569a;}
.infuli li.fuliicon04:hover{ border:5px solid #5eb8b9;}
.infuli li.fuliicon05:hover{ border:5px solid #5db873;}
.infuli li.fuliicon06:hover{ border:5px solid #e9831f;}
.infuli li.fuliicon07:hover{ border:5px solid #ca2c2b;}
.infuli li.fuliicon08:hover{ border:5px solid #6d61a9;}
.infuli li.fuliicon09:hover{ border:5px solid #4980b9;}
.infuli li.fuliicon10:hover{ border:5px solid #4eac4c;}
.imethod{height:600px; padding-top: 50px;background: url(../images/imethodback.jpg) no-repeat center bottom;}
.methoditem{height: 180px;width: 23%; float:left;margin: 2% 1%; border-radius:10px;background: url(../images/methodback.png) no-repeat center bottom;}
.methodarea{width:90%;margin: 5%;padding:0px;}
.methodtitle{width: 100%; height: 50px;line-height: 50px; margin-top: 25px; text-align:center;}
.methodtitle span{font-size: 24px; font-weight: bold;  color: #660000;}
.methodtips{width: 100%; height: 35px;line-height: 35px; text-align:center;}
.methodtips span{font-size: 16px; color: #666666;}
.methodbotton{width: 100%; height: 60px;line-height: 60px; text-align:center; padding-bottom: 10px;}
.methodchat{display: block; width: 75%; height: 35px; background: #cc0000; font-size: 14px;line-height:35px;text-align: center;font-weight: bold;margin: 15px auto auto auto;color: #FFFFFF;}
.processitem1{height: 196px;width: 14.666%; float:left;margin: 2% 1%; background: url(../images/process1-1.png) no-repeat center bottom;}
.processitem2{height: 196px;width: 14.666%; float:left;margin: 2% 1%; background: url(../images/process2-1.png) no-repeat center bottom;}
.processitem3{height: 196px;width: 14.666%; float:left;margin: 2% 1%; background: url(../images/process3-1.png) no-repeat center bottom;}
.processitem4{height: 196px;width: 14.666%; float:left;margin: 2% 1%; background: url(../images/process4-1.png) no-repeat center bottom;}
.processitem5{height: 196px;width: 14.666%; float:left;margin: 2% 1%; background: url(../images/process5-1.png) no-repeat center bottom;}
.processitem6{height: 196px;width: 14.666%; float:left;margin: 2% 1%; background: url(../images/process6-1.png) no-repeat center bottom;}
.processarea{width:90%;margin: 5%;padding:0px;}
.processtitle{width: 100%; height: 40px;line-height: 40px; margin-top: 92px; text-align:center;}
.processtitle span{font-size: 24px; font-weight: bold;  color: #FFF;}
.processtips{width: 100%; height: 25px;line-height: 25px; text-align:center;}
.processtips span{font-size: 18px; color: #FFF;}
.processitem1:hover{background: url(../images/process1-2.png) no-repeat center bottom;}
.processitem2:hover{background: url(../images/process2-2.png) no-repeat center bottom;}
.processitem3:hover{background: url(../images/process3-2.png) no-repeat center bottom;}
.processitem4:hover{background: url(../images/process4-2.png) no-repeat center bottom;}
.processitem5:hover{background: url(../images/process5-2.png) no-repeat center bottom;}
.processitem6:hover{background: url(../images/process6-2.png) no-repeat center bottom;}
.cg_img{width: 100%; height: 176px; text-align: center; }
.cg_img img{width: 176px; height: 176px; border-radius: 50%; }
.cg_f{width: 100%; margin-top: 5px; background: url(../images/cg_sj.png) no-repeat center top; }
.index4_list>li:nth-of-type(2n) .cg_f{background: url(../images/cg_hsj.png) no-repeat center top; }
.cg_fin{width: 192px; height: 320px; background: #FFFFFF; margin-top: 16px; float: left; padding: 0 20px; }
.index4_list>li:nth-of-type(2n) .cg_f .cg_fin{background: #e8e8e8; height: 400px; }
.cg_fin h3{font-size: 20px; color: #8ebe48; line-height: 45px; text-align: center; margin-top: 6px; }
.cg_fin ol{font-size: 14px; line-height: 32px; color: #333333; height: 285px; }
.cg_fin ol li,.cg_fin ol li p{float: left; }
.cg_fin ol li p:first-of-type{width: 18px; }
.cg_fin ol li p:first-of-type+p{width: 173px; }
.cg_fin a{display: block; width: 122px; height: 27px; font-size: 14px; color: #333333; border: 1px solid #333333; box-sizing: border-box; line-height: 25px; margin: 0 auto; margin-top: 15px; text-align: center; }
.cg_fin a:hover{background: #e9351d; color: #FFFFFF; border: 1px solid #e9351d; }
.index5{border:5px solid red;background-color:#0099ff; }
.index5 .tit{margin-top: 65px; }
.index5 .con{margin-top: 20px; }
.index5_con{width: 800px; height: 400px; margin: 0 auto; background: #FFFFFF; box-shadow: -1px 1px 10px #efefee; margin-bottom: 65px; border: 1px solid #f3f3f3; padding: 0 60px; position: relative; }
.index5_con ul{width: 100%; float: left; }
.form1{margin-top: 40px; }
.form1 li{width: 356px; height: 34px; float: left; margin-right: 60px; margin-bottom: 25px; font-size: 14px; color: #333333; line-height: 34px; }
.form1 li:nth-of-type(even){margin-right: 0; }
.form1 input,.form1 select{width: 225px; height: 34px; float: right; border: 1px solid #979797; box-sizing: border-box; padding: 0 10px; color: #999999; line-height: 32px; border-radius: 5px; outline: none; }
.form2 li{width: 356px; float: left; font-size: 14px; color: #333333; margin-right: 60px; line-height: 20px; }
.form2 li:nth-of-type(even){margin-right: 0; }
.form2 li p{float: left; margin-right: 18px; }
.form2 li p input{margin-right: 5px; margin-left: 10px; }
.form2 li p:last-of-type{color: #999999; }
.form3{border-top: 1px solid #c5c5c5; margin-top: 32px; }
.form3 li{float: left; font-size: 14px; color: #333333; margin-top: 30px; }
.form3 input{width: 192px; height: 32px; border: 1px solid #f3f3f3; padding: 0 10px; box-sizing: border-box; margin-left: 35px; }
.tj input{width: 200px; height: 58px; border: none; background: #e9351d; border-radius: 5px; font-size: 24px; color: #FFFFFF; position: absolute; left: 50%; bottom: 30px; margin-left: -100px; cursor: pointer; }
.liucheng img{width: 1200px; }
.index6{background: url(../images/indexbg_bl.jpg) no-repeat center bottom;}
.index6 .tit{margin-top: 55px; }
.index6 .con{margin-bottom: 60px; }
.index6 .con p{font-size: 20px; text-align: center; color: #333333; margin-top: 30px; margin-bottom: 40px; }
.searlist{width:720px!important;}
.searlist .searimg{width:130px; height: 90px; margin-right: 20px; float:left}
.searlist .seardesc{width:570px; height: 90px;float:left}
.searlist li{margin-bottom:10px; clear:both; overflow:hidden;}
.searlist li img{width:128px; height:88px; border-radius:10px;}
.searlist h2.r{line-height: 35px;height: 35px; font-size:18px; clear:both; overflow:hidden; display:block;width:100%;}
.searlist h2.r a:link{ color:#2440b3; text-decoration: underline;}
.searlist h2.r a:hover{ color:#285ce0; text-decoration: underline;}
.searlist h2.r a:visited{ color:#666666; text-decoration: underline;}
.searlist h2.r:hover{color:#2440b3;}
.searlist .sdesc{line-height:22px; height:70px; overflow:hidden; font-size:14px; color:#333;}
.searlist .sdesc br{display: none;visibility: hidden;}
.searlist .stips{line-height:20px; height:20px; overflow:hidden; font-size:12px;}
.searlist .stips .a{margin-left:20px; color:#AAA;}
.searlist .stips a{color:#666;}
.pages, .list_page {margin: 20px 0; padding-top:30px;}
.pages a, .list_page a{border:1px solid #8ebe48; padding:2px 8px; color:#8ebe48; font-size:12px; line-height:20px;margin:3px;display: block;float: left;}
.pages b, .list_page b{border:1px solid #666; padding:2px 8px; color:#666; font-size:12px; line-height:20px;margin: 3px;display: block;float: left;}
.pages a b, .list_page a b{border:none; color:#666; font-size:12px; line-height:20px; padding:0; margin:0;}
.bz_list>li{width: 370px; height: 337px; float: left; margin-right: 45px; }
.bz_list>li:last-of-type{margin-right: 0; }
.bz_list>li:first-of-type{background: url(../images/bz1.png) no-repeat; background-size:  100% 100%; }
.bz_list>li:first-of-type+li{background: url(../images/bz2.png) no-repeat; background-size:  100% 100%; }
.bz_list>li:first-of-type+li+li{background: url(../images/bz3.png) no-repeat; background-size:  100% 100%; }
.bz_list>li span{display: block; float: left; width: 100%; margin-top: 110px; font-size: 36px; color: #f2f2f2; text-align: center; }
.bz_list>li ul{float: left; margin-top: 70px; margin-left: 25px; }
.bz_list>li ul li{background: url(../images/dian.png) no-repeat left center; line-height: 32px; padding: 0 16px; color: #333333; }
.index7{background: #f5f5f5; }
.index7 .tit{margin-top: 55px; }
.index7 .con{margin-top: 20px; margin-bottom: 36px; }
.index7 .content{position: relative; }
.anli_list{width: 1138px; }
.anli_list_in{width: 262px; height: 340px; margin: auto; position: relative; }
.anli_photo{width: 188px; height: 188px; position: absolute; top: 0; left: 50%; margin-left: -94px; }
.anli_photo img{width: 100%; height: 100%; }
.anli_in{width: 100%; height: 125px; background: #FFFFFF; margin-top: 95px; float: left; padding-top: 120px; text-align: center; }
.anli_in p{font-size: 16px; color: #4f4f4f; }
.anli_in b{display: block; width: 100%; font-size: 18px; color: #f33237; margin-top: 14px; }
.anli_in a{display: block; width: 112px; height: 30px; background: #FFFFFF; margin: 0 auto; margin-top: 20px; border-radius: 5px; font-size: 14px; color: #e9351d; line-height: 30px; text-align: center; border: 1px solid #e9351d; }
.anli_in a:hover{background: #e9351d; color: #FFFFFF; }
.anli-left,.anli-right{display: block; width: 21px; height: 34px; position: absolute; }
.anli-left img,.anli-right img{width: 100%; height: 100%; }
.anli-left{left: 0; top: 50%; margin-top: -27px; }
.anli-right{right: 0; top: 50%; margin-top: -27px; }
.footer{width: 100%; height: 238px; background: #313131; color: #ffffff; }
.footer a{color: #FFF; }
.f_in{width: 100%; height: 182px; border-bottom: 1px solid #b5b5b5; }
.f_info{width: 410px; margin-left: 115px; font-size: 14px; line-height: 30px; }
.f_info li{width: 100%; float: left; }
.f_info p{float: left; }
.f_info li:nth-of-type(2) p:first-of-type{margin-right: 60px; }
.f_info li:nth-of-type(3) p:first-of-type{margin-right: 30px; }
.f_link{margin-left: 60px; margin-top: 40px; font-size: 14px; line-height: 30px; }
.f_link p{display: block; float: left; }
.f_link ul{width: 220px; float: left; }
.f_link ul li{width: 100px; float: left; margin-right: 10px; }
.f_link ul li a{font-size: 14px; color: #FFFFFF; }
.ewm{width: 119px; margin-right: 108px; margin-top: 25px; }
.ewm div,.ewm div img{width: 119px; height: 119px; }
.ewm p{font-size: 16px; line-height: 35px; text-align: center; }
.bottom{text-align: center; font-size: 12px; color: #aeaeae; }
.bottom p{display: inline-block; line-height: 55px; padding: 0 5px; }
.bottom p a{font-size: 12px; color: #aeaeae; }
/*about*/
.about_main{width: 100%; background: #f5f5f5; padding: 22px 0 40px 0; }
.ny_left{width: 260px; float: left; }
.nyl_menu{width: 100%; float: left; box-shadow: -1px 1px 6px 1px #cccccc; border-radius: 10px; padding-bottom: 11px; }
.nyl_menu h3{font-size: 22px; line-height: 58px; color: #8ad7f1; text-align: center; font-weight: normal; }
.nyl_menu ul{width: 230px; margin: 0 auto; }
.nyl_menu ul li{width: 230px; height: 55px; }
.nyl_menu ul li a{display: block; width: 230px; height: 40px; background: #03d9bd url(../images/nyl_jt.png) no-repeat 194px center; border-radius: 10px; font-size: 16px; color: #FFFFFF; line-height: 40px; text-align: center; }
.nyl_phone{width: 100%; float: left; margin-top: 18px; border-radius: 10px; overflow: hidden; box-shadow: -1px 1px 6px 1px #cccccc; }
.nyl_img,.nyl_img img{width: 100%; }
.nyl_pin{width: 100%; height: 83px; background: #FFFFFF; }
.nyl_pin ul{float: left; }
.nyl_pico{width: 35px; margin-left: 18px; margin-top: 25px; }
.nyl_pnum{width: 190px; margin-left: 14px; margin-top: 16px; }
.nyl_pin span{display: inline-block; font-size: 14px; line-height: 14px; color: #333333; }
.nyl_pin p{font-size: 24px; line-height: 24px; color: #f16000; }
.ny_right{width: 836px; box-shadow: -1px 1px 6px 1px #cccccc; border-radius: 10px; overflow: hidden; padding: 0 40px; }
.ny_right>h3{width: 100%; height: 60px; font-size: 24px; color: #333333; border-bottom: 1px solid #d8d8d8; box-sizing: border-box; line-height: 59px; }
.about_in{width: 100%; padding-top: 60px; padding-bottom: 105px; }
.about_in p{width: 100%; font-size: 14px; line-height: 30px; color: #333333; text-indent: 2em; }
.about_in div{padding: 0 2em; margin-top: 25px; }
.about_in div h4{font-size: 20px; line-height: 30px; color: #ff0000; }
.about_in div ul li{font-size: 14px; line-height: 30px; color: #333333; }
/*anli*/
.ny_main{background: #f0f0f0; }
.weizhi{width: 100%; border-bottom: 1px solid #d0d0d0; padding-top: 15px; padding-bottom: 15px; font-size: 14px; color: #333333; line-height: 26px; }
.weizhi p{float: left; margin-right: 4px; }
.weizhi p a{font-size: 14px; color: #333333; } 
.weizhi p a:last-of-type{color: #f16000; } 
.al ul{width: 100%; float: left; }
.al_list li{width: 276px; height: 154px; float: left; margin-right: 32px; margin-top: 24px; }
.al_list li:nth-of-type(4n){margin-right: 0; }
.al_list li a{display: block; width: 276px; height: 154px; position: relative; }
.al_in{position: relative; width: 100%; height: 100%; z-index: 6; }
.al_in span{position: absolute; top: 0; left: 0; background: rgba(19,19,19,0.3); display: block; width: 100px; height: 19px; font-size: 12px; color: #FFFFFF; line-height: 19px; text-align: center; }
.al_in p{position: absolute; bottom: 0; left: 0; background: rgba(19,19,19,0.3); display: block; width: 100%; height: 33px; font-size: 14px; color: #FFFFFF; line-height: 33px; text-align: center; }
.al_hover{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 8; display: none; }
.al_list li:hover .al_hover{display: block; }
.al .fenye{margin-top: 40px; margin-bottom: 45px; text-align: center; }
/*news*/
.news{width: 100%; padding: 22px 0; }
.news_left{width: 860px; }
.news_left h5{font-weight: normal; color: #999;}
.news_llist li{width: 232px; height: 332px; border: 1px solid #d0d0d0; padding: 0 20px; float: left; margin-right: 19px; margin-bottom: 30px; }
.news_llist li:hover{border: 1px solid #0d74bb; }
.news_llist li a{display: block; width: 100%; height: 100%; }
.news_llist li:nth-of-type(3n){margin-right: 0px; }
.news_llist li a h3{font-size: 14px; color: #3c3c3c; line-height: 20px; height: 40px; font-weight: normal; margin-top: 20px; margin-bottom: 10px; font-weight: 600; }
.news_llist li a div{width: 232px; height: 154px; }
.news_llist li a div img{width: 100%; height: 100%; }
.news_llist li a p{font-size: 14px; color: #767676; line-height: 24px; margin-top: 10px; }
.news_left .fenye{margin-top: 10px; text-align: center; }
.news_right{width: 300px; }
.news_rin{width: 100%; float: left; margin-bottom: 60px; }
.news_rtit{width: 100%; height: 33px; border-bottom: 1px solid #c8c8c8; font-size: 16px; line-height: 32px; color: #3c3c3c; }
.news_rtit p{display: inline-block; border-bottom: 2px solid #0d74bb; }
.news_rin ul{width: 100%; float: left; margin-top: 19px; }
.news_rin ul li{width: 100%; float: left; margin-bottom: 13px; }
.news_rin ul li:last-of-type{margin-bottom: 0; }
.news_rin ul li span{display: block; float: left; width: 18px; height: 18px; background: #d0d0d0; font-size: 12px; color: #333333; line-height: 18px; text-align: center; }
.news_rin ul li:nth-of-type(1) span,.news_rin ul li:nth-of-type(2) span,.news_rin ul li:nth-of-type(3) span{background: #0d74bb; color: #FFFFFF; }
.news_rin ul li p{float: left; font-size: 12px; line-height: 18px; color: #3c3c3c; margin-left: 6px; }
.news_rin ul li:hover p{color: #f16000; }
.caseitems{height: 292px;}