/*
 * CSS Document
 *
 * Copyright (c) Jiaxiang Dtimet Network Co.,Ltd.
 * $ Author: tonee $
 * $ Date: 2018-08-25 $
 * $ Url: www.dtimet.com $
 *
 */
 
* { margin: 0; padding: 0; list-style-type: none; }
body { margin: 0; padding: 0; font-family: 'Microsoft YaHei', Arial, Verdana, 'SimSun', sans-serif; font-size: 14px; color: #222; background: #eee url(../i/bg.jpg) 0 0 repeat-x; }
a { color: #222; text-decoration: none; }
a:hover { color: #7d3969; text-decoration: none; }
a img { border-width: 0; }
.fl { float: left; }
.fr { float: right; }
.clearfix { zoom: 1; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; border: 0; overflow: hidden; }
.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center; }
.mr15 { margin-right: 15px; }
/* Index page */
.banner { width:100%; height: 750px; overflow: hidden; position: relative; }
.banner .d1 { width: 100%; height: 750px; display: block; position: absolute; left: 0px; top: 0px; }
.banner .d2 { width: 100%; height: 30px; clear: both; position: absolute; z-index: 6; left: 0; bottom: 50px; }
.banner .d2 ul { height:30px; display:table; margin:0 auto;}
.banner .d2 li { width: 12px; height: 12px; background: #fff; border-radius: 50%; overflow: hidden; cursor: pointer; float: left; margin: 0 15px; display: inline; }
.banner .d2 li.num { width: 12px; height: 12px; background: #ed6d00; border-radius: 50%; }
#header { width: 100%; height: 96px; top: 44px; background: url(../i/logo_bg.png) top center no-repeat; position: absolute; z-index: 10; }
.hd_box { width: 1260px; height: 96px; margin: 0 auto;}
.hd_box #logo { float: left; width: 300px; height: 72px; text-indent: 315px; white-space: nowrap; overflow: hidden;}
.hd_box .nav { float: left; height: 20px; margin-top: 55px; }
.nav > li { float: left; }
.nav > li > a { display: block; padding:0 15px; line-height:24px; font-size: 13px; text-align: center; color: #666; text-decoration: none; }
.nav > li> a:hover, .nav > li > a.selected { color: #fff; background: #ed6d00; border-radius:2px; }
.lang {float:right; width:150px; margin-top:20px; margin-right:30px;}
.lang a{float:right; display:block; width:40px; height:25px; color:#fff; text-align: center;}
#nav_about,#nav_prod,#nav_sale,#nav_brand { position: relative; height: 50px; }
.sub_nav { left: 0px; top: 40px; position: absolute; display: none;}
    .sub_nav > a { display: block; padding:0 25px; line-height: 30px; font-size: 13px; color: #ed6d00; background: #1f2024; text-decoration: none; white-space:nowrap; }
    .sub_nav > a:hover { color: #fff; background: #ed6d00; border-radius:1px;}
#sbnr_title h1 span { font-size: 16px; }
#idx_box { width: 1260px; height: 185px; margin: 30px auto 50px; }
#idx_box .ib1 { float: left; width: 295px; height: 185px; margin-right: 27px; background: url(../i/idx_icon.png) 0 0 no-repeat; }
#idx_box .ib2 { float: left; width: 295px; height: 185px; margin-right: 27px; background: url(../i/idx_icon.png) -322px 0 no-repeat; }
#idx_box .ib3 { float: left; width: 295px; height: 185px; margin-right: 26px; background: url(../i/idx_icon.png) -644px 0 no-repeat; }
#idx_box .ib4 { float: left; width: 295px; height: 185px; background: url(../i/idx_icon.png) -965px 0 no-repeat; }
#idx_box p a { display: block; width: 295px; height: 185px; text-indent: 300px; white-space: nowrap; overflow: hidden; }
#footer { background: #1f2024; padding: 30px 0 25px; }
.ft_box { width: 1260px; margin: 0 auto; font-size: 12px; }
.ft_nav { display:table; margin: 0 auto; }
.ft_nav li { float: left; margin-right:70px; }
.ft_nav li h3 { font-size: 16px; color: #909090; line-height: 35px; font-weight: normal; }
.ft_nav li p { line-height: 31px; }
.ft_nav li a { color: #fff; font-size: 13px; text-decoration: none; }
.ft_nav li a:hover { color: #ed6d00; text-decoration: underline; }
.ft_nav li.hotline { width: 360px; margin-right:0; }
.ft_nav li.hotline p { width: 360px; height: 80px; background: url(../i/ft_tel.jpg) 0 0 no-repeat; }
.ft_nav li.hotline .ewm { float: left; display: block; width: 80px; height: 80px; margin-left: 270px; cursor: default; }
#ft_cr { height: 40px; line-height: 40px; color: #909090; background: #1f2024; border-top: #505251 solid 1px; border-bottom: #ed6d00 solid 8px; }
#ft_cr p { width: 1260px; margin: 0 auto; text-align: center; font-size: 13px; }
#ft_cr p a { color:#909090;}
#ft_cr p a:hover { text-decoration:underline;}
/* Sub page */
#sub_header { width:100%; height: 170px; }
.sub_banner { width: 1260px; height: 300px; }
.sub_banner img { width: 1260px; height: 300px; }
#wrap { width: 1260px; background: #fff; margin: 0 auto 30px; }
.bread { height: 65px; line-height: 65px; font-size: 18px; color: #111; border-bottom: #ed6d00 solid 2px; padding-top: 18px; margin-left: 54px; }
.wrap_box { padding: 25px 0 30px 54px; }
.main { width: 824px; padding: 0 53px 40px; }
.main .title { height: 48px; line-height: 48px; text-indent: 30px; background: url(../i/dot.jpg) center left no-repeat; font-size: 18px; color: #333; font-weight: normal; }
.side { width: 272px; }
.side_nav { width: 272px; }
.side_nav li { padding-bottom: 2px; }
.side_nav li a { display: block; padding:8px 40px 8px 20px; color: #ed6d00; font-size:13px; background: #313131 url(../i/snbg2.jpg) center right no-repeat; }
.side_nav li a:hover, .side_nav li a.selected { color: #fff; background: #eb6100 url(../i/snbg1.jpg) center right no-repeat; }
.pro_menu div { width: 272px; margin-bottom:2px; }
.pro_menu a.pareCate { display: block; padding:8px 40px 8px 20px; color: #ed6d00; font-size:13px; background: #313131 url(../i/snbg2.jpg) center right no-repeat; }
.pro_menu a:hover.pareCate, .pro_menu a.pselected { color: #fff; background: #eb6100 url(../i/snbg1.jpg) center right no-repeat; }
.side_subnav { margin-left:10px; display:none;}
.side_subnav li { height: 30px; line-height: 30px; color: #333; font-size: 14px; white-space:nowrap; overflow:hidden; border-bottom:#ddd solid 1px; }
.side_subnav li a { display: block; height: 30px; color: #333; font-size: 12px; text-decoration: none; background:#fff;}
.side_subnav li span { padding-left:10px; color: #eb6100; padding-right:10px; font-size: 16px; font-weight: bold;}
.side_subnav li a:hover, .side_subnav li a.selected { color: #eb6100; text-decoration: none; }
.content { padding: 20px 0; }
.content p { line-height: 1.8; color: #555; font-size: 14px; padding-bottom: 15px; }
.content p.text { padding: 25px 50px; }
.content img { max-width: 824px; }
.news_list { width: 824px; margin: 0 auto; }
.news_list li { height: 50px; overflow: hidden; border-bottom: #b2b2b2 solid 2px; background: url(../i/line.jpg) left center no-repeat; }
.news_list li a { float: left; display: block; width: 700px; text-indent: 20px; height: 50px; line-height: 50px; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #626262 }
.news_list li a:hover { color: #ed6d00; }
.news_list li .date { float: right; line-height: 50px; color: #626262; }
.attr { line-height: 40px; text-align: right; color: #666; }
.news_op { width: 824px; margin: 0 auto; padding-top: 30px; border-top: #ddd solid 2px; }
.news_op a { color: #888; }
.news_op a:hover { color: #ed6d00; }
.brand_list { width: 1200px; margin: 0 auto 30px; }
.brand_list li { float: left; height: 210px; margin-right: 55px; }
.brand_list li img { width: 240px; height: 160px; }
.brand_list li a { float: left; display: block; width: 240px; height: 160px; }
.brand_list li a:hover { border-bottom: #ed6d00 solid 4px; }

.catalogue_list { width: 1200px; margin: 20px auto; }
.catalogue_list li { float: left; height:330px; margin-right: 40px; }
.catalogue_list li img { width: 350px; height: 240px; }
.catalogue_list li a { display: block; width: 350px; height: 240px; padding:4px; border:#eee solid 1px; background:#fff; box-shadow: 0 2px 2px 0 #ddd; }
.catalogue_list li a:hover { background:#ff8000;}
.catalogue_list li p { padding:20px 0; width:350px; height:30px; line-height:30px; background: url(../i/line.jpg) left center no-repeat; text-indent:12px; color:#333; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}

.msc_list { width: 840px; margin-right:-20px; }
.msc_list li { float: left; width:253px; height: 240px; margin-right: 27px; }
.msc_list li img { width:253px; height:163px; }
.msc_list li img:hover { -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80); -moz-transform: rotate(0);}
.msc_list li a { display: block; width: 253px; height: 163px; }
.msc_list li p { height:40px; line-height:40px; background: url(../i/line.jpg) left center no-repeat; text-indent:12px; color:#444; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}

.small_main { width: 550px; padding: 0 60px; }
.small_main .title { height: 40px; line-height: 40px; text-indent: 30px; background: url(../i/dot.jpg) center left no-repeat; font-size: 18px; color: #333; font-weight: normal; }
.small_main img { max-width:550px;}

/* magzine */
.magaz_tit h2 { width:1160px; line-height:40px; font-size:26px; text-align:center; font-weight:normal;}
#magazine { width: 1100px; height: 750px; margin: 30px 0 30px 30px; background:#eee; }
#magazine .turn-page { background-color: #ccc; background-size: 100% 100%; }
.maga_tips { height:60px; line-height:30px; color:#999; font-size:13px; text-align:center;}

/* pagebar */
#pagebar { width: 820px; }
.pagebar { margin: 0 auto; padding: 40px 0 0; font-size: 12px; height: 50px; color: #999; }
.pages a, .pages .cpb { text-decoration: none; float: left; padding: 2px 6px; border: 1px solid #999; background: #fff; margin: 0 3px; font-size: 12px; color: #999; }
.pages a:hover { background-color: #999; color: #fff; border: 1px solid #999; text-decoration: none; }
.pages .cpb { color: #fff; background: #ed6d00; border: 1px solid #ed6d00; }
/* msg page */
.msg_main { margin: 160px auto 30px; width: 800px; border: #d0d0d0 solid 1px; background-color: #fdfdfd; }
.msg_main h3 { height: 40px; line-height: 40px; border: #fff solid 2px; font-size: 14px; font-weight: normal; text-indent: 40px; color: #fff; background-color: #666; }
.msg_box { padding: 30px 25px; }
.msg_box .msg_content { line-height: 1.6; padding: 10px 0 10px 20px; }
.msg_content .sysinfo { font-size: 14px; color: #787878; padding-top: 10px; }
.sysinfo a { color: #a80000; text-decoration: none; }
.sysinfo a:hover { color: #333; text-decoration: underline; }
.msg_foot { margin: 0 auto; width: 800px; height: 40px; line-height: 40px; text-align: center; }
.msg_foot span { font-size: 12px; }

/* float ADdiv */
#floatAD { position:fixed; bottom:50px; left:0; z-index:999;}
/* float ADdiv */
#floatVedio { position:fixed; bottom:200px; right:10px; z-index:999;}