﻿@charset "utf-8";
/* CSS Document */



body { font-family:"微软雅黑";}
body, html,ul,a ,h1,span,p,h3,h4,li,img,dl,dt,dd{ margin: 0; padding: 0}
ul { list-style: none;}
a { text-decoration: none; }



.clear { clear:both; height:0; line-height:0; font-size:0;}
.box { width:1202px; margin:auto;}
.fl { float:left;}
.fr { float:right;}
.outer {zoom:1;}    /*==for IE6/7 Maxthon2==*/
.outer:after {clear:both; content:'.'; display:block; width: 0; height: 0; visibility:hidden;} 

/*头部*/
#top { width: 100%; margin:auto; border-bottom:1px solid #ccc;}
.top_line { background: #eb5404; height: 10px;}
.top_text { width: 1202px;  margin: auto; }
#logo { background:url(../img/logo.gif) no-repeat; width:190px; height:84px; float:left; }
#nav { float:right; height:84px; }
#nav ul { margin-top:37px;}
#nav li { float: left; width:130px; border-right:1px solid #ccc; height:15px; text-align:center; line-height:15px;}
#nav li:nth-of-type(7) { border:none; width:94px; margin-left:18px;}
#nav li:nth-of-type(1) { width:100px;}
#nav li a { color:#6e6d70; font-size:14px; display: block; transition:.5s;}
#nav li:hover a { text-decoration:underline; -webkit-transform:scale(1.2,1.2); } 
#nav li .active { color:#eb5404;}
	
/*轮播*/
#carousel { height:304px; }
#carousel li { width:100%; background:url(../img/carousel_li_img.gif) no-repeat center center;  height:304px; min-width:1202px;}

/*产品列表*/
.list { height:272px;}
.list li { float:left; width:240px; text-align:center; margin-top:66px; cursor:pointer; position:relative; transition:.5s; }
.list li em { display:block; width:1px; height:88px; position:absolute; right:0; top:30px; background:#eaeaea;}
.list li .img_wrap { height:100px;}
.list li img {}
.list li h1 { font-size:20px; color:#909090;}
.list li .active { color:#eb5404;}
.list li span { color:#bbb; font-size:10px; display: block;}
.list li:hover h1 { color:#eb5404; }


/* 产品内容*/
.pro {   position:relative;}
.pro ul { }
.pro li { width:300px; height:370px; border:1px solid #e0e0e0; float:left; box-sizing:border-box; text-align:center; cursor:pointer;margin-left:-1px;margin-top:-1px}
.pro li img { margin-top:28px; width:260px}
.pro li:hover img {} 
.pro li h3 { font-size:18px; line-height:30px; color:#eb5404; margin-top:15px; font-weight:normal;}
.pro li p { font-size:15px; line-height:30px; color:#989898;}
.pro li a { display:block; width:103px; height:35px; text-align:center; line-height:35px;  border:1px solid #e0e0e0; margin:22px 0 0 96px; color:#8f8f8f;}
.pro li a:hover { transform:scale(1.1,1.1);} 
.pro li .active {display:block; width:103px; height:35px; text-align:center; line-height:35px;  border:1px solid #e0e0e0; margin:10px 0 0 96px; color:#8f8f8f;}
.pro li .active:hover {border-color:#eb5404;color:#eb5404}
.pro .pro_btn { width:108px; height:36px; position:absolute; bottom:55px; left:544px; border:1px solid #e0e0e0;}
.pro .pro_btn span { float:left; width:36px; height:36px; display:block; line-height:36px; text-align:center; cursor:pointer;}
.pro .pro_btn  .pro_btn1 { color:#aeaeae;}
.pro .pro_btn  .pro_btn2 { color:#aeaeae;}
.pro .pro_btn  .pro_btn_num { background:#eb5404; color:#fdefeb; height:37px;}


/*尾部*/
.foot_wrap { width:100%; margin:auto; height:295px; border-top:1px solid #e7e7e7;}
.foot_wrap .foot { margin-top:60px;}
.foot_wrap .foot dl { float:left; margin-left:90px;}
.foot_wrap .foot dl:nth-of-type(1) { margin-left:0;}
.foot_wrap .foot dt a { font-size:14px; line-height:30px; color:#626262;}
.foot_wrap .foot dd a { font-size:12px; line-height:30px;  color:#999;}
.foot_wrap .foot dd:hover a { text-decoration: underline;}
.foot_wrap .foot .foot_inf { float:right; text-align:right;}
.foot_wrap .foot .foot_inf img {width:100px}
.foot_wrap .foot .foot_inf  p{ font-size:14px; line-height:33.5px; color:#999; background:url(../img/foot_icon.gif) no-repeat 15px 5px;}
.foot_wrap .foot .foot_inf span { font-size:24px; line-height:54.7px; color:#f07124; font-family:Impact; margin-left:12px;}

.botton { width:100%; margin:auto; background:#eb5404; height:53px;}
.botton_text { line-height:53px; text-align:center; height:53px;}
.botton_text p,.botton_text span { font-size:12px; line-height:30px; color:#fff; margin-top:15px;}
.botton_text p { float:left;}
.botton_text span { float:right;}
.botton_text span a{color:#fff}

/*侧边导航*/
.side { width:40px; height:202px; position:absolute; right:0; top:40%; position:fixed;}
.side ul { width:40px; height:202px;}
.side li { height:40px; width:40px;   border-radius:50%; background:rgba(235,84,4,0.8);   margin-top:10px;}
.side li a {    background:url(../img/side_bg.png); display:block; height:40px; width:40px; }
.side .side1 a { background-position:0 -7px;}
.side .side2 a { background-position:0 -57px;}
.side .side3 a { background-position:0 -106px;}
.side .side4 a { background-position:0 -154px;}





/*********      page      ***************/
#page{ width:1200px;padding:5px 0;overflow:hidden;margin:auto;margin-top:20px}
#page .page_info{ text-align:center}
#page .page_info select{display:none;}
#page .page_info span,#page .page_info a{padding:8px 14px;font-size:14px;margin:0 5px;border:none;background:#fff;border:1px solid #ddd;border-radius:4px; line-height:30px;color:#666;}
#page .page_info span.nolink {color:#ccc ;background:#fff;border:1px solid #f1f1f1;}
#page .page_info span{background-color:#eb5404;border:1px solid #eb5404;}
#page .page_info span font{ color:#fff; font-weight:normal;*padding:0; *width:8px; *height:10px; font-size:14px;font-weight:bold}
#page .page_info a:hover{ background-color:#eb5404;color:#fff;border:1px solid #eb5404;}

/** prev next button ***/
.pn{ padding-top:40px;margin:auto; width:1200px;line-height:30px; overflow:hidden;border-top:1px solid #ddd;color:#666}
.pn a{color:#666}
.pn_l{text-align:left; font-size:14px; overflow:hidden;}
.pn_l a:hover{color:#eb5404;}
.pn_r{ text-align:left;font-size:14px; overflow:hidden;}
.pn_r a:hover{color:#eb5404;}


.product-main .imgs{padding: 0;border:1px solid #ddd}
.porduct-img{width:560px;height:420px;position:relative;}
.fangda .fd_min_img{width:560px;height:420px;overflow:hidden;}
.fangda .fd_min_img img{width:560px;height:420px;}
.fangda .fd_mouse_m{ display:none;width:80px;height:80px;position:absolute;top:0;left:0;opacity:0.3;filter:alpha(opacity=30);background:#f07124;cursor:pointer;}
.fd_max_img{ display:none;width:400px;height:400px;overflow:hidden; position:absolute;left:560px;top:-71px; z-index:99;border:1px solid #ddd; background:url(3-10.gif) center center no-repeat #fff;}
.fd_max_img .img{width:atuo;height:auto;position:relative; z-index:10;}



.porduct-text{width:550px;padding-top:0;}
.porduct-text h2{height:40px;line-height:40px;font-size:30px;color:#f07124;margin:0}
.porduct-text .price{height:30px;line-height:30px;padding:10px 0px;font-size:20px;color:#666;border-bottom:1px solid #e5e5e5}
.porduct-text .model{margin-top:20px;line-height:30px;font-size:16px;}
.porduct-text .model img{max-width:550px;}
.pro-details img{max-width:1200px}
