/*内页样式总集*/
/*产品内页*/
/*box*/
.box { width:1200px; margin:0px auto; height:280px;  position:relative; }
.box_con{ position:absolute; top:-315px; left:0px; height:600px; width:1200px;}
#series { width:1200px; overflow:hidden; margin:10px auto; }
#series div a span { display:block; width:0; height:15px; line-height:15px; float:left; overflow:hidden; -webkit-transition:0.4s; transition:0.4s; }
#series h2 { font-size:22px; }
#series a { display:inline-block; color:#fff; text-align:left; }
#series a img { float:left; vertical-align:middle; }
#series a:hover span { text-decoration:underline; }
#series div:hover a span { width:80px; }
/*-----------------------------------------------------红色------------------------------------------------------*/	

	#series div.item_a { width:400px; height:600px; float:left; overflow:hidden; position:relative; color:#fff; box-shadow:inset 0 0 0 0 red; -webkit-transition:0.6s; transition:0.6s; }
#series div.item_a span.modle_bg { display:block; position:absolute; left:50%; top:50%; width:50px; margin-left:-25px; margin-top:-25px; height:50px; background: red; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(.2); -moz-transform: scale(.2); -ms-transform: scale(.2); -o-transform: scale(.2); transform: scale(.2); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; z-index:2; }
#series div.item_a:hover span.modle_bg { width:100%; height:100%; left:0; top:0; margin:0; opacity:.5; filter:alpha(opacity=50); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1) }
#series div.item_a span.icon { text-align:center; padding-top:50%; display:block; position:absolute; left:0; top:0; width:100%; height:50%; background:url(../images/red_box1.png) no-repeat center; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(.2); -moz-transform: scale(.2); -ms-transform: scale(.2); -o-transform: scale(.2); transform: scale(.2); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; z-index:9; }
#series div.item_a:hover span.icon { opacity:1; filter:alpha(opacity=100); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1) }
#series div.item_a p img { -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
#series div.item_a:hover p img { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }


#series div.item_a span.icon2 { text-align:center; padding-top:50%; display:block; position:absolute; left:0; top:0; width:100%; height:50%; background:url(../images/red_box2.png) no-repeat center; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(.2); -moz-transform: scale(.2); -ms-transform: scale(.2); -o-transform: scale(.2); transform: scale(.2); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; z-index:9; }
#series div.item_a:hover span.icon2 { opacity:1; filter:alpha(opacity=100); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1) }

#series div.item_a span.icon3 { text-align:center; padding-top:50%; display:block; position:absolute; left:0; top:0; width:100%; height:50%; background:url(../images/red_box3.png) no-repeat center; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(.2); -moz-transform: scale(.2); -ms-transform: scale(.2); -o-transform: scale(.2); transform: scale(.2); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; z-index:9; }
#series div.item_a:hover span.icon3 { opacity:1; filter:alpha(opacity=100); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1) }



	/*----------------------------------------------黄色----------------------------------------------*/
#series div.item_b { width:600px; height:600px; float:left; overflow:hidden; position:relative; color:#fff; box-shadow:inset 0 0 0 0 #fff100; -webkit-transition:0.6s; transition:0.6s; }
#series div.item_b span.modle_bg { display:block; position:absolute; left:50%; top:50%; width:50px; margin-left:-25px; margin-top:-25px; height:50px; background: #fff100; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(.2); -moz-transform: scale(.2); -ms-transform: scale(.2); -o-transform: scale(.2); transform: scale(.2); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; z-index:2; }
#series div.item_b:hover span.modle_bg { width:100%; height:100%; left:0; top:0; margin:0; opacity:.5; filter:alpha(opacity=50); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1) }
#series div.item_b span.icon1 { display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/red_box1.png) no-repeat center; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(.2); -moz-transform: scale(.2); -ms-transform: scale(.2); -o-transform: scale(.2); transform: scale(.2); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; z-index:9; }
#series div.item_b:hover span.icon1 { opacity:1; filter:alpha(opacity=100); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}

#series div.item_b span.icon2 { display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/huang_box2.png) no-repeat center; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(.2); -moz-transform: scale(.2); -ms-transform: scale(.2); -o-transform: scale(.2); transform: scale(.2); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; z-index:9; }
#series div.item_b:hover span.icon2 { opacity:1; filter:alpha(opacity=100); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}

#series div.item_b p img { -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
#series div.item_b:hover p img { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }




/*----------------------------------------------蓝色----------------------------------------------*/
#series div.item_c { width:1200px; height:600px; float:left; overflow:hidden; position:relative; color:#fff; box-shadow:inset 0 0 0 0 #fff100; -webkit-transition:0.6s; transition:0.6s; }
#series div.item_c span.modle_bg { display:block; position:absolute; left:50%; top:50%; width:50px; margin-left:-25px; margin-top:-25px; height:50px; background:#00a0e9; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(.2); -moz-transform: scale(.2); -ms-transform: scale(.2); -o-transform: scale(.2); transform: scale(.2); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; z-index:2; }
#series div.item_c:hover span.modle_bg { width:100%; height:100%; left:0; top:0; margin:0; opacity:.5; filter:alpha(opacity=50); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1) }
#series div.item_c span.icon { display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/blue_box1.png) no-repeat center; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(.2); -moz-transform: scale(.2); -ms-transform: scale(.2); -o-transform: scale(.2); transform: scale(.2); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; z-index:9; }
#series div.item_c:hover span.icon { opacity:1; filter:alpha(opacity=100); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1) }
#series div.item_c p img { -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
#series div.item_c:hover p img { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
/*内容样式结束*/


/*产品详情*/
.box_xq{ width:1200px; margin:0px auto; min-height:280px;  position:relative; }
.box_con_cq{ position:absolute; top:-315px; left:0px; height:auto; width:1200px;}
.box_text_sub{ background:#fff;padding:30px; overflow:hidden;}
h2.dangqian{ font-size:14px; color:#666; font-family:"微软雅黑"; padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #ddd;}
h2.dangqian span{ color:#e71f19;}
.pro_list{}
.pro_list ul{ clear:both; margin-left:-20px;}
.pro_list ul li{ float:left; text-align:center; margin-bottom:20px; margin-left:20px;}
.pro_list li a{ display:block;}
.pro_list li a .pic{ width:360px; height:360px; border:1px solid #ddd; overflow:hidden;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.pro_list li a .pic img{ width:360px; height:360px;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1) -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.pro_list li a p{ height:30px; line-height:30px; font-family:"微软雅黑"; font-size:14px;}
.pro_list li a:hover img{-webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2);}
.pro_list li a:hover .pic{ border-color:#e71f19; box-shadow:2px 2px 5px rgba(231,31,25,0.5);-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }

/*翻页*/
.fanye { padding-bottom:15px; padding-top:25px; clear:both; margin-bottom:10px; text-align:center; }
.fanye a { padding:5px 10px; border:1px solid #ddd; }
.fanye a.current, .fanye a:hover { background:#e6001f; border:1px solid #e6001f; color:#fff; }


/*----------------------------------------------about----------------------------------------------*/
.about{ background:#FFF; width:1200px; margin:-313px auto 0 auto; font-family:"微软雅黑";}
.about .box_about{ padding:30px;}
.about h2{ line-height:50px; border-bottom:2px solid #CCC; margin-bottom:40px; font-size:24px;}
.about .gsjj{ line-height:18px; padding-bottom:50px;}
.about .gsjj p{ padding-bottom:20px;}


/*----------------------------------------------荣誉----------------------------------------------*/
.rongyu{ padding:30px;}
.rongyu ul{ padding:10px 0;}
.rongyu li{ float:left; text-align:center; line-height:40px; width:223px; margin:20px 31px;}
.rongyu li img{ width:223px; height:223px;}


/*----------------------------------------------新闻----------------------------------------------*/
.news{ background:#FFF; width:1200px; margin:-313px auto 0 auto; font-family:"微软雅黑";}
.news .box_news{ padding:30px;}
.news h2{ line-height:50px; border-bottom:2px solid #CCC; margin-bottom:40px; font-size:24px;}
.news .box_news .news_con ul{}
.news .box_news .news_con li{ line-height:40px; border-bottom:1px solid #DDD; background:url(../images/pic2.gif) no-repeat left center; padding-left:15px;}
.news .box_news .news_con li span{ margin-left:30px;}

.news .box_news .news_con{}
.news .box_news h3{ line-height:50px; border-bottom:1px solid #CCC; margin-bottom:40px; font-size:18px;}
.news .box_news .news_con p{ line-height:30px; padding-bottom:20px;}

.news .box_news .sxy{ line-height:30px; border-top:1px solid #CCC; padding-top:20px;}


/*----------------------------------------------营销----------------------------------------------*/
.network h3{ font-size:24px;line-height:50px; border-bottom:1px solid #CCC; margin-bottom:40px; font-size:18px;}
.guonei{ width:500px; float:left; margin:0 25px; text-align:center;}
.guonei img{ width:100%;}


/*----------------------------------------------联系----------------------------------------------*/
.contact{}
.contact .liuyan{ float:left;500px;}
.contact .liuyan table{}
.contact .liuyan table td{}
.contact .liuyan table td .input_txt{ width:300px; height:40px; border:1px solid #666; outline:medium; padding:0 5px;}
.contact .liuyan table td textarea{ width:300px; height:100px; border:1px solid #666; outline:medium; padding:5px;}
.contact .liuyan table td .input_btn{ width:100px; height:30px; background:#000; color:#FFF; font-family:"微软雅黑"; border:0 none;}

.lxfs{ width:500px; float:right; line-height:30px;}