﻿@charset "utf-8";
/* CSS Document */

body { margin:0 auto; font-size:12px; font-family:Verdana; line-height:1.5;}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p,i,b,em { padding:0; margin:0;}
ul { list-style:none;}
img { border:0px;}
a { color:#444; text-decoration:none;}
a:hover { color:#ff6600;}

.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;} 
.undis{display:none;}

/*body*/
#container { width:100%; margin:0 auto;}


/*header*/
.header{width:100%; height:30px; border-bottom:1px solid #F0F0F0; background-color:#fafafa; }
.header ul{width:1000px; margin:0 auto; line-height:28px;}
.header ul li{ display:inline;}
.headerleft{ float:left; }
.headerright{ float:right; width:310px; text-align:right;}
.headerright i{ font-style:normal; display:block; margin-top:10px; font-family: "微软雅黑"; font-size:25px; font-weight:bold; color:#ff8400;}

.logo{width:1000px; margin:0 auto;height:90px;}
.logosj{ background:url(img/indlogo.jpg) width:586px; height:90px; display:inline-block; }

.sjd{ margin:0 10px; padding-left:25px; display:inline-block; background:url(img/sj.jpg) no-repeat; background-position:8px 8px;}
.gzwm{padding-left:25px; display:inline-block; background:url(img/weix.jpg) no-repeat; background-position:0px 8px;}

.wddd{ position:relative; width:1000px;margin:0 auto;top:-30px; text-align:right; }
.arrow:after {
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-left-color: #9fc3f3;
        position: absolute;
        content: "";
		top: 6px;
    }
.arrow:before{
    top: 5px;
   left: 5px;
   border-left-color: white;
   } 

.wddd a {padding:1px 10px; border:1px solid #9fc3f3; background:#e4f5ff; border-radius:3px; color:#9fc3f3; display:inline-block; margin-right:5px;  }
.wddd a:hover{padding:1px 10px; border:1px solid #ffa73d; background:#fff5e8; border-radius:3px; color:#ffa73d; display:inline-block; margin-right:5px;  }
.wddd a:hover .arrow:after{border-left-color: #ffa73d;}

#appmain a{text-decoration:none; position:relative;z-index:3; }
#appmain a div{display:none;}
#appmain a:hover{ visibility:visible; color:#ff6600;}
#appmain a:hover div{position:absolute;right:0px; top:30px;display:block;overflow:hidden; width:285px;}




/*nav*/
.nav{width:100%; height:50px;  background-color:#2576E1; margin-bottom:10px;}
.navbox{width:1000px; margin:0 auto; line-height:45px;}
.nav_main { height:50px; overflow:hidden; float:left; width:675px;}
.nav_main ul li { float:left; font-size:14px; margin:0px 15px 0 15px;}
.nav_main ul li a { float:left; display:block;  line-height:50px; color:#fff; padding-left:10px;font-weight:bold;cursor:pointer ;}
.nav_main ul li a span { float:left; display:block; padding-right:17px;font-weight:bold;}
.nav_main ul li a:hover { background:url(img/navbj.jpg)  repeat-x;display:block; color:#2576E1; font-weight:bold;}
.nav_main ul li a:hover span  { background:url(img/navbj.jpg)  repeat-x;display:block; color:#2576E1; font-weight:bold;}

.indnav{width:100%; height:50px;  background-color:#2576E1; margin-bottom:10px;}
.indnavbox{width:1000px; margin:0 auto; line-height:45px;}
.indnav_main { height:50px; overflow:hidden; float:left; width:675px;}
.indnav_main ul li { float:left; font-size:14px; margin:0px 15px 0 15px;}
.indnav_main ul li a { float:left; display:block;  line-height:50px; color:#fff; padding-left:15px;font-weight:bold;cursor:pointer ;}
.indnav_main ul li a span { float:left; display:block; padding-right:17px;font-weight:bold;}
.indnav_main ul li a:hover { background:url(img/navbj.jpg)  repeat-x;display:block; color:#2576E1; font-weight:bold;}
.indnav_main ul li a:hover span  { background:url(img/navbj.jpg)  repeat-x;display:block; color:#2576E1; font-weight:bold;}

.nav_search{float:right; width:325px; margin-top:5px;}
/* search */
.search{border:2px solid #1e99dd;height:34px;width:303px;background-color:#1e88dd;  position:relative;z-index:2;}
.search select{display:none; }
.search .select_box{font-size:12px;color:#999999;width:75px;line-height:32px;float:left;position:relative; background:#f9f9f9}
.search .select_showbox{height:34px;background:url(img/search_ico.png) no-repeat 55px center;text-indent:1.5em;}
.search .select_showbox.active{background:url(img/search_ico_hover.png) no-repeat 55px center;}
.search .select_option{border:2px solid #1e99dd;border-top:none;display:none;left:-2px;top:36px;position:absolute;background:#fff;}
.search .select_option li{text-indent:1.5em;width:75px;cursor:pointer;}
.search .select_option li.selected{background-color:#F3F3F3;color:#999;}
.search .select_option li.hover{background:#BEBEBE;color:#fff;}

.search input.inp_srh,.search input.btn_srh{border:none;background:none;height:32px;line-height:34px;float:left}
.search input.inp_srh{outline:none;width:165px;background:#ffffff;height:32px; text-indent:0.5em}
.search input.btn_srh{background:#1e88dd;color:#FFF;font-family:"微软雅黑";font-size:15px;width:52px;cursor:pointer ;}


/*Select*/
.Select{width:1000px; margin:0 auto; height:100%; overflow:hidden; margin-bottom:35px; }
.tabbox{ float:left; width:318px;position:relative; height:100%;overflow:hidden;}
.tabbtn{height:46px;background:url(img/tabbg2.jpg) no-repeat;}
.tabbtn li{float:left;position:relative;margin:0 2px 0 0;  color:#ffffff;}
.tabbtn li span{display:block;float:left;height:46px;line-height:40px;overflow:hidden;width:104px;text-align:center;font-size:14px;cursor:pointer;}
.tabbtn li.current{ font-weight:bold; color:#2978df;background:url(img/tabbg3.jpg) no-repeat;}
.tabcon{border-width:0 2px 2px 2px;border-color:#2C79E1;border-style:solid; width:315px; height:282px; overflow:hidden; clear:both;}


#wrap{text-align:left;width:310px;height:auto;margin:0 auto; clear:both;}
#menu{float:left;width:37px; height:100%; overflow:hidden;}
#menu ul{ padding:0 ; margin:0;}
#menu li{ width:12px; padding:0px 35px 0px 0px;background:url(img/menu.jpg) repeat-y;}
#menu a{color:#333;;text-decoration:none;display:block; font-size:12px; padding:0px 35px 0px 0px;vertical-align: middle; width:12px;font-weight: bold;}
#menu a span{color:#333;;text-decoration:none;display:block; font-size:12px; padding:7px 10px 6px 10px;vertical-align: middle; width:12px;font-weight: bold;}
#menu a:hover,#menu .on a{color:#195dc0;font-weight: bold;font-size:12px; padding:0px 35px 0px 0px;vertical-align: middle; background-color:#ffffff;width:12px;background:url(img/menujg.jpg) no-repeat; }
#menu .on a span{color:#195dc0;font-weight: bold;font-size:12px;vertical-align: middle; background-color:#ffffff;width:12px;background:url(img/menujg.jpg) no-repeat; }

#content{float:left;width:260px;margin-left:11px;}
.contbox { padding:0; margin:5px 0 0 0;width:260px; height:100%; overflow:hidden; clear:both;}
.contbox dt{ float:left; width:75px; font-size:14px; font-weight:bold; color:#333333;line-height:24px; text-align:right;}
.contbox dd{ float:right; width:182px; font-size:12px;color:#333333; line-height:22px; text-align:left;}
.contbox dd a{color:#333333;line-height:22px; margin-right:5px; margin-left:5px; display:inline-block;}
.contbox dd a:hover{color:#ff6600;line-height:22px; margin-right:5px; margin-left:5px; display:inline-block;}
.contbox2 { padding:0; margin:15px 0 0 0;width:250px; height:100%; overflow:hidden; clear:both;}
.contbox2 a{color:#333333;line-height:24px; margin-right:5px; margin-left:5px; display:inline-block;}
.contbox2 a:hover{color:#ff6600;line-height:24px; margin-right:5px; margin-left:5px; display:inline-block;}

.contboxqtbox { height: auto; overflow:hidden; border-bottom:1px dashed #cccccc; padding:15px 10px;}
.contboxqt {width:310px; }
.contboxqt dt{ float:left; width:50px; font-size:14px; font-weight:bold; color:#333333;line-height:24px; text-align: center;}
.contboxqt dd{ float:right; width:240px; font-size:12px;color:#333333; line-height:22px; text-align:left; padding-right:5px;}
.contboxqt dd a{color:#333333;line-height:22px; margin-right:5px; margin-left:5px; display:inline-block;}
.contboxqt dd a:hover{color:#ff6600;line-height:22px; margin-right:5px; margin-left:5px; display:inline-block;}

.contboxyl{width:295px; padding:10px;}
.contboxyl p{font-size:14px; font-weight:bold; color:#333333;line-height:30px; margin-left:8px;}
.contboxyl a{color: #5a5c5f;display: inline-block; line-height:30px;padding: 1px 8px; margin:5px 3px; font-size: 12px; border-radius:3px; text-decoration: none;background: #f5f5f5; float:left;}
.contboxyl a:hover{ color: #fff;display: inline-block; line-height:30px;padding: 1px 8px; margin:5px 3px; font-size: 12px; border-radius:3px; text-decoration: none;background: #ffa73d; float:left;}


#content h1{font-size:16px;font-weight:normal; margin:0; padding:0; margin-bottom:8px}
#content ul{list-style:none; margin:0;padding:0}
#content li{padding:3px}
#copy{clear:both}
.ad{ float:right; width:676px; text-align:right;}

.contboxcj{ padding:0; margin:5px 0 0 0;width:260px; height:100%; overflow:hidden; clear:both;}
.cjtitle{ font-size:14px; font-weight:bold; color:#333333;line-height:24px; text-align:left;}

.contboxcj a{color:#333333;line-height:22px; margin-right:5px; margin-left:5px; display:inline-block;}
.contboxcj a:hover{color:#ff6600;line-height:22px; margin-right:5px; margin-left:5px; display:inline-block;}

/*product*/
.product{width:1000px; margin:0 auto; height:100%; overflow:hidden; margin-bottom:35px; clear:both;}
.free{ float:left; width:286px; height:100%;}
.freebox{margin-bottom:10px; height:100% auto;}
.toolbox{ width:284px; border:1px solid #f5f5f5; height:100% auto;  }
.toolbox h1{ background:url(/images/lygjx.jpg) no-repeat; width:114px; height:31px; margin:10px 15px 0px 15px;}
.toolmain{ border-top:1px solid #f5f5f5;}
.toolmain ul{ padding:7px 0 12px 0; overflow:auto; zoom:1;}
.toolmain ul li{width:132px; float:left; margin:5px 5px ; display:inline; text-align:center;}

.drivingtitl{background:url(/images/indexcar.jpg) no-repeat; height:35px; padding:5px 10px 10px 30px; font-size:18px; font-family:"微软雅黑"; color:#333333; background-position:0 5px;  }
.drivingbox{ background:#f4f4f4; padding:5px;height:100%;}
.drivingmain{ border-bottom:1px dashed #909090; padding:10px 0; height:70px; clear:both; width:265px; }
.drivingmain a{ color:#333333;}
.drivingmain a:hover{ color:#ff6600;}

.drivingpic img{ width:80px; height:60px;  border:3px solid #cccccc; float:left; margin-left:5px;}
.drivingnr{ float:right; width:170px; line-height:20px; color:#333333; text-align:left;}
.drivingnr em{ font-style:normal; }
.drivingnr em i{ font-style:normal; font-size:16px; font-family:Arial; color:#F60;}
.drivingmorn{ font-family:Arial; font-size:12px; color:#999999; clear:both; text-align:right; padding-right:10px;}
.drivingmorn a{font-family:Arial; font-size:12px; color:#999999;}
.drivingmorn a:hover{font-family:Arial; font-size:12px; color:#999999;}

.producthot{ float:right; width:676px; text-align:right;}
.producttitle{width:676px; height:30px; border-bottom:2px solid #b5b5b5;}
.producttitle p{ height:30px;  width:150px; background:url(img/xl1.jpg) no-repeat; font-size:18px; overflow:hidden;float:left; padding-right:15px; }
.producttitle1{width:676px; height:30px; border-bottom:2px solid #b5b5b5;}
.producttitle1 p{ height:30px;  width:150px; background:url(img/xl2.jpg) no-repeat; font-size:18px; overflow:hidden;float:left; padding-right:15px; }
.producttitle2{width:676px; height:30px; border-bottom:2px solid #b5b5b5;}
.producttitle2 p{ height:30px;  width:150px; background:url(img/xl3.jpg) no-repeat; font-size:18px; overflow:hidden;float:left; padding-right:15px; }

.producttitle ul{float:left; overflow:hidden; height:30px;  } 
.producttitle ul li {float:left; width:60px; height:30px; line-height:24px;  text-align:center; cursor:pointer; font-size:14px; font-family:"微软雅黑", "宋体"; }
.producttitle ul li.prohover{ height:30px; line-height:24px; background:url(img/indexprobj.jpg) no-repeat; }
.prohover a{ height:30px; line-height:24px;  color:#ffffff; }

.whole{height:30px; line-height:24px; float:right; padding:0 0 0 10px; overflow:hidden;}
.whole a{color:#b5b5b5;}
.whole a:hover{color:#ff6600;}

.productbox{ clear:both;}
.productbox ul{padding:10px 0 15px 0; height:100%;  }
.productbox ul li{width:210px; float:left; margin:5px 10px 0px 4px; display:inline; text-align:left; height:235px; }
.productbox ul li p{ text-align:right;}
.productbox ul li p i{ font-style:normal; font-size:10px; color:#ff3300; font-family:"微软雅黑";}
.productbox ul li p em{ font-style:normal; font-weight:bold; font-size:14px; color:#ff3300;}
.productbox ul li a{ display:block; line-height:24px; color:#333333;}
.productbox ul li a:hover{ display:block; line-height:24px; color:#ff6600;}

 
/* footer*/
.footer{ width:100%; height:100%; overflow:hidden; background-color:#f5f5f5; border-top:2px solid #c1c1c1;}
.footerbox{width:1000px; margin:0 auto; height:100%; overflow:hidden; }

.footerleft{ float:left; width:700px;}
.footerleft ul{padding:7px 0 12px 0; overflow:auto; zoom:1;}
.footerleft ul li{float:left;display:inline; text-align:left; padding:15px 30px 5px 30px;}
.footerleft ul li a{display:block;font-size:12px; color:#666666; line-height:24px;}
.footerleft ul li a:hover{display:block;font-size:12px; color:#ff6600; line-height:24px;}
.footerleft ul li a b{display:block; height:24px; font-size:14px; color:#333333; padding-left:1px; }
.footergyjc{background:url(img/indfooter.jpg) no-repeat; background-position:-10px 8px}
.footerjcfw{background:url(img/indfooter.jpg) no-repeat; background-position:-153px 8px}
.footeryywz{background:url(img/indfooter.jpg) no-repeat; background-position:-308px 8px}
.footerzffs{background:url(img/indfooter.jpg) no-repeat; background-position:-460px 8px}
.footerwtjd{background:url(img/indfooter.jpg) no-repeat; background-position:-600px 8px}

.footerright{ float:left; width:300px; margin-top:20px;}

.beian{ text-align:center ; line-height:24px; margin-top:20px; clear:both; color:#666666;}

.footerwxbox{ margin-bottom:10px;}
.footerweixin{background:url(img/weixin.png) no-repeat; float:left; width:92px; height:93px; display:block;}
.footerkf{float:right; width:165px; font-size:14px;}
.footerkf p{font-size:14px; line-height:24px; text-align:left}

/*首页广告*/
#YSlide { margin:0 auto; background:#fff; width:676px; height:330px;  position:relative; z-index:1;}
#YSlide img { width:676px; height:330px; overflow:hidden;}
#YSlide strong { width:676px; height:33px; line-height:33px; font-weight:normal; background:#fff; position:absolute; left:0px; top:272px; color:#000; font-size:18px; text-indent:10px; font-weight:bold;  opacity: 0.5; filter:alpha(opacity=50);}

#YSIndex { height:21px; position:absolute; right:15px; top:280px; display:block;}
#YSIndex li { padding:3px 5px; line-height:15px; border:solid 1px #fff; color:#fff;width:13px; height:15px; margin-right:3px; float:left; background:#2576e1; display:block; cursor:pointer; }
#YSIndex li.current { border:solid 1px #fff; background:#f2b100; color:#000;}
.ad_bar { margin:0 auto; width:720px; }

/*QQ客服*/

.qqkefu1{width:167px; height:320px; position:fixed; _position:absolute; left:0;top:150px; z-index: 9999; line-height:28px;}
.qqkefu2{width:167px;  background:url(../Images/kefu2.gif) no-repeat; position:fixed; _position:absolute; right:0;top:150px; z-index: 9999;}
.qqkefu2 a{color: #080;}
.qqkefu2 a:hover{color: #f60; text-decoration: none;}
.qqkefu2_hand{position:absolute; width:30px; height:120px; left:0px; top:106px;}
.qqkefu2 .qqs{ width:167px;  float:right; overflow:hidden;}
.qqkefu2 .qqs li{width:122px;line-height:20px; float:left; padding:0px 0 0px 45px; background:url(../Images/kefubj.gif)  repeat-y;   }
.qqkefu2 .qqs li img{vertical-align:middle; margin-right:10px;}
.qqkefu2 .tel1{width:121px; height:120px; margin:33px 0 0 40px;}
.qqkefu2 .tel1 span{ float:left; display:block;line-height:16px;}
