@charset "utf-8";

/*banner*/
.banner{position: relative; height:650px;overflow: hidden;clear: both;}
.ban_p,.ban_p li{ height:650px;overflow: hidden;}
.ban_p li a{ display:block; height:650px; background:url(../images/banner1.jpg) no-repeat center 0;}
.ban_t{width:1100px;height:50px;bottom: 0;left:50%;margin-left:-550px;position: absolute;text-align: center;}
.ban_t em{width: 16px;height: 16px;border-radius: 16px;margin-right:12px; display: inline-block;background: #fff;}
.ban_t em.on{background: #14c91d;}

.til01{margin-top:30px;text-align: center;height:146px;color: #fff;font-size:38px;line-height:36px;font-family: "Microsoft Yahei";padding: 21px 0 0;letter-spacing:6px;background:url(../imgindex/ico03.gif) no-repeat center 0;}
.til01 p{font-weight: normal;font-size:20px;margin-top:6px;}
.til01 a{color: #fff;}
.til02{background:url(../imgindex/ico07.jpg) no-repeat center 0;color: #222;}
.til02 a{color: #222;}
.til02 p{color: #555;}
.til02 b{color: #1f8bcc;}

/*搜索*/

.s_bg{height: 66px;overflow: hidden;border-bottom: #e6e6e6 1px solid;background: #f5f5f5;}
.search{ width:1200px; margin:0 auto;}
.search p{ float:left;font-size: 14px; color:#2f2f2f; width:888px; height:66px; line-height:66px; overflow:hidden;}
.search p a{font-size: 14px; color:#2f2f2f; padding:0 10px 0 0;}
.search p a:hover{color: #7a7110;}
.search .ser_inp{ background:url(../imgindex/s_inp.gif) no-repeat; width:250px; height:39px; border:none; padding:0 0 0 15px; float:left; font-family:"Microsoft YaHei";font-size: 14px; color:#333; line-height:39px; outline:none;margin-top: 14px;}
.search .ser_so{cursor: pointer; float:left; background:url(../imgindex/s_so.gif) no-repeat; border:none; width:47px; height:39px;margin-top: 14px;}
input::-webkit-input-placeholder {color: #333;}

.yin{border-bottom: #ededed 1px solid;padding: 60px 0 0;height: 135px;}
.yin_l{width: 430px;}
.yin_l b{display: block;float: left;padding: 5px 0 0;}
.yin_l b img{width:75px;height:75px;}
.yin_desc{font-size: 14px;color: #666;line-height: 24px;height: 66px;overflow: hidden;width: 300px;float: left;padding: 2px 0 0 30px;}
.yin_r{width: 770px;}
.ibrand-num li{float:left;width:192px;height:100px;text-align:center;color:#333;font-size:18px; background:url(../imgindex/yin_line.gif) no-repeat;}
.ibrand-num li span{font-size:46px;line-height: 40px; font-family:"Times New Roman", Times, serif; font-weight:bold;}
.ibrand-num li i{font-size:42px;line-height: 40px;}
.ibrand-num li b{display:block;font-size: 18px;color: #666;font-weight: normal; padding:10px 0 0;}



.hx_bj{padding-top:20px;height:610px;overflow: hidden;}
.hx_c {position: relative;height: 534px;}
.hx_c ul{margin-top:10px;overflow: hidden;}
.hx_c li{float:left;width:334px;height: 200px;}
.hx_c li h4 {height: 59px;border:1px solid #676767;border-width: 1px 0;line-height: 59px;font-size: 22px;color: #2f2f2f;font-weight: bold;width:220px;}
.hx_c li img {vertical-align: middle;margin-right:20px;float:left;padding-top:5px;}
.hx_c li p {font-size:16px;color: #2f2f2f;line-height: 30px;padding-top:19px;}
.hx_c li:nth-child(2n){margin-left:530px;}
.hx_t{position: absolute;left:358px;top:138px;}
.hx_c em a{width:153px;height: 46px;background: #ffb500;display: block;border-radius: 23px;text-align: center;line-height: 46px;font-size:16px;color: #2f2f2f;position: absolute;left:524px;bottom:22px;}


/*产品中心*/
.probox{height:1000px;font-family:"Microsoft Yahei";padding:30px 0 0;}
.pro_nav{width:314px;background:#f3f3f3;}
.pro_nav h2{font-size:30px;line-height:49px;height:95px;padding:18px 0 0;background:#1f8bcc;overflow: hidden;text-align: center;background:url(../imgindex/pronav_bg.jpg) no-repeat left top;}
.pro_nav h2 span{font-size:12px;line-height:18px;font-family: Arial;display: block;text-transform: uppercase;color: #bacff2;}
.pro_nav h2 a{color: #fff;}

.pro_nl{padding:2px 20px 0;height:610px;overflow: hidden;}
.pro_nl h3{clear: both;padding: 18px 0 0;height:45px;line-height:45px;font-size: 18px;display: block;white-space: nowrap;}
.pro_nl h3 a{display: block;background:url(../imgindex/ico1.gif) no-repeat 240px 15px #1f8bcc;padding: 0 30px;color: #fff;border-radius:25px;}
.pro_nl h3.on a{background:url(../imgindex/ico2.gif) no-repeat 247px 13px #1f8bcc;}
.pro_nl li{height:39px;line-height: 39px;font-size:16px;position: relative;border-bottom:dashed 1px #e6e6e6;padding: 0 34px;white-space: nowrap;}
.pro_nl li a{display: block;background:url(../imgindex/ico03.gif) no-repeat 0 center;padding: 0 0 0 25px;color: #555;}

.pro_pho{background:url(../imgindex/pro_pho.jpg) no-repeat 0 0;line-height: 28px;padding: 42px 0 0 97px;height: 85px;color: #666;white-space: nowrap;}
.pro_pho b{display: block;font-size: 24px;line-height:30px;color: #1f8bcc;letter-spacing: -1px;}

.pro_list{width:860px;overflow: hidden;}
.pro_list h2{height: 42px;border: solid 1px #dcdcd8;position: relative;font-weight: normal;font-size: 20px;line-height: 42px;}
.pro_list h2 a{color: #fff;}
.pro_list h2 b{position: absolute;display: block;width: 117px;height: 44px;line-height: 44px;left:-1px;top:-1px;z-index: 1;font-weight: normal;background:#1f8bcc;color: #fff;text-align: center;}
.more01{width: 65px;font-size: 14px;text-transform: uppercase;font-weight: normal;}
.more01 a,.pro_list h2 .more01 a{color: #555;}

.pro_lc ul{width: 930px;}
.pro_lc li{width:278px;height:240px;float: left;margin:28px 12px 0 0;position: relative;overflow: hidden;color: #fff;font-size: 16px;}
.pro_lc li img{width:276px;height:184px;display: block;border: solid 1px #dcdcdc;border-bottom: 0;}
.pro_lc li p{display: block;width:278px;line-height:54px;z-index: 1;position: absolute;background:#1f8bcc;left: 0;bottom: 0;text-align: center;}
.pro_lc li p span{display:none;}
.pro_lc li a{display:inline-block;color: #fff;}
.pro_lc li.cur p{background: #1f8bcc;}
.pro_lc li.cur p span{display: block;height: 52px;}
.pro_lc li.cur p span a{display: inline-block;width: 108px;line-height: 33px;border: solid 1px #fff;font-size: 14px;}
.pro_lc li.cur p span a:nth-child(2){margin-left:16px;}


.pro_pic{height: 404px; background: #fff;margin-top:6px;border-bottom:1px dashed #ccc;}
.pro_img{width:860px;margin: 0 auto 0; margin-top: 20px;padding-left:20px;border:1px solid #e7e7e7;}
.pro_img dt{width: 450px; float: left;}
.pro_img dt img{width: 450px; height: 360px;}
.pro_img dd{width: 360px; float: left; font-size: 14px; line-height: 26px; color: #666;padding-left:30px;height:366px;background:#f0f0f0;}
.pro_img h4{height: 60px; font-size:20px; line-height: 60px; padding-top:16px; background: url(../imgindex/pro_icon5.png) no-repeat left top; margin-top:32px;margin-bottom:16px;}
.pro_img h4 a{color: #333;text-decoration:none;}
.pro_img p{height: 78px;  width:290px;  overflow: hidden; font-size: 16px; line-height: 26px; color: #666;margin-bottom: 60px;}
.pro_img dd span{display: block; width: 120px; height: 35px; font-size: 14px; line-height: 35px; text-align: center; background: url(../imgindex/pro_icon1.png) no-repeat center top;}
.pro_img dd span a{display: block; color: #fff;}
.pro_prev{width: 43px; height: 85px; top: 160px; left: 0; overflow: hidden; cursor: pointer;z-index:10;}
.pro_next{width: 43px; height: 85px; top: 160px; right: 0; overflow: hidden; cursor: pointer;z-index:10;}
.pro_prev img,.pro_next img{display: block; width: 43px; height: 171px;}
.pro_prev:hover img,.pro_next:hover img {margin-top: -86px;}


/*优势*/
.edge{background:url(../imgindex/edgebg2.jpg) no-repeat center bottom;font-family:"Microsoft Yahei";font-size:16px;color: #555;position: relative;line-height:23px;z-index: 1;}
.edge_bg{background:url(../imgindex/edgebg1.jpg) no-repeat center 0;}
.edge h2{height:203px;text-align: center;padding:84px 0 0 160px;}
.edge1{height: 692px;}
.edge2{height: 672px;padding: 86px 0 0;}
.edge_w{width:603px;}
.edge_wc{background:url(../imgindex/edge_tbg.gif) no-repeat 0 0;padding: 61px 0 0;height:248px;}
.edge_wc h3{height:82px;line-height: 82px;font-size: 36px;color: #111;margin-bottom:45px;}
.edge_wc h3 span{width:99px;float: left;color: #fff;font-weight: normal;font-family: Impact;font-size: 44px;text-align: center;padding: 0 30px 0 0;}
.edge_wc li{background:url(../imgindex/ico03.gif) no-repeat 23px 6px;padding: 0 0 13px 47px;}
.edge_wc li em{font-style: normal;font-weight: bold;color: #0088ce;}

/* 瑞海发合作案例 */
.f_pr{position:relative;}
.f_pa{position:absolute;}

.f_cb:after,.f_cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f_cb,.f_cbli li{/* zoom:1; */}

.g_an{background: #fffff9;padding-top:30px;height: 840px; overflow: hidden;}
.g_an h2{height: 150px;text-align: center;font-size: 40px;color: #333333;font-weight: normal;}
.g_an h2 a{color: #333}
.g_an h2 span{display: block;font-weight: normal;font-size: 18px;color: #c5c5c1;text-transform: uppercase;height: 40px; }
.g_an h3{position: absolute;right: 0;top:150px;background: url(../imgindex/antit.jpg) no-repeat;width: 374px;height: 253px; padding: 160px 30px 0 46px;font-size: 29px;font-weight: bold;color: #fff;}
.g_an h3 em{display: block;font-size: 16px;line-height: 24px;color: #fff;font-weight: normal;padding-top: 10px;}
.g_an .hd{width: 696px;margin-bottom: 53px;border: 1px solid #e5e5e5;}
.g_an .hd li{float: left;width: 173px;height: 83px;line-height: 83px;text-align: center;font-size: 16px;color: #111113; border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
.g_an .hd .rnone{border-right: none;}
.g_an .hd .bnone{border-bottom: none;}
.g_an .hd li.on{background: url(../imgindex/antab.jpg) no-repeat;color: #fff;text-align: left;padding: 20px 0 0 20px;font-weight: bold; line-height: 20px; height: 63px; width:153px;}
.g_an dl{height: 400px;position: relative;}
.g_an dt{float: left;width: 698px;height: 393px;}
.g_an dt img{width: 698px;height: 393px;display: block;}
.g_an dd{position: absolute;left:640px;top:58px; padding: 30px 40px 0 30px; z-index: 10;width: 442px;height: 250px;border: 1px solid #fff;background: #f3f3f3}
.g_an dd h5{height: 36px;line-height: 36px;overflow: hidden;font-size: 20px;font-weight: bold;color: #111113;margin-bottom: 12px;}
.g_an dd h5 a{color: #111113;}
.g_an dd h4{height: 24px;line-height: 24px;font-weight: normal;color: #111113;font-size: 14px;overflow: hidden;margin-bottom: 12px;}
.g_an dd p{font-size: 14px;color: #8d8d8d;line-height: 24px;}
.g_an dd p a{color: #8d8d8d;}
.g_an .u_ljt,.g_an .u_rjt{ width:47px; height:32px; position: absolute; cursor:pointer;  display:block; z-index: 10;}
.g_an .u_ljt{left:1020px;top:640px;}
.g_an .u_rjt{left:1067px;top:640px;}
.g_an .u_ljt a{ background: url(../imgindex/ljt.jpg) no-repeat; width:47px; height:32px; display:block;}
.g_an .u_rjt a{ background: url(../imgindex/rjt.jpg) no-repeat; width:47px; height:32px; display:block;}
.g_an .u_ljt a:hover,.g_an .u_rjt a:hover{background-position: -47px 0;}
.anmore{position: absolute;right: 0;top:742px;font-size: 18px;font-weight: bold;color: #1f8bcc;background: url(../imgindex/anmore.jpg) no-repeat right 0;padding-right: 26px;z-index:100;}
.anmore a{color: #1f8bcc;}

/*新闻中心*/
.news_bg{padding: 0 0 60px;background: #f7f7f7;overflow: hidden;}
.news{ width:580px;height: 400px;background: #fff;box-shadow: 0 3px 10px 3px #ddd;}
.news_t{ height:60px;line-height: 60px;overflow: hidden;border-bottom: #ebebeb 1px solid;}
.news_t em{float: left;width: 100px;height: 60px;display: block;line-height: 0;}
.news_t em img{width: 80px;height: 60px;}
.news_t a{font-size: 22px;color: #333;}
.news_t a:hover,.news_t a:hover i{color: #0f5bad;}
.news_t span{float: right;width: 85px;height: 60px;display: block;line-height: 16px;padding: 15px 0 0 15px; background:url(../images/news_line.gif) no-repeat 0 20px;}
.news_t span a{font-size: 12px;color: #2e2e2e;}
.news_t span i{color: #666;display: block;}
.news dl{ width:520px; padding:30px 0 20px;margin:0 auto;height: 126px;}
.news dt{ width:224px; height:126px;overflow: hidden;float: left;}
.news dt img{ width:224px; height:126px;}
.news dd{width:260px;float: left; padding:0 0 0 30px;}
.news dd span{display: block;font-size: 36px;color: #0f5bad;font-weight: bold; font-family:"Times New Roman", Times, serif;line-height: 40px;}
.news dd h3{ height:30px; line-height:30px; overflow:hidden;}
.news dd h3 a{ font-size:14px; color:#333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 100%;}
.news dd h3 a:hover,.news ul li a:hover{color: #0f5bad;}
.news .news_desc{ font-size:14px; color:#757373; height:40px; line-height:20px;overflow: hidden;}
.news_c{ width:520px;margin:0 auto;display: block;}
.news ul li{ height:45px; line-height:45px; overflow:hidden;border-top: #c2c2c2 1px dotted;}
.news ul li a{ font-size:14px; color:#666;display: block;float: left;width: 420px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news ul li span{display: block;float: right;font-size: 14px;color: #909090;width: 100px; text-align:right;}
.news ul li b{padding: 0 10px 0 0;}


/*关于*/
.abobox{font-family:"Microsoft Yahei";line-height:27px;color: #555;overflow: hidden;height:810px;padding: 66px 0 0;}
.abobox .til02{height:100px;}
.about_p,.about_p img{width: 1200px;height: 452px;overflow: hidden;}
.about_w{padding:26px 14px 0;text-align: center;}
.about_w p{clear: both;height: 121px;overflow: hidden;}
.about_w a{color: #ffd118;}

.pro_more{clear: both;text-align: center;}
.pro_more span{display: inline-block;width:174px;line-height: 40px;background: #1f8bcc;border-radius: 20px;}
.pro_more span:nth-child(1){background: #1f8bcc;margin: 0 20px 0 0;}
.pro_more span a{display: block;color: #fff;}

/*风采展示*/
.showbox{height: 516px;font-family:"Microsoft Yahei";text-align: center;}
.prev3,.next3{top: 134px;}
.show_c1 li{width: 219px;float: left;margin:58px 27px 0 0;}
.show_c .show_cl:nth-child(1) ul li{margin-top:0;}
.show_c1 li p{padding: 3px;border: solid 1px #dadada;}
.show_c1 li p,.show_c1 li p img{width: 211px;display: block;overflow: hidden;}
.show_c1 li span{display: block;line-height: 54px;height: 54px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.show_c1 li span a{color: #777;}
.show_c1 li span a:hover{color: #1f8bcc;}

.prev3,.next3{width:38px;height:38px;display: block;top:145px;right:-50px;background:url(../imgindex/next1.png) no-repeat 0 0;z-index: 9;}
.prev3{left:-50px;background:url(../imgindex/prev1.png) no-repeat 0 0;}
.prev3:hover,.next3:hover{background-position: 0 bottom;}

.showtil{height:70px;padding: 5px;margin: 0 -5px;position: relative;line-height: 70px;font-size: 18px;font-weight: bold;background:url(../imgindex/casetbg.gif) no-repeat center 0;text-align: center;margin-bottom: 32px;}
.showtil li{width: 50%;float: left;border-left: solid 1px #d9d9d9;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.showtil li{width: 33.33%;}
.showtil li:nth-child(1){border-left: 0;}
.showtil li a{display: inline-block;color: #333;height: 67px;}
.showtil li.cur a,.showtil li a:hover{color: #1f8bcc;border-bottom: solid 3px #1f8bcc;}
.showtil li a span{display: inline-block;padding: 0 42px 0 72px;background:url(../imgindex/new_ico3.jpg) no-repeat 30px 20px;}
.showtil li:nth-child(1) span{background:url(../imgindex/new_ico1.jpg) no-repeat 30px 20px;}
.showtil li:nth-child(2) span{background:url(../imgindex/new_ico2.jpg) no-repeat 30px 20px;}
.casetil li.cur a span,.casetil li a:hover span{background-position: 7px -38px;}
.showtil li.cur a span,.showtil li a:hover span{background-position: 30px -30px;}

/*友情链接*/
.link{height:59px;line-height:59px;background: #181c20;color: #929394;}
.link span{width:82px;float: left;display: block;}
.link p{width:1118px;float: left;white-space: nowrap;overflow: hidden;}
.link a{padding: 0 29px 0 0;display: inline-block;color: #929394;}