@charset "utf-8";
/*
xiaohei - QQ:290948585 - www.dtmuban.com
*/

* {word-break:break-all;font-family:Microsoft YaHei,Verdana,Arial;-webkit-text-size-adjust:none;}
body, div, dl, dt, dd{
	margin: 0;
	padding: 0;
}
li{ list-style:none; }
.f_dblue{color:#666666;}
.continer{
    width: 100%;
    min-width: 1200px;
}
/*daohang stare*/
.nav{
width: 100%;
height: 130px;
background: url(img/02b.jpg);
}
.daohang{
    width: 1200px;
    height: 33px;
    margin:0 auto;

}
.daohang .daohang_p1{font-size: 12px;
    color: #fff;
    float: left;
    line-height: 33px;}
.daohang .daohang_p2{font-size: 14px;
    color: #fae199;
    float: right;
    line-height: 33px;}
.daohang .daohang_p3{font-size: 14px;
    color: #fff;
    float: right;
    line-height: 33px;
    margin-right: 5px;}
.daohang2{
    width: 1200px;
    height: 97px;
    margin:0 auto;
}
.logo a{
    display: block;
    /* text-indent: -500px; */
}
.logo img{
    width: 84px;
    height:44px;
    margin-top: 30px;
    cursor: pointer;
    margin-right: 10px;
}
.dz{width: 420px;height: 86px;overflow:hidden;}
.dz .p1{
    font-size: 24px;
    color: #084a9b;
    font-weight: 900;
    padding-top: 40px;
    margin-top: 25px;
    padding: 0px;
}
.dz .p2{
    font-size: 12px;
    color: #084a9b;
    padding: 0px;
    height: 32px;
    line-height: 32px;
}

.dz2{width: 600px;}
.dz2 li{
    display: block;
    float: left;
    height:35px;
    width: 90px;
    border-radius: 30px;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
    line-height: 35px;
    margin-top: 30px;
}
.dz2 li a{
    font-size: 15px;
    color: #084a9b;
 }

.dz2 li.mu_on,.dz2 li:hover{
   color: #fff;
   background:#084a9b;
}
.dz2 li.mu_on a,.dz2 li:hover a{color: #fff;}

.mu_more{position:relative}
.no_mu_more{display:none;position:absolute;}
.mu_more:hover .no_mu_more{display:block;}
.no_mu_more{border:1px solid #084a9b;background:#ffffff;z-index:11}
.no_mu_more p {padding:3px 12px}
.no_mu_more p a{color:#084a9b}
.dz2 li:hover .no_mu_more p a{color:#084a9b}
.dz2 li .no_mu_more p:hover,.dz2 li .no_mu_more p.mu_on{background:#084a9b;}
.dz2 li .no_mu_more p:hover a,.dz2 li .no_mu_more p.mu_on a{color:#ffffff;}

/*daohang end*/
/*banner stare*/
.datu{
    width: 100%;
	overflow: hidden;
}
.datu .banner{ 
    width: 100%;
	overflow: hidden;
	position: relative;
}
.datu p{
    position: absolute;
    left: 70%;
    top: 50%;
}
/*banner end*/
/*关于我们 stare*/
.guan{
    width: 100%;
    height: 420px;
    background: #fff;
}
.yu{
    width: 1200px;
    height: 420px;
    margin: 0 auto;
}
.z{
    width: 650px;
    height: 420px;
}
.z a{
    cursor: pointer;
}

.dl{
    width: 650px;
    margin-top: 40px;
    padding: 0;
}

.duan_in {
    font-weight: 100;
    margin-top:20px;
    padding: 0;
    font-family: "微软雅黑";
    font-size: 14px;
    color: rgb(67, 67, 67);
    line-height: 24px;
    margin-right: 5px;
    text-align: justify;
    height: 168px;
    overflow: hidden;
    text-indent:30px;

}


.ge{
    height: 50px;
    margin-top: 40px;
}
.ge a{
    float: left;
    margin-right: 35px;
    font-size: 16px;
    color: rgba(67,67,67,1);
    width: 150px;
    height: 50px;
    text-align: center;
    border: 1px solid #edf0f5;
    border-radius: 3px;
    line-height: 50px;
    transition:all 0.5s ease;
}
.ge a:hover{
    background:rgb(255,87,0);
    border: 1px solid rgb(255,87,0);
    color:#fff;
    transition:all 0.5s ease;
}
.wt{
    width: 520px;
    height: 328px;
    margin-top: 46px;
}
/*关于我们 end*/
/*产品展示 stare*/
.chan{
    width: 100%;
    height: 715px;
    background: url(img/02t.jpg) no-repeat;
}

.pin{
    /*width: 1200px;
    margin: 0 auto;*/
}
.pz h1{
    font-family: "微软雅黑";
    font-size: 23px;
    color: #fff;
    text-align: center;
    font-weight: 500px;
    padding-top: 56px;
}
.pz p{
    font-family: "微软雅黑";
    font-size: 20px;
    color: #fff;
    text-align: center;
    font-weight: 500px;
}
.span{
    color: #000;
}
#demo {
width: 1200px;
/*margin-top: 80px;*/
margin: 80px auto 0 auto;
overflow:hidden;
height: 250px;
}
#demo a{
    float: left;
    /*display:inline-block;*/
    width:220px;
    margin:0px 10px;
     color: #fff;
     font-size: 14px;
}
#demo a span{
    display:block;
    width:220px;
   text-align:center;
   height: 18px;
}
#demo img {
    width:220px;
    height:220px;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
.sz{
  width: 100%;  
}
.lop{
    /*background: #000;*/
    margin: 0 auto;
    /*width: 1200px;*/
    display: table;
}
.lop a{
    display: block;
    color: #fff;
    float: left;
    border: 1px solid #fff;
    transition:all 0.5s ease;
    margin:70px 10px auto auto;
    padding: 8px 10px 8px 10px;
}
.lop a:hover{
    background-color:#168ddf;
    transition:all 0.5s ease;
    color: #fff;
    border: 1px solid #168ddf;
}
.lp{
    margin: 0 auto;
    text-align: center;
}
.xia{
    width: 1200px;
    height: 50px;
    margin: 80px auto 0 auto;
}
.xia p{
    font-size: 14px;
    font-weight: 900;
    color: #fff;
    margin:0 auto;
    font-family: "微软雅黑";
    height: 50px;
    line-height: 50px;
    background-color:#168ddf;
    cursor: pointer;
    text-align: center;
    width: 150px;
    border-radius: 2px;
    transition:all 0.5s ease;
}
.xia p:hover{
    background-color: #ff9000;
    transition:all 0.5s ease;
    color: #fff;
}
.xinwen{
    width: 100%;
    overflow: hidden;
    margin-bottom: 50px;
}
.xinwen h3{
    margin-bottom: 10px;
}
.bt{
    width: 1200px;
    overflow: hidden;
    background: #fff;
    margin: 0 auto;
}
.bt h1{
    font-family: "微软雅黑";
    font-size: 23px;
    color: #168ddf;
    text-align: center;
    font-weight: 500px;
    padding-top: 56px;
}
.bt h2{
    font-family: "微软雅黑";
    font-size: 20px;
    color: #168ddf;
    text-align: center;
    font-weight: 500px;
}
.tu{
    margin-top: 10px;
}
.img{
    width: 290px;
    height: 200px;
    display: block;
    overflow: hidden;
    float: left;
    margin-right: 13px;
}
.yi_news h3{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-align: justify;
}
.yi_news img{
    width: 290px;
    height: 200px;
    margin-right:13px;
}
.er img{
    width: 290px;
    height: 200px;
    margin-right:13px;
}
.san img{
    width: 290px;
    height: 200px;
}
.si img{
    width: 290px;
    height: 200px;
}
.yi_news{width:33%;margin-top: 30px;}
.yi_news p{ 
    width: 330px;
    font-size: 14px;
    color: #777;
    overflow: hidden;
}
.yi_news h3{
    margin-top: 5px;
    width: 330px;
    font-size: 16px;
    color: #333;
    font-weight: 500;
}
.yi_news h3:hover{color:#168ddf}
.er{
float: left;
margin-right: 0px;
}
.san{
float: left;
}
.si{
float: right;
}
.er p{
    width: 290px;
    font-size: 14px;
    color: #4d4d4d;
    overflow: hidden;
}
.er h3{
   margin-top: 20px;
    width: 290px;
    font-size: 16px;
    color: #000;
    font-weight: 900;
}
.san p{
    width: 290px;
    font-size: 14px;
    color: #4d4d4d;
        overflow: hidden;
}
.san h3{
   margin-top: 20px;
    width: 290px;
    font-size: 16px;
    color: #000;
    font-weight: 900;
}
.si p{
    width: 290px;
    font-size: 14px;
    color: #4d4d4d;
        overflow: hidden;
}
.wt img {
    width: 520px;
    height: 328px;
    display: block;
}
.si h3{
   margin-top: 20px;
    width: 290px;
    font-size: 16px;
    color: #000;
    font-weight: 900;
}
.lj{
    margin:30px auto 0 auto;
    width: 1200px;
}
.lj h1{
   float: left;
    font-size: 26px;
    color: #168ddf;
    font-weight: 900;
}
.lj h2{
    font-size: 14px;
    color: #fff;
    float: left;
    font-size: 14px;
    font-weight: 900;
    margin:7px 30px;
    height: 22px;
    line-height: 22px;
    cursor: pointer;
    text-align: center;
    width: 86px;
    background: #168ddf;
    border-radius: 1px;
}
.lj h2{
    margin-left: 10px;
}
.lj h2 a{color: #fff;}
.lj p{
    float: left;
    margin-right: 30px;
    color: #666;
    font-size: 14px;
    margin-top: 7px;
}
.lj p:hover{
    color: #00baff;
    cursor: pointer;
}
.dibu{
    width: 100%;
    background: #000;
    background-color: rgb(0, 59, 120);
    margin-top: 20px;
    overflow: hidden;
    min-width: 1200px;


}
.aq{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding: 40px 0 10px 0;
}
.aa{
    width: 600px;
    float: left;
}
.aq h1{
    font-family: "微软雅黑";
    font-size: 14px;
    color: #fff;
    height: 22px;
}
.rr{
    width: 600px;
    float: right;
}
.rr .a1{  
    color: #fff;
    font-size: 18px;

}
.rr .a2{  
    color: #fff;
    font-size: 10px;

}

.rr .a0{
    float: left;
    margin-right:10px; 
}
.rr span{
    font-size: 12px;
    font-family: "微软雅黑";
    color: #fff;
    height:20px;
     font-weight: 100;
     margin-right: 50px;
     margin-top:30px; 
         float: right;
}
.rr .telcon{
        font-size: 32px;
    color: #fff;
    height: 20px;
    font-weight: 900;
    padding: 0px;
    float: right;

}
.clear{clear:both;

}
.aq img{
    margin-left: 175px;
    margin-top: -10px;
    float: left;
    width: 60px;
    height: 60px;
}
.zuih{
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding-bottom: 20px;
}
.zuih a{ color: #fff;}
/*产品展示 end*/

.er h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-align: justify;
}
.san h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-align: justify;
}
.si h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-align: justify;
}


.xunj{background: #3F51B5;display:block;width: 230px;height: 44px;line-height: 44px;text-align:center;color:#ffffff;margin-top:30px;font-size: 16px;}

/* thumb */
.thumb {padding:6px;}
.thumb img {border:#C0C0C0 1px solid;padding:3px;}
.thumb div {width:90%;height:26px;overflow:hidden;line-height:26px;font-size:13px;margin:6px 0 6px 0;}
.thumb p {font-size:10px;color:#888888;margin:2px;}
.thumb_on {background:#F1F1F1; outline:#99C4D5 1px dotted;}


/* album */
#mid_pos {position:absolute;}
#mid_div {width:300px;height:300px;cursor:crosshair;padding:5px;border:#CCCCCC 1px solid;background:#ffffff;}
#zoomer {border:#D4D4D4 1px solid;width:120px;height:90px;background:#FFFFFF url('../../../image/zoom_bg.gif');position:absolute;opacity:0.5;filter:alpha(opacity=50);}
#big_div {width:320px;height:240px;border:#CCCCCC 1px solid;background:#FFFFFF;position:absolute;overflow:hidden;}
#big_pic {position:absolute;}
.ab_im {padding:2px;margin:10px 0 10px 13px;border:#C0C0C0 1px solid;}
.ab_on {padding:2px;margin:10px 0 10px 13px;border:#FF6600 1px solid;background:#FF6600;}
/* pages */
.pages {padding:10px 0 10px 0;text-align:center;font-size:14px;}
.pages a:link,.pages a:visited,.pages a:active  {background:#FFFFFF;border:#CCCCCC 1px solid;padding:9px;text-decoration:none;color: #333;}
.pages a:hover  {background:#FFFFFF;border:#CCCCCC 1px solid;color:#FF6600;padding:9px;text-decoration:none;}
.pages strong {background:#2E6AB1;padding:1px;border:#CCCCCC 1px solid;color:#FFFFFF;}
.pages_inp {border:#CCCCCC 1px solid;padding:10px 8px 9px 8px;width:30px;text-align:center;color:#666666;}
.pages_btn {width:56px;background:#F6F6F6;border:#CCCCCC 1px solid;font-weight:bold;font-size:14px;padding:10px 8px 9px 8px;}
.pages label {background:#FFFFFF;border:#CCCCCC 1px solid;padding:9px 8px 9px 8px;}
.pages label em {color:red;font-weight:bold;font-style:normal;}
.pages label span {font-weight:bold;}
/* comment */
.stat {padding:15px 0 10px 0;}
.stat_p {height:10px;line-height:10px;background:#FFF7D2;font-size:1px;}
.stat_p div {height:10px;line-height:10px;background:#FFA40D;border-left:#FFA40D 2px solid;float:left;}
.comment {padding:15px 10px 15px 10px;border-top:#AACCEE 1px dotted;}
.comment_sp {background:#F9FCFE;}
.comment_content {color:#333333;font-size:14px;line-height:180%;clear:both;padding:5px;}
.comment_title {height:26px;line-height:26px;color:#1B4C7A;padding:0 5px 0 5px;}
.comment_reply {padding:5px 10px 5px 10px;margin:0 5px 0 5px;line-height:180%;border:#E6E6E6 1px solid;background:#FFFFE3;}
.comment_no,.order_no {text-align:center;padding:20px;font-size:13px;}

.content{line-height:30px;}

/*文字列表*/
.haha a:hover{
    color: #00036f;
}
.haha{
    width: 905px;
    height: 84px;
    border-bottom: 1px dotted #dbd4cd;
    margin-top:26px;
}
.rl{
    width: 60px;
    height: 60px;
    background: #198ede;
    display: block;
    float: left;
}
.rl span{
    text-align: center;
    font-size: 24px;
    color: #fff;
    font-weight: 900;
    width: 60px;
    background: #198ede;
    display: block;
    padding-top: 5px;

}
.rl span:nth-child(2){
    text-align: center;
    font-size: 12px;
    color: #fff;
    font-weight: 100;
    width: 60px;
}
.duan{
    width: 810px;
    height: 60px;
    margin-left: 24px;
    display: block;
    overflow: hidden;
    float: left;
}
.duan a{
    font-size: 18px;
    color: #5A5A5A;
        display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin-top: 10px;

}
.duan p{
    font-size: 12px;
    padding-top: 4px;
    color: #949494;
     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;

}

/*新闻内容页*/
.biti,.main_body{
    width: 905px;
    text-align: justify;
}
.biti h1,.main_body .title{
    font-size: 26px;
    font-weight: 300;
    text-align: center;
    margin-top: 50px;
}
.main_body .photo_info h1.title{text-align: left;}
.biti h2,.main_body .info{
    font-size: 12px;
    font-weight: 100;
    text-align: center;
    color: #ccc;
	    margin-top: 8px;
}
.biti p{
    margin-top: 30px;
    font-size: 14px;
    line-height: 140%;
    line-height: 24px;
    text-align: justify;
    line-height: 1.7em;
    color: #868686;
    margin-bottom: 10px;
}

.biti .content,.main_body  .content{
	margin-top: 30px;
    font-size: 16px;
    line-height: 140%;
    line-height: 28px;
    text-align: justify;
    color: #868686;
    margin-bottom: 10px;
}
.biti .content a,.main_body  .content a{
	color: #868686;
}
.t_c{text-align:center}
.main_body  .question{margin-left: 330px;}

.step_price{margin:20px 0;}
.step_price td.f_price{color:#e60000!important;font-size: 12px!important;}
.bay{margin-top:20px}
.bay li{float:left;padding:8px 40px 9px;color:#ffffff;font-size:16px;cursor: Pointer; }
.bay .BuyNow{background:#ff8400;margin-right:20px }
.bay .AddCart{background:#e60000;}
.bay .AddCart i{width:20px;height:20px; background:url(img/ico-r-mall.png) no-repeat;float:left;margin-right:3px}