/* CSS Document */

*{margin:0;padding:0;list-style-type:none;border:0;}
table{empty-cells:show;border-collapse:collapse;border-spacing:0;} 
h1{font-size:10px; font-weight:normal;} h2{ font-size:28px; font-weight:normal;} h3,h4{font-size:14px; font-weight:normal;} h5,h6{font-size:10px; font-weight:normal;}
abbr,acronym{border:0;font-variant:normal} 
address,caption,cite,code,dfn,th,var,optgroup,i,em,small,ins,tt,big,p,tb{font-weight:normal; font-size:100%; font-style:normal; text-decoration:none;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button,textarea,select{*font-size:100%}
a{ text-decoration:none; color:#7b7b7b}
a:hover{ text-decoration:underline;}
body{margin: 0px auto;padding: 0px;font-family: "微软雅黑";font-size:100%;}
html{overflow-x:hidden;}
body,html{width:100%; text-align:left;}
.qc{clear: both;}

/*Ã©Â¦â€“Ã©Â¡Âµ*/
.slideBox{position:relative;overflow:hidden}
.slideBox .hd{position:absolute;height: 12px;line-height:5px;bottom: 10px;z-index:1;width:100%;text-align:center}
.slideBox .hd .d_ul{width:100%;}
.slideBox .hd li{display:inline-block;width: 10px;height: 10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius: 6px;background:#cfcfcf;text-indent:-9999px;overflow:hidden;margin:0 6px;}
.slideBox .hd li.on{background: #222;}
.slideBox .bd{position:relative;z-index:0}
.slideBox .bd li{position:relative;text-align:center}
.slideBox .bd li img{vertical-align:top;width:1920px;}
.slideBox .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0)}

/*é¦–é¡µ*/
.herder{ width:1200px; margin:0 auto;}
.r_phone{margin-left:500px;float:right;}
.top{ width:100%; height:140px; float:left;}
.top_left{ float:left; padding-top:22px;}

.top_email{float:left; margin-top:20px; background:url(../images/email.png) top left no-repeat; color:#000;}
.top_email h5{font-size:18px;padding-left:40px;line-height:21px;height:21px;font-family: arial;}
.top_right{ margin-top:35px; background:url(../images/tel.png) top left no-repeat; color:#000;}
.top_right h4{font-size:21px;padding-left:40px;line-height:21px;height:21px;font-family: arial;}


.nav{ width:100%; height:50px; background-color:#222; float:left;}/*Ã¥Â¯Â¼Ã¨Ë†ÂªÃ¦ÂÂ¡*/
.nav li{ width:150px; height:50px; background:url(../images/nav.png) right no-repeat; text-transform:uppercase; float:left; font-size:14px; text-align:center; line-height:50px; color:#fff;}
.nav li a{ color:#fff; display:block;} 
.nav li a:hover{ background-color:#0f0f0f; text-decoration:none;} 
.nav li .hover{ background-color:#0f0f0f; text-decoration:none;} 

.banner{ width:100%; float:left;}/*Ã¥Â¤Â§Ã¥â€ºÂ¾*/

.product{ width:100%; float:left; height:558px; background-color:#e1e1e1;}/*Ã©Â¦â€“Ã©Â¡ÂµÃ¤ÂºÂ§Ã¥â€œÂ*/
.product p{ color:#000; text-align:center; padding-top:50px; font-size:35px; text-transform:uppercase;}
.product .sbtitl{/* width:950px; */margin:0 auto;padding-top:20px;height: 40px;}
.product .p_li{height:40px;text-align:center;font-size:14px;margin-right: 4px;line-height:40px;float:left;text-transform:uppercase;background-color:#222;width: 16%;overflow: hidden;}
.product li a{ color:#fff; display:block; padding:0 20px;}
.product li a:hover{ background:url(../images/index_product.png) center bottom no-repeat; text-decoration:none; height:45px; }
.product li .hover{ background:url(../images/index_product.png) center bottom no-repeat; text-decoration:none; height:45px; }
.product dl{ width:1200px; float:left;margin-top:30px;}
.product dd{ width:282px; height:266px; background-color:#fff; float:left; margin-right:20px; text-align:center;}

.index_about{ width:100%; float:left;}/*Ã©Â¦â€“Ã©Â¡ÂµÃ§Â®â‚¬Ã¤Â»â€¹*/
.index_about p{ color:#000; text-align:center; padding-top:50px; font-size:35px;}
.index_about span{ float:right; padding:30px 0; padding-left:25px; width:497px; height:270px;}
.index_about li h3{ color:#000; font-size:22px; font-weight:bold; text-transform:uppercase; padding-top:30px; padding-bottom:20px; }
.index_about li h4{ color:#747474; line-height:23px; font-size:14px;line-height:23px;}
.index_about li h5{text-align:left}
.index_about li h5 a{ width:109px; height:40px; background-color:#000; font-size:15px; line-height:40px; text-align:center; text-transform:uppercase; color:#fff; margin-top:20px; display:block;}

.index_news{ width:100%; float:left;background-color:#e1e1e1;}/*Ã©Â¦â€“Ã©Â¡ÂµÃ¦â€“Â°Ã©â€”Â»*/
.index_news p{ color:#000; text-align:center; padding-top:50px; font-size:35px; text-transform:uppercase;}
.index_news li{ width:285px; float:left; margin-right:10px; padding:30px 0;}
.index_news span{ float:left; width:285px; height:156px;}
.index_news dl{ width:285px; height:186px; background-color:#fff; float:left;}
.index_news dd{margin:15px;}
.index_news dd h3{ background:url(../images/index_news1.jpg) left no-repeat; color:#595959; font-size:15px; font-weight:bold; padding-left:25px; font-family:"arial"}
.index_news dd h4{ color:#595959; font-size:14px; line-height:22px; padding-top:20px;}

.index_case{ width:100%; float:left;} /*Ã¦Â¡Ë†Ã¤Â¾â€¹*/
.index_case .center{ width:1200px; margin:0 auto; background:url(../images/index_case.jpg) no-repeat; height:711px;}

.index_case .case{ width:589px; height:566px; background: rgba(250,250,250,0.6) none repeat scroll !important; float:right; margin:72px 25px; color:#000;  }
.index_case .case ul{width:589px}
.index_case .case h2{display: inline-block;margin: 15px;text-transform: uppercase;float:left}
.index_case .case .more{float:right; margin: 22px 24px;}
.index_case .case li{ float:left; margin-right:35px}
.index_case .case li p{text-align:center;    line-height: 33px;color: #7b7b7b;font-size: 12px;background: #D3CCC4;}
.index_case .case li:first-child{margin-left:15px}
.index_case .case li:last-child{margin-right:0}
.index_case .case img{width:155px}
/*.index_case li{font-size:30px; text-transform:uppercase; padding-top:50px; padding-left:30px; padding-bottom:20px;}
.index_case h3{ font-size:16px; line-height:25px; padding:0 30px;}
.index_case h4 a{ width:165px; height:60px; background-color:#000; font-size:16px; line-height:60px; text-align:center; text-transform:uppercase; color:#fff; margin-top:20px; display:block; margin-left:30px;}*/

/*Ã¥â€¦Â³Ã¤ÂºÅ½Ã¦Ë†â€˜Ã¤Â»Â¬*/
.ny{ width:100%; float:left; padding-top:50px;}
.ny_x{ float:left; width:270px;}
.ny_x h2{ width:270px; height: 76px; color:#fff; line-height: 76px; text-indent:1em;font-size: 23px; font-weight: bold;background-color: #000; float:left; text-transform:uppercase;}
.ny_x .ftp{ width:270px;}
.ny_x .ftp span{ width:270px; height:7px; background-color:#eaeaea; float:left;}
.ny_x .ftp li{ float:left; width:269px; height:51px; background: url(../images/product1.jpg) no-repeat; color:#3d3d3d; font-size:16px; text-indent:10px; line-height:51px;}
.ny_x .ftp li a{ color:#3d3d3d; display:block;font-size: 14px;text-align: left;}
.ny_x .ftp li a:hover{ color:#3d3d3d; background:url(../images/product.jpg) no-repeat; text-decoration:none; }
.ny_x .ftp li .hover{ color:#3d3d3d; background:url(../images/product.jpg) no-repeat; text-decoration:none; }
.ny_c{ float:right; width:875px;}
.ny_c .h3{ width:875px; height:30px; font-size:20px; border-bottom:#e5e5e5 solid 1px; float:left;}
.ny_c .h3 h2{ color:#898989; font-size:13px; line-height:30px; background:url(../images/about.jpg) left no-repeat; padding-left:2em; float:right;} 
.ny_c .h3 h2 a{ color:#000;}
.ny_c .h4{ width:875px; float:left; padding-top:20px;}
.ny_c .h4 .su{ color:#000; font-weight:bold; font-size:22px; padding:15px 0;}
.ny_c .h4 .sui{ color:#383838; font-size:14px; line-height:30px; text-indent:2em;}
.ny_c .h4 span{ padding-top:50px;width:432px; height:228px; float:left;}

/*...........................................Ã¤ÂºÂ§Ã¥â€œÂÃ¥Â±â€¢Ã§Â¤Âº...........................................*/
/*...........................................Ã¤ÂºÂ§Ã¥â€œÂÃ¥Â±â€¢Ã§Â¤ÂºÃ©Â¡Âµ...........................................*/
.cp2{ width:100%; float:left;}
.cp2 .li1{margin:38px 0 0 0;}
.cp2 li{ width:272px; border:#eee solid 1px; background-color:#fff; float:left; margin:38px 18px 0 0;}
.cp2 li img{ width:252px; float:left; height:246px; padding:10px;}
.cp2 li span a{ width:272px; height:40px; background-color:#efefef; color:#6b5f53; text-align:center; line-height:40px; display:block; float:left;font-size: 12px;}

/*Ã§â€°Ë†Ã¦ÂÆ’*/
#copy{ width:100%; background-color:#3c3c3c; height:245px; float:left; margin-top:50px;}
.copy{ width:1200px; height:197px; float:left;}
.copy .left{float:left;/* padding-left: 0px; */margin-top:35px;}
.copy .left span img{ width:82px; height:82px; float:left;}
.copy .left span{width:82px;float:left;/* margin-left:30px; */color:#000;text-align:center;}
.copy .left span a{ color:#000;}
.copy .center{float:left;/* width:630px; */margin-top:35px;padding-left: 30px;}
.copy .center .footProduct{ float:left; margin-right:20px;}
.copy .center .footProduct ul h3{ color:#fff; font-size:17px; line-height:22px; text-transform:uppercase;}
.copy .center .footProduct ul li{ color:#fff; background:url(../images/copy.jpg) no-repeat left; text-indent:1em; font-size:12px; line-height:22px;}
.copy .center .footProduct ul li a{ color:#fff;}
.copy .right{ float:right;margin-top:35px;}
.copy .right .footContactUs{color:#fff; font-size:26px; padding-bottom:15px; float:left; width:100%; font-weight:bold;}
.copy .right .footHotline h3{ color:#c2c2c2; font-size:14px; font-family:"arial";line-height:22px;}
.copy1{ width:100%; float:left; height:49px; margin-top:2px;}
.footerright{ text-align:center; background:url(../images/copy1.jpg) top center no-repeat; line-height:47px; color:#fff; font-size:14px;}
.footerright a{ color:#b2b2b2}

/*fenye*/
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}

.prev{ height:30px; background:#3c3c3c; color:#fff;padding:0 15px;line-height:30px;display:inline-block;width:40px;border-radius:5px}
.next{ height:30px; background:#3c3c3c; color:#fff;padding:0 15px;line-height:30px;display:inline-block;width:40px;border-radius:5px;margin-left:150px}
.shang{border-top:#e5e5e5 solid 1px;display:block;line-height:40px}

.OneOfTwo{padding-top: 90px;}
.msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold;}
.message_block{color:#666;}
.message_block p{padding:12px;}
.msg_input{width:400px;border:1px solid #e0e0e0;padding:8px 9px;background:#fff;font-size:13px;color:#888;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;}
.msg_input_on{width:400px;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}
.message_labes{font-size:14px;}
.message_title{height:34px;line-height:34px;background:#f6f9fb;padding:0 12px;}
.message_title h2{color:#376b88;font-size:14px;float:left;}
.message_title span{float:right;font-weight:bold;color:#999;}
.message_info{color:#8ea6b6;text-align:right;}
.message_replay{background:#f5f5f5;padding:0 12px;}
.msg_btn_area{margin:16px 0;/* text-align:right; */}
.msg_btn_area a{display:inline-block;padding:5px 15px;background: #d6271b;color:#fff;text-align:center;font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;}
.msg_btn_area a:hover{text-decoration:none;background:#d6271b}
.msgflag{margin-left:4px;font-size:12px;color:#900;}

