@charset "utf-8";

/* CSS Document */

/* Author: zq */

/* Time: 2014/11/25*/



/*header*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,

form,fieldset,input,textarea,p,blockquote,th,td {padding: 0;margin: 0;}

table {border-collapse: collapse; border-spacing: 0;}

fieldset,img {border: 0; padding:0px; margin:0px;}

ol,ul {list-style: none;}

h1,h2,h3,h4,h5,h6 {font-weight: normal; font-size:100%;}

body{ font-family:Arial,Tahoma,Verdana,sans-serif; font-size:14px; line-height:26px; color:#444444;}

a{ color:#4c4c4c; text-decoration:none;}

.fl{ float:left;}

.fr{ float:right;}

.show{ display:block;}

.hide{ display:none;}

.cl{ clear:both;}

html{ overflow-x:hidden;}

*{ outline:none;}

.wd1200{ width:1200px; margin:0 auto; clear:both; height:auto;}

body a:hover,.news_shlist li a:hover,.imglist li a:hover span,.love_replay a:hover span{ color:#f05401;}



/*header*/

.header{ width:100%; min-width:1200px;}

.h_t{ width:100%; height:30px; line-height:30px; border-bottom:1px solid #e8e8e8;}

.h_top{ height:30px;}

.h_Twel{display:inline; font-size:12px;}

.h_Twel a{ color:#ffffff; padding:0 3px;}

.h_Tclick a{ display:inline-block; padding-left:5px; padding-right:10px; font-size:12px; height:30px; line-height:30px;}

.h_Tclick a:hover{ color:#f05401;}



.h_c{ height:110px;}

.h_cen{ position:relative; height:110px;}

.logo{ position:absolute; left:0; top:20px;}

.logo .img_logo{ max-width:800px; height:70px;}

.t_kh{position:absolute; left:300px; top:20px;}

.t_kh .img_kh{ max-width:600px; height:80px;}

.name_company{left:156px; top:16px; position:absolute;}

.name_company .n1{ font-size:25px; color:#f05401; font-weight:bold; border-bottom:1px solid #f05401; line-height:40px; height:40px; }

.name_company .n2{clear:both; border-top:1px solid #f05401; font-weight:bold; margin-top:2px; font-size:16px;}

.h_Ctel{ position:absolute; right:0; top:25px;}

.h_telR{ padding:0 0 0 60px; background:url(../images/h_telimg.png) no-repeat left bottom;}

.h_telR h2{ color:#434343;}

.h_telR p{ color:#f08200; font-size:26px; font-family:Impact;}



.h_d{ width:100%; height:50px; background-color:#f15400; overflow:hidden; }



/*search*/

#search-btn{background:url(../images/search-input-bg.png) left top no-repeat; height:30px; width:212px; padding:1px; margin-top:9px; float:right; margin-left:10px; position:relative;}

#search-btn form{margin:0; padding:0;}

.search_top{

	height:28px; line-height:28px;

	border:0; background:none;

	width:150px; margin-left:10px; position:absolute;

}

.search_tico{

	width:52px;

	height:28px;

	overflow:hidden;

	text-indent: -999px;

	background:url(../images/search.png) center no-repeat;

	cursor: pointer; border:none; float:right; position:absolute; right:0; z-index:999;

}







.downmainmenu{ width:960px; height:50px; line-height:50px; float:left;}

.downmainmenu ul{

z-index:100;

margin: 0;

padding: 0; 

position:absolute;

list-style-type: none;

text-align:center;



}

.downmainmenu li{ float:left; width:auto; height:50px; line-height:50px; position:relative;}

.downmainmenu li a{ font-size:16px; width:140px; height:50px; text-align:center; display:block; color:#ffffff; background:url(../images/h_dling.png) no-repeat right center; }

.downmainmenu li.cur a,.downmainmenu li a:hover,.downmainmenu li a.selected { background-color:#f38000;}



/*1st sub level menu*/

.downmainmenu ul li ul{

position: absolute;

left: 0;

display: none; /*collapse all sub menus to begin with*/

visibility: hidden; 

background:#f08200; width: 140px; padding-bottom:10px; border-top:1px solid #ffffff;

}



/*Sub level menu list items (undo style from Top level List Items)*/

.downmainmenu ul li ul li{

display: list-item;

float: none; margin:0px; padding:10px 0px; text-align:center; border-bottom:1px dashed #fbc380; 

height:auto; 

}



/*All subsequent sub menu levels vertical offset after 1st level sub menu */

.downmainmenu ul li ul li ul{

top: 0;

}



/* Sub level menu links style */

.downmainmenu ul li ul li a{

height:auto;

line-height:26px;

color:#ffffff;font-size:14px;

text-align:center; background:#f08200;



}

.downmainmenu ul li ul li:hover, .downmainmenu ul li ul li:hover a{background:#f05401;}





/* ######### CSS classes applied to down and right arrow images  ######### */



.rightarrowclass{

position: absolute;

top: 15px;

left: 30px;

}



/* ######### CSS for shadow added to sub menus  ######### */



.ddshadow{

position: absolute;

left: 0;

top: 0;

width: 0;

height: 0;

background: silver;

z-index:100;

overflow:visible;

}



.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/

opacity: 0.8;

}



















/*footer*/

.foot{ width:100%; background-color:#272727; height:auto; overflow:hidden; clear:both; }



/*底部*/

.bottom{ padding-top:30px; padding-bottom:25px; clear:both; height:auto; overflow:hidden;}

.bottom .b_l,.bottom .b_r{float:left;height:auto; overflow:hidden;}

.bottom .b_l{width:860px; background:url(../images/f_bg.png) no-repeat right center;}





.bottom .b_l .text{margin-right:90px;float:left;}

.bottom .b_l .text .f_title{font-size:18px; line-height:40px; color:#a3abaf;}



.bottom .b_l .text ul{height:auto; overflow:hidden;}

.bottom .b_l .text ul li{height:32px; line-height:32px; overflow:hidden;}

.bottom .b_l .text ul li a, .bottom .b_r a{color:#777777;}

.bottom .b_l .text ul li a:hover, .bottom .b_r a:hover{ color:#f05401;}



.bottom .b_r{width:340px;height:auto; float:right; color:#777777;  line-height:32px;}

.bottom .b_r .p2{font-size:18px; line-height:40px; color:#a3abaf;}



.bottom .b_r .list{ padding:10px 0;}

.bottom .b_r .list li{margin:0 15px 0 0;}

.bottom .b_r .list p{display:none;}









/*版权*/
.copy{height:46px; line-height:46px; background:#272727;}
.copy p span{color:#a3abaf;}
.copy p .r{float:right;}
.copy p span a{color:#a3abaf;}
.copy p span a:hover{color:#f38000;}
.copy span.l a{color:#a3abaf; padding-right:10px; margin-right:8px; background:url(../images/h_dling.png) no-repeat right center;}











/*公共浮动*/

.float{ position:fixed; right:0px; top:50%; margin-top:-120px; z-index:2000; background-color:#FFF; border:1px solid #d7d7d7;}

.float_show{ position:relative; width:61px; height:61px; border-bottom:1px solid #d7d7d7;}

.float_shicon{ width:61px; height:61px; cursor:pointer;}

.float_shicon1{ background:url(../images/float_ac1.png) no-repeat;}

.float_shicon2{ background:url(../images/float_ac2.png) no-repeat;}

.float_shicon3{ background:url(../images/float_ac3.png) no-repeat;}

.float_show .float_shicon4 a{ background:url(../images/float_ac4.png) no-repeat; width:61px; height:52px;}

.float_shAll{ display:none; position:absolute; right:61px; top:0; width:190px; height:auto; overflow:hidden; padding-right:14px;}

.float_shBox{ width:146px; height:auto; overflow:hidden; padding:16px 22px; background-color:#FFF; border:1px solid #dcdcdc;}

.float_icon{ background:url(../images/float_shicon.png) no-repeat; position:absolute; right:6px; top:20px; z-index:20; width:8px; height:15px; cursor:pointer;}

.float_qq{ width:136px;}

.float_qqImg{ width:46px; height:46px;}

.float_qqClick{ width:70px;}

.float_qqClick a{ font-size:16px; line-height:23px;}

.float_shTel h3{ font-size:16px;}

.float_shTel p{ color:#FD696D; font-size:18px;}

.float_wxName{ height:20px; line-height:20px; text-align:center;}

.float_shWx{ width:136px;}

.float_shWx img{ display:block; width:126px; margin:0 auto;}

.cur .float_shicon{ margin:-1px 0 0 -1px; width:63px; height:63px;}

.cur .float_shicon1{ background:#f05401 url(../images/float_ho1.png) no-repeat;}

.cur .float_shicon2{ background:#f05401 url(../images/float_ho2.png) no-repeat;}

.cur .float_shicon3{ background:#f05401 url(../images/float_ho3.png) no-repeat;}

.float .cur .float_shicon4 a{ background:#f05401 url(../images/float_ho4.png) no-repeat; width:63px; height:54px;}

.float .float_show4{ width:61px; height:52px;}

.float_show3 .float_icon{ top:90px;}

.float_shicon a{ display:block; width:61px; height:52px;}











.izl-rmenu{

	       margin-right: 0;

	       width: 82px;

	       position: fixed;

	       right: 2px;

	       top: 65%;

	       -webkit-box-shadow: #DDD 0px 1px 5px;

	       -moz-box-shadow: #DDD 0px 1px 5px;

	       box-shadow: #DDD 0px 1px 5px;

	       z-index:999;

}

.izl-rmenu .consult{    

	background-image: url(../images/consult_icon.gif);

    background-repeat: no-repeat;

    background-position: center -77px;

    display: block;

    height: 76px;

    width: 82px;

}

.izl-rmenu .consult .phone {

    background-color: rgb(247,247,255);

    position: absolute;

    width: 160px;

    left: -160px;

    top: 0px;

    line-height: 73px;

    color: #000;

    font-size: 18px;

    text-align: center;

    display: none;

    box-shadow: #DDD -1px 1px 4px;

}

.izl-rmenu a.consult:hover .phone{display:inline !important;}

.izl-rmenu .cart {

    background-image: url(../images/consult_icon.gif);

    background-repeat: no-repeat;

    background-position: center bottom;

    display: block;

    height: 16px;

    width: 16px;

    font-size: 12px;

    line-height: 16px;

    color: #45BDFF;

    text-align: center;

    padding-top: 15px;

    padding-right: 18px;

    padding-bottom: 47px;

    padding-left: 48px;

}

.izl-rmenu a.cart:hover .pic{display:block;}

.izl-rmenu .btn_top {

    background-image: url(../images/float_top.gif);

    background-repeat: no-repeat;

    background-position: center bottom;

    display: block;

    height: 39px;

    width: 82px;

    -webkit-transition: all 0s ease-in-out;

    -moz-transition: all 0s ease-in-out;

    -o-transition: all 0s ease-in-out;

    transition: all 0s ease-in-out;

}

.izl-rmenu .btn_top:hover {

	background-image: url(../images/float_top.gif);

	background-repeat: no-repeat;

	background-position: center top;

}

.izl-rmenu .cart .pic {

	display:none;

    position: absolute;

    left: -160px;

    top: 65px;

    width: 160px;

    height: 160px;

    background:url(../images/weixin.jpg);

}

#udesk-feedback-tab {

    position: fixed;

    right: 2px;

    top: 65%;

    margin-top: -76px;

    -webkit-box-shadow: #DDD 0px -1px 5px;

    -moz-box-shadow: #DDD 0px -1px 5px;

    box-shadow: #DDD 0px -1px 5px;

    z-index: 10000;

    cursor: pointer;

    background-image: url(../images/consult_icon.gif);

    background-repeat: no-repeat;

    background-position: center top;

    display: block;

    height: 76px;

    width: 82px;

    background-color: #FFF!important;

    z-index:999;

}







.newsitem{ width:280px; margin:9px; position:relative; border:1px solid #dddddd; float:left;}

.newsitem div{ margin-left:10px; margin-right:10px;}

.newsitem div.npic{ border-bottom:1px solid #ddd; padding-top:10px; padding-bottom:10px; overflow:hidden;}

.newsitem div.npic img{ width:260px; height:140px;}

.newsitem .itemblock{ display:block;  padding-bottom:40px;}

.newsitem .icon_go{ background:url(../images/icon_fjiao.png); width:30px; height:30px; position:absolute; bottom:-1px; right:-1px;}



.newsitem:hover{ box-shadow:2px 0 4px #ccc;}

.newsitem:hover .icon_go{ background-position:0 bottom}



.newstime{ position:absolute; left:13px; bottom:8px;}

.newsitem div.t1{ color:#333; padding:6px 0; height:52px;}

.newsitem div.t2{ color:#999999; height:52px; overflow:hidden;}

.newsitem .itemblock:hover div.t1{color:#f05401;}