.C:before, .C:after { content: "."; display: block; height: 0; visibility: hidden; }
.C:after { clear: both; }
.C { zoom: 1; }
body { width: 100%; position: relative; font: 12px/24px "宋体", "黑体"; background: #fefefe; }
table{ margin:0 auto;}
/*class*/
.width { width: 980px; margin: 0 auto; position: relative; }
.dd_div_bg { background-color: #0C9 }
/*d_header*/
.d_header { height: 100px; background: url(../Images/d_header_bg.jpg) top repeat-x; }
.d_header .width { z-index: 100 }
.d_logo { position: absolute; width: 200px; height: 80px; left: 0; top: 25px; }
/*--nav---*/
.d_nav { position: absolute; width: 615px; height: 35px; line-height: 35px; left: auto; right: -2px; top: 55px; }
.nav { z-index: 2; }
.nav li { margin-right: 4px; width: 72px; float: left; display: block; position: relative; }
.nav a { width: 72px; display: block; height: 35px; font-size: 14px; color: #000; text-align: center; line-height: 30px; font-family: "微软雅黑", "宋体", "黑体"; background: url(../Images/a_bg.jpg) no-repeat center; text-align: center; }
.nav a:hover { background: url(../Images/nav_a_bg.jpg) no-repeat center; }
.nav li.l { width: 7px; height: 35px; }
.nav li.r { width: 0px; display: none; }
.nav li.mr0 { margin-right: 0; }
.nav a:hover { background: url(../images/a_h_bg.jpg) center no-repeat; color: #fff; }
.nav li ul { position: absolute; top: 35px; left: 0; width: auto; background: none; display: none; }
.nav li:hover ul { display: block; }
.nav li ul li { width: auto; padding: 0; background: none; text-indent: 8px; }
.nav li ul li.two { width: auto; padding: 0; background: none; text-indent: 16px; }
.nav li ul a { width: auto; width: 150px; padding: 0; display: block; text-align: left; background: none; background: #FFF; padding: 0px 8px; font-size: 12px; line-height: 24px; height: 24px; border-bottom: 1px solid #CCC }
.nav li ul a:hover { background: #F00; }
/*top_nav*/
.top_nav { position: absolute; width: 100%; text-align: right; line-height: 24px; padding-top: 5px; }
.top_nav a { }
/*d_banner*/
.d_banner { height: 440px; width: 100%; background: url(../images/header43.jpg); }
.banner_contact { background: url(../Images/banner_contact.jpg) no-repeat top; }
.banner_job { background: url(../Images/banner_job.jpg) no-repeat top; }
.banner_news { background: url(../Images/banner_news.jpg) no-repeat top; }
.banner_products { background: url(../Images/banner_products.jpg) no-repeat top; }
.banner_Certificate { background: url(../Images/banner_Certificate.jpg) no-repeat top; }
.banner_photo { background: url(../Images/banner_about.jpg) no-repeat top; }
.banner_about, .banner_video { background: url(../Images/banner_about.jpg) no-repeat top; }
/*d_main*/
.d_main { width: 100%; height: 950px; background: url(../Images/d_main_bg.jpg) top repeat-x; padding-top: 30px }
/* new*/
.i_news { width: 680px; margin-right: 15px; height: 335px; float: left; }
.i_news .tit { padding-bottom: 20px; }
.i_news .con { background: #fff; height: 285px; overflow: hidden }
.i_news .subject_bg { background-color: #C00; width: 100%; height: 40px; }
.d_more { line-height: 40px; line-height: 40px; float: right; padding-right:10px; }
.d_more a { color: #FFF; }
/*幻灯片*/
.dd_slider { width: 260px; height: 215px; float: left; }
.new_con { width: 375px; height: 100%; float: right; }
.new_con .m10 { margin: 0 }
.hot_list a { display: block; text-indent: 14px; background: url(../Images/list_01.jpg) left no-repeat; border-bottom: 1px dashed #cacaca; line-height: 24px; }
.hot_list a:hover { color: #cc0000; border-bottom: 1px dashed #c00; background: url(../Images/list_01_h.jpg) left no-repeat }
.i_video { width: 275px; height: 335px; float: right; }
.i_video .tit { padding-bottom: 20px; }
.i_video .con { height: 285px; overflow: hidden }
.con .l1 { height: 205px; background-color: #fff; }
.con .l2 { margin-top: 20px; }
.i_about { width: 680px; margin-right: 15px; height: 280px; float: left; margin-top: 30px; }
.i_about .tit { padding-bottom: 20px; }
.i_about .con { background: #fff; height: 240px; overflow: hidden }
.i_about .con .subject_bg { height: 50px; }
.i_about .con .sub_menu { clear: both; display: block; font-family: "微软雅黑", "宋体", "黑体"; font: 12px; }
.i_about .con .sub_menu dt { clear: both; float: none; display: inline; background: none; font-family: "微软雅黑", "宋体", "黑体"; font: 12px; color: #666; width: auto; padding: 0 4px; margin: 0 2px; }
.i_about .con .sub_menu dt.hover { background-color: #cc0000; border-radius: 3px; color: #FFF }
.i_about .con .d_more a { color: #666 }
.about_con .m10 { margin: 0; }
.index_photo { }
.index_photo .m10 { margin: 0 10px; }
.index_photo dt { float: left; width: 220px; margin-right: 8px; }
.index_photo dt.mr0 { margin-right: 0; }
.index_photo dt img { border: 1px solid #e9e9e9; padding: 3px; }
.index_photo dt .tit { padding: 5px; display: block; color: #666; }
.i_products { width: 275px; height: 280px; float: right; margin-top: 30px; }
.i_products .tit { padding-bottom: 20px; }
.i_products .con { background: #fff; height: 235px; overflow: hidden }
/*ad*/
.ad1 { width: 220px; margin-right: 20px; float: left; height: 80px; margin-top: 15px }
.ad2 { width: 440px; margin-right: 20px; float: left; height: 80px; margin-top: 15px }
.ad3 { width: 275px; float: right; height: 80px; margin-top: 15px; background: url(../Images/ad3.jpg) no-repeat; }
.ad3 ul { }
.ad3 ul a { display: block; width: 82px; height: 69px; float: left; margin-left: 1px; margin: 4px 6px 4px 4px; background: #333; display: inline; }
.ad3 ul a.mr0 { margin-right: 0px; }
.ad3 ul a:hover { background-color: #F00 }
/*d_footer*/
.d_footer { width: 100%; height: 130px; background: url(../Images/d_footer_bg.jpg) center; border-top: 1px dashed #ccc; overflow: hidden; }
/*首页产品展示*/
.i_products .con .subject_bg { height: 50px; }
.i_products .con .sub_menu { clear: both; display: block; font-family: "微软雅黑", "宋体", "黑体"; font: 12px; }
.i_products .con .sub_menu dt { clear: both; float: none; display: inline; background: none; font-family: "微软雅黑", "宋体", "黑体"; font: 12px; color: #666; width: auto; padding: 0 4px; margin: 0 2px; }
.i_products .con .sub_menu dt.hover { background-color: #cc0000; border-radius: 3px; color: #FFF }
.i_products .con .d_more a { color: #666 }
/* qqshop focus */
.dd_focus { width: 275px; height: 180px; overflow: hidden; position: relative; }
.dd_focus ul { height: 380px; position: absolute; }
.dd_focus ul li { float: left; width: 275px; height: 280px; overflow: hidden; position: relative; text-align: center; }
.dd_focus ul li a.pic { width: 170px; margin: 0 auto; display: block; }
.dd_focus ul li img { padding: 5px; border: 1px solid #ebebeb; width: 135px; height: 136px; }
.dd_focus ul li div { position: absolute; overflow: hidden; }
.dd_focus .btnBg { position: absolute; width: 275px; height: 20px; left: 0; TOP: 180PX; display: none; }
.dd_focus .btn { position: absolute; width: 275px; height: 2px; padding: 1px 2px; right: 10PX; top: 180px; text-align: right; overflow: hidden; }
.dd_focus .btn span { display: inline-block; _display: inline; _zoom: 1; width: 10px; height: 2px; _font-size: 0; margin-left: 5px; cursor: pointer; background: #C00; }
.dd_focus .btn span.on { background: #C00; }
.dd_focus .preNext { width: 34px; height: 34px; position: absolute; top: 60px; background: url(../images/sprite.png) no-repeat 0 0; cursor: pointer; }
.dd_focus .pre { left: 0; }
.dd_focus .next { right: 0; background-position: right top; }
/*i_contact*/
.i_contact { margin-top: 15px; width: 500px; float: left; }
.i_contact h4 { font-family: "微软雅黑", "宋体", "黑体"; font-size: 18px; color: #888; padding-bottom: 10px; }
ul.contact-details { }
ul.contact-details li { padding-bottom: 2px; display: block; clear: both; }
ul.contact-details li a { color: #5a5a5a; }
ul.contact-details span { text-align: center; float: left; margin: 4px 10px 0px 0px; width: 15px; }
ul.contact-details span.address, ul.contact-details span.address { background: url(../images/address-ico-main.png) center no-repeat; }
ul.contact-details span.mail, ul.contact-details span.mail { background: url(../images/mail-ico-main.png) center 2px no-repeat; }
ul.contact-details span.phone, ul.contact-details span.phone { background: url(../images/phone-ico-main.png) center no-repeat; }
ul.contact-details span.skype, ul.contact-details span.skype { background: url(../images/skype-ico-main.png) center no-repeat; }
ul.contact-details span.fax, ul.contact-details span.fax { background: url(../images/fax-ico-main.png) center no-repeat; }
ul.contact-details span.tel, ul.contact-details span.tel { background: url(../images/tel-ico-main.png) center no-repeat; }
ul.contact-details span.address { height: 16px; }
ul.contact-details span.mail { height: 14px; }
ul.contact-details span.phone { height: 19px; }
ul.contact-details span.skype { height: 19px; }
ul.contact-details span.fax { height: 19px; }
ul.contact-details span.tel { height: 14px; }
ul.contact-details p { float: left; margin-bottom: 0px; width: 87%; }
.google_map { border: 1px solid #DDD; -webkit-box-shadow: 1px 1px 4px 0 rgba(180, 180, 180, 0.3); -moz-box-shadow: 1px 1px 4px 0 rgba(180, 180, 180, 0.3); box-shadow: 1px 1px 4px 0 rgba(180, 180, 180, 0.3); margin-bottom: 20px; max-width: 100%; }
.copy { float: right; width: 400px; text-align: right; margin-top: 15px; color: #666 }
.copy h4 { font-family: "微软雅黑", "宋体", "黑体"; font-size: 18px; color: #888; padding-bottom: 10px; }
/*单页*/
.page_banner { height: 207px; background-color: #CAD4CE; margin-top: 1px; }
.page_banner .width { height: 207px; position: relative; }
.page_banner .dd_txt { width: 180px; height: 60px; position: absolute; bottom: 0; background-color: #cc3333; padding: 15px; }
.page_banner .dd_txt span { padding: 20px 0 0 15px; color: #ff9999; font-size: 18px; font-family: Arial, Helvetica, sans-serif }
.page_banner .dd_txt h3 { padding: 5px 0 0 15px; font-size: 18px; font-family: "微软雅黑", "宋体", "黑体"; color: #fff; }
/*左右*/
.d_pmain { padding-top: 10px; background: #f4f4f4 url(../Images/d_pmain.jpg) top repeat-y; padding-bottom: 10px; }
.d_left { width: 210px; float: left; }
.d_right { width: 745px; float: right; }
/*左侧菜单*/
.class_list li { width: 210px; float: left; line-height: 34px; background-image: url(../images/class_list.jpg); text-indent: 3em; font-family: 微软雅黑; margin-top: 2px; }
.class_list li.two { background: url(../images/class_list_two.jpg) 10px 0; }
.class_list li a { color: #FFF; display: block; }
.class_list li.two a { text-indent: 42px; }
.class_list li a:hover { background-image: url(../images/class_list_h.jpg); }
.class_list li a.two:hover { background: url(../images/class_list_h.jpg) 10px 0; }
/*面包削*/
.subject_bg { position: relative; height: 30px; }
#Positon { position: absolute; top: 0; left: auto; right: 5px; line-height: 35px; }
.d_right .subject_title { font-size: 16px; padding-bottom: 0px; }
.d_right .m10 { margin: 15px 0 15px 0; }
/* 产品列表 */
.list_photo { margin: 0; padding: 0; width: 745px; overflow: hidden; }
.list_photo dt { width: 372px; height: 190px; float: left; text-align: center; overflow: hidden; margin-right: 0px; position: relative; margin-bottom: 11px; text-align: center; }
.list_photo dt.mr0 { margin-right: 0px; }
.list_photo dt a { float: left; }
.list_photo dt img { border: 1px solid #ebebeb; width: 180px; height: 180px; }
.list_photo dt img:hover { border: 1px solid #c10009; }
.list_photo a { color: #F30; display: block; }
.list_photo a:hover { color: #f60; }
.list_photo .filter { position: absolute; z-index: 2; background-color: #fff; width: 234px; height: 234px; top: 0; left: 0; display: none; }
.list_photo .thumb-control { position: absolute; z-index: 3; width: 234px; height: 234px; top: 0; left: 0; display: none; }
.list_photo .thumb-control .go-detail { display: block; width: 40px; height: 40px; position: absolute; top: 90px; left: -50px; }
.list_photo .thumb-control .go-link { display: block; width: 40px; height: 40px; position: absolute; top: 90px; right: -50px; }
.list_photo .thumb-control a { background-color: #F00; }
.list_photo .thumb-control a:hover { background-color: #000; }
.list_photo .title { margin-top: 55px; font-family: "宋体", "黑体"; font-size: 14px; text-align: left; padding: 0 10px; float: right; width: 160px; font-weight: bold }
.list_photo .title1 { margin-top: 55px; font-family: "宋体", "黑体"; font-size: 14px; text-align: left; padding: 0 10px; float: right; width: 160px; font-weight: bold }
.list_photo .title2 { font-family: "宋体", "黑体"; font-size: 14px; text-align: left; padding: 0 10px; float: right; width: 160px; font-weight: bold }
/* 产品参数 */
.dd_bigpic p { float: left; }
.dd_table { border: 1px solid #D0D7E9; border-collapse: separate; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 !important; font-family: helvetica, arial, sans-serif; color: #333; box-shadow: 0 1px 2px #E5E5E5; margin: 0 auto; }
.dd_table td { padding: 4px 5px; padding-left: 15px; color: #555; box-shadow: inset 0 1px 0 #D0D7E9; }
.dd_table .td_even { }
.dd_table_odd { background-color: #ffffff; }
.dd_table_even { background-color: #f4f6f9; }
.dd_table tr.hover { background: #f1f1f1; }
.info_content { }
.info_content img { width: 370px;  }
.order { height: 450px; }
/*首页推荐产品*/
.i_tjcp { }
.subject { background: url(../images/bg_subject.gif); height: 35px; line-height: 35px; border: 1px solid #E3E3E3; border-bottom: 0; clear: both; }
.subject span { float: right; padding: 0 10px 0 0; font-family: 宋体; color: #666; }
.subject span a { color: #666; }
.subject ul { margin: 0; padding: 0; list-style: none; }
.subject ul li { float: left; padding: 0 18px; border-right: 1px solid #e3e3e3; cursor: pointer; color: #999; }
.subject ul .hover { background: #fff; font-family: microsoft yahei, 宋体; font-size: 14px; color: #333; }
.border { border: 1px solid #E3E3E3; border-top: 0; background: white; overflow: hidden; display: block; overflow: hidden; zoom: 100%; }
.toppro {overflow: hidden; width: 960px; }
.toppro ul { margin: 0; padding: 0; list-style: none; width: 960px; }
.toppro li { float: left; width: 192px; display: block; margin: 0; overflow: hidden; text-align:center; }
.toppro li del { color: #999; }
.toppro li span { color: #f60; }
.toppro li p { margin: 4px 0; padding: 2px 0; }
.toppro li a{ display:block;}
.toppro li a img { border: 1px solid #e6e6e6; padding: 2px; width: 164px; height: 164px; margin: 0 0 5px 0; }
.toppro li a:hover img { border: 1px solid #FFCBA4; }
.toppro li a.tit{ text-align:center; line-height:16px;}

/* banner-box */
.banner-box{min-width:1210px;height:461px;position:relative;overflow:hidden;}
.banner-box .bd{ width:100% !important;}
.banner-box .bd li .m-width {width:100%;margin:0 auto;overflow:hidden;}
.banner-box .bd li{width:100% !important;height:461px;}
.banner-box .bd li a{display:block;background-size:auto; width:100%; height:463px;}

.banner-btn{width:1210px;position:absolute;top:180px;left:50%;margin-left:-605px;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
.banner-btn a.prev{left:20px;background:url(../images/foot.png) no-repeat 0 0;} 
.banner-btn a.next{right:20px;background:url(../images/foot.png) no-repeat -49px 0;}

.banner-box .hd {position:absolute;top:310px;left:537px;}
.banner-box .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:#ccc;float:left;cursor:pointer;}
.banner-box .hd ul li.on{background:#DA324D;}