/* 项目名称：瑞源
   制作人：康妍
   制作日期：2016年12月15日
 */
body{ background-color:#fff; font-family:'Microsoft Yahei'}
input,textarea{font-family:'Microsoft Yahei'}
.container{ width:100%; margin:0 auto;}
.maindiv{ width:1200px; margin:0 auto;}

/************************************ header ********************************/
.header{ height:265px;}
.h-top{ height:50px; background-color:#242424; color:#858585; font-size:14px; line-height:50px;}
.h-t-wel{ float:left; width:50%;}
.h-t-login{ float:right; width:50%;height:38px; padding-top:12px; line-height:26px; }
.h-t-link{ float:right; padding-right:16px;}
.h-t-link a{color:#858585;}
.h-login{ width:180px; float:right; height:26px;line-height:26px;}
.h-login .login-text{ width:134px; height:26px; background-color:#fff; border:none; outline:none; padding:0 8px; float:left}
.h-login .login-button{ width:24px; height:26px; background:url(../image/header-search.jpg) no-repeat; border:none; cursor:pointer; float:right; outline:none;}
.h-center{ background-color:#fff; height:125px;}
.h-center .maindiv{ background:url(../image/header-bg.jpg) no-repeat 516px 39px;}
.h-bottom{ height:90px; background-color:#ececec;position:relative; z-index:1;}
.nav{height:90px; }
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  display:inline; width:171px;  }
.nav .nLi h3{text-align:center;  }
.nav .nLi h3 a{ display:block; line-height:90px; font-size:18px; color:#424242;  }
.nav .sub{ display:none; width:100%; left:0; top:90px;  position:absolute;  background:rgba(255,255,255,0.9);line-height:80px; height:80px; text-align:center;}
.nav .sub li{ zoom:1; display:inline-block; }
.nav .sub a{ display:block; color:#424242; font-size:16px; padding:0 40px; }
.nav .sub a:hover{ color:#d03130}
.nav .on h3 a{ background: url(../image/index-nav-bg.jpg) repeat-x bottom center;color:#424242; }



/************************************ banner ********************************/
.banner{ background-color:#000; margin-bottom:40px;}
.slideBox{ width:100%; height:auto;position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; width:100% }
.slideBox .hd ul{ overflow:hidden; zoom:1; text-align:center;  }
.slideBox .hd ul li{ display:inline-block; margin-right:8px;  width:58px; height:10px; line-height:9999; text-align:center; background:#777777; cursor:pointer; }
.slideBox .hd ul li.on{ background:#d03130;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:auto; display:block;  }


/************************************ content ********************************/
.index-intro{ width:1200px; margin:0 auto 54px; height:546px; background:url(../image/index-intr-bg.png) no-repeat;}
.index-i-left{ float:left; padding:134px 0 0 50px; width:308px;}
.index-i-left img{ margin-bottom:75px;}
.index-i-left p{ line-height:32px; color:#242424; font-size:18px;}
.index-i-left p a{ color:#f62a29; float:right; font-weight:bold;}
.index-i-right{ float:left; padding-left:44px; padding-top:34px;} 
.index-i-right img{ border:1px solid #a0a0a0;}

.index-product{ width:1200px; margin:0 auto 60px; height:582px; overflow:hidden}
.index-p-title{ margin-bottom:50px;}
.index-p-pic{}
.index-p-p-left{ float:left; width:478px;}
.index-p-p-left img{ display:block; margin-right:20px; float:left; margin-bottom:20px;}
.index-p-p-right{ float:left; position:relative; height:458px;}
.index-p-p-right a{ display:block;}
.index-p-p-right p{ position:absolute; bottom:0; left:0; width:100%; height:110px; line-height:110px; background:rgba(0,0,0,0.8)}
.index-p-p-right p strong{ font-size:56px; color:#fff; padding-left:28px; padding-right:24px;}
.index-p-p-right a{ color:#fff; font-size:16px;}
.index-p-p-right img{}

.index-business{ width:1200px; height:500px; margin:0 auto 62px; background:url(../image/index-business-bg.jpg) no-repeat left top #d2d2d2;}
.index-b-title{ float:left; padding:358px 0 0 30px;}
.index-b-title img{}
.index-b-vedio{ float:right;}


.index-manufacturing{width:1200px; height:850px; margin:0 auto 50px;}
.index-m-left{ float:left; width:514px; position:relative;}
.index-m-left img{ display:block;}
.index-m-left p{ position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.7); color:#fff; font-size:16px; height:150px; width:484px; padding-left:30px;}
.index-m-left p strong{ font-size:56px; font-weight:normal; display:block; line-height:100px;}
.index-m-right{ float:right; width:643px;}
.index-m-title{ padding-top:93px; margin-bottom:54px; }
.index-m-title img{margin-bottom:28px;}
.index-m-title p{ line-height:30px; color:#242424; font-size:18px;}
.index-m-right ul{ height:502px; overflow:hidden;}
.index-m-right ul li{ margin-bottom:72px; height:215px; overflow:hidden}
.index-m-right ul li img{ float:left;}
.index-m-right ul li a p{ float:right; width:270px; line-height:30px; padding-top:40px; font-size:16px; color:#242424;}
.index-m-right ul li p span{ line-height:60px; display:block; font-size:50px;}
.index-m-right ul li a{ display:block;}

.index-news{ width:1200px; margin:0 auto; height:630px; position:relative;}
.index-n-title{ margin-bottom:46px;}
.index-news ul{ position:absolute; left:-38px;}
.index-news ul li{ float:left; margin-left:38px; display:inline; width:374px;}
.index-news ul li img{ display:block; margin-bottom:27px;}
.index-news ul li span{ color:#242424; font-size:28px; display:block; margin-bottom:20px; line-height:38px;}
.index-news ul li p{ color:#242424; font-size:16px; line-height:28px;}
.index-news ul li p a{ color:#d03130; float:right; font-weight:bold;}

.index-shop{ width:1200px; margin:0 auto 60px; height:410px; background-color:#d03130;}
.index-s-left{ float:left; width:823px; }
.index-s-right{ float:left; width:377px;}
.index-s-right img{margin:0 auto 16px; display:block;}

.index-parent{ background-color:#ececec; padding-bottom:66px;}
.index-par-title{ text-align:center; height:158px; line-height:158px; color:#242424; font-size:46px;}

.picScroll-left{ width:1200px; position:relative;}
.picScroll-left .hd{ position:relative;}
.picScroll-left .hd .prev{ display:block;  width:24px; height:51px;cursor:pointer; background:url("../image/index-ico-1.jpg") no-repeat top center; position:absolute; left:-30px; top:62px;}
.picScroll-left .hd .next{ display:block;  width:24px; height:51px; cursor:pointer; background:url("../image/index-ico-1.jpg") no-repeat bottom center;position:absolute; right:-30px; top:62px;}
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("404.png") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin-right:10px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:290px; height:173px; display:block;border:1px solid #c9c9c9; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }



/************************************ footer ********************************/

.footer{ background:#242424; height:388px;}
.links{ padding-top:26px; width:1200px; height:362px; margin:0 auto; background:url(404.png) no-repeat right center}
.links ul{}
.links ul li{ width:146px; float:left;}
.links ul li p{ line-height:90px; color:#ececec; font-size:18px;}
.links ul li a{ line-height:38px; color:#858585; font-size:16px; display:block;}
.links ul li a:hover{ color:#fff;}

.copy{ color:#858585; font-size:14px; height:50px; line-height:50px; background-color:#303030; text-align:center;}


/************************************ product ********************************/
.product-content{ padding-top:70px;}
.product-title{ text-align:center;}
.product-list{ margin-bottom:40px;}
.product-l-title{ height:25px; line-height:25px; margin-bottom:20px;}
.product-l-title p{ float:right; line-height:25px; color:#6b6b6b; font-size:14px;}
.product-l-title img{}
.product-list-left{ width:1200px; position:relative;}
.product-list-left .hd{ position:relative;}
.product-list-left .hd .prev{ display:block;  width:34px; height:81px;cursor:pointer; background:url("../image/pro-ico1.png") no-repeat top center; position:absolute; left:-45px; top:54px;}
.product-list-left .hd .next{ display:block;  width:34px; height:81px; cursor:pointer; background:url("../image/pro-ico1.png") no-repeat bottom center;position:absolute; right:-45px; top:54px;}
.product-list-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.product-list-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("404.png") 0 -9px no-repeat; }
.product-list-left .hd ul li.on{ background-position:0 0; }
.product-list-left .bd{}
.product-list-left .bd ul{ overflow:hidden; zoom:1; }
.product-list-left .bd ul li{ margin-right:15px; float:left; _display:inline; overflow:hidden; width:288px;  }
.product-list-left .bd ul li .pic{ text-align:center; }
.product-list-left .bd ul li .pic img{ width:288px; height:183px; display:block;}
.product-list-left .bd ul li .pic a:hover img{ border-color:#999;  }
.product-list-left .bd ul li .title{ line-height:26px; padding:6px 0px 0;}
.product-list-left .bd ul li .title span{ display:block; line-height:38px; color:#424242; font-size:18px; font-weight:bold; text-align:center}

.pagenum{ height:34px; margin-bottom:68px; line-height:32px;font-size:16px; text-align:center;}
.pagenum a{ width:32px; height:32px; border:1px solid #d03130; display:inline-block;color:#d03130; margin-right:6px; text-align:center; }
.pagenum a:hover{ text-decoration:underline}
.pagenum span{ width:32px; height:32px; border:1px solid #d03130; background-color:#d03130;display:inline-block;color:#fff;margin-right:6px; text-align:center; }
.pagenum em{display:inline-block;margin-right:6px; text-align:center; }
.pagenum a.next{width:84px; }
.pagenum a.prev{width:84px;}
/************************************ product ********************************/
.product-list2{ width:1200px; position:relative; padding-bottom:62px;}
.product-list2 .bd{ overflow:hidden;width:1400px;}
.product-list2 .bd ul li{ margin-right:15px; float:left; _display:inline; overflow:hidden; width:288px; margin-bottom:38px;  }
.product-list2 .bd ul li .pic{ text-align:center; }
.product-list2 .bd ul li .pic img{ width:288px; height:183px; display:block;}
.product-list2 .bd ul li .pic a:hover img{ border-color:#999;  }
.product-list2 .bd ul li .title{ line-height:26px; padding:6px 0px 0; text-align:center}
.product-list2 .bd ul li .title span{ display:block; line-height:38px; color:#424242; font-size:18px; font-weight:bold;}
.jszc{ margin-bottom:80px;}
.jszc img{ float:left;}
.jszc ul.jszc-ul{ padding-bottom:50px;}
.jszc ul.jszc-ul li{ width:408px; height:60px; border:1px solid #adadad; margin-left:16px; margin-bottom:12px; float:left; line-height:60px; padding:0 15px;}
.jszc ul.jszc-ul li span{ float:right;color:#6b6b6b; font-size:16px;}
.jszc ul.jszc-ul li a{ text-decoration:underline; color:#6b6b6b; font-size:16px;}
.jszc ul.jszc-ul li a:hover{ text-decoration:none}


/************************************ advertise ********************************/
.advertise-banner{ background:url(../image/advertise-banner.jpg) no-repeat center top; height:436px; margin-bottom:60px;}
.advertise-banner img{ float:left;}
.advertise-banner .maindiv div{ float:left; width:698px; color:#e9e9e9; line-height:22px; padding:124px 0 0 38px;}
.advertise-list{ width:1200px; margin:0 auto}
.advertise-title{ text-align:center; margin-bottom:56px;}
.advertise-list ul{ margin-left:-15px; width:1215px;}
.advertise-list ul li{ width:288px; height:235px; float:left; margin-bottom:66px; margin-left:15px;}
.advertise-list ul li strong{ display:block; background:url(../image/advertise-bg.jpg) no-repeat; width:258px; height:76px; padding:0 15px; line-height:76px; color:#fff; font-size:20px;}
.advertise-list ul li p{ border:1px solid #adadad; border-top:none; height:138px; line-height:24px; padding:20px 14px 0px; font-size:16px; color:#424242;}
.advertise-list ul li span{ display:block; height:16px; line-height:16px; background:url(../image/advertise-ico.jpg) no-repeat left center; color:#adadad; padding-left:23px; margin-top:17px;}
.advertise-list ul li p a{color:#424242;}

/************************************ contact ********************************/
.contact-banner{ width:100%; margin:0 auto 58px;}
.contact-banner img{ width:100%; display:block;}
.contact-con{ width:1200px; margin:0 auto 54px; background: url(../image/contact-bg.jpg) no-repeat center 50px;}
.contact-left{ width:454px; float:left; padding-left:146px;}
.contact-title{ margin-bottom:25px;}
.contact-left p{ line-height:44px; color:#4d4d4d; font-size:18px;}
.contact-right{ width:450px; float:right;}
.contact-right input,.contact-right textarea{ outline:none; border:1px solid #4d4d4d; font-size:18px; margin-bottom:14px; display:block; width:312px; padding:0 8px;}
.contact-right .contact-text{ height:30px; border-top:none;border-right:none;border-left:none;}
.contact-right .contact-button{ width:104px; height:37px; border:none; background-color:#30a1d0; color:#fff; cursor:pointer; margin-left:226px;}
.contact-right textarea{ height:140px;}


.sale-online{ padding:80px 0; text-align:center;}
.sale-title{ text-align:center;width:1200px; margin:0 auto 40px;}

.anli{ margin:0 auto; background-color:#dcdcdc; padding:64px 0;}
.anli-title{ text-align:center; margin-bottom:54px;}
.anli-list-left{}
.anli-list-left{ width:1200px; position:relative; padding-bottom:22px; margin:0 auto}
.anli-list-left .bd{ margin-left:-46px; width:1215px;}
.anli-list-left .bd ul li{ margin-left:46px; float:left; _display:inline; overflow:hidden; width:370px; position:relative  }
.anli-list-left .bd ul li .pic{ text-align:center; }
.anli-list-left .bd ul li .pic img{ width:370px; height:223px; display:block;}
.anli-list-left .bd ul li .pic a:hover img{ border-color:#999;  }
.anli-list-left .bd ul li .title{ line-height:40px; padding:0px 17px 0; height:40px; border-top:none; background:rgba(0,0,0,0.8); position:absolute; bottom:0; left:0; width:336px;}
.anli-list-left .bd ul li .title a{ color:#fff; font-size:18px;}
.anli-list-left .hd{ position:relative;}
.anli-list-left .hd .prev{ display:block;  width:34px; height:81px;cursor:pointer; position:absolute; left:-45px; top:103px; font-size:62px; font-family:"SimSun"}
.anli-list-left .hd .next{ display:block;  width:34px; height:81px; cursor:pointer; position:absolute; right:-45px; top:103px;font-size:62px;font-family:"SimSun"}
.anli-list-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.anli-list-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("404.png") 0 -9px no-repeat; }
.anli-list-left .hd ul li.on{ background-position:0 0; }


/*search-list*/
.search-content{}
.search-title{ height:100px; line-height:100px;}
.search-title p{ font-size:16px; color:#6b6b6b}
.search-title p span{ color:#d03130; font-weight:bold;}
.search-list{ margin-bottom:20px;}
.search-list li{ padding:2px 15px 20px; border:1px solid #adadad; margin-bottom:24px;}
.search-list li a{font-size:16px; color:#6b6b6b; text-decoration:underline; line-height:60px;}
.search-list li a:hover{color:#d03130;}
.search-list li p{font-size:14px; color:#6b6b6b; line-height:24px;}
.search-list li p span{color:#d03130;}

/*news-list*/
.news-title{ padding:45px 0 44px;height:76px;}
.news-title a{ display:block; width:235px; height:74px; float:left; border:1px solid #d03130; line-height:74px; text-align:center; font-size:18px; color:#d03130; margin-right:12px;}
.news-title a.on{ background-color:#d03130; color:#fff;}

.news-list{ margin-left:-16px; width:1216px;}
.news-list li{ width:288px; height:288px; float:left; margin:0 0 68px 16px;}
.news-list li img{ display:block;}
.news-list li div{border:1px solid #adadad; border-top:none; padding:14px 14px 2px; height:90px;}
.news-list li div p{ line-height:26px; color:#424242; font-size:16px;}
.news-list li div span{ display:block; padding-left:23px; background:url(../image/advertise-ico.jpg) no-repeat left center; line-height:36px; height:36px; color:#adadad; font-size:16px;}
.news-list li div span a{ float:right; color:#d03130; font-size:14px;}


.new-c-titel{ border-bottom:1px solid #adadad; padding-top:36px; text-align:center; line-height:72px; color:#6b6b6b; font-size:14px; margin-bottom:40px;}
.new-c-titel span{ display:block; color:#424242; font-size:20px;}
.content{ color:#6b6b6b; font-size:14px; margin-bottom:50px;}
.content img{ max-width:100%; display:block; margin:20px auto}
.content p{ line-height:24px;}
.new-link{ line-height:30px; height:30px; color:#6b6b6b; font-size:14px; margin-bottom:75px;}
.new-link p{ width:50%; overflow:hidden}
.new-link p a{ color:#d03130; text-decoration:underline;}
.new-link p.fr{ text-align:right;}

/*enter*/
.enter-banner{ width:100%; margin-bottom:60px;}
.enter-banner img{ width:100%;}
.enter-gk{ margin-bottom:20px;}
.enter-title{ text-align:center; margin-bottom:52px;}
.enter-gk .wlc{ line-height:22px; color:#6b6b6b; font-size:12px; margin-bottom:25px;}
.enter-zc{ background:url(../image/enter-bg.jpg) no-repeat center top; height:436px; margin-bottom:73px; width:100%;}
.enter-zc img{ float:left;}
.enter-zc .maindiv div{ float:left; width:698px; color:#e9e9e9; line-height:22px; padding:124px 0 0 38px;}
.enter-jg{ margin-bottom:74px;}
.img-jiagou{ display:block; margin:0 auto}
.enter-wenhua{}
.enter-wenhua ul{ padding-bottom:55px;}
.enter-wenhua ul li{ float:left; text-align:center; width:258px; padding:0 20px;}
.enter-wenhua ul li img{ margin-bottom:40px;}
.enter-wenhua ul li p{ line-height:26px; font-size:12px; color:#6b6b6b;}


.OnlineService_Bg {width:100px;overflow:hidden;position:fixed;right:10px;bottom:20px;z-index:10;}
.OnlineService_Box {width:100%;overflow:hidden;}
.OnlineService_Phone {width:62px;height:116px;margin-bottom:10px;}
.OnlineService_Phone a {display:block;width:62px;height:116px;cursor:pointer;text-decoration:none;color:#fff}
.OnlineService_Top {width:62px;height:71px;margin-bottom:10px;}
.OnlineService_Top a {display:block;width:62px;height:71px;cursor:pointer;text-decoration:none;color:#fff}











/*new*/
.product-bg1{ background:url(../image/product-bg1.jpg) no-repeat center center; height:630px; padding-top:40px;}
.product-bg2{ background:url(../image/product-bg2.jpg) no-repeat center center; height:630px; padding-top:40px;}
.product-bg3{ background:url(../image/product-bg3.jpg) no-repeat center center; height:630px; padding-top:40px;}
.pt40{ padding-top:48px;}


.jiance-shebei{ background:url(../image/product-bg4.jpg) no-repeat center center; height:1060px; padding-top:90px; margin-bottom:98px;}


.zizhi{ width:1200px; margin:0 auto 76px;}
.zizhi .bd{overflow:hidden;  }
.zizhi .bd ul{ overflow:hidden; zoom:1;float:left; width:1215px; _display:inline;  }
.zizhi .bd ul li{ margin-right:15px; float:left; _display:inline; overflow:hidden; text-align:center; width:288px; margin-bottom:24px;  }
.zizhi .bd ul li .pic{ text-align:center; }
.zizhi .bd ul li .pic img{ width:286px; height:286px; display:block;  border:1px solid #adadad; }
.zizhi .bd ul li .pic a:hover img{ border-color:#999;  }
.zizhi .bd ul li .title{ line-height:66px; color:#424242; font-size:18px; font-weight:bold;   }
.zizhi .bd ul li .title a{color:#424242;}

.jszc-div{ width:912px; float:right; overflow:hidden}
.jszc-div .bd ul{ overflow:hidden; zoom:1;float:left; _display:inline;  }

.multipleColumn .hd{ overflow:hidden;  height:34px; text-align:center; padding-top:20px;}
.multipleColumn .hd .prev{ display:inline-block;  width:84px; height:32px;line-height:32px; margin-right:5px;  overflow:hidden; background:none; border:1px solid #d03130; color:#d03130; font-size:20px;
	 cursor:pointer;}
.multipleColumn .hd .next{ display:inline-block;  width:84px; height:32px;line-height:32px; margin-right:5px;  overflow:hidden; background:none;border:1px solid #d03130; color:#d03130; font-size:20px;
	 cursor:pointer;}
.multipleColumn .hd ul{  overflow:hidden;zoom:1; display:inline-block }
.multipleColumn .hd ul li{ margin-right:5px;cursor:pointer; background:none; display:inline-block; width:32px; height:32px; line-height:32px; border:1px solid #d03130; color:#d03130; font-size:20px; }
.multipleColumn .hd ul li.on{ background-position:0 0;  background:#d03130; color:#fff;}