/*
 * CSS Document
 *
 * Copyright (c) Jiaxiang Dtimet Network Co.,Ltd.
 * $ Author: tonee $
 * $ Date: 2015-07-19 $
 * $ 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: #fff; }
a { color: #222; text-decoration: none; }
a:hover { color: #ff9326; 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; }
#cmscr { text-align: right; color: #2b527d; /*color: #3a6ea5;*/ font-size: 12px; font-family: Verdana, Arial, sans-serif; font-weight: bold; }
#cmscr #cmsver { color: #d96d00; }
#cmscr #m { padding-left: 10px; padding-top: 2px; height: 20px; }
#cmscr a { display: block; width: 20px; height: 20px; background: url(../i/m.png) center center no-repeat; cursor: default; }
/* Index page */
#header_box { width: 100%; height: 100px; background: url(../i/hbg.jpg) repeat-x; }
#header { width: 1100px; height: 100px; margin: 0 auto; }
#logo { float: left; width: 500px; height: 100px; text-indent: 500px; white-space: nowrap; overflow: hidden; background: url(../i/i.png) no-repeat 0 0; }
#hd_tel { float: right; width: 210px; height: 70px; background: url(../i/tel.png) no-repeat 0 20px; padding: 20px 0 0 70px; }
#hd_tel .hotline { font-size: 28px; color: #ff9326; padding-top: 5px; }
#nav { width: 100%; height: 60px; background: #555; }
.nav { width: 925px; margin: 0 auto; height: 60px; }
.nav li { float: left; width: 130px; margin-right: 0px; border-right: #999 solid 1px; }
.nav li a { display: block; width: 130px; height: 60px; line-height: 60px; font-size: 16px; text-align: center; color: #fff; text-decoration: none; _float: left; transition: all 0.3s ease 0s;}
.nav li a:hover, .nav li a.selected { color: #fff; text-decoration: none; font-weight: normal; background: #ff9326; }
.banner { height: 360px; overflow: hidden; position: relative; }
.banner .d1 { width: 100%; height: 360px; display: block; position: absolute; left: 0px; top: 0px; }
.banner .d2 { width: 100%; height: 30px; clear: both; position: absolute; z-index: 5; left: 0; bottom: 10px; }
/*.banner .d2 ul { float: left; position: absolute; left: 50%; top: 0; margin: 0 0 0 -90px; display: inline; }*/
.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 13px; display: inline; }
.banner .d2 li.num { width: 12px; height: 12px; background: #ff9326; border-radius: 50%; }
#wrap { width: 1100px; margin: 20px auto 50px; }
#row1 { width: 100%; background: #fff; padding-bottom: 30px; }
#row2 { width: 100%; background: #f2f2f2; padding-bottom: 10px; }
#row3 { width: 100%; background: #fff; padding-bottom: 10px; }
#row4 { width: 100%; background: #fff; padding-bottom: 30px; }
.row_box { width: 1100px; margin: 0 auto; padding: 10px 0; }
.idx_tit { margin:30px 0; height: auto; }
.idx_h3 { width: 100%; text-align: center; color: #222; line-height: 58px; font-size: 34px; font-weight: normal; }
.idx_tit > p{line-height: 36px; text-align: center; color:#666; font-size: 16px;}
.idx_prod_list { margin: 0 auto 10px; }
.idx_prod_list li { float: left; width: 190px; height: auto; overflow: hidden; margin: 0 15px 15px; box-shadow: 1px 1px 3px #aaa; }
.idx_prod_list li a { display: block; width: 190px; height: 240px; background: #fff; overflow: hidden; }
.idx_prod_list li img { width: 190px; height: 240px;}
/*.idx_prod_list li img:hover { -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); -moz-transform: rotate(0); }*/
.idx_prod_list li img:hover { transform: scale(1.2); transition: all 0.5s ease 0s; -webkit-transform: scale(1.2); -webkit-transform: all 0.5s ease 0s;}
.idx_prod_list li h4 { font-size: 15px; color: #111; width: 190px; line-height: 50px; text-align: center; font-weight: normal; white-space: nowrap; overflow: hidden; }
.sub_nav { display: table; margin: 20px auto 40px; width: auto; }
.sub_nav a:first-child  { border-left-width: 1px !important; }
.sub_nav a { float: left; display: block; padding:8px 20px; color: #666; text-decoration: none; border: #ccc solid 1px; border-width: 1px 1px 1px 0 !important; transition: all 0.25s ease 0s;}
.sub_nav a:hover { color: #fff; text-decoration: none; background: #FF9326; border: #ff8000 solid 1px; }
.about_wrap{background: url(../i/i.png) no-repeat 0 -140px; height: 540px;}
.about_box { width: 915px; height: auto; padding:20px 0 0 180px; }
.about_img { float: left; margin-right: 20px; }
.about_text { margin: 0 auto; width: 585px; height: 265px; color: #444; font-size: 16px; line-height: 1.7; overflow: hidden; }
.about_text p { padding-bottom: 10px; text-indent: 2em; }
.about_text a { color: #476d3a; text-decoration: none; }
.about_text a:hover { color: #ff8c00; text-decoration: none; }
.at_p1{color:#ff7f00; font-size: 32px; text-align:center; margin-top: 30px; line-height: 70px;}
.at_p2{color:#666; font-size: 16px; text-align: center;}
.gallery_box { width: 1100px;}
.idx_gallery_list { width: 1096px; margin: 15px auto 0; }
.idx_gallery_list li { float: left; width: 250px; height: auto; overflow: hidden; margin: 0 12px 30px; position: relative;}
.idx_gallery_list li a { display: block; width: 250px; height: 187px; }
.idx_gallery_list li img { width: 250px; height: 187px; position: absolute; }
.idx_gallery_list li img:hover { -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80);transform: rotate(5deg); -moz-transform: rotate(5deg); transition: all 0.4s ease 0s;}
.idx_gallery_list li .gal_tit{background: #ffd24d; height: 36px; filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; position: absolute; bottom:0;}
.gal_tit h4 { text-align: center; font-size: 15px; color: #111; line-height: 36px; width: 250px; font-weight: normal; white-space: nowrap; overflow: hidden;}
.gallery_box .gprev, .gallery_box .gnext { width: 22px; height: 65px; overflow: hidden; position: absolute; z-index: 9; top: 45px; left: -50px; cursor: pointer; background: url(../i/l.png); }
.gallery_box .gnext { left: auto; right: -50px; background: url(../i/r.png); }

.idx_news_list li { float:left; width: 500px; height: auto; font-size: 14px; margin: 0 25px 25px; padding-bottom: 25px; border-bottom: #bbb dashed 1px; }
.idx_news_list li img { width: 120px; height: 88px;}
.idx_news_list li .news_text { width: 350px; }
.news_text h3{ font-weight: normal;}
.news_text a { display: block; width: 330px; height: 40px; color: #222; font-size: 18px; text-decoration: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news_text a:hover { color: #ff9326; text-decoration: none; }
.news_text p{color:#666; height: 40px; overflow: hidden;}

#footer_box { background: #777; height: auto; }
.footer { width: 1100px; height: auto; margin: 0 auto; padding: 30px 0; line-height: 2.0; font-size: 15px; color: #fff; background: url(../i/icon.png) no-repeat -350px -480px; }
.footer a { color: #fff; text-decoration: none; }
.footer a:hover { color: #ff9326; }
.ft_ewm{padding-top: 10px;}
.ft_tel{ width: 220px; background: url(../i/tel.png) no-repeat 0 20px; padding-left: 80px;}
.ft_tel .hotline{font-size: 26px; color:#ff9226; line-height: 1.4;}
#link_box { background: #ff9326; height: 40px; line-height: 40px; }
.link-box{ width: 1100px; height: auto; margin: 0 auto; color: #444; font-size: 13px;}
.link-box a { color: #444; font-size: 13px; text-decoration: none; padding: 0 8px; }
.link-box a:hover { color: #fff; }
.link { width: 790px; overflow: hidden; }
.zc{width:310px; text-align: right; overflow: hidden;}
/* Sub page */
#sub_banner { overflow: hidden; height: 300px; }
.sub_bnr { background: #ddd url(../i/sbnr.jpg) center no-repeat; }
#bread { width: 1100px; margin: 30px auto 0; }
.bread_tit { background: url(../i/i.png) no-repeat -660px -755px; height: 45px; line-height: 45px; padding-left: 40px; font-size: 14px; border-bottom: #999 solid 2px; color: #666; margin: 35px auto 40px; }
.bread_tit a { color: #666; text-decoration: none; }
.bread_tit a:hover { color: #ad0600; }
.main { width: 790px; }
.side { width: 260px; }
.side_contact { width: 195px; padding: 100px 0 0 65px; background: url(../i/i.png) -305px -770px no-repeat; margin-bottom: 30px; }
.side_contact p { font-size: 26px; color: #222; line-height: 1.4; }
.side_contact .tel { font-size: 18px; color: #ff9326; padding-bottom: 8px; }
.sub_menu { width: 260px; margin: 0 auto; }
.sub_menu li { height: 50px; font-size: 14px; text-indent: 15px; border-bottom: #ddd solid 1px; }
.sub_menu li a { display: block; width: 260px; height: 50px; line-height: 50px; color: #555; text-decoration: none; overflow: hidden; background: url(../i/icon.png) no-repeat 0 -406px; }
.sub_menu li a:hover, .sub_menu li a.selected { color: #fff; text-decoration: none; background: url(../i/icon.png) no-repeat 0 -366px; }
.prod_menu_hd { background: url(../i/i.png) 0 -720px no-repeat; width: 260px; height: 132px; margin-bottom: 2px; }
.prod_menu_btm { background: url(../i/s_bg.png) 0 -190px no-repeat; width: 260px; height: 47px; margin-bottom: 30px; }
.prod_menu { width: 240px; margin: 20px auto 40px; }
.prod_menu li { height: 42px; font-size: 14px; text-indent: 90px; }
.prod_menu li a { display: block; width: 240px; height: 42px; line-height: 42px; color: #222; background: url(../i/i.png) no-repeat -640px -930px; text-decoration: none; overflow: hidden; border-bottom:#ccc dashed 1px;}
.prod_menu li a:hover, .prod_menu li a.selected { color: #FF9326; font-size: 15px; font-weight: bold; background: url(../i/i.png) no-repeat -640px -870px; border-bottom: #FF9326 solid 1px;}
.main_tit { text-align: center; font-size: 28px; line-height: 1.6; color: #222; font-weight: normal; width: 760px; margin: 0 auto 30px; }
.prod_img { text-align:center; }
.content { font-size: 14px; line-height: 1.8; color: #222; width: 760px; margin: 0 auto 0; }
.content p { margin-bottom: 20px; overflow: hidden; }
.content img { max-width: 760px; }
.news_list { width: 780px; margin: 0 auto 15px; }
.news_list li { border-bottom: #aaa dashed 1px; padding: 0 15px; margin-bottom: 15px; overflow: hidden; }
.news_list li .news_tit { width: 640px; line-height: 50px; font-size: 20px; font-weight: normal; color: #000; white-space: nowrap; overflow: hidden; }
.news_list li .news_date { width: 80px; text-align: right; line-height: 50px; color: #666; font-size: 13px; text-decoration: none; }
.news_list li .news_desc { line-height: 160%; margin: 10px 0 20px; color: #666; font-size: 13px; }
.arti_tit { text-align: center; font-size: 28px; line-height: 1.6; color: #222; font-weight: normal; width: 760px; margin: 0 auto; }
.arti_attr { margin: 30px 0 40px; text-align: center; font-size: 14px; color: #555; }
.arti_attr a { color: #FF9326; text-decoration: none; }
.arti_attr a:hover { color: #666; text-decoration: underline; }
.blank { height: 20px; }
.arti_link { padding-top: 26px; border-top: #ccc solid 1px; font-size: 13px; }
.arti_link h4 { font-weight: normal; line-height: 1.8; color: #333; width: 760px; margin: 0 auto; }
.arti_link a { color: #555; text-decoration: none; }
.arti_link a:hover { color: #FF9326; text-decoration: underline; }
.gal_list { width: 810px; margin: 0 auto; margin-right: -25px; }
.gal_list li { float: left; width: 240px; height: auto; margin-right: 30px; margin-bottom: 10px;  }
.gal_list li a { display: block; width: 240px; height: 180px; }
.gal_list li img { width: 240px; height: 180px; box-shadow: 1px 1px 3px #aaa; }
.gal_list li img:hover { -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); -moz-transform: rotate(0); }
.gal_list li h4 { text-align: center; font-size: 14px; color: #111; height: 60px; line-height: 60px; font-weight: normal; white-space: nowrap; overflow: hidden; }
.prod_list { width: 784px; margin: 0 auto 10px; }
.prod_list li { float: left; width: 170px; height: auto; overflow: hidden; margin: 0 13px; }
.prod_list li a { display: block; width: 170px; height: 215px; background: #fff; }
.prod_list li img { width: 170px; height: 215px; box-shadow: 1px 1px 3px #aaa; }
.prod_list li img:hover { -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); -moz-transform: rotate(0); }
.prod_list li h4 { font-size: 14px; color: #111; width: 170px; line-height: 60px; text-align: center; font-weight: normal; white-space: nowrap; overflow: hidden; }
/* pagebar */
#pagebar { width: 770px; }
.pagebar { margin: 0 auto; padding: 25px 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: #FF9326; border: 1px solid #FF9326; }
/* 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: #FF9326; 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; }
/*kefu*/
.rides-cs { font-size: 12px; background: #FF9326; position: fixed; top: 175px; right: 0px; _position: absolute; z-index: 1500; border-radius: 5px 0px 0 5px; }
.rides-cs a { color: #00A0E9; }
.rides-cs a:hover { color: #ff8100; text-decoration: none; }
.rides-cs .floatL { width: 36px; float: left; position: relative; z-index: 1; margin-top: 40px; height: 181px; }
.rides-cs .floatL a { font-size: 0; text-indent: -999em; display: block; }
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow: hidden; }
.rides-cs .floatR .cn { background: #fafafa; border-radius: 5px; margin-top: 4px; }
.rides-cs .cn .titZx { font-size: 14px; color: #333; font-weight: 600; line-height: 24px; padding: 5px; text-align: center; }
.rides-cs .cn ul { padding: 0px; }
.rides-cs .cn ul li { line-height: 38px; border-bottom: solid 1px #E6E4E4; overflow: hidden; text-align: center; }
.rides-cs .cn ul li.last { border-bottom: solid 0px #E6E4E4; padding-top: 10px; }
.rides-cs .cn ul li span { color: #777; }
.rides-cs .cn ul li p.kf-tel { line-height: 1.6; font-weight:bold; font-size:16px; text-align: center; }
.rides-cs .cn ul li a { color: #777; }
.rides-cs .cn ul li img { vertical-align: middle; max-width:100px; }
.rides-cs .btnOpen, .rides-cs .btnCtn { position: relative; z-index: 9; top: 25px; left: 0; background-image: url(../i/kf.png); background-repeat: no-repeat; display: block; height: 146px; padding: 8px; }
.rides-cs .btnOpen { background-position: -2px 0; }
.rides-cs .btnCtn { background-position: -42px 0; }
.rides-cs ul li.top { border-bottom: solid #FF9326 1px; }
.rides-cs ul li.bot { border-bottom: none; }