﻿a{color:#444;text-decoration:none;}
a:hover{color:#daa76d;text-decoration:underline}
.spot,
.topArea span .wbst,
.topArea span .wbst a,
.top_mobile,
.keyleft .title,
.pro_sort .active .name a,
.pro_sort .each_li .third_box .name a:hover,
.TWQH-MODEL .bd .date_d,
.pro_sort .each_li .third_box .name a.active,
.pro_sort .current .name a{color:#daa76d}
.ke-content{padding:20px;}
				

/* nav area */	
.navbox{background:url(nav_bg.jpg) repeat-x;}
.navbox li .current,.navbox li:hover,.navbox li:hover a{background:url(nav_active.jpg);}
.navbox li.line{background:url(nav_line.jpg) no-repeat 50%;}

.shownav{background:#dfaa01;}
.navbox li .shownav a:hover{background-color:#facc1f;}

.PRO-I{border-bottom:3px solid #cb9c66}

/* hot */
.searchformBox .serach_input{background:url(search_text.jpg) no-repeat;}
.searchformBox .btn_serach{background:url(search_btn.png) no-repeat;}

/* banner */
.picBox .hd li{background:#333;}
.picBox .hd li.on{ background:#daa76d;}
.picBox .next,
.picBox .prev,
.products_box .hd a{background:url(icon_arr.png) no-repeat;}
.picBox .prev{left:50%;margin-left:-660px;}
.picBox .next{right:50%;margin-right:-660px;background-position:right top;}
.picBox:hover .prev{background-position:left top;margin-left:-640px;opacity:1;filter:alpha(opacity=100);}
.picBox:hover .next{background-position:left -56px;margin-right:-640px;opacity:1;filter:alpha(opacity=100)}
.picBox:hover .prev:active{background-position:left -112px}
.picBox:hover .next:active{background-position:left -168px}

.product_title{background:url(title_bg.jpg) repeat-x 0 50px}
.product_title .title{color:#a80007;}
.case .title{color:#fff}
.product_title .ms{background:#fff url(title_circle.jpg) no-repeat left 50%;}
.product_title .ms p{background:#fff url(title_circle.jpg) no-repeat right 50%;}

.newsbox{background-image:url(title_bg3.jpg)}
.newsbox .ms{background:#f0f0f0 url(title_circle3.jpg) no-repeat left 50%;}
.newsbox .ms p{background:#f0f0f0 url(title_circle3.jpg) no-repeat right 50%;}

.case_box .product_title{color:#fff;background-image:url(title_bg2.jpg)}
.case_box .product_title h2 strong{color:#fff}

.case_box .product_title .ms{background:#990007 url(title_circle2.jpg) no-repeat left 50%;}
.case_box .product_title .ms p{background:#990007 url(title_circle2.jpg) no-repeat right 50%;}

/* face icons button */
.home .pro_sort .each_li,
.pro_sort .each_li .name .icon,
.pro_sort .each_li .name a,
.promore a,
.title .more a,
.CASE_LIST .content_box .sz,
.list_news li,
.pro_sort_box .pro_sort .each_li .third_box .name{background:url(slice-icons.png) no-repeat 0 -102px;}

.pro_sort .each_li .name .icon{background-position:right -149px;padding-right:26px}
.pro_sort .each_li .name a{background-position:15px -283px;}
.pro_sort_box .pro_sort .each_li .name a{background-position:24px -283px}


.home .pro_sort .active,.home .pro_sort .each_li:hover{background-image:none;background-color:#fff;border-bottom-color:#fff}
.pro_sort .active .name a,.pro_sort .each_li:hover .name a{background-position:14px -348px;}
.pro_sort_box .pro_sort .active .name a,.pro_sort_box .pro_sort .each_li:hover .name a{background-position:24px -348px;}
.pro_sort .active .name .icon,.pro_sort .each_li:hover .name .icon{background-position:right -238px;}
.home .pro_sort .each_li:hover .third_box{display:block}

.home .pro_sort .each_li .third_box .name a{border-bottom:1px dotted #e5e5e5}
.pro_sort_box .pro_sort .each_li .third_box .name{background-position:40px -274px;}
.pro_sort .each_li .third_box .name a{padding:5px 10px;background-image:none;color:#666;display:block;}
.home .pro_sort .each_li .third_box .name a:hover{background:#f9f9f9}
.pro_sort .each_li .third_box{line-height:22px;}
.pro_sort .each_li .third_box .name a.active{font-weight:bold}

.pro_sort .promore,
.title .more{width:100%;margin:0 auto;top:-56px;position:absolute;left:0;}
.pro_sort .promore a:hover,.title .more a:hover{background-position:-27px 0;}
.pro_sort .promore a,
.title .more a{width:27px;height:27px;display:block;background-position:0 0;overflow:hidden;text-indent:-999px;margin:0 auto}

.pro_sort_box .pro_sort .each_li .third_box .name{padding:0 10px 0 45px}
.pro_sort_box .pro_sort .active .name .icon{font-weight:bold}


.TPLB_LIST li:hover .content_box{background:url(content_box_bg.png);}


.newsbox_left .XW_LIST{padding-left:290px;margin-top:-6px}
.list_news li{ background-position:0 -273px;padding:7px 5px 7px 15px;text-align:left}


.TWQH-MODEL .hd {background:url(title_bg4.jpg) repeat-x 0 5px}
.TWQH-MODEL .hd li.on{background:url(TWQH-MODEL_ON.jpg) no-repeat 50% 5px}

.share_box .share_name{background:url(share_name.jpg) no-repeat 0 50%;} 

.location{background:url(icon-home.png) no-repeat 260px 50%;}

.newsbox .more{top:86px;}

/*内页样式*/	
.inner{background:url(main_bg.jpg) repeat-y 50% 0}
.sitemap dt{padding:0;background:url(redian.png) no-repeat right top;}

.PRO-I{border-bottom-color:#a10006}
.PRO-I .TITLE-LEAD{background:url(nav_bg.jpg) repeat-x;}
.btn-area .btn-submit,.display_content .btn-area .btn-submit{background:url(nav_active.jpg) repeat-x}


.ibw_icon_tj{background:url(icon_agree.png) no-repeat}
.ibw_icon_zd{background:url(icon_ding.png) no-repeat}


.IMGVIEW .display_title .btn a{background-image:url(nav_active.jpg)!important;background-repeat:repeat-x!important;}

/*在线客服*/
.online-qq{background:url(nav_up.png) no-repeat 50% 0;}
.qq_content .dt{background:#990007 url(client_title.png) no-repeat}
.qq_content dd a{background:url(tab_bg.jpg) repeat-x}
.qq_content dd a:hover{background:#990007;border-color:#990007;}
.qq_content dd p a{background:url(icon_qq.png) no-repeat 0 50%;}

.slider-box-img .prev .arrow{ background:url(slider-arrow.png) -120px 20% no-repeat;   }
.slider-box-img .next .arrow{ background:url(slider-arrow.png) 0 20% no-repeat;  }
	
.PageNum{background:url(Digital_box.png) no-repeat;}

.CASE_LIST .content_box .sz{background-position:0 -156px;}

.M-COLUMS{background:url(line_bg.jpg) repeat-x 0 100px}

.TWXC_LIST li .content_box{background:url(case_bg.jpg) no-repeat;}
.TWXC_LIST li:hover .content_box{background-image:url(case_hover_01.jpg)}

.CASE_LIST li:hover .content_box,
.picBox .hd li.on,.TPLB_LIST .content_box .more a{background-color:#f3c216 }

/* back top */
#pageTop{background:url(page_top.png) no-repeat;}
#pageTop:hover{background-position:-71px 0}
.TWQH-MODEL .pic_list_li .more a,.intro .more a,.TWLB_LIST .txt .more a,.navbox_foot, .footer{background:#9a0007 ;}


.inner-topic{background:#f0f0f0;}
.inner-topic b{background:url(nav_bg.jpg) repeat-x;display:inline-block;*display:inline;zoom:1;padding:5px 20px;color:#fff;}

.touch-box .wrap .code li {
    width: auto !important;
    float: none !important;
}
.touch-box .wrap .code li {width: auto !important;float: none !important;}
.touch-box .wrap{width: 180px !important;}
.touch-box .wrap{margin:20px !important;}



.touch-btn{position: relative;display: inline-block;*display: inline;zoom: 1;}
.touch-box {position: absolute;top: 16px;right: 0;z-index: 600;color: #777;display: none;}
.touch-btn:hover .touch-box {display: block;}
.touch-box .arrow {border-bottom: 7px solid #fff;border-left: 7px solid transparent;border-right: 7px solid transparent;display: block;height: 0;position: absolute;right: 46px;top: -6px;}
.touch-box .wrap {padding: 20px 0;background: #fff;border-radius: 2px;border: 1px solid #eee;text-align: center;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.touch-box .wrap .ms {padding: 0 0 15px;}
.touch-box .wrap .wenben {padding: 10px 0;white-space: nowrap;}
.touch-box .wrap h1 {font-size: 16px;margin: 0;color: #111;}
.touch-box .wrap .code img {width: 120px;height: 120px;}
.touch-box .wrap table {width: 100%;}
.touch-box .wrap table td {padding: 0 15px;border-right: 1px solid #ddd;}
.touch-box .wrap table td:last-child {border-right: 0;}
.vrlogo {float: left;margin: 20px 0;}
.vrlogo img {float: left;margin-right: 20px;}
.vrlogo h3 {float: left;color: #4c4c4c;font-size: 40px;line-height: 66px;}
.sTel {float: right;margin: 20px 0;}
.sTel p {color: #4c4c4c;font-size: 14px;}
.sTel em {display: block;color: #cda84a;font-size: 30px;font-style: normal;font-weight: bold;}
.header.vr {background: none;}
/*_LayoutContent*/
.picList {float: left;text-align: center;}
.title_more a{color: #FFF;}
.error {padding-left: 5px;color: #f60;}
img {background: none;}
.clear {clear: both;height: 0px;overflow: hidden;}
.pro_sort .third_box{display:none}
.pro_sort .active .third_box{display:block}
.cookie-consent {position: fixed;left: 40px;bottom: 40px;padding: 20px 26px;font-size: 16px;color: #333;width: 440px;box-sizing: border-box;border-radius: 6px;background: #fff;box-shadow: 0 -1px 10px 0 #acabab4d;z-index: 9999999;}
.cookie-consent .p1 {line-height: 25px;}
.cookie-consent .p1 .p11 {font-size: 18px;}
.cookie-consent .p1 .p12 {font-size: 14px;margin-top: 10px;}
.cookie-consent .p2 {text-align: center;margin-top: 10px;}
.cookie-consent .p2 button {width: 125px;display: inline-block;padding: 8px 0;line-height: 24px;margin: 0 10px;border-radius: 2px;font-size: 14px;border: 2px solid #2B5871;color: #2B5871;cursor: pointer;}
.cookie-consent .p2 button:nth-child(2) {background: #2B5871;color: #fff;}


.display_title {overflow:  visible !important;}
.display_title .info { margin-top:15px; }


.mobile_qr {position:relative;display:inline-block;*display:inline;zoom:1;margin:0 20px 0 0;}
.qrimg {position:absolute;top:15px;left:-20px;display:none;z-index:5000}
.mobile_qr:hover .qrimg{display:block}
#email_div {display:none;}

.text-danger {background-color: orangered;float: left;}
.field-validation-error {color: #ffd800;padding: 0 10px 2px 10px;}      
.preview {width: 420px;height: 500px;margin: 20px;position: relative;float: left;}
.smallImg {position: relative;height: 52px;padding: 10px 0;width: 420px;overflow: hidden;}/* smallImg */
.scrollbutton {width: 14px;height: 50px;overflow: hidden;position: relative;float: left;cursor: pointer;top: 5px;}
.scrollbutton.smallImgUp, .scrollbutton.smallImgUp.disabled {background: url(/Images/icons/d_08.png) no-repeat;}
.scrollbutton.smallImgDown, .scrollbutton.smallImgDown.disabled {background: url(/Images/icons/d_09.png) no-repeat;}
#imageMenu {height: 60px;width: 392px;overflow: hidden;margin-left: 0;float: left;}
#imageMenu li {height: 60px;width: 60px;overflow: hidden;float: left;text-align: center;margin: 0 0 0 15px;}
#imageMenu li img {width: 54px;height: 54px;border: 3px solid #fff;cursor: pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img {border: 3px solid #f60;}
/* bigImg */
.bigImg {position: relative;float: left;width: 418px;height: 418px;overflow: hidden;border: 1px solid #e2e2e2;text-align: center;}
.bigImg #midimg {max-width: 420px;max-height: 420px;}
.bigImg #winSelector {width: 180px;height: 180px;background: url(/Images/icons/jszoom_bg.png);}
#winSelector {position: absolute;cursor: crosshair;}
/* bigView */
#bigView {position: absolute;border: 1px solid #959595;overflow: hidden;z-index: 999;}
#bigView img {position: absolute;}
.IMGVIEW .display_title {text-align: left;padding: 20px 10px 0 460px;}
.IMGVIEW .display_title .ms {line-height: 28px;color: #555;margin: 15px 0;}
.IMGVIEW .display_title h1 {font-size: 16px;padding: 0 0 10px;text-align: left;border-bottom: 1px solid #e2e2e2;}
.IMGVIEW .display_content {clear: both;}
.IMGVIEW .display_title .btn {text-align: center;line-height: 45px;margin: 1.5em 0;}
.IMGVIEW .display_title .btn a {width: 160px;height: 65px;background: url(/Images/icons/btn_img.jpg) no-repeat;border: 0;color: #fff;font-size: 20px;display: block;text-shadow: -2px -2px 1px rgba(0, 0, 0, 0.2);}
.IMGVIEW .display_title .tel strong {font-size: 20px;color: #f00;}
.pro_title {border-bottom: 2px solid #7e7e7e;margin: 0 0 15px;}
.pro_title strong {background: url(/Images/icons/pro_title_bg.jpg) repeat-x;line-height: 40px;display: inline-block;*display: inline;zoom: 1;padding: 0 20px;border-radius: 3px 3px 0 0;color: #fff;text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);}
.DATA_INPUT .content {padding: 2em 12%;}
.DATA_INPUT .data {padding: 7px 0;}
.DATA_INPUT .title_name {width: 155px;float: left;text-align: right;padding: 4px 0 0;}
.DATA_INPUT .input_option {padding: 0 16%;}
.btn-area .btn-submit {border: 0;background: #444;cursor: pointer;margin: 0 10px 0 0;}
.btn-area .reset {border: 0;background: #666;cursor: pointer;}
.DATA_INPUT .btn-area {padding: 0 16%;}
#rightObj .btn-area {padding-bottom: 0;}



.banner { position:relative; width:1920px; left:50%; margin-left:-960px; z-index:2; }
 
.swiper-pagination-ban { position:absolute; bottom:30px; left:0; right:0; text-align:center; z-index:9;  }
.swiper-pagination-ban .swiper-pagination-bullet { width:10px; height:10px; margin:0 5px; color:#fff; border-radius:100%; background:#fff; opacity:1; }
.swiper-pagination-ban .swiper-pagination-bullet-active { background:#a80007;  }	
						
 
						
/* 图文新闻 */
.pothoItem {  padding: 15px; }
.pothoItem .item { margin-bottom:20px; padding:0 0 20px; border-bottom:1px dashed #d3d3d3; overflow:hidden; }
.pothoItem .item .pic { float:left; width:200px; height:auto; padding:4px; border:1px solid #e7e7e7; }
.pothoItem .item .pic img { width:200px; height:auto; }
.pothoItem .item dl { float:right; width:calc(100% - 230px); display:block; overflow:hidden; zoom:1; padding:0; line-height:20px; }
.pothoItem .item dl dt { font-size:16px; line-height:32px; }
.pothoItem .item dl .d { color:#999; font-size:14px; margin-left:0; width:100%; }
.pothoItem .item dl .m { display:none; }
.pothoItem .item dl .i { padding:5px 0 0; color:#999; font-size:14px; line-height:25px; margin-left:0;width:100%; }

 
/*翻页*/
.page { margin:0 25px; text-align:center; }
.page .recordcount { display:none; }
.page a { display:inline-block; *display:inline;zoom:1; border:1px solid #C6C6C6; color:#4E4E4E; padding:2px 5px; margin:0 3px; }
.page a:hover,.page .current { border:1px solid #a80007; background:#a80007; color:#fff; }				