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-color: #009dfe; width: 100%; height: 48px;}
.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%;}

.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:#dba86d;}
.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:#187abc url(title_circle2.jpg) no-repeat left 50%;}
.case_box .product_title .ms p{background:#187abc 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(../images/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}

.CASE_LIST .content_box .sz{background-position:0 -156px;}

.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(../images/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(../images/share_name.jpg) no-repeat 0 50%;} 

.location{background:url(../images/icon-home.png) no-repeat 260px 50%;}

.newsbox .more{top:86px;}

/*内页样式*/	
.inner{background:url(../images/main_bg.jpg) repeat-y 50% 0}
.sitemap dt{padding:0;background:url(redian.png) no-repeat right top;}

.PRO-I{border-bottom-color:#1776b6}
.PRO-I .TITLE-LEAD{background:url(../images/nav_bg.jpg) repeat-x;}
.btn-area .btn-submit,.display_content .btn-area .btn-submit{background:url(../images/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:#1778bc url(client_title.png) no-repeat}
.qq_content dd a{background:url(tab_bg.jpg) repeat-x}
.qq_content dd a:hover{background:#0884d0;border-color:#0884d0;}
.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;}


.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)}

        .picList {
            float: left;
            text-align: center;
        }

        .title_more a {
            color: #FFF;
        }

        .error {
            padding-left: 5px;
            color: #f60;
        }
        .text-danger {
        background-color: orangered;
        float: left;
    }

    .field-validation-error {
        color: #ffd800;
        padding: 0 10px 2px 10px;
    }

        img {
            background: none;
        }

        .clear {
            clear: both;
            height: 0px;
            overflow: hidden;
        }

        .preview {
            width: 420px;
            height: 500px;
            margin: 20px;
            position: relative;
            float: left;
        }
        /* smallImg */
        .smallImg {
            position: relative;
            height: 52px;
            padding: 10px 0;
            width: 420px;
            overflow: hidden;
        }

        .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;
        }

/* back top */
#pageTop{background:url(page_top.png) no-repeat;}
#pageTop:hover{background-position:-71px 0}

.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;}
.nbanner{ background-image:url(/uploads/171107/1-1G10G41014647.jpg); width: 100%; height: 300px;}

.flexslider {
	margin: 0px auto 20px;
	position: relative;
	width: 100%;
	height: 500px;
	overflow: hidden;
	zoom: 1;
}

.flexslider .slides li {
	width: 100%;
	height: 100%;
}

.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}

.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 0;
}

.flex-direction-nav .flex-prev {
	left: 0;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: url(../images/dot.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background-position: 0 0;
}

.flexslider .slides a img {
	width: 100%;
	height: 500px;
	display: block;
}
.about{ width: 100%; height: 475px;}
.about .about-main{ width: 1200px; height: 215px; margin: 0 auto;}
.about .about-main .title { margin-top: 50px;}
.about .about-main .title p{ font-size: 30px; color: #0075bb; font-family: "微软雅黑";}
.about .about-main .title .heng{ width: 60px; height: 5px; background-color: #0075bb; margin-top: 25px;}
.about-lf{ width: 760px;}
.about .main p{ font-size: 14px; line-height: 30px; margin-top: 25px; margin-bottom: 20px; }
.about .main .mainpc{ width: 100%; background-color: #f4f4f4; height: 115px;}
.about .main .mainpc .mainpc-title p{color: #ffa800; font-size: 18px;line-height: 55px; margin-left: 25px;}
.about .main .mainpc .mainpc-fl .mainpc-fl-nr{ width: 235px;}
.about .main .mainpc .mainpc-fl .mainpc-fl-nr .img{ background: url(../images/pc1.png) ;width: 44px; height: 41px;}
.about .main .mainpc .mainpc-fl .mainpc-fl-nr .imgs{ background: url(../images/cp2.png) ;width: 44px; height: 41px;}
.about .main .mainpc .mainpc-fl .mainpc-fl-nr .imgnr{ width: 190px; height:39px; border-bottom:1px solid #111111 ;
border-top:1px solid #111111 ; border-right:1px solid #111111 ; 
}
.about .main .mainpc .mainpc-fl ul{ margin-top: -15px; margin-left: 25px;}
.about .main .mainpc .mainpc-fl ul li{ float: left ; width: 50%;} 
.about .main .mainpc .mainpc-fl .mainpc-fl-nr .imgnr span{ font-size: 16px;     margin-top: 7px; position: absolute;
  margin-left: 17px; color: #000000;}
.about .main .mainpc .mainpc-fl ul li:hover .mainpc-fl-nr .imgnr{ background-color: #ffa800; width: 190px; height:41px; 
border: 0;
}
.about  .about-rt { width: 440px; height: 320px;  margin-top: 60px;}
.about  .about-rt .about-rt-img{
	background-image: url(../images/about.png); width:440px ; height: 320px;  
}
.ification{ width: 100%; height: 480px; background-image: url(../images/indexbg.png);}
.ification .cation{ width: 1200px; margin: 0 auto;}
.ification .cation ul{ margin-top: 35px; position: absolute;}
.ification .cation li{ float: left; width: 25%;} 
.ification .cation li span{display:block; overflow:hidden;}
.ification .cation li img{ -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
.ification .cation li:hover img{ -webkit-transform: scale(1.04);-moz-transform: scale(1.04);transform: scale(1.04);}
.ification .cation li:hover .cation-main{ background-color: #0095d0; width: 300px; height: 208px; }
.ification .cation li:hover .cation-main h1{ color: #fff; }
.ification .cation li:hover .cation-main p{ color: #fff; }
.ification .cation li:hover .cation-main span{ color: #fff; }
.ification .cation .cation-main h1{ color: #cccccc;  font-size: 26px; margin-top: 35px; position: absolute; margin-left: 127px;} 
.ification .cation .cation-main p{ color: #5f5d5d;  font-size: 20px; margin-top: 80px; position: absolute; margin-left: 115px;} 
.ification .cation .cation-main span{ color: #9c9b9b;  font-size: 12px; margin-top: 115px; position: absolute; margin-left: 90px;} 
.ification .cation .cation-main .honor{ color: #9c9b9b;  font-size: 12px; margin-top: 115px; position: absolute; margin-left: 100px;} 
.ification .cation .cation-main .cationus{ color: #9c9b9b;  font-size: 12px; margin-top: 115px; position: absolute; margin-left: 118px;} 
.ification .cation .cation-main {  width: 300px; height: 208px; background-color: #fff; }


.news{ width: 100%; height: 700px;}
.news .newsmain{ width: 1200px; height: 600px; margin: 0 auto;}
.news .newsmain .new-nr{ width: 700px; margin-top: 100px;}
.news .newsmain .new-nr .title{ height: 85px; width: 580px; border-left: 5px solid #ffa800; }
.news .newsmain .new-nr .title p{font-size: 24px; color: #5f5d5d; margin-left: 20px ; line-height: 35px;}
.news .newsmain .new-nr .title h1{ font-size: 36px; color: #ffa800; margin-left: 20px ; }
.news .newsmain .new-nr .abstract{ margin-left: 25px; border-bottom: 1px solid #e8e8e8; height: 65px; width: 580px;}
.news .newsmain .new-nr .abstract p{font-size: 14px; color: #434343; line-height: 35px; }
.news .newsmain .new-nr .abstract span{font-size: 14px; color: #cccccc;  }
.news .newsmain .new-nr  .news-list{ width: 610px;}
.news .newsmain .new-nr  .news-list ul{ margin-top:25px ; margin-left: 20px;}
.news .newsmain .new-nr  .news-list ul li{ height: 135px; }
.news .newsmain .new-nr  .news-list ul li a{ font-size: 16px; color: #353535;}
.news .newsmain .new-nr  .news-list ul li a span{font-size: 16px; color: #a5a4a4;}
.news .newsmain .new-nr  .news-list ul li div{ height:85px ; border-bottom: 1px solid #e8e8e8;}
.news .newsmain .new-nr  .news-list ul li div p{ line-height: 22px;font-size: 14px;  margin-top: 10px;}
.news .newsmain .new-nr  .news-list .news-more{ width: 160px; height: 47px; margin-left: 20px; margin-top: 20px; text-align: center; background-color: #ffa800;}
.news .newsmain .new-nr  .news-list .news-more a{ line-height: 45px; font-size: 14px; color: #fff;}
.news .newsmain .news-img {width: 494px; height: 600px; margin-top: 47px;}
.news .newsmain .news-img .img{ width: 494px; height: 600px; background-image:url(../images/listimg.png) ;}
.footer{ width: 100%; height: 220px; background-color: #2d2d2d;}
.footer .foot{ width: 1200px; margin: 0 auto; height: 200px;}
.footer .foot .foot-nav{ width:880px;} 
.footer .foot .foot-nav .top-nav{ margin-top:20px;}
.footer .foot .foot-nav .top-nav .second-nav{margin-top:15px; margin-left: -9px;}
.footer .foot .foot-nav ul li{ float: left; width:18% ; }
.footer .foot .foot-nav ul .footernav{height: 140px; border-right: 2px solid #242424;}
.footer .foot .foot-nav ul li ul li{ float: left; width:170px ;} 
.footer .foot .foot-nav ul li a{  font-size: 16px; color: #fff;}
.footer .foot .foot-nav ul li ul li a{  font-size: 14px; color: #9b9b9b;} 
.footer .foot .foot-wx { width: 316px; height: 195px; background-image:url(../images/footwx.png);}
.footbottom{ width: 100%; height: 40px; background-color: #1f1f1f;}
.footbottom .footbt{ width: 1200px; margin: 0 auto;}
.footbottom p{ line-height:40px; font-size: 14px; color: #d8dde1;}
.footbottom p a{ line-height:40px; font-size: 14px; color: #d8dde1;}