﻿@charset "utf-8";
/*===============================头部 开始===============================*/
#head{width:100%; height:150px;background:url(../../images/head/HeadBg.jpg) repeat-x;}
#head .top{ width:100%; height:35px;}

#head .HeadLanguage{height:25px; line-height:25px;font-size:12px; text-align:right;color:#838282;}
#head .HeadLanguage a{ padding:0px 5px;font-size:12px;text-align:center; color:#838282; height:25px; line-height:25px; display:inline-block;}
#head .HeadLanguage a:hover{ color:#F00;text-decoration:none;}

#head .logo{width:100%; height:96px;}
#head .bg{ width:1002px; margin:auto;background:url(../../images/new-bg01.jpg) repeat;}
#head .logoEN{ padding-top:20px; width:480px; height:70px;}


/* 头部菜单 */
#head .NavBox{width:100%;height:55px; }
#head .Nav{width:750px;height:55px;text-align:left;}
#head .Nav li{ float:left; width:125px;height:55px; line-height:55px;}
#head .Nav li a{ width:125px; height:55px; line-height:55px; font-size:16px;text-align:center; color:#FFF;display:block;  font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif,Arial,"Microsoft YaHei"}
#head .Nav li a:hover,
#head .Nav li a.on{color:#3C3C3C; text-decoration:none;}

#head .NavCN{width:750px;height:55px;text-align:left;}
#head .NavCN li{ float:left; width:125px;height:55px; line-height:55px;}
#head .NavCN li a{ width:125px; height:55px; line-height:55px; font-size:16px;text-align:center; color:#FFF;display:block; font-family:"Microsoft YaHei";}
#head .NavCN li a:hover,
#head .NavCN li a.on{color:#3C3C3C; text-decoration:none;}
/* \头部菜单 */

#head .SearchBox{ width:284px;height:49px; padding-top:2px;}
#head .SearchBg{ width:100%; height:49px; background:url(../../images/head/SearchBg.jpg) no-repeat;background-position:100% 50%;;}
#head .SearchCon{ width:196px; height:25px; padding:13px 0 0 9px;}
#head .SearchCon .IptBox{ width:162px; height:25px;}
#head .SearchCon .IptBox input{ width:150px; height:23px; line-height:23px;  padding:0 7px;border:#CCC 1px solid;}
#head .SearchCon .BtnBox{ width:30px; height:25px;}
/*===============================头部 结束===============================*/


/*===============================底部 开始===============================*/
#footer{ width:100%;height:140px;background:url(../../images/footer/FooterBg01.jpg) repeat-x;}
#footer .CopyrightBg{width:1054px; height:122px;line-height:36px; margin:0 auto; background:url(../../images/footer/FooterBg.jpg) no-repeat;}
#footer .Copyright{ padding-top:20px; line-height:30px; text-align:center;}


/*===============================底部 结束===============================*/





/*===============================中间 开始===============================*/

/*-------------------------------首页 开始-------------------------------*/
.content-box01{ width:1052px;margin:0 auto;border:#E8E8E8 1px solid; border-bottom:none;}
.content-box{ width:1050px;margin:0 auto;text-align:left; border:#D3D3D3 1px solid; border-bottom:none; background-color:#FFF;}

.bg01{ background:url(../../images/Bg-01.jpg) repeat-x;}
.bg02{ background:url(../../images/Bg-02.jpg) repeat-x;}

/* 首页轮滑广告JS */
.home-banner-bg{ width:1052px; height:505px;margin:0 auto; padding-top:12px;}
#tarrow_container {width:1052px;margin:0 auto;position:relative;z-index:0;}
#tarrow_slides {position:absolute;top:5px;left:0px;z-index:100;}
#tarrow_slides .slides_container {width:1052px;overflow:hidden;position:relative;display:none;}
#tarrow_slides .slides_container a {width:1052px;height:490px;border:0;display:block;}
#tarrow_slides .slides_container a img {display:block;border:0;}
#tarrow_slides .next,
#tarrow_slides .prev { display:none;position:absolute;top:203px;left:-39px;width:24px;height:43px;z-index:101;border:0;}
#tarrow_slides .next {left:965px;}
#tarrow_slides .pagination {position:absolute;bottom:30px;left:500px;z-index:101;}
#tarrow_slides .pagination li {float:left;margin:0 5px;list-style:none;border:0;}
#tarrow_slides .pagination li a {display:block;width:20px;height:0;border:0;padding-top:20px;background-image:url(../../images/AD_Icon/tarrow-pagination.png);background-position:0 0;float:left;overflow:hidden;}
#tarrow_slides .pagination li.current a {background-position:0 -25px;border:0;}
/* /首页轮滑广告JS */



.content-box .HomeTitle{ position:relative;height:40px; line-height:40px; padding-left:40px; margin-top:25px; font-size:16px; font-weight:bold; color:#593022; background-color:#FD9B00;}
.content-box .HomeTitle a{ position:absolute; top:12px; right:50px; display:block; width:33px; height:16px; background:url(../../images/icon-01.jpg) no-repeat;}
.content-box .HomeTitle span{ color:#FFF;font-size:16px;line-height:40px; font-weight:bold;}


.content-box .HomeBox01{width:1002px; padding-top:10px; margin:0 auto;}
.content-box .HomeBox01 dl{position:relative;float:left; _display:inline; margin:0 11px 14px 11px; width:310px; height:190px; border:#B5B5B6 1px solid;}
.content-box .HomeBox01 dt{width:310px; height:190px;}
.content-box .HomeBox01 dd{ position:absolute; bottom:0; left:0; width:100%; height:38px;line-height:38px; text-indent:20px; color:#FFF; background:url(../../images/Bg-03.png) no-repeat;}
.content-box .HomeBox01 dd a{ display:block;width:100%; height:38px; line-height:38px;color:#FFF;}
.content-box .HomeBox01 dd a:hover{ text-decoration:none; color:#F00;}


/* 使用场景 */
.content-box .HomeBox02{width:980px; margin:0 auto; padding-top:10px;}
.content-box .HomeBox02 li{float:left; _display:inline;}
.content-box .HomeBox02 .img01{position:relative;width:394px; height:202px; margin-bottom:3px;overflow: hidden;}
.content-box .HomeBox02 .img01 .cover{width:394px;height:202px;}
.content-box .HomeBox02 .img02{position:relative;width:394px; height:216px;overflow: hidden;}
.content-box .HomeBox02 .img02 .cover{width:394px;height:216px;}
.content-box .HomeBox02 .img03{position:relative;width:290px; height:140px;margin-bottom:3px;overflow: hidden;}
.content-box .HomeBox02 .img03 .cover{width:290px;height:140px;}
.content-box .HomeBox02 .img04{position:relative;width:290px; height:135px;margin-bottom:3px;overflow: hidden;}
.content-box .HomeBox02 .img04 .cover{width:290px;height:135px;}
.content-box .HomeBox02 .img05{position:relative;width:290px; height:139px;overflow: hidden;}
.content-box .HomeBox02 .img05 .cover{width:290px;height:139px;}
.content-box .HomeBox02 .img06{position:relative;width:290px; height:167px;margin-bottom:3px;overflow: hidden;}
.content-box .HomeBox02 .img06 .cover{width:290px;height:167px;}
.content-box .HomeBox02 .img07{position:relative;width:290px; height:250px;overflow: hidden;}
.content-box .HomeBox02 .img07 .cover{width:290px;height:250px;}

.content-box .HomeBox02 .cover{ display:block;position: absolute;width:100%;left:0px; bottom:100%;text-align:center;}
.content-box .HomeBox02 .cover span{ display:block;position:relative;width:100%;height:100%; text-align:center; }
.content-box .HomeBox02 .cover span b{ display:block; width:100%;color:#fff;position:absolute;left:0px;top:-90%; text-align:center; line-height:180%; letter-spacing:2px; font-size:16px;}
.content-box .HomeBox02 .cover span a{color:#fff; font-size:16px;}
.content-box .HomeBox02 .cover span p{ display:block;color:#fff;position:absolute;left:0px;top:-100%; text-align:left; line-height:160%; font-size:14px; padding:30px 20px; text-indent:2em;}
.content-box .HomeBox02 .cover span i{ display:block;position:absolute; filter:progid:dximagetransform.microsoft.alpha(opacity=50); width:100%; left:0px; bottom:100%; background:#000;height: 100%; opacity: 0.5; text-align:center;}
/* \使用场景 */



/*-------------------------------首页 结束-------------------------------*/


/*------------------------------- 关于我们 -------------------------------*/
/* 导航 */
.DaoHang{ width:100%; height:30px; text-indent:35px; line-height:30px; font-size:14px}

.content-box .TopNav{ width:980px; height:129px; margin:0 auto; padding-top:30px;}
.content-box .TopNav dl{ float:left; _display:inline; width:140px; background:url(../../images/icon-02.jpg) no-repeat;}
.content-box .TopNav dl.nobg{ background:none;}
.content-box .TopNav dt{ width:138px; height:81px;margin:0 auto; text-align:center}
.content-box .TopNav dd{ width:138px; height:30px; text-align:center;margin:0 auto; padding-top:5px}
.content-box .TopNav dd a{height:30px; line-height:16px; text-align:center;}



.content-box .AboutBox{ width:100%;}

.content-box .AboutNav{width:100%; height:40px; line-height:40px; text-indent:20px;background-color:#FD9B00;color:#FFF;}
.content-box .AboutNav a{ display:inline;line-height:40px; padding:0 10px; font-size:14px; color:#FFF;}
.content-box .AboutNav a:hover,
.content-box .AboutNav a.on{color:#D3176C; text-decoration:none; background-position:0px -100px;}

.content-box .AboutCon{ width:960px;line-height:2; padding:15px 0; margin:0 auto;  color:#3F3F3F;}

/*------------------------------- \关于我们 -------------------------------*/




/*-------------------------------产品中心 开始-------------------------------*/

.content-box .ProTitle{width:100%; height:40px; line-height:40px; text-indent:35px;background-color:#FD9B00;color:#FFF; font-size:16px; font-weight:bold;}

/*作品分类*/
.content-box .p_left{ width:245px; min-height:555px; _height:555px; background:url(../../images/Bg-04.jpg) right center no-repeat;}
.content-box .p_left .nav{ padding-left:35px; width:210px;}
.content-box .p_left .nav .nav_cate{ width:100%;height:92px;}

.content-box .p_left .nav dl{ border-bottom:#D8D6D6 1px dashed;}

.content-box .p_left .nav dt{ background:url(../../images/icon-04.jpg) 5px 12px no-repeat;height:36px; line-height:36px; color:#727171; text-indent:20px;cursor:pointer; color:#727171; font-size:14px; font-weight:bold;}
.content-box .p_left .nav dt.on{ background:#F2F2F2 url(../../images/icon-03.jpg) 5px 12px no-repeat; color:#F58400}
.content-box .p_left .nav dt a{color:#727171; font-size:14px; font-weight:bold;line-height:36px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif}
.content-box .p_left .nav dd{ display:none;}
.content-box .p_left .nav dd li{ line-height:28px;}
.content-box .p_left .nav dd li a{ padding-left:30px; display:block;line-height:28px; font-size:14px; color:#030303;background:url(../../images/icon-05.jpg) 18px center no-repeat;}
.content-box .p_left .nav dd li a.focus,
.content-box .p_left .nav dd li a:hover { text-decoration:none;background:url(../../images/icon-06.jpg) 18px center no-repeat; color:#F58400}/*当前栏目*/

.p_right{ width:770px;}
.p_right .ProSearchBg{ padding-left:20px;height:36px; line-height:36px;background-color:#F6F6F6;}
.p_right .ProSearchBg span{ line-height:36px;font-size:14px;}
.content-box .ProductBox{width:100%; min-height:500px;_height:500px;}
.content-box .ProList{ width:100%; margin:auto;}
.content-box .ProList ul{ width:744px; padding-top:30px;}
.content-box .ProList li{ float:left; width:247px; height:242px; border-bottom:#CCC 1px solid; border-left:#CCC 1px solid;}
.content-box .ProList li.nob{border-left:none;}
.content-box .ProList li .imgbox{width:239px; height:180px;padding-top:20px; padding-bottom:15px; margin:0 auto;}
.content-box .ProList li .textbox{width:239px; height:25px; line-height:25px; color:#020202;overflow:hidden;margin:0 auto;}
.content-box .ProList li a.text{ width:130px;line-height:25px; color:#020202; }
.content-box .ProList li .textbox a:hover{color:#F00;}
.content-box .ProList li a.btn-car{ display:block; width:105px; height:25px; background:url(../../images/btn-02.jpg) no-repeat;}
/*-------------------------------产品中心 结束-------------------------------*/



/*-------------------------------产品详细 开始-------------------------------*/
.content-box .ProDetailBox{ width:100%}

.content-box .good-detail{ padding-top:15px;}
.content-box .detail-box01{width:590px; height:430px; border-right:#CCC 1px solid;}
.content-box .detail-box01 .imgbox{ width:524px; height:395px; padding-top:17px; margin:0 auto;}


.content-box .detail-box02{width:420px; padding-left:15px; color:#6C6C6B; line-height:30px;}
.content-box .detail-para{min-height:350px;_height:350px;}
.content-box .detail-para th{ line-height:30px;}
.content-box .detail-para td{ line-height:24px;}
.content-box .good-detail .btn-car{ width:210px; height:40px; padding:30px 0 0 200px;}




.ProSimilar{ width:980px; margin:0 auto; padding:20px 0;}
.ProSimilar dl{ float:left; _display:inline; width:245px;}
.ProSimilar dt{ width:239px; height:180px;}
.ProSimilar dd{ width:239px; height:30px; line-height:30px; text-align:center;}
.ProSimilar dd a{height:30px; line-height:30px;text-align:center; }
/*-------------------------------产品详细 结束-------------------------------*/


/*-------------------------------新闻中心 开始-------------------------------*/
.NewsBox{ width:100%;}
.content-box .NewsList{width:970px; padding-top:20px; margin:0 auto;}
.content-box .NewsList dl{ padding-top:10px; border-bottom:#DBDBDA 1px solid;}
.content-box .NewsList dt{ width:900px; margin:0 auto;line-height:38px;color:#545454; font-weight:bold}
.content-box .NewsList dt a{ color:#000000; font-size:16px;}
.content-box .NewsList dt a:hover{ color:#F00;}
.content-box .NewsList dd{ width:900px; margin:0 auto;padding:10px 0;font-size:16px; line-height:25px; font-weight:normal; color:#333;}
/*-------------------------------新闻中心 结束-------------------------------*/


/*-------------------------------新闻详细 开始-------------------------------*/
.content-box .NewsDetailBox{ width:100%;}
.content-box .NewsDetailCon{ width:940px; padding-top:20px; padding-bottom:20px; margin:0 auto; line-height:2;}


.content-box .news_html{width:980px;margin:0 auto; padding-top:30px;}
.content-box .news_html_title{text-align:center; padding-bottom:20px; margin-bottom:15px; border-bottom:#DBDBDA 1px solid;}
.content-box .news_html_title h3{display:block; line-height:1.5; font-size:16px;}
.content-box .news_html .news_title2{ padding-top:20px;line-height:2; text-align:center;}
/*-------------------------------新闻详细 结束-------------------------------*/



/*-------------------------------联系我们 开始-------------------------------*/
.ContactBox{ width:100%;}
.ContactBox01{ width:960px; margin:0 auto; padding-top:20px; }
.ContactBox01 .Title{ width:100%; height:50px; line-height:50px; font-size:18px; font-weight:bold; color:#595959;}
.ContactBox01 .Text{line-height:2;color:#595959;}
.ContactBox01 .Text td{line-height:2;color:#595959;}

.ContactBox02{ width:960px; margin:0 auto; padding-top:50px; line-height:2;}
.ContactImg{ width:300px; padding-top:30px;}


.FeedbackBox{ width:640px; }

.FeedbackBox .Title{ width:100%; height:50px; font-size:18px; font-weight:bold; color:#595959;}
.FeedbackBox th{ width:80px; padding-bottom:10px; font-size:14px; font-weight:normal; color:#888888;}
.FeedbackBox td{ padding-bottom:10px;}
.FeedbackBox .inputtext{ width:550px; height:20px; line-height:20px; padding:4px 5px; border:#C0C0C0 1px solid;}
.FeedbackBox .textareatext{ width:550px; height:180px; line-height:20px; padding:4px 5px; border:#C0C0C0 1px solid;}

/*-------------------------------联系我们 结束-------------------------------*/

/* 询价 */
.InquiryBox01{ width:850px; margin:0 auto; padding-top:30px;}

.InquiryBox01 .Title{ width:100%; height:50px; font-size:16px; color:#595959;}
.InquiryBox01 th{ width:80px; padding-bottom:10px; font-size:18px; font-weight:normal; color:#323232;}
.InquiryBox01 td{ padding-bottom:10px;}
.InquiryBox01 .inputtext{ width:410px; height:20px; line-height:20px; padding:4px 5px; border:#C0C0C0 1px solid;}
.InquiryBox01 .textareatext{ width:410px; height:80px; line-height:20px; padding:4px 5px; border:#C0C0C0 1px solid;}
.InquiryBox01 .BtnBg{ width:78px; height:25px; line-height:25px; background-color:#F58400; border:none; color:#FFF; font-size:16px; text-align:center; cursor:pointer;}

.InquiryBox02{ width:940px; margin:0 auto; padding-top:40px;}
.InquiryBox02 th{ font-size:16px; line-height:30px; color:#323232; border-bottom:#494949 1px solid;}
.InquiryBox02 td{border-bottom: #C8C8C8 1px solid;}
.InquiryBox02 .imgbox{ padding:10px;}
.InquiryBox02 .imgbox img{ padding:1px;border:#CCC 1px solid;}
.InquiryBox02 .del{ font-size:14px; color:#F00;}

.number_box {width:150px}
.bnum_iptly {margin:5px auto;width:60px;height:27px;background:url(../../images/nstep_ipt1.jpg) no-repeat left top}
.bnum_iptly span {float:left;width:15px;height:27px;line-height:27px;text-align:center;cursor:pointer;display:block}
.bnum_ipt {float:left;width:30px;height:27px;line-height:27px;text-align:center;border:0;background:0}
/* \询价 */

.module_box_normal{border:1px solid #999999;background-color:#FFFFFF;-webkit-box-shadow:5px 5px 0 #D9D9D9;box-shadow:10px 10px 5px #D9D9D9;_zoom:1; z-index:260; position:absolute; width:300px;}
.module_box_normal .box_title{background-color:#F3EFEC; color:#686463; border-bottom:1px dashed #CCC; font-family:"";font-size:13px;font-weight:700;height:25px;line-height:25px;padding-left:10px;text-align:left;}
.module_box_normal .box_title h4{float:left;}
.module_box_normal .box_title .bt_close{float:right;width:13px;height:13px;margin:5px 10px 0 0;background:url(../../images/shopcart/box1.png) no-repeat 0 -42px;font-size:0;}
.module_box_normal .box_title .bt_close:hover{background-position:-16px -42px;}
.module_box_normal .box_title .icon{margin-top:3px; display:block; float:left; _margin-right:3px;}
.box_hint_normal{overflow:hidden; padding:10px;line-height:1.5em;text-align:left; color:#333333;}
/*.box_hint_normal .icon{float:left;margin:-3px 0 0 -34px;*margin-left:0;*margin-right:10px;}*/
.box_hint_normal .hint_title{margin-bottom:5px;font-size:12px;}
.box_hint_normal .hint_op{margin-top:5px;}
.box_hint_normal .hint_op button{margin-right:10px;vertical-align:middle;}
.module_box_normal .loading{}
.module_box_normal .loading img{margin-top:-2px;margin-right:5px;vertical-align:middle;}
.confirm_caption{border-bottom:2px solid #CCCCCC; line-height:25px; text-indent:5px; font-size:14px; font-weight:bold; }

/*ad_cover*/
#ad_cover {Z-INDEX:10000; POSITION: absolute;WIDTH:148px;top:108px;RIGHT:0px;}
.kfcn{BACKGROUND: url(../../images/code.png) no-repeat left top;HEIGHT:305px;}
.kfen{BACKGROUND: url(../../images/codeen.png) no-repeat left top;HEIGHT:445px;}
#ad_cover .kefu {POSITION: absolute;width:137px; margin-top:34px; overflow:hidden}
#ad_cover .kefu ul{}
#ad_cover .kefu li { height:28px; line-height:25px; text-align:center;background:url(../../images/kefubg.png) no-repeat; text-align:left; padding-left:25px;width:137px;}
#ad_cover .btn1bb {Z-INDEX: 2; POSITION: absolute; TEXT-INDENT: -99999em; WIDTH: 116px; DISPLAY: block; HEIGHT: 18px; TOP: 255px; RIGHT: 23px}
#ad_cover .btn2bb {Z-INDEX: 2; POSITION: absolute; TEXT-INDENT: -99999em; WIDTH: 116px; DISPLAY: block; HEIGHT: 18px; TOP: 277px; RIGHT: 23px}

.kfcn .btn1 {Z-INDEX: 2; POSITION: absolute; TEXT-INDENT: -99999em; WIDTH: 116px; DISPLAY: block; HEIGHT: 18px; TOP: 255px; RIGHT: 23px}
.kfen .btn1 {Z-INDEX: 2; POSITION: absolute; TEXT-INDENT: -99999em; WIDTH: 116px; DISPLAY: block; HEIGHT: 18px; TOP: 395px; RIGHT: 23px}

.kfcn .btn2 {Z-INDEX: 2; POSITION: absolute; TEXT-INDENT: -99999em; WIDTH: 116px; DISPLAY: block; HEIGHT: 18px; TOP: 277px; RIGHT: 23px}
.kfen .btn2 {Z-INDEX: 2; POSITION: absolute; TEXT-INDENT: -99999em; WIDTH: 116px; DISPLAY: block; HEIGHT: 18px; TOP: 417px; RIGHT: 23px}

.kfcn .btn3 {Z-INDEX: 2; POSITION: absolute; TEXT-INDENT: -99999em; WIDTH:18px; DISPLAY: block; HEIGHT:55px; TOP:248px; right:0px}
.kfen .btn3 {Z-INDEX: 2; POSITION: absolute; TEXT-INDENT: -99999em; WIDTH:18px; DISPLAY: block; HEIGHT:55px; TOP:388px; right:0px}

#ad_cover .btnt {Z-INDEX: 2; POSITION: absolute; TEXT-INDENT: -99999em; WIDTH:45px; DISPLAY: block; HEIGHT:20px; TOP: 5px; left:8px}
.weibo_bg {WIDTH: 168px; DISPLAY: block;  HEIGHT:305px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/code.png', sizingMethod='scale')}
.kfen .weibo_bg { HEIGHT:445px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/codeen.png', sizingMethod='scale')}