@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal;}

body{min-width: 1200px; width: 100%; overflow-x:hidden;}


/**/
.banner{height: auto;width:100%;position:relative;}
.banner .bd{height: 570px;overflow:hidden;}
.banner .bd a{display:block;background:url("banner.jpg")/*tpa=http://www.remays.com/img/banner.jpg*/ no-repeat center top;height: 570px;overflow:hidden;}
.banner .bantil{ width:300px; height:5px; position:absolute; bottom:35px;left:50%; z-index:8; margin-left:-50px;}
.banner .bantil li{ width:50px; height:5px; float:left; display:inline; margin:0 5px;background:#333;}
.banner .bantil li.cur{background:#5aaa24;}

.pro{width:1200px;height: 670px;margin: 40px auto 0;overflow:hidden;background:url("images/pro_bg.gif") no-repeat center top;}
.pro h2{height: 80px;overflow:hidden;background:url("images/pro_lie.png") no-repeat left center;padding-left:44px;}
.pro h2 a{line-height: 80px;color: #515151;display: block;}
.pro2{width:938px;float:left;overflow:hidden;}
.pro h2 img{ display:block; margin-top:25px;}
.pro dl{ width:938px; overflow:hidden;display:none;}
.pro dl:first-child{display:block;}
.pro dt{ height:497px; margin-left:55px;}
.pro dt img{ display:block; width:883px; height:497px;}
.pro dd{width:830px;overflow:hidden;position:relative;height: 60px;}
.pro dd h3{}
.pro dd h5{ width:193px; height:47px; overflow:hidden; font:18px "Microsoft YaHei"; text-align:center; font-weight:bold; line-height:47px; color:#fff; overflow:hidden; background:url("pro_arr.png")/*tpa=http://www.remays.com/img/pro_arr.png*/ no-repeat 18px center;}
.pro dd h5 a{ color:#fff; padding-left:48px;}
.pro dd h3 a{ display:block; font:18px "Microsoft YaHei"; font-weight:bold; line-height:35px; height:35px; color:#222; overflow:hidden; margin-top:10px;}
.pro dd .pp{width:630px;font:16px "Microsoft YaHei";line-height:25px;height:50px;overflow:hidden;margin-top: -80px;margin-left: 230px;}
.pro dd em{display:block;width:185px;height:45px;font:18px "Microsoft YaHei";font-weight:bold;background:#ededed url("pro_btn.gif")/*tpa=http://www.remays.com/img/pro_btn.gif*/ no-repeat 130px center;line-height:45px;float:right;position:relative;margin-top: -142px;}
.pro dd em a{ display:block; padding-left:30px; color:#333;}

.prot{ width:210px; float:right; margin-right:23px; overflow:hidden; display:inline-block;}
.prot li{ height:50px; border-bottom:1px solid #e5e5e5; overflow:hidden; font:16px "Microsoft YaHei"; line-height:50px; overflow:hidden;}

.prot li a{ display:block; color:#666; background:url("pro_jt1.png")/*tpa=http://www.remays.com/img/pro_jt1.png*/ no-repeat left center; padding-left:26px;background:#5aaa24; color:#fff;font-weight:bold;}
.prot li a:hover,.prot .active a{background:#dc8f28; color:#fff;font-weight:bold;}
.prot li:last-child{ border:0;}
.prot span{ height:50px; border-bottom:1px solid #e5e5e5; overflow:hidden; font:14px "Microsoft YaHei"; line-height:50px; overflow:hidden;}
.prot span a{ display:block; color:#666; background:url("pro_jt1.png")/*tpa=http://www.remays.com/img/pro_jt1.png*/ no-repeat 10px center; padding-left:26px;}
.prot span a:hover{ color:#5aaa24; font-weight:bold;background:url("pro_jt2.png")/*tpa=http://www.remays.com/img/pro_jt2.png*/ no-repeat 10px center;}

.tit1{ text-align:center; height:80px; overflow:hidden; font:20px "Microsoft YaHei";}
.tit1 img{ display:block; margin-bottom:5px;}
.tit1 em{ color:#333; letter-spacing:3px;}

.case{ height:847px; padding-top:85px; overflow:hidden; background:url("case_bg.gif")/*tpa=http://www.remays.com/img/case_bg.gif*/ no-repeat center top;}
.caset{ border:2px solid #ededed; width:1195px; height:102px; overflow:hidden; margin-bottom:40px;}
.caset li{ width:237px; border:1px solid #ededed; font:16px "Microsoft YaHei"; line-height:49px; height:49px; float:left;}
.caset li a{ display:block; color:#000; padding-left:45px;}
.caset li a:hover,.caset .cur a{ background:#5aaa24 url("case_jt.gif")/*tpa=http://www.remays.com/img/case_jt.gif*/ no-repeat 187px center; font-weight:bold; color:#fff;}
.case2 dt{ width:750px; height:563px; float:left; overflow:hidden;}
.case2 dt img{ display:block;width:750px; height:563px;}
.case2 dd{ width:380px; float:right; position:relative; margin-top:-10px;}
.case2 dd h3{ height:85px; position:relative; overflow:hidden; font:72px Arial; text-transform:uppercase; color:#f2f2f2;}
.case2 dd h3 a{ display:block; font:18px "Microsoft YaHei"; font-weight:bold; line-height:85px; position:absolute; top:0; left:0; color:#222;}
.case2 dd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#666; height:120px; overflow:hidden;}
.case2 dd em img{ display:block; width:18px; height:18px; margin:12px 0;}
.case2 dd h4{ width:380px; height:284px; overflow:hidden;}
.case2 dd h4 img{ display:block;width:380px; height:284px; }
.case2 dd h5{ width:192px; height:47px; background:url("case_btn.gif")/*tpa=http://www.remays.com/img/case_btn.gif*/ no-repeat center top; float:right; font:18px Arial; text-transform:uppercase; line-height:47px; overflow:hidden; text-align:right;}
.case2 dd h5 a{ display:block; color:#fff; padding-right:40px;}

.par{ height:347px; overflow:hidden;}
.par li{ width:238px; border:1px solid #ebebeb; float:left;}
.par li img{ display:block; width:100%; height:auto;-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;}
.par li a:hover img{-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;}

.guan1{ height:376px; overflow:hidden; background:url("images/company1.jpg") no-repeat center top;}
.guan1 h5{ width:468px; height:70px; margin:208px 0 0 53px; overflow:hidden;}
.guan1 h5 a{ display:block; width:150px; padding-left:35px; height:45px; background:#5aaa24 url("guan_jt.png")/*tpa=http://www.remays.com/img/guan_jt.png*/ no-repeat 125px center; font:18px "Microsoft YaHei"; font-weight:bold; line-height:45px; color:#fff; float:left;}
.guan1 h5 p{width:215px; font:16px "Microsoft YaHei"; color:#111; background:url("guan_lx.png")/*tpa=http://www.remays.com/img/guan_lx.png*/ no-repeat left 10px; padding-left:40px; float:right;}
.guan1 h5 p em{ display:block; font:28px Impact; color:#5aaa24;}

.ys{height: 930px;margin-top:80px;background:url("ys_bg.png")/*tpa=http://www.remays.com/img/ys_bg.png*/ no-repeat center 493px;overflow:hidden;}
.ys .content{ position:relative;}
.ys dt img{ display:block; width:1200px; height:502px;}
.ys dd{ height:301px; padding:0 48px; border:4px solid #5aaa24; border-top:0; overflow:hidden;}
.ys dd h3{ margin-top:190px; font:22px "Microsoft YaHei"; font-weight:bold; line-height:40px; height:40px; overflow:hidden; color:#222;}
.ys dd p{ font:16px "Microsoft YaHei"; line-height:28px; color:#666; background:url("ys_jt.png")/*tpa=http://www.remays.com/img/ys_jt.png*/ no-repeat left 8px; padding-left:22px;}
.yst{ height:246px; background:url("ys_bg1.png") repeat-x center top; overflow:hidden; position:relative; margin-top:-393px;}
.yst li{width:240px;float:left;font:22px "Microsoft YaHei";text-align:center;color:#222;cursor: pointer;}
.yst li a{ display:block; padding-top:88px; color:#222; height:158px;}
.yst li span{ display:block; width:50px; height:48px; margin:35px auto 10px; overflow:hidden;}
.yst li a:hover,.yst .cur a{ background:#5aaa24; color:#fff;}
.yst li a:hover em,.yst .cur em{ display:none;}

.new{background:url("new_bg.jpg") no-repeat center top;padding-top: 60px;overflow:hidden;height:363px;}
.newt{ width:112px; float:left; overflow:hidden;}
.newt h2{font:20px Arial;color:#333;height: 130px;overflow:hidden;}
.newt h2 i{ display:block; color:#333; background:url("new_line.gif") no-repeat left bottom; padding-bottom:20px; margin-bottom:20px; width:50px; text-transform:capitalize;}
.newt li{font:16px "Microsoft YaHei";line-height: 50px;height: 50px;overflow:hidden;background-color: #5aaa24;margin-top: 10px;text-align: center;}
.newt li:hover{background-color:#dc8f28;}
.newt li a{display:block;color: #fff;}
.newt li:hover a,.newt .active a{color: #fff;letter-spacing: 1px;}
.newCon{width: 1040px;height:auto;overflow: hidden;float: right;}
.newCon dl{width:326px;margin-right:20px;float: left;}
.newCon dl dt{width: 322px;height:220px;background-color: #5aaa24;border: 1px solid #ccc;}
.newCon dl dt a{width: 100%;display: inline-block;}
.newCon dl dt img{width:100%;height:220px;}
.newCon dl dd{width:100%;height:100px;}
.newCon dl dd>a{display: block;line-height: 40px;font-size: 16px;letter-spacing: 1px;font-weight: bold;color: #222222;border-bottom: 1px dashed #999;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;width: 100%;}
.newCon1{}
.newCon1 p{font-size:12px;line-height: 20px;}



.new2{ width:1050px; float:right; overflow:hidden;}
.new3{ height:310px;}
.new2 dl{ width:335px; float:left; margin-right:22px; height:310px; position:relative;}
.new2 dd h3{ height:60px; border:2px solid #e0e0e0; margin-bottom:35px; overflow:hidden;}
.new2 dd h3 em{ display:block; width:235px; border-right:2px solid #e0e0e0; float:left; font:40px Arial; color:#333333; text-align:center; line-height:60px;}
.new2 dd h3 i{ display:block; float:left; line-height:60px; font-size:14px; font-weight:normal; padding-left:30px;}
.new2 dd h4 a{ display:block; font:16px "Microsoft YaHei"; line-height:30px; height:30px; color:#1b1b1b; overflow:hidden; padding-left:5px;}
.new2 dd p{ font:14px "Microsoft YaHei"; line-height:22px; color:#666; height:66px; overflow:hidden; padding-left:5px;}
.new2 dd h5 img{ display:block; width:18px; height:18px; margin:28px 0 0 5px;}
.new2 dt{ display:none; width:321px; height:156px; padding:5px; background:#fff; position:absolute; top:96px; left:3px; box-shadow:0 0.1rem 0.1rem 0.1rem #999;}
.new2 dt img{ display:block;width:321px; height:156px;}
.new2 .cur1 dt{ display:block;}
.new2 .nones{ margin-right:0;}

.about{ background:url("images/about_bg.jpg") no-repeat center top; height:454px; overflow:hidden;}
.about h2{width:1000px;height:501px;overflow:hidden;box-shadow: 0px 0px 3px #666;position:absolute;left:50%;margin-left:-1000px;}
.about h2 img{display:block;width:667px;height:501px;}
.about dl{width:400px;padding: 34px 0px 0 0;overflow:hidden;float:right;}
.about dt{height:46px;margin-bottom: 30px;}
.about dd p{font:14px "Microsoft YaHei";line-height:24px;color:#666;height: auto;overflow:hidden;margin-top: 10px;text-indent: 2em;letter-spacing:2px;}
.about dd h5 img{display:block;width:18px;height:18px;float:right;}

.link{ background:#1b1b1b; padding:15px 0; font:14px "Microsoft YaHei"; color:#939393; line-height:25px;}
.link a{ display:inline-block; padding-right:30px; color:#939393;}