*{ padding:0; margin:0;}
a{color:#666;}
/*dt-nav strat*/
.dt-nav{margin-top:15px; margin-bottom:15px; line-height:42px;}
.dt-nav li{width:16.6%; float:left; text-align:center; background:url(../../images/2017/dt_line.gif) no-repeat right;}
.dt-nav li img{margin-right:8px;}
.dt-nav li a{font-size:16px; color:#666666;}
/*dt-nav end*/

/*main-nav begin*/
.main-nav{height:50px; background-color:#f77a1c; line-height:50px;}
.main-nav a{font-size:18px; color:#fff; padding:0px 12px;}
/*main-nav end*/

/*site-nav strat*/
.site-nav{background-color:#f7f7f7; height:40px; line-height:40px;}
.wrap{width:1200px; margin-left:auto; margin-right:auto;}
.sn-left{float:left;}
.sn-left a{padding-right:15px; background:url(../../images/2017/right_line.gif) no-repeat right; color:#7e7e7e; float:left;}

.sn-container > ul{float:right;}
.sn-container > ul li,.dt-public{float:left; border-left:1px solid #f7f7f7; border-right:1px solid #f7f7f7;}
.sn-login,.sn-mobile{background:url(../../images/2017/site_icon.png) no-repeat left; padding:0px 12px 0px 30px;}
.sn-login{background-position:12px 12px;}
.sn-mobile{background-position:14px -28px; position:relative;}
.dt-public{margin-right:15px; padding:0px 15px; position:relative;}
.sn-mobile .sn-qrcode,.sn-sitemap .sn-menu,.dt-public .sn-qrcode{position:absolute;display:none;transition:0.3s;-webkit-transition:.5s;-moz-transition:.5s; padding:5px 0px; text-align:center;}
.sn-mobile .sn-qrcode,.dt-public .sn-qrcode{width:130px;box-shadow:0 0 5px #aaa; background-color:#fff;}
.sn-mobile .sn-qrcode{left:-12px;}
.dt-public .sn-qrcode{left:-1px;}
.sn-mobile:hover,.sn-sitemap:hover,.dt-public:hover{background-color:#fff; cursor:pointer; border-right:1px solid #e2e2e2; border-left:1px solid #e2e2e2;}
.sn-mobile:hover .sn-qrcode,.sn-sitemap:hover .sn-menu,.dt-public:hover .sn-qrcode{display:block;}
.sn-mobile .sn-qrcode span,.dt-public .sn-qrcode span{font-size:15px; height:20px; line-height:20px; display:block;}
.sn-sitemap{padding:0px 20px 0px 12px; position:relative;}
.sn-sitemap b{position:absolute; right:10px; top:19px;width:0;height:0;border-width:4px;border-style: solid dashed dashed;border-color:#bbb transparent transparent;font-size:0;line-height:0;}
.sn-sitemap .sn-menu{width:500px; right:-1px; border:1px solid #e2e2e2; border-top:0px; background-color:#fff; z-index:999;}
.sn-sitemap .sn-menu li{border:0px; width:16.6%; height:27px; line-height:27px;}
/*site-nav end*/


/*banner*/
.banner{width:100%; height:300px; margin:0 auto; display:block; background:url(../images/banner.jpg) no-repeat center center;}

.wap{width:1200px; margin:0 auto;}
/*标签切换*/
.title{width:100%; height:52px; display:block; border-bottom:1px solid #e5e5e5; margin-top:20px; }
.title .title_left{width:100%; float:left;}
.title_left ul li{ float:left; width:100px; text-align:center; height:50px; float:left; font-size:18px; color:#666; line-height:50px; font-weight:bold; margin-right:10px;}
.title_left ul li a{color:#666;}
.title_left ul li a:hover{ color:#f77a1c;}
.title_left .dang{color:#f77a1c; border-bottom:2px solid #f77a1c;}
.title_left .dang a{color:#f77a1c;}
.title .title_right{float:right; font-size:15px;}
/*.icon{height:30px; width:130px; display:block; color:#fff; text-align:center; line-height:30px; float:left; margin-left:15px; margin-top:10px;}*/
.icon a{width:100%; height:30px; display:block; color:#fff; border-radius:50px;}
.bao_xiu a{background:#3fb71a;}
.zhu_ce a{ background:#f94c4c;}
.bao_xiu a:hover{background:#35a014;}
.zhu_ce a:hover{ background:#e03434;}

/*中心内容*/
.center{width:100%;}
.jishou_left{width:850px; height:auto; float:left;}
.body_right{width:320px; height:auto; float:right;}
.shai_xuan{width:100%; min-height:90px; display:block; padding:12px 0; border-bottom:1px solid #ebebeb;}
.shai_xuan ul li{ margin:10px 0px;}
.shai_xuan ul li h3{width:80px; font-size:16px; color:#666; float:left; font-weight:normal; height:30px; line-height:30px;}
.shai_xuan dl{float:left;width:150px; height:30px; border:1px solid #e9e9e9; font-size:15px; color:#999; background:url(../images/jian_tou.png) no-repeat right 12px center transparent; margin-right:8px; text-indent:1em;}

.shai_xuan dl dd select{width:150px; height:30px; border:1px solid #e9e9e9; font-size:15px; color:#999; background:url(../images/jian_tou.png) no-repeat right 12px center transparent;appearance:none;   -moz-appearance:none;   -webkit-appearance:none; text-indent:1em;}
.shai_xuan dl .sou_suo{width:130px; height:30px; display:block; border-radius:4px; background:#2593f2; color:#fff; font-size:16px; text-align:center; line-height:30px; margin-left:15px; border:none;}

/*作业需求*/
.list_box{width:100%; display:block; padding:10px 0; border-bottom:1px solid #ebebeb;}
.js_left{width:150px; float:left; text-align:center;}
.js_left img{width:80px; height:80px; border-radius:100px; margin-top:10px;}
.js_left h2{ font-size:15px; color:#444; line-height:20px; font-weight:normal; margin:6px 0; text-align:center;}
.js_left h2 a{color:#444;}
.js_left span{ border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; padding:3px 0; }


.js_right{width:690px; float:right;}
.list_name{width:100%; height:30px; margin-bottom:10px;}
.list_name h1 { font-size:20px; color:#222; font-weight:normal; width:100%; margin-top:10px;}
.list_name h1 a{color:#222;}
.list_name h1 a:Hover{color:#f77a1c;}
.js_right dl{width:70%; float:left;}
.js_right dl dt{ line-height:24px; color:#777; font-size:14px; margin-bottom:5px;}
.js_right dl dt img{ vertical-align:sub;}
.js_right dl dt a{color:#777;}
.js_right dl dt span{ color:#999;}
.js_right dl dt b{ padding:0 22px; background:url(../images/img_8.png) no-repeat left center; font-weight:normal;}
.js_right dl dt b span{color:#f77a1c;}
.qiang_d{ float:right;}
.qiang_d a{width:120px; height:35px; background:#fff; display:block; color:#f77a1c; border:1px solid #fdd7ba; border-radius:4px; font-size:15px; text-align:center; line-height:35px; cursor:pointer;}
.qiang_d a:hover{ background:#ff8a32; color:#fff;}

.body_right{width:320px; height:auto; float:right; margin-top:20px; overflow:hidden;}
/*右侧广告*/
.njb_adv{width:100%;}
.njb_adv img{width:100%; height:100%;}
/*右侧产品*/
.r_product{width:100%; margin-top:15px;}
.product_title{width:100%; height:45px; border-bottom:1px solid #e5e5e5; line-height:45px; margin-bottom:15px;}
.product_title b{width:8px; height:20px; background:#f77a1c; float:left; margin-top:12px;}
.product_title h2{ color:#444; font-size:22px; float:left; margin-left:15px;}
.r_product ul{width:340px;}
.r_product ul li{width:150px; float:left; margin-right:18px; margin-bottom:8px;}
.r_product ul li .chanp_img{width:100%; height:90px; border:1px solid #f4f4f4; text-align:center; vertical-align:middle;}
.r_product ul li .chanp_img img{ height:100%; vertical-align:middle;}
.r_product ul li h3{color:#444; font-size:15px; font-weight:normal; margin:4px 0;}
.r_product h3 a{color:#444;}
.r_product h3 a:hover{color:#f77a1c;}
/*经销商报价产品*/
.r_product h4{width:100%; font-size:15px; color:#444; height:30px; line-height:30px; font-weight:normal;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.r_product h4 a{color:#444;}
.r_product h4 a:hover{color:#f77a1c;}
.r_product p{color:#999; font-size:14px; overflow:hidden; height:25px; line-height:20px;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.sale{ color:#f77a1c; font-size:15px;}
.sale span{ font-size:20px;}
/*推荐维修站*/
.wei_xiu{ border-bottom:1px dashed #e4e4e4; padding:10px 0;}
.wx_left{width:80px; height:60px; float:left;}
.wx_left img{width:100%; height:60px;}
.wx_right{float:right; color:#444;}
.wx_right a h2{color:#444;}
.wei_xiu a:hover h2{color:#f77a1c;}
.wx_right h2{ font-weight:normal; line-height:30px;}
.wx_right h2 a{color:#444;}
.wx_right p{ font-size:14px; color:#999; line-height:26px;}
.wx_right p a{color:#999;}
.wx_right span{ color:#f77a1c;}
.wei_xiu ul{ margin-top:10px;}
.wei_xiu ul li{ line-height:25px; color:#666; font-size:15px;}
.wei_xiu ul li span{ color:#999;}


/*作业机手列表*/
.site_box{width:100%;display:block; padding:20px 0; border-bottom:1px solid #ebebeb;}
.site_title{width:100%; height:35px; margin-bottom:8px;}
.site_title b{width:6px; height:6px; background:#f77a1c; display:block; float:left; margin-right:8px; margin-top:15px;}
.site_title h2{ font-size:20px; color:#666; font-weight:normal; line-height:35px;}
.site_title span{ font-size:14px !important; color:#999; line-height:30px; margin-left:12px;}
.site_about{width:100%;}
.site_about .zd_left{width:65%; float:left;}
.zd_left ul li{ font-size:15px; color:#999; line-height:22px; margin:4px 0;}
.zd_left ul li b{ font-size:15px;color:#444; font-weight:normal;}
.site_about .zd_right{float:right; margin-top:15px;}
.zd_add{ float:left; color:#666; font-size:14px; background:url(../images/img_2.png) no-repeat left center; text-indent:1.5em; margin-right:10px; line-height:30px;}
.zd_add span{color:#f77a1c;}
.lian_xi{ float:left; width:100px; height:30px; display:block; border-radius:4px; border:1px solid #fdd7ba; text-align:center;}
.lian_xi a{width:100%; height:30px; display:block; color:#f77a1c; font-size:14px; line-height:30px;}
.lian_xi a:hover{width:100%; height:30px; display:block;background:#f77a1c; color:#fff; border-radius:4px;}
.img{width:100%; margin-top:10px;}
.img ul li{ float:left; width:100px; height:100px;}
.img ul li img{width:100%; height:100%;}
.site_box .img ul li{ margin-right:7px !important;}
.zd_more{width:100px; height:100px; display:block; float:right; background-color:#f7f7f7; background-image:url(../images/more.png); background-repeat:no-repeat; background-position:center 60px;}
.zd_more a{width:100%; height:100px; display:block; color:#bababa; font-size:12px; text-align:center; line-height:90px;}
.zd_more a:Hover{color:#f77a1c;}
.dudu_li{width:100%;}
.dudu_right{width:65%; float:left;}
.dudu_right ul li{ margin:6px 0; line-height:24px;}
.dudu_right h2{font-size:15px; color:#444; font-weight:normal; float:left;}
.dudu_right h2 img{ vertical-align:sub;}
.dudu_right dl{width:80%; float:left; font-size:15px; color:#999;}
.dudu_right dl dt{ float:left; font-size:15px; color:#999; padding:0 4px;}
.qiang_d b{padding:0 22px; background:url(../images/img_2.png) no-repeat left center; font-weight:normal; height:35px; line-height:35px; color:#777;}
.qiang_d b span{color:#f77a1c;}

/*弹框css*/
.reveal-modal-bg { 
    position: fixed; 
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0,0,0,.8);
    z-index: 100;
    display: none;
    top: 0;
    left: 0; 
}

.reveal-modal {
    visibility: hidden;
    position:fixed;
    bottom:15%;
    left: 45%;
    margin-left: -300px;
    width: 700px;
    background:#fff;
    z-index:999;
    padding:20px 30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -box-shadow: 0 0 10px rgba(0,0,0,.4);
}

.reveal-modal h1{color:#f77a1d; font-size:32px; text-align:center; font-weight:normal; margin-bottom:15px;}
.reveal-modal ul li { margin:5px 0;}
.reveal-modal ul li h3{ float:left; font-weight:normal; color:#666; font-size:16px; width:120px; text-align:right; line-height:32px;}
.reveal-modal ul li span{ color:#f30a0a; line-height:28px;}
.reveal-modal ul li dl{ float:left;}
.reveal-modal ul li dl input{width:250px; height:30px; border:1px solid #e9e9e9; text-indent:1em; color:#999; font-size:15px; line-height:30px;}
.reveal-modal ul li dl dd{ float:left; margin-right:8px;}
.reveal-modal ul li dl dd select{width:150px; height:30px; border:1px solid #e9e9e9; font-size:15px; color:#999;}
.reveal-modal ul li dl .tong select{width:486px; height:30px; border:1px solid #e9e9e9; font-size:15px; color:#999;}
.img_a{ float:left; margin-right:8px;}
.shang_c{width:130px; height:30px; border:1px solid #e9e9e9; text-align:center; line-height:30px; float:left;}
.shang_c a{width:100%; height:30px; display:block; font-size:15px; color:#999;}
.button{width:50%; height:40px; margin:0 auto; margin-top:20px; margin-bottom:25px;}
.button a{width:140px; height:40px; border-radius:4px; float:left; margin:0 8px; text-align:center; line-height:40px; font-size:18px;}
.submit{ background:#f77a1d; color:#fff;}
.cancel{ background:#efefef; color:#999;}
.two_list{ float:left;}
.two_list input{width:100% !important;}

.reveal-modal .close-reveal-modal {
    font-size: 22px;
    line-height: .5;
    position: absolute;
    top: 5%;
    right: 5%;
    cursor: pointer;
} 

/*分页*/
.page{width:100%; min-height:40px; margin:20px 0; line-height:40px;}
.page ul li{ float:left; font-size:14px; margin-right:6px;}
.page ul li a{ background:#fafafa; border:1px solid #ededed; padding:4px 8px; color:#888;}
.page ul li a:hover{ background:#fafafa; border:1px solid #ededed; padding:4px 8px; color:#f77a1c;}
.current a{background:#f77a1c !important; color:#fff !important;}
.page span{color:#666; font-size:14px;}

#id_page_def a:link,#id_page_def #pageNumber, #id_page_def a:visited{ border:1px solid #ededed !important; border-radius:0px !important; background:#fafafa !important; margin-bottom:10px !important;}
#id_page_def a:hover{ background:#fafafa !important; color:#f77a1c;}
#id_page_def b{ background:#f77a1c; color:#fff; border:1px solid #f77a1c !important; border-radius:0px !important;}
#id_page_def #pageJump{ background:#; border:none;}
#id_page_def #pageJump{ padding:2px 10px !important;}

.logo{background-color:#fafafa; border-top:1px solid #f4f4f4;}
.logo .wap{font-size:28px; font-weight:bold; color:#f77a1c; padding:16px 0px;}

#dialog{background-color:#fff; box-shadow:0 0 5px #aaa; border-radius:5px;  min-height:200px; padding-bottom:20px;}
#dialog h3{ background:#f89405; text-align:center; height:50px; line-height:50px; color:#fff; border-radius:5px 5px 0 0;}
#dialog h3 span{ font-size:24px; height:50px; line-height:50px; display:inline-block; padding:0px 5px; color:#fff;}
#dialog h3 span img{ margin-right:8px; vertical-align:sub;}
#dialog p{width:90%; margin:0 auto; margin-top:20px; font-size:16px; line-height:27px; text-align:center;}
#dialog #shbm2 div{text-align:center; margin-top:20px;}
#dialog div a{display:inline-block; cursor:pointer; padding:7px 18px; font-size:17px; margin:0px 10px; border-radius:3px;}
#dialog div .yes{background-color:#f89405; color:#fff; min-width:70px;}
#dialog div .no{background-color:#ededed; color:#a8a8a8;}


@media screen and (max-width:1280px) {
    .wap,.sn-container,.wrap{width:1000px;} 
    .jishou_left{width:700px;}
    .body_right{width:280px;}
    .js_left{width:140px;}
    .js_right{width:540px;}
    .list_box{ min-height:150px;}
    .js_left p{ font-size:13px;}
    .js_left p{background-position:8px center;}
    .js_left img{width:98px; height:98px;}
    .js_left h2{ height:24px;}
    .img ul li{width:80px; height:80px;}
    .more{width:90px; height:80px;background-position:center 50px;}
    .more a{width:90px; height:80px; line-height:70px;}
    .wx_right h2{ font-size:16px;}
    .site_about .zd_left{width:60%;}
    .site_box .img ul li{ margin-right:8px !important;}
    .zd_more{width:80px; height:80px;background-position:center 50px;}
    .zd_more a{width:100%; height:100%; line-height:70px;}
    .r_product ul{width:300px;}
    .r_product ul li{width:130px;}
    .r_product ul li .chanp_img{ height:78px;}
    .sale,.sale span{ font-size:14px;}
    .dudu_right{ width:60%;}
    .dudu_right dl{width:75%;}
}
