/*全局样式开始-------------------------------------------------------------------------*/
html {}
body { margin:0 auto; padding:0; text-align:center; font-size:14px; color:#666666; font-family:思源宋体,Didot-HTF-L64-Light;}
a { margin:0px; padding:0px; text-decoration: none; color:#666666; }
a:hover {text-decoration:none; cursor:pointer; color:#ff0000;}
a:link { outline-style:none;}
ul,li,dl,dt,dd,p { margin:0px; padding:0px; list-style:none; }
h1,h2,h3{ margin:0; padding:0; font-weight:normal;}
div{ text-align:left }
img{ border:none; }
.clear{ clear:both; margin:0; padding:0; height:0; overflow:hidden;}
.left{ float:left;}
.right{ float:right;}
/*全局样式结束-------------------------------------------------------------------------*/


/*通用样式开始-------------------------------------------------------------------------*/
.box{ margin:0 auto; padding:0; width:1400px;}

/*header*/
.header{ width:100%; position:relative;}
.header .top{ width:100%; height:90px; background-color:#000;}
.header .top .box{}
.header .top .box .left{ float:left; line-height:90px; text-align:left; font-size:18px; color:#fff;}
.header .top .box .logo{ z-index:9999; margin-left:-118px; position:absolute; top:0; left:50%; width:236px; height:90px;}
.header .top .box .logo a{}
.header .top .box .logo img{ width:236px; height:90px;}
.header .top .box .right{ float:right; line-height:90px; text-align:right; font-size:18px; color:#fff;}
.header .menu { height:114px; border-bottom:1px solid #000;}
.header .menu .box ul{}
.header .menu .box ul li{ float:left; margin-top:45px;}
.header .menu .box ul li a{ display:block; text-align:left; height:24px; line-height:24px; font-size:16px; color:#333;}
.header .menu .box ul li a:hover{ color:#ff0000;}
.header .menu .box ul li.line{ margin:50px 61px 0px 61px; width:1px; height:16px; border-left:1px solid #333;}

/*footer*/
.footer{ width:100%; min-height:10px; background-color:#2a2a2a; overflow:hidden;}
.footer .left{ float:left; margin-top:40px; width:1200px;}
.footer .left .link{ width:905px; height:48px; border-bottom:solid 1px #353535;}
.footer .left .link .bt{ float:left; margin:9px 0; font-size:16px; color:#fff; width:100px; height:30px; text-align:center; line-height:16px; border-right:solid 1px #353535;}
.footer .left .link .bt span{ font-size:12px;}
.footer .left .link .nr{ float:right; width:800px;}
.footer .left .link .nr ul{}
.footer .left .link .nr ul li{}
.footer .left .link .nr ul li a{ display:block; float:left; margin:0 20px; color:#999; line-height:24px;}
.footer .left .txt{ margin-top:40px; float:left; width:340px; border-right:solid #353535 1px;}
.footer .left .txt span{ display:block; line-height:30px;}
.footer .left .txt .bt{ font-size:18px; color:#fff;}
.footer .left .txt .nr{ font-size:14px; color:#999;}
.footer .left .txt .tb{ margin-top:20px;}
.footer .left .txt .tb ul{}
.footer .left .txt .tb ul li{ float:left; width:32px; margin-right:15px;}
.footer .left .txt .tb ul li a{}
.footer .left .txt .tb ul li img{}
.footer .left .dbdh{ margin-top:40px; margin-left:50px; margin-right:50px; float:left;}
.footer .left .dbdh ul{}
.footer .left .dbdh ul li{}
.footer .left .dbdh ul li a{ color:#666; font-size:14px; line-height:30px;}
.footer .left .dbdh ul li a:hover{ color:#fff;}
.footer .left .dbdh ul li span{ display:block; margin-bottom:20px; font-size:16px; color:#fff;}
.footer .right{ float:right; margin-top:15px; padding-top:105px; padding-left:45px; width:150px; height:232px; background:url(../images/ewm_bg.png) no-repeat;}
.footer .right img{ width:150px; height:150px;}
.footer .td2{ width:1400px; margin-top:20px; height:50px; line-height:50px; border-top:solid 1px #353535;}
.footer .td2 span{ display:block; float:left; color:#999;}
.footer .td2 a{ display:block; float:right; color:#999;}


/*列表页码样式*/
div.pagelist{ padding:0px; margin:20px 10px; text-align:center; font-family:Verdana; font-size:12px;text-align:right;}
div.pagelist a{ border-right: #dedfde 1px solid; padding-right: 6px; background-position: 50% bottom; border-top: #dedfde 1px solid; padding-left: 6px; padding-bottom: 2px; border-left: #dedfde 1px solid; color: #0061de; margin-right: 3px; padding-top: 2px; border-bottom: #dedfde 1px solid; text-decoration: none; }
div.pagelist a:hover{ border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #0061de; }
div.pagelist a:active{ border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #0061de; }
div.pagelist span{ padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #999; margin-right: 3px; padding-top: 2px; }
div.pagelist span.current{ padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #ff0084; margin-right: 3px; padding-top: 2px; }
div.pagelist span.disabled{ padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #adaaad; margin-right: 3px; padding-top: 2px; }


/*首页搜索*/
.index_seach{ position:relative; float:right; margin-top:30px;}
.index_seach .wenzi{ float:left; width:190px; padding-left:10px; height:29px; line-height:29px; color:#fff; font-size:14px; background:url(../images/wenzi.jpg) no-repeat; border:0; background-color:Transparent; }
.index_seach .dianji{ position:relative; left:-30px; float:left; width:29px; height:29px; background:url(../images/dianji.jpg) no-repeat; background-color:Transparent; cursor:pointer; border:0;}

/*通用样式结束-------------------------------------------------------------------------*/                                          


/*首页样式开始-------------------------------------------------------------------------*/
.index {}

/*.index .title*/
.index_title{ margin:0 auto; width:100%; height:auto; text-align:center;}
.index_title h1{ font-size:24px;}
.index_title h2{ margin:10px 0px; font-size:36px;}
.index_title p{ margin:0 auto; width:250px; text-align:center; }
.index_title a{ display:block; margin:0 auto; margin-top:20px; width:60px; height:20px; line-height:20px; text-align:center; vertical-align:middle; border:1px solid #000;}


/*index_famous*/
.index_famous img{ width:100%; height:253px; background:#fff;}


/*index_banner*/
.index_banner{}
.index_banner .box{ position:relative; width:100%;  height:800px; }	
.index_banner .box .bd{ position:relative; z-index:0; margin:0 auto; width:100%; overflow:hidden;  }	
.index_banner .box .bd li{ }	
.index_banner .box .bd li a{ display:block; width:100%; height:800px; overflow:hidden; text-align:center;}
.index_banner .box .hd{ position:absolute; z-index:1; bottom:0; left:0; width:100%; text-align:center; height:20px; line-height:20px; }	
.index_banner .box .hd li{ cursor:pointer; display:inline-block; zoom:1; width:80px; height:2px; margin:5px; overflow:hidden; background:#fff;	filter:alpha(opacity=80); opacity:0.8; line-height:999px; }	
.index_banner .box .hd li.on{ background:#ff0000;  }	
.index_banner .box .prev,
.index_banner .box .next{  display:block; border-radius:5px;  position:absolute; z-index:99999; top:50%; margin-top:-30px; left:5%;  z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=80);opacity:0.8; display:none; 	 }	
.index_banner .box .next{ left:auto; right:5%; background-position:-6px -137px; }


/*index_about_1*/
.index_about_1{ width:100%; height:auto; background:#fff;}
.index_about_1 .box{ padding:150px 250px; width:1000px; height:580px;; background:#f1f1f1;}
.index_about_1 .box .left{ padding:60px; width:440px; height:460px; background:#fff;}
.index_about_1 .box .left dl{}
.index_about_1 .box .left dt{ text-align:left; font-size:24px; font-weight:bold;}
.index_about_1 .box .left dd{ margin:30px 0px; line-height:36px; font-size:14px;}
.index_about_1 .box .left a{ display:block; width:80px; height:30px; line-height:30px; text-align:center; vertical-align:middle; border:2px solid #000; font-weight:bold; }
.index_about_1 .box .right{ position:relative;}
.index_about_1 .box .right img{ position:relative; top:50px; }


/*index_case*/
.index_case{ position: relative; width:100%; height:auto;}
.index_case .bigImg{ width:100%; }
.index_case .bigImg li a{ display:block; margin:0px auto; width:100%; height:1280px; }

.index_case .smallScroll{ position:relative; top:-100px; margin:0 auto; width:1470px; height:400px;  border-bottom:1px solid #ccc; }
.index_case .smallImg{ float:left; padding:10px; background:rgba(241 241 241 / 0.5);}
.index_case .smallImg ul{}
.index_case .smallImg li{ float:left; margin:10px 10px;}
.index_case .smallImg img{ border: 5px solid #fff; width:325px; height:217px; cursor:pointer;  }
.index_case .smallImg .on img{ border-color: #000;}
.index_case .smallImg p{ text-align:center;}
.index_case .sPrev,.index_case .sNext{ position:relative; top:100px; float: left; display: block; width: 15px; height: 50px; text-indent:-9999px; background: url(/upload/sprites1008.png) no-repeat 0 -3046px; }
.index_case .sNext{ background-position: 0 -2698px;}
.index_case .sPrev:hover{ background-position: 0 -3133px;}
.index_case .sNext:hover{ background-position: 0 -2785px;}
.index_case .pageState{ display:none;}
.index_case .pageState span{ color: #f00; font-size: 16px;}


/*index_video*/
.index_video{ padding:50px 0px;}
.index_video .box{ margin:0 auto; width:1400px;}
.index_video .box .left{}
.index_video .box .left h1{ font-size:30px; line-height:48px;}
.index_video .box .left a{ display:block; margin-top:100px; width:80px; text-align:center; height:40px; line-height:40px; font-weight:bold; border:1px solid #000;}
.index_video .box .right{}
.index_video .box .right a{}
.index_video .box .right img{ width:795px; height:470px;}


/*index_design*/
.index_design{ position:relative; z-index:1; left:0; padding:100px 0px 0px 0px; background:#f1f1f1; }
.index_design .box{position:relative; margin:0 auto; width:1400px; }	
.index_design .box .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }	
.index_design .box .bd a{ display:block; width:100%; height:800px;  }
.index_design .box .bd ul{ width:100%;}	
.index_design .box .bd li{ width:100%; height:800px; overflow:hidden; text-align:center; }	
.index_design .box .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:20px; line-height:20px; }	
.index_design .box .hd ul{ text-align:center; }	
.index_design .box .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:80px; height:2px; margin:5px; overflow:hidden; background:#fff;	filter:alpha(opacity=80);opacity:0.8;  line-height:999px; }	
.index_design .box .hd ul .on{ background:#4c1c1d;  }	
.index_design .box .prev,.index_design .box .next{ display:block; border-radius:5px;  position:absolute; z-index:99999; top:50%; margin-top:-30px; left:5%;  z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=80); opacity:0.8;}	
.index_design .box .next{ left:auto; right:5%; background-position:-6px -137px; }
.index_design_bottom{ width:100%; height:210px;}


/*index_series_1*/
.index_series_1{ padding:100px 0px; background:#fff;}
.index_series_1 .box{}
.index_series_1 .box .list{ margin-top:80px;}
.index_series_1 .box .list ul{}
.index_series_1 .box .list ul li{ float:left; margin:0px 58px; width:350px; height:500px; overflow:hidden;}
.index_series_1 .box .list ul li a{}
.index_series_1 .box .list ul li a img{ width:350px; height:500px;}
.index_series_1 .box .list ul li a img:hover{ width:360px; height:514px;}


/*index_product_1*/
.index_product_1{ padding:50px 0px; background:#f1f1f1;}
.index_product_1 .box{}
.index_product_1 .box .list{ margin-top:80px;}
.index_product_1 .box .list ul{}
.index_product_1 .box .list ul li{ position:relative; float:left; margin:10px; width:330px; height:330px; overflow:hidden;}
.index_product_1 .box .list ul li a{}
.index_product_1 .box .list ul li a img{ width:330px; height:330px;}
.index_product_1 .box .list ul li a span{ position:absolute; left:0; bottom:0; display:block; width:100%; text-align:center; height:40px; line-height:40px; color:#fff; background-color:rgba(0,0,0,.6); }
.index_product_1 .box .list ul li a:hover span{ width:100%; height:100%; line-height:330px;}

/*index_ad_banner*/
.index_ad_banner{}
.index_ad_banner { position:relative; width:100%;  height:800px; }	
.index_ad_banner .bd{ position:relative; z-index:0; margin:0 auto; width:100%; overflow:hidden;  }	
.index_ad_banner .bd li{ }	
.index_ad_banner .bd li a{ display:block; width:100%; height:800px; overflow:hidden; text-align:center;}
.index_ad_banner .hd{ position:absolute; z-index:1; bottom:0; left:0; width:100%; text-align:center; height:20px; line-height:20px; }	
.index_ad_banner .hd li{ cursor:pointer; display:inline-block; zoom:1; width:80px; height:2px; margin:5px; overflow:hidden; background:#fff;	filter:alpha(opacity=80); opacity:0.8; line-height:999px; }	
.index_ad_banner .hd li.on{ background:#ff0000;  }	
.index_ad_banner .prev,
.index_ad_banner .next{  display:block; border-radius:5px;  position:absolute; z-index:99999; top:50%; margin-top:-30px; left:5%;  z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=80);opacity:0.8; display:none; 	 }	
.index_ad_banner .next{ left:auto; right:5%; background-position:-6px -137px; }

/*index_product_1*/
.index_news{ padding:100px 0px 50px 0px;}
.index_news .box{}
.index_news .box .list{ margin-top:40px; height:500px; overflow:hidden; padding-bottom:40px;}
.index_news .box .list .left{ float:left; position:relative; width:500px; height:500px;}
.index_news .box .list .left a{}
.index_news .box .list .left a:hover span{ background-color:rgba(76,28,29,.6);}
.index_news .box .list .left img{ position:absolute; left:0; top:0; z-index:1; width:500px; height:500px;}
.index_news .box .list .left span{ position:absolute;left:0; bottom:0; z-index:2; display:block; padding-left:20px; text-align:left; height:40px; line-height:40px; color:#fff; font-size:14px; background-color:rgba(0,0,0,.6);}

.index_news .box .list .right{ float:right; width:895px;}
.index_news .box .list .right ul{}
.index_news .box .list .right ul li{ float:left; margin-left:22px; margin-bottom:20px; width:400px; height:153px;}
.index_news .box .list .right ul li img{ display:block; float:left; width:190px; height:153px;}
.index_news .box .list .right ul li p{ display:block; float:left; margin-left:10px; width:200px; height:153px; line-height:24px; vertical-align:top;}
.index_news .box .list .right ul li p b{ display:inline-block; margin-bottom:15px;}
.index_news .box .list .right ul li p a{ display:inline-block; float:right; margin-top:10px;}
/*首页样式结束-------------------------------------------------------------------------*/


/*内页样式开始-------------------------------------------------------------------------*/
.content{ position:relative; z-index:1; width:100%; background:#f1f1f1;}
.content_banner{ position:relative; z-index:1; left:0; width:100%; height:350px; }	
.content_banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }	
.content_banner .bd a{ display:block; width:100%; height:350px;  }
.content_banner .bd ul{ width:100%;}	
.content_banner .bd li{ width:100%; height:350px; overflow:hidden; text-align:center; }	
.content_banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:20px; line-height:20px; }	
.content_banner .hd ul{ text-align:center; }	
.content_banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:80px; height:2px; margin:5px; overflow:hidden; background:#fff;		filter:alpha(opacity=80);opacity:0.8;  line-height:999px; }	
.content_banner .hd ul .on{ background:#4c1c1d;  }	
.content_banner .prev,
.content_banner .next{  display:block; border-radius:5px;  position:absolute; z-index:99999; top:50%; margin-top:-30px; left:5%;  z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=80);opacity:0.8; display:none; 	 }	
.content_banner .next{ left:auto; right:5%; background-position:-6px -137px; }

.content .box{ position:relative; z-index:99; top:-90px;}
.content .box .title{ margin:0 auto; width:100%; height:90px; background-color:#fff; border:1px solid #f1f1f1; }
.content .box .title .left{ float:left; margin-left:20px; padding-top:15px;}
.content .box .title .left span{ display:block; text-align:right; line-height:30px;}
.content .box .title .left .yw{ font-size:30px; font-family:Impact; color:#adadad;}
.content .box .title .left .zw{ font-size:18px; color:#333;}

.content .box .title .right{ float:right; padding-top:30px; width:1000px;}
.content .box .title .right ul{}
.content .box .title .right ul li{ margin:0px; padding:0px;}
.content .box .title .right ul li a{ display:block; margin-right:15px; float:right; width:120px; font-size:14px; color:#fff; line-height:30px; text-align:center; vertical-align:middle; height:30px; background-color:#000; border-radius:2px;}
.content .box .title .right ul li a:hover{ background-color:#4c1c1d;}


.content .box .list{ background:#fff; }
.content .box .list p{ margin:0; padding:0;}
.content .box .list span{ margin:0; padding:0;}
.content .box .list ul{}
.content .box .list ul li{ position:relative; float:left; margin:10px; width:280px; height:280px; overflow:hidden;}
.content .box .list ul li a{}
.content .box .list ul li img{ display:block; width:280px; height:280px;}
.content .box .list ul li img:hover{width:290px; height:290px;}
.content .box .list ul li span{ position:absolute; display:block; left:0; bottom:0; width:100%; text-align:center; line-height:40px; font-size:14px; color:#fff; background-color:rgba(0,0,0,.6); }


.content .box .show{ padding:10px; background:#fff;}
.content .box .show .page{ position:relative; padding:0 10px; margin:15px auto; width:1300px; height:40px; line-height:40px; overflow:hidden; background-color:#000;}
.content .box .show .page a{ color:#bbb;}
.content .box .show .page .prev{ display:block; float:left; width:280px; overflow:hidden; font-size:14px; color:#fff;}
.content .box .show .page .next{ float:right; width:280px; overflow:hidden; display:block; text-align:right; font-size:14px; color:#fff;}
.content .box .show .page .flag{ position:absolute; left:50%; margin-left:-105px; height:40px; line-height:40px; font-size:18px; color:#fff;}


.content .box .series_list{ background:#fff; }
.content .box .series_list ul{}
.content .box .series_list ul li{ position:relative; float:left; margin:10px; width:330px; height:234px; overflow:hidden;}
.content .box .series_list ul li a{}
.content .box .series_list ul li img{ display:block; width:330px; height:234px;}
.content .box .series_list ul li img:hover{width:350px; height:248px;}
.content .box .series_list ul li span{ position:absolute; display:block; left:0; bottom:0; width:100%; text-align:center; line-height:40px; font-size:14px; color:#fff; background-color:rgba(0,0,0,.6); }


.content .product_box{ position:relative; top:-90px; z-index:99; margin:0 auto; width:1400px; height:auto; background:#fff;}
.content .product_box .title{ margin:0px auto; padding:50px 0px 0px 0px; width:100%; text-align:center;}
.content .product_box .title h1{ font-size:24px;}
.content .product_box .title h2{ margin:10px 0px; font-size:36px;}
.content .product_box .title p{ margin:0 auto; width:250px; text-align:center; }
.content .product_box .title a{ display:block; margin:0 auto; margin-top:20px; width:60px; height:20px; line-height:20px; text-align:center; vertical-align:middle; border:1px solid #000;}
.content .product_box .category{ margin:0 auto; padding-bottom:20px; width:1000px; background:#fff;}
.content .product_box .category ul{}
.content .product_box .category ul li{ margin:0px; padding:0px;}
.content .product_box .category ul li a{ float:left; display:block; margin:5px 5px; padding:0px; width:80px; text-align:center; height:24px; line-height:24px; vertical-align:middle; font-size:14px; color:#fff; background-color:#000; border-radius:2px;}
.content .product_box .category ul li a:hover{ background-color:#4c1c1d;}
.content .product_box .list{ width:100%; background:#e1e1e1;}
.content .product_box .list ul{ padding-left:4px; overflow:hidden;}
.content .product_box .list ul li{ position:relative; float:left; margin:10px; width:328px; height:328px; overflow:hidden;}
.content .product_box .list ul li a{}
.content .product_box .list ul li img{ display:block; width:328px; height:328px;}
.content .product_box .list ul li img:hover{width:350px; height:350px;}
.content .product_box .list ul li span{ position:absolute; display:block; left:0; bottom:0; width:100%; text-align:center; line-height:40px; font-size:14px; color:#fff; background-color:rgba(0,0,0,.6); }


.content .box .case_list{ background:#fff; }
.content .box .case_list ul{}
.content .box .case_list ul li{ position:relative; float:left; margin:10px; width:330px; height:220px; overflow:hidden;}
.content .box .case_list ul li a{}
.content .box .case_list ul li img{ display:block; width:330px; height:220px;}
.content .box .case_list ul li img:hover{width:350px; height:233px;}
.content .box .case_list ul li span{ position:absolute; display:block; left:0; bottom:0; width:100%; text-align:center; line-height:40px; font-size:14px; color:#fff; background-color:rgba(0,0,0,.6); }



.content .box .news_list{ padding:20px; background:#fff; }
.content .box .news_list ul{}
.content .box .news_list ul li{ position:relative; margin:50px 0px; padding:0px 0px 10px 0px; height:200px; border-bottom:1px solid #f1f1f1; }
.content .box .news_list ul li img{ float:left; display:block; width:300px; height:200px;}
.content .box .news_list ul li div{ display:block; float:right; width:1030px; line-height:48px; vertical-align:top;}
.content .box .news_list ul li div b{ font-size:18px; font-weight:bold;}
.content .box .news_list ul li div a{ position:absolute; right:0; bottom:10px; display:block; width:100px; text-align:center; height:40px; line-height:40px; border:2px solid #000;}
/*内页样式结束-------------------------------------------------------------------------*/