﻿@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}

/*正文开始*/
.banner a { background:url(../images/banner.jpg) no-repeat center 0; height:600px; display:block;}

/*一站式服务体系*/
.fuw{ padding:65px 0 60px;font-size: 0;}
.fuw_t{font-size: 34px;color: #918b8a;font-weight: normal;height: 115px;text-align: center;}
.fuw_t a{color: #333; text-decoration:none;}
.fuw_t i{color: #c50000;}
.fuw_t span{display: block;font-size: 18px;color: #666; padding:10px 0 0;}
.fuw ul li{width: 149px;height: 192px;float: left;}
.fuw ul li a{width: 149px;height: 192px;float: left;display: block; background-repeat:no-repeat;font-size: 18px;color: #333;font-weight: bold;}
.fuw ul li a:hover{ background-image:url(../images/fuw_k02.gif);color: #da0000; text-decoration:none;}
.fuw ul li b{display: block;font-size: 28px;color: #fff; font-family:Arial, Helvetica, sans-serif;width: 51px;height: 51px;text-align: center;line-height: 51px; margin:0 auto;}
.fuw ul li span{width: 149px;text-align: center;display: block; padding:78px 0 0;}
.fuw .fuw_li01{ padding:0 106px 0 21px;}
.fuw .fuw_li03{ padding:0 105px 0 104px;}
.fuw .fuw_li05{ padding:0 0 0 99px;}
.fuw .fuw_li01 a{ background-image:url(../images/fuw_k01.gif); background-position:-21px 0;}
.fuw .fuw_li02 a{ background-image:url(../images/fuw_k01.gif); background-position:-276px 0;}
.fuw .fuw_li03 a{ background-image:url(../images/fuw_k01.gif); background-position:-529px 0;}
.fuw .fuw_li04 a{ background-image:url(../images/fuw_k01.gif); background-position:-783px 0;}
.fuw .fuw_li05 a{ background-image:url(../images/fuw_k01.gif); background-position:-1031px 0;}

/*案例*/
.case_bg{ background:url(../images/case_bg.jpg) no-repeat center 0;height: 708px;font-size: 0;overflow: hidden; height:665px;width: 100%; min-width:1200px;}
.case_t{font-size: 34px;color: #2e2e2e;font-weight: normal;height: 110px;text-align: center; padding:48px 0 0;}
.case_t a{color: #2e2e2e; text-decoration:none;}
.case_t i{color: #da0000;}
.case_t span{display: block;font-size: 18px; padding:10px 0 0;}
.case_l{width:210px;}
.case_l ul li{width: 200px;height: 78px; padding:0 0 2px; width:210px;}
.case_l ul li a{font-size: 15px;color: #fff;display: block;width: 200px;height: 78px;text-align: center;line-height: 90px;overflow: hidden;background:url(../images/case_lbg01.gif) repeat;}
.case_l ul li.cur a,.case_l ul li a:hover{ background:url(../images/case_lbg02.gif) repeat; text-decoration:none;}
.case_r{width: 990px;}
.case_r p{width: 580px;height: 472px;float: left;position: relative; width:640px;}
.case_r p img{width: 580px;height: 424px; width:640px; }
.case_r p span,.case_r ul li span{ width:580px; width:640px; display:block; text-align:center; height:40px; line-height:40px;font-size: 14px;color: #333;bottom: 0;left: 0; background:url(../images/case_picbg.gif) repeat; overflow:hidden;}
.case_r p a:hover span{ color:#c50000;}
.case_r ul{width: 400px;float: right; width:313px;}
.case_r ul li{width: 400px;height: 232px;position: relative; margin:0 0 9px; }
.case_r ul li img{width: 400px;height: 232px; width:313px;height: 183px;}
.case_r ul li span{width: 400px; width:313px;}
.case_r ul li a:hover span{ color:#c50000;}


/*新案例*/
.prod_nav{ margin-bottom: 35px;}
.prod_nav dl{ height: 45px; line-height: 45px; border-bottom: 1px dashed #ecebeb; overflow: hidden;padding:10px 0 0 0}
.prod_nav dt{ width: 198px; float: left; font-size: 16px; font-weight: bold; background: #ecebeb ; padding-left: 25px;}
.prod_nav dt a{ color: #000;}
.prod_nav dt span{ font-size: 16px; color: #a5a5a5; text-transform: uppercase; font-family: "Arial"; font-weight: normal;}
.prod_nav dd{ width: 970px;float: left; font-size: 14px; background: #ecebeb ;}
.prod_nav dd a{ color: #666666; padding: 0 13px;font:size:15px;}
.prod_nav dd i{ float: right; font-size: 12px; color: #a3a3a3;}
.prod_nav dd i a{ color: #a3a3a3; padding: 0;}

.prod_list ul{width:1250px;}
.prod_list li{ width: 31%; float: left; margin: 0 2% 27px 0; position: relative; overflow:hidden; }
.prod_list li.none{ margin-right: 0;}
.prod_list li span{ display: none; background: url("../images/prod_png.png") no-repeat; text-align: center; font-size: 22px; color: #fff; position: absolute; left: 0; top: 0; width: 100%; height: 100%;transition: all .5s ease;}
.prod_list li em{ width: 109px; height: 125px; display: block; margin: 58px auto 20px;}
.prod_list li i{ display: block; font-size: 12px; color: #9badb2;}
.prod_list li{ width:379px; height:290px;}
.prod_list li:hover span{ display: block; animation:prodlistanim .7s ease;}

.case_list{width:990px;}
.case_list ul{width:1005px;}
.case_list li{ width: 31%; float: left; margin: 0 2% 37px 0; position: relative; overflow:hidden; }
.case_list li.none{ margin-right: 0;}
.case_list li span{ display: none; background: url("../images/prod_png.png") no-repeat; text-align: center; font-size: 22px; color: #fff; position: absolute; left: 0; top: 0; width: 100%; height: 100%;transition: all .5s ease;}
.case_list li em{ width: 79px; height: 95px; display: block; margin: 38px auto 20px;}
.case_list li i{ display: block; font-size: 12px; color: #9badb2;}
.case_list li{ width:310px; height:220px;}
.case_list li:hover span{ display: block; animation:prodlistanim .7s ease;}

@keyframes prodlistanim{
	from{opacity:.5;transform: scale(1.2);}
	to {opacity:1;transform: scale(1);}
}


/*荣誉资质*/
.honor_bg{ background:url(../images/honor_bg.jpg) no-repeat center 0;height: 606px;font-size: 0;overflow: hidden;width: 100%; min-width:1200px;}
.honor_l{width: 384px; padding:180px 0 0 16px;}
.honor_l img{width: 384px;height: 219px;}
.honor_r{width: 510px; padding:78px 0 0 92px;}
.honor_r dl{}
.honor_r dl dt{height: 110px;}
.honor_r dl dt a{font-size: 30px;color: #000; text-decoration:none;}
.honor_r dl dt b{display: block;font-size: 34px;color: #c50000;}
.honor_r dl dd{width: 510px;}
.honor_r ul{ background:url(../images/honor_line.gif) repeat-y 2px 7px;}
.honor_r ul li{height: 36px;line-height: 36px;overflow: hidden;}
.honor_r ul li a{font-size: 16px;color: #626262;display: block; background:url(../images/honor_ico01.gif) no-repeat 0 14px; padding:0 0 0 15px;}
.honor_r ul li.cur a,.honor_r ul li a:hover{color: #c50000; text-decoration:none; background:url(../images/honor_ico02.gif) no-repeat 0 14px;}
.honor_r dl dd p{ display:inline-block; padding:40px 0 0;width: 510px;}
.honor_r dl dd em{display: block;float: left;width: 154px; padding:3px 0 0;}
.honor_r dl dd em img{width: 154px;height: 46px;}
.honor_r dl dd span{display: block;float: left;width: 330px;font-size: 20px;color: #000; padding:0 0 0 25px;}
.honor_r dl dd span b{display: block;color: #c50000;}

/**/
.three{ padding:80px 0;font-size: 0;}
.three dl{width: 350px;float: left; padding:0 25px;overflow: hidden;}
.three dl dt{width: 350px;height: 178px;}
.three dl dt em{display: block;float: left;width: 144px;height: 144px;overflow: hidden;}
.three dl dt em img{width: 144px;height: 144px;
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
-o-transition: -o-transform 0.5s ease-out;
-ms-transition: -ms-transform 0.5s ease-out;}
.three dl dt em img:hover {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.three dl dt h5{font-weight: normal;float: left;width: 188px; padding:35px 0 0 18px;}
.three dl dt h5 a{font-size: 18px;color: #333;}
.three dl dt h5 i{font-size: 24px;color: #c50000;font-weight: bold;}
.three dl dt h5 span{display: block;font-size: 16px;color: #666; padding:8px 0 0;}
.three dl dd{ border-top:#d6d6d6 2px solid;width: 350px; padding:20px 0 0;}
.three dl dd p{font-size: 14px;color: #666;height: 120px;line-height: 24px;overflow: hidden;}
.three dl dd span{display: block;width: 100px; padding:25px 0 0;}
.three dl dd span a{display: block;width: 100px;height: 30px;text-align: center;line-height: 30px;background: #c50000;font-size: 14px;color: #fff;overflow: hidden;}

/*广告条*/
.ban01{ background:url(../images/ban01.jpg) no-repeat center 0; height:300px; overflow:hidden;width: 100%; min-width:1200px;}
.ban01 .ban_a{display: block;width: 1200px;height: 300px;position: absolute;top: 0;left: 0;}
.ban01 p{position: absolute;top: 182px;left: 378px;}
.ban01 p span{ display:block; font-size:16px; color:#fff;float: left; background:url(../images/ban_tel.gif) no-repeat 0 10px; padding:0 0 20px 35px;}
.ban01 p span b{font-size: 30px;font-weight: normal;}
.ban01 p em{ display:block;float: left;width: 100px; padding:5px 30px 0 0;}
.ban01 p em a{font-size: 14px;color: #fff; width:98px; height:30px;text-align: center;line-height: 30px;display: block; border:#8e8e8d 1px solid;}
.ban01 p em a:hover,.ys_r p em a:hover,.jz_m dl dd span a:hover{color: #c50000;border:#c50000 1px solid; text-decoration:none;}

/*优势*/
.ys{ padding:66px 0 60px;font-size: 0;}
.ys .fuw_t{height: 110px;}
.ys_l{width: 698px;}
.ys_l img{width: 698px;height: 439px;}
.ys_r{width: 502px;height: 408px;background: #f5f5f5; padding:31px 0 0;}
.ys_r ul li{width: 540px;height: 99px; margin:0 0 0 -38px;}
.ys_r ul li a{font-size: 16px;color: #333;display: block;width: 400px;height: 99px;line-height: 25px; padding:0 0 0 140px; background-repeat:no-repeat;}
.ys_r ul li.cur a,.ys_r ul li a:hover{color: #fff; background-image:url(../images/ys_k02.gif); text-decoration:none;}
.ys_r ul li b{display: block;font-size: 18px; padding:25px 0 0;}
.ys_r .ys_li01 a{ background-image:url(../images/ys_k01.gif);}
.ys_r .ys_li02 a{ background-image:url(../images/ys_k01.gif); background-position:0 -99px;}
.ys_r .ys_li03 a{ background-image:url(../images/ys_k01.gif); background-position:0 -198px;}
.ys_r p{ display:inline-block;width: 465px; padding:13px 0 0 35px;}
.ys_r p em{display: block;float: left;width: 112px; padding:5px 25px 0 0;}
.ys_r p em a{display: block;font-size: 14px;color: #333;width: 110px;text-align: center;height: 36px;line-height: 36px;overflow: hidden; border:#8e8e8e 1px solid;}
.ys_r p span{display: block;float: left;font-size: 14px;color: #333;width: 190px;}
.ys_r p span b{display: block;font-size: 24px;color: #c50000;}

/*瑞泰产品中心*/
.cp_bg{ background:url(../images/cp_bg.jpg) no-repeat center bottom;height: 1040px;font-size: 0;overflow: hidden; padding:0px 0 0;width: 100%; min-width:1200px;}
.cp_l{width: 268px;}
.cp_lt{ background:url(../images/cp_ltbg.gif) no-repeat;width: 268px;height: 132px;}
.cp_lt a{font-size: 22px;color: #fff;font-weight: normal;display: block; padding:42px 0 0 72px;}
.cp_lt a:hover{ text-decoration:none;}
.cp_l ul li{width: 268px;height: 67px;}
.cp_l ul li a{font-size: 16px;color: #282828;display: block;width: 193px;height: 67px;line-height: 67px;overflow: hidden; background-repeat:no-repeat; padding:0 0 0 75px;}
.cp_l ul li.cur a,.cp_l ul li a:hover{color: #d20202;font-weight: bold; text-decoration:none; background-image:url(../images/cp_k02.gif);}
.cp_l .cp_li01 a{ background-image:url(../images/cp_k01.gif);}

.cp_r{width: 918px;}
.cp_r01{height: 450px;}
.cp_r01 p{width: 605px;height: 440px;position: relative;float: left; padding:0 0 0 7px;}
.cp_r01 p img{width: 605px;height: 440px;}
.cp_r01 p span{display: block;font-size: 14px;color: #333;line-height: 20px;width: 580px;height: 75px;position: absolute;bottom: 0;right: 0; background:url(../images/case_picbg.gif) repeat;overflow: hidden; padding:10px 145px 0 25px; width:435px;}
.cp_r01 p em{display: block;width: 96px;position: absolute;bottom: 25px;right: 25px;}
.cp_r01 p em a{display: block;width: 96px;height: 33px;text-align: center;line-height: 33px;background: #2e2e2e;font-size: 14px;color: #fff;overflow: hidden;}
.cp_r .cp_r01 ul{width: 306px;float: right;}
.cp_r ul li{width: 296px;height: 215px;position: relative;float: left; padding:0 0 10px 10px;overflow: hidden;}
.cp_r ul li img{width: 296px;height: 215px;}
.cp_r ul li .a_bg{ background:url(../images/cp_picbg.gif) no-repeat; display:none;width: 296px;height: 215px;position: absolute;top: 0;right: 0;font-size: 16px;color: #fff;text-align: center;line-height: 180px;overflow: hidden; text-decoration:none;}

/*品牌合作*/
.hz{ padding:60px 0;font-size: 0;}
.hz_l{ background:url(../images/hz_tbg.gif) no-repeat;width: 187px;height: 150px;text-align: center;}
.hz_l a{font-size: 24px;color: #fff;font-weight: bold;display: block; padding:38px 0 0;}
.hz_l i{display: block;font-size: 16px;color: #f5cccc;font-weight: normal; padding:10px 0 0;}
.hz_r{width: 1012px;height: 148px; overflow:hidden; border-bottom:#ccc 1px solid; border-top:#ccc 1px solid; border-right:#ccc 1px solid;}
.hz_r ul li{width: 200px;float: left; background:url(../images/hz_line.gif) no-repeat right 55px; padding:30px 26px 0;overflow: hidden;}
.hz_r ul li img{width: 200px;height: 80px;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(1);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; }
.hz_r ul li a:hover img{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);}
.hz_r .nobor{ background:none;}

/*客户见证*/
.jz_m dl{ display:inline-block;width: 1200px;}
.jz_m dl dt{width: 588px;float: left;line-height: 0;}
.jz_m dl dt img{width: 588px;height: 365px;}
.jz_m dl dd{ background:url(../images/jz_ddbg.gif) no-repeat;width: 532px;height: 310px;float: left; padding:55px 40px 0;}
.jz_m dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.jz_m dl dd h5 a{font-size: 18px;color: #c50000;}
.jz_m dl dd em{display: block;font-size: 14px;color: #666;height: 40px;line-height: 40px;overflow: hidden; border-bottom:#d0d0d0 1px solid;}
.jz_m dl dd p{font-size: 14px;color: #666;height: 96px;line-height: 24px;overflow: hidden;  padding:10px 0 0;}
.jz_m dl dd span{display: block;width: 128px; padding:25px 0 0;}
.jz_m dl dd span a{display: block;width: 126px;text-align: center;height: 33px;line-height: 33px;font-size: 14px;color: #282828; border:#ccc 1px solid;overflow: hidden;}
.jz_bot{ display:inline-block;width: 1200px;}
.jz_bot ul li{width: 239px;height: 102px;float: left; padding:0 1px 0 0;overflow: hidden;}
.jz_bot ul li a{font-size: 16px;color: #fff; background:#282828 url(../images/jz_line.gif) no-repeat 39px 74px; padding:24px 0 0 39px;display: block;width: 200px;height: 78px;}
.jz_bot ul li.cur a,.jz_bot ul li a:hover{ background:#c50000 url(../images/jz_line.gif) no-repeat 39px 74px; text-decoration:none;}
.jz_bot ul li em{display: block;font-size: 12px; font-family:Arial, Helvetica, sans-serif; padding:8px 0 0;}

/*关于瑞泰*/
.about{ padding:66px 0 60px;font-size: 0;}
.about dl dt{width: 600px;float: left;}
.about dl dt img{ width:578px; height:378px;padding: 10px; border:#e9e9e9 1px solid;}
.about dl dd{ width:565px; float:left; padding:0 0 0 35px;}
.about dl dd h5{height: 73px;line-height: 70px; background:url(../images/ab_line.gif) no-repeat 0 70px;overflow: hidden;}
.about dl dd h5 a{font-size: 22px;color: #333;}
.about dl dd h5 a:hover{color: #c50000; text-decoration:none;}
.about dl dd p{ font-size:14px; color:#8e8e8e; height:192px; line-height:24px; padding:15px 0 0;overflow: hidden;}
.about dl dd p a{font-size: 14px;color: #c50000; padding:0 0 0 20px;}
.about dl dd span{ display:block; padding:50px 0 0;}
.about dl dd span a{ font-size:14px; color:#333; display:inline-block;float: left;width: 123px;height: 42px;text-align: center;line-height: 42px;overflow: hidden; margin:0 18px 0 0; background:url(../images/ab_btn01.gif) no-repeat;}
.about dl dd span a:hover{color: #fff; text-decoration:none; background:url(../images/ab_btn02.gif) no-repeat;}

/*公司风采*/
.photo_bg{ background:url(../images/photo_bg.gif) repeat-x;height: 280px;overflow: hidden;font-size: 0; padding:0 0 60px;width: 100%; min-width:1200px;}
.photo ul li { width:285px; float:left; padding:0 7px;overflow: hidden;}
.photo ul li img{display: block; width:277px; height:226px; border:#ccc 1px solid;padding: 3px;background: #fff;}
.photo ul li span{ width:285px; text-align:center; display:block; height:25px; line-height:25px; overflow:hidden; padding:5px 0 0;}
.photo ul li a{ font-size:14px; color:#292a2e;}
.photo ul li a:hover{color: #c50000; text-decoration:none; zoom:1;}
.photo ul li a:hover img{ border:#c50000 1px solid;}

/*常见问题*/
.wd{ width:410px;font-size: 0;}
.wd_t{ background:#292a2e;width: 370px;height: 50px;line-height: 50px;overflow: hidden; padding:0 20px;}
.wd_t a{font-size: 16px;color: #fff;}
.wd_t span{float: right;}
.wd_t span a{font-size: 14px;font-weight: normal;}
.wd dl{ width:410px; height:105px; border-bottom:#ddd 1px solid; padding:20px 0 0;}
.wd dt{ background:url(../images/wen.gif) no-repeat 0 5px; padding-left:30px; height:25px; line-height:25px; overflow:hidden;}
.wd dt a{ font-size:14px; color:#333;}
.wd dt a:hover,.wd dd a:hover,.news dd h3 a:hover,.news_m ul li span a:hover{color: #c50000; text-decoration:none;}
.wd dd{ background:url(../images/da.gif) no-repeat 0 10px; padding:5px 0 0 30px; line-height:25px; height:50px; overflow:hidden;}
.wd dd a{font-size: 14px;color: #333;}

/*案例·动态*/
.news{ width:760px;}
.news .wd_t{ background:url(../images/news_tbg.gif) no-repeat;width: 720px;height: 60px;}
.wd_t p{width: 180px;float: left;text-align: center;}
.news dl{ width:760px; padding:33px 0; display:inline-block; overflow:hidden; border-bottom:#ddd 1px solid;}
.news dt{ width:220px; float:left;}
.news dt img{ width:220px; height:150px;}
.news dd{ float:left; overflow:hidden; width:495px; padding:0 0 0 30px;}
.news dd h3{ height:25px; line-height:25px; overflow:hidden;}
.news dd h3 a{ font-size:16px; color:#333;font-weight: normal;}
.news dd p{ font-size:14px; color:#333; height:75px; line-height:25px;overflow: hidden; padding:5px 0 0;}
.news dd span{ display:block;width: 100px; padding:10px 0 0;}
.news dd span a{font-size: 14px;color: #333;display: block;width: 98px;height: 28px;text-align: center;line-height: 28px;overflow: hidden; border:#ddd 1px solid;}
.news dd span a:hover{ border:#c50000 1px solid; color: #c50000; text-decoration:none;}
.news_m ul{ width:760px; display:inline-block; overflow:hidden;}
.news_m ul li{ height:26px; padding:18px 0 0; border-bottom:#d6d6d6 1px solid; overflow:hidden; width:350px; float:left; margin:0 30px 0 0;overflow: hidden;}
.news_m ul li b{display: block;float: right;width: 11px;}
.news_m ul li b img{width: 11px;height: 21px;}
.news_m ul li em{display: block;font-size: 12px;color: #fff;float: left;width: 15px;height: 15px;text-align: center;line-height: 15px;overflow: hidden;background: #333;}
.news_m ul li span{display: block;float: left; padding:0 0 0 12px;}
.news_m ul li span a{font-size: 14px;color: #333;}
.news_m ul li span i{display: block;font-size: 14px;color: #858585; padding:8px 0 0;}
.news_m .nobor,.wd .nobor{ border:none;}

/*友情链接*/
.link{ padding:30px 0 50px;}
.link_t{ background:url(../images/link_line.gif) repeat-x 0 50px; height:60px; line-height:46px; overflow:hidden;}
.link_t a{ font-size:24px; color:#333;}
.link_t em{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#999; padding:0 0 0 10px; text-transform:uppercase;}
.link_t span{ float:right;}
.link_t span a{ font-size:14px; color:#999;}
.link p{ height:60px; line-height:30px; overflow:hidden; padding:20px 0 0;}
.link p a{ font-size:14px; color:#666; display:inline-block; padding:0 22px;}
