@charset "utf-8";
body{font-family: "微软雅黑"}
*{ margin:0px; padding:0px;}
img {border:0;margin:0; padding:0;}
ul,li,ol,h1,h2,h3,dl,dt,dd,form,p,span,b,u,s,i{list-style:none;margin:0; padding:0; font-weight:normal}
.clearfix{display:inline-table;}
* html .clearfix{height:1%;/*ie6*/}
*+html .clearfix{min-height:1px;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: 0;}
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }
input,textarea {outline:none;}/*去掉输入框得到焦点时边框会出现阴影效果----例如360 火狐*/
a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } a:focus{ -moz-outline-style: none; /* FF */ } /*去掉a标签超链接的虚线框*/
.clearboth{ clear:both}
.clear{clear: both;font-size: 0;height: 0;line-height: 0}
.fl{float: left;}
.fr{float: right;}

a:link { text-decoration: none;color: #423d3f;}
a:visited {text-decoration: none; color: #423d3f;}
a:hover { text-decoration: none; color: #F00;transition: all 0.3s ease-out 0s;}
a:active {text-decoration: none; color: #535353;}




.main{ width:1180px; margin:0 auto;  overflow:hidden}
.main1{ width:1180px; margin:0 auto;}

body {margin: 0px; color:#595959; background:url(../img/bg.jpg) repeat top left;font-size: 12px; font-family:"Microsoft YaHei",宋体,Arial, Helvetica, sans-serif;}


/*<!--top-->*/
.top_bgk{ height:121px;background:#FFF;position: relative;}

/*<!--logo-->*/

.logo{ width:84px; height:58px;position: absolute;top:-33px;left: 0;}
.logo_title{ width:151px; height:54px; float:left; margin:30px 0px 0px 30px; display:inline}
.logo_title p{ font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#8d8d8d; letter-spacing:2px; margin-top:6px;}
.logo_tag{ font-size:18px; color:#8d8d8d; font-weight:bold; float:left; margin:30px 0px 0px 40px; display:inline}
.top_sw{ width:316px; height:33px;line-height:33px; background:url(../img/sw_bg.jpg) no-repeat top center; padding-left:20px}
.top_sw a{ color:#585858; padding:0px 4px; }


.top_sw a img{ vertical-align:middle;}


.logo_right{width:336px; float:right; margin-right:20px; display:inline }
.iphone{ font-size:14px; color:#424242; background:url(../img/tel.jpg) no-repeat  25px 23px;  width:258px; padding:23px 0px 0px 90px; height:80px}
.iphone p{ font-size:28px; color:#d53127}

/*<!--nav-->*/
.nav_bg #nav{margin-left: 20px;
overflow: hidden;
display: inline-block;
float: right;
}
.nav_bg{ height:81px; line-height:54px; width:100% }
.nav_bg li{height: 33px;
width: 103px;
display: block;
float: left;
color: #FFF;
text-align: center;
font-size: 14px;
line-height: 33px;
margin-top: 13px;
border-radius: 16px;margin-left: 22px;
overflow: hidden;
}
.nav_bg li a{  height:44px; display:block; color:#606060; font-weight:bold}
.nav_bg li a:hover,.nav_bg li a.cur{background: #b90000; color: #fff;}

.CurrentMenu {
	color: #FFF; 
	background:url(../img/nav_hover.png) no-repeat center bottom;
}


/*banner*/
.flexslider{position:relative;height:460px;overflow:hidden;background:url(../img/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:460px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:999;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../img/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../img/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../img/next.png) center center no-repeat;}

/*内页新闻*/
.nynews_list{ width:100%;}
.nynews_list li{ width:100%;line-height:35px; border-bottom:1px dashed #dedede; height:35px; background-image:url(../images/dd.jpg); background-repeat:no-repeat; background-position:left center;}
.nynews_list li a{ float:left; color:#333; }
.nynews_list li a:hover{ color:#40A52B; }
.nynews_list li span{ float:right;}


/*search*/
.search_bg{ background:#fcfcfc ; height:35px;border-top: 1px solid #ddd;}

.search1{ float:right;  width:230px;  height:24px;  border:1px solid #cfcfcf; line-height:24px;margin-top:6px; display:inline}
.main_search{width: 1080px;margin: 0 auto}


.search_zi{ float:left; width:700px; color:#262626; line-height:35px;}
.search_zi a{ color:#262626; margin:0 2px;}
.search_zi a:hover{ color:#F00; }

.search1 .text{ width:146px; height:24px; float:left; background:#FFF; padding-left:10px;  border:none; line-height:24px; color:#262626}
.search1 .submit{ width:22px; height:24px; cursor:pointer; float:left; background:url(../img/search.jpg) no-repeat center center; color:#FFF; text-align:center}



/* end nav*/
.end_dbg{ background:#c4261d; margin-top:20px; padding:0px 0px 20px 0px;clear:both;}

.end_nav{   height:50px  ;line-height:50px; text-align:center; font-size:15px;border-bottom: 2px dotted #a70000;}
.end_nav a{ color:#FFF; padding:0px 25px;}


/* end n*/
.end_n{ text-align:center; color:#FFF; line-height:24px; padding:10px 0px; font-size:14px }
.end_n a{ color:#FFF; }
.end_n a:hover{ color:#fff400}
.end_nav a:hover{ color:#fff400}
.end_n dd{ padding:2px 0px}
.end_n dd img{ vertical-align:middle}





.online-phone { padding:0;display: block; width:95px;height: auto; background:#ededed; border: medium none; opacity: 1;}
.online-phone div { line-height:24px;}
.online-phone li {color:#0072c6;font-family:"Microsoft YaHei";width:95px;height:45px;padding:4px 0;margin: 0;cursor:pointer;border-bottom:1px solid #a5c8e1;background: #d5e0e9 url(../img/callservice_2.png) -202px 4px no-repeat;}
.online-phone li:hover {color:#fff;border-bottom:1px solid #ecc0a6;background:#ff7424 url(../img/callservice_2.png) -202px -50px no-repeat; }
.online-phone li a { color:#0072C6;}
.online-phone li a:active { color:#0072C6;}
.online-phone li a:hover { color:#fff;}
.phone-name { text-indent:35px;}
.phone-nub {text-indent:3px;}
.online-tc {cursor: pointer; display: block; width: 95px; height: 90px; background: url(../img/callservice_2.png) no-repeat 0 0; border-bottom:1px solid #ebac00;  opacity: 1;	}
.online-tc:hover {background: url(../img/callservice_2.png) no-repeat -105px 0; }
.online-code {/*display: block; cursor:pointer; width: 95px; height: 80px; background: url(../img/callservice_2.png) no-repeat 0 -290px; border: medium none;opacity: 1;*/}
.online-tel {display: block; cursor:pointer; width: 95px; height: 15px; background: url(../img/callservice_2.png)no-repeat 0 -290px; border: medium none;opacity: 1;padding-top:65px; text-align:center ;font-size:12px;font-weight:bold;font-family:"黑体";font-style:italic;}
.online-left {float:left;position: absolute; left:0; cursor:pointer; width:26px; height:132px;}
.online-hidden {background:url(../img/callservice_2.png) -274px -104px no-repeat}
.online-show {background:url(../img/callservice_2.png) -274px -244px no-repeat}
.online-right { float:right}
.kwfwexin{ width:95px; height:96px; margin:0px 0;}
.kwfwexin img{ width:95px; height:96px;}
 .form_box dl {clear: both;padding: 8px 0px;    font-size: 12px;    line-height: 28px;}
.form_box dl dt {    display: block;    float: left;    width: 150px;    text-align: right;}



@charset "utf-8";

/* CSS Document */



.zoom-section{clear:both;margin-top:20px;}

*html .zoom-section{display:inline;clear:both;}

.zoom-desc{float:left;margin-left:10px;width:310px;margin-bottom:20px;}

.zoom-small-image{border:1px solid #CCC;float:left;margin-bottom:20px;}

.zoom-tiny-image{border:1px solid #CCC;margin:0px;}

.zoom-tiny-image:hover{border:1px solid #C00;}



.prohead{ overflow:hidden}

.prohead .hleft{ width:402px; float:left}

.prohead .hleft .proimg{ width:400px; }

.prohead .hleft .proimg img{width:400px; height:400px; }

.prohead .hleft .smallimg{ width:402px; height:60px; overflow:hidden}

.prohead .hleft .smallimg dl{ width:402px; height:60px;}

.prohead .hleft .smallimg dl dt{ width:10px; height:45px; margin-top:8px;}

.prohead .hleft .smallimg dl dt.prev{ float:left;}

.prohead .hleft .smallimg dl dt.next{ float:right;}

.prohead .hleft .smallimg dd{ width:360px; height:60px; float:left; margin-left:12px; overflow:hidden}

.prohead .hleft .smallimg dd li{ width:72px; float:left; height:60px; text-align:center}

.prohead .hleft .smallimg dd li img{ width:58px; height:58px; border:1px solid #ccc; }

.prohead .hleft .smallimg dd li a:hover img,.prohead .hleft .smallimg dd li a.hover img{ border-color:#dd127b}

.prohead .hleft .btns{margin-top:20px;}

.prohead .hleft .btns span{ display:none}

.prohead .hleft .btns a{ display:block; height:22px; line-height:22px; text-indent:20px; font-size:12px; background:url(../img/btn-s-bg.png) no-repeat; float:left; margin-right:16px; width:80px;}

.prohead .hleft .btns a.b1{ background-position: left -150px}

.prohead .hleft .btns a.b2{ background-position: left -30px; width:93px;}

.prohead .hleft .btns a.b3{ background-position: left -120px;}

.prohead .hleft .btns a.b4{ background-position: left -60px;}


.btns1{ clear:both; margin-top:15px;}
.prohead .hright{ float:right; width:440px;font-family:microsoft yahei;padding-left: 20px;}

.prohead .hright h1{ font-size:18px; }

.prohead .hright h2{ font-size:15px; color:#ff7300;}



.prohead .hright .proinfo{ border-bottom:1px solid #ddd; padding-bottom:12px;}

.prohead .hright .btns{  width:100%; overflow:hidden; margin:15px auto;}

.prohead .hright .btns img{ margin-right:20px;}



.prohead .hright .tips{ border:#F66 1px solid; background-color:#FCF; font-size:12px; padding:0px 12px; color:#F00; display:none}



.procontent{ margin-top:20px;}

.procontent .tit{ height:40px; line-height:40px; border-bottom:2px solid #40A52B;}

.procontent .tit dt{ float:left; height:40px; line-height:40px; color:#fff; background-color:#40A52B; text-align:center; width:160px; font-weight:bold; font-size:14px;}

.procontent .detail{ margin-top:20px;}

.comment_list{ width:95%; margin:0 auto;}

.formbox222{border:1px solid #d5d5d5; border-radius:4px; overflow:hidden; padding-left: 25px;

margin-top: 20px; padding-bottom:20px;}

.formbox{ margin-top:20px;}

.formbox dl{border:1px solid #d5d5d5; border-radius:4px; overflow:hidden;_float:left }

.formbox dl dt{ background:url(../img/tit1.gif) repeat-x; height:32px; padding-left:12px; line-height:32px; font-weight:bold;}

.formbox dl dd{ padding:20px 0px; line-height:26px;}

.formbox dl dd input{ border:1px solid #ccc; height:30px; border-radius:4px; padding:0px 12px;}

.formbox dl dd textarea{border:1px solid #ccc; height:100px; border-radius:4px;}

.formbox dl dd input.submit{ background-color:#dd127b; color:#FFF; border-color:#9c0c56; text-shadow:1px 1px 0px #9c0c56;}

.formbox dl dd .rate{ background:url(../img/stars_3_small.gif) no-repeat; width:80px; height:12px; overflow:hidden;}

.formbox dl dd .rate label{ width:14px; height:12px; float:left; display:block; cursor:pointer; padding:0px; margin:0px; line-height:12px; margin-right:1px;}

.formbox dl dd .ratesbox{ width:0px; height:0px; overflow:hidden; float:left}



.formbox dl dd .rate.rate1{ background:url(../img/stars_1_small.gif) no-repeat;  }

.formbox dl dd .rate.rate2{ background:url(../img/stars_2_small.gif) no-repeat;  }

.formbox dl dd .rate.rate3{ background:url(../img/stars_3_small.gif) no-repeat;  }

.formbox dl dd .rate.rate4{ background:url(../img/stars_4_small.gif) no-repeat;  }

.formbox dl dd .rate.rate5{ background:url(../img/stars_5_small.gif) no-repeat;  }



.formbox .btnews{ padding:0px 20px; overflow:hidden}

.formbox .btnews li{ width:300px; float:left; list-style:square inside; margin-left:20px; margin-right:10px;}

.formbox .reviewbox{ padding:0px 30px;}

.formbox .reviewbox li{ padding-bottom:12px;}

.formbox .reviewbox li .name{ font-weight:bold;}

.formbox .reviewbox li .name span{ color:#F90; margin:0px 12px;}

.formbox .reviewbox li .reply{ background:#f4f4f4; padding:0px 12px;}

.formbox .reviewbox li .reply span{ color:#999}

.caigou{border:1px solid #ccc;border-radius: 4px;margin-top: 20px}
.caigou_tit{ background: url("../img/tit1.gif") repeat-x scroll 0 0;font-weight: bold; height: 32px;line-height: 32px;padding-left: 12px;}
.caigou .span_1{float: right;margin-right: 10px;}
.caigou .red_x{color: #dd3904;display: inline;font-size: 12px;}
.tr,.tt{text-align: right;}
#tbForm1 input,#tbForm1 textarea{border:1px solid #ccc;margin-top: 10px;}

#tbForm1 input{line-height: 24px;height:24px;}
#tbForm1 .b15{margin-bottom: 10px;line-height: 20px;}
input.txt {

    width: 200px;

    float: left;

}

.input {

    display: inline;

    margin-right: 5px;

    padding: 5px;

    height: 18px;

    line-height: 18px;

    vertical-align: middle;

    background: none repeat scroll 0% 0% #FFF;

    border: 1px solid #CACACA;

    border-radius: 4px;

    font-family: "Microsoft YaHei";

}



.btn_submit {

    background: none repeat scroll 0px 0px #52A152;

    border: 1px solid #429342;

    color: #FFF;

    cursor: pointer;

    font-family: "Microsoft YaHei";

    font-size: 12px;

    line-height: 1em;

    padding: 10px 30px;

}

.contactus strong{padding: 0px 6px 0px;}

.contactus {
padding: 20px;
}

 .prohead .hright .tels {

    border-bottom: 1px solid #DDD;

    font-size: 16px;

    line-height: 36px;

}

.prohead .hright .tels span {

    color: #F00;

    font-size: 28px;

    font-weight: bold;

    margin-left: 12px;

    line-height: 36px;

}

.zxlyinp{ width:300px;margin:5px 10px; height:25px;}
.zxlyyzm{ width:100px; height:30px; margin:5px 10px;}
.zxlysub{ width:120px; height:30px; background-color:#666; color:#fff; border-radius:5px; border:0px; margin:10px; font-size:15px; font-weight:bold;}