/*头部样式*/
#header{width:1200px;margin:0 auto;}
.top{}
.logo{float:left;padding-top: 8px;}
.topLink{width:400px;float:right;text-align:right;}
.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1{line-height:32px;padding-top:5px;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";}

#menu{position:fixed;left:0;top:0;width:100%;z-index:9999;background:rgba(255,255,255,.33);}
.menu{width:1200px;margin:0 auto;}

.cssall{opacity: 0;transition: all 1s;}
.active .cssdelay{opacity:1;transition-delay: 0.7s;}


/*page2*/
.section2{background:url(../image/bg2.jpg) 0 0 repeat;}
.about-us{height:820px;background:url(../image/bg3.jpg) no-repeat bottom center;}
.about{width:1200px;margin:0 auto;position:relative;height:820px;padding-top:150px;}
.about .titlea{height:34px;background:url(../image/bg4.png) no-repeat top center;opacity: 0;
    -webkit-transform: scale(0.5, 0.5);transform: scale(0.5, 0.5);transition: all 1s;}
.active .titlea{opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition-delay: 0.7s;}
.about .content{padding:25px 190px 0;text-indent:25px;line-height:36px;font-size:24px;color:#333;opacity: 0;
    transition: all 1s;-webkit-transition: all 1s;}
.active .content{opacity: 1;transition-delay: 1.7s;-webkit-transition-delay:1.7s;}
.about .title-bg{width:222px;height:202px;background:url(../image/bg5.png) 0 50% no-repeat;position:absolute;left:50%;margin-left:-111px;bottom:0px;opacity: 0;transition: all 1s;}
.active .title-bg{bottom:220px;opacity:1;transition-delay: 0.7s;}

/*page3*/
.section3{background:#d0d0d0;background-size:100% 100%;}
.agglomerate{width:1200px;position:relative;height:820px;margin:0 auto;background:url(../image/cg1.png) no-repeat bottom center;}
.cbg1{width:182px;height:181px;position:absolute;left:115px;top:-100px;}
.active .cbg1{opacity: 0;transition: all 1s;top:200px;}
.cbg2{width:182px;height:181px;position:absolute;left:457px;top:-100px;}
.active .cbg2{opacity: 0;transition: all 1s;top:165px;}
.cbg3{width:176px;height:176px;position:absolute;left:740px;top:-100px;}
.active .cbg3{opacity: 0;transition: all 1s;top:100px;}
.cbg4{width:184px;height:183px;position:absolute;left:658px;top:-100px;}
.active .cbg4{opacity: 0;transition: all 1s;top:304px;}
.cbg5{width:69px;height:69px;position:absolute;left:530px;top:-100px;}
.active .cbg5{opacity: 0;transition: all 1s;top:430px;}
.cbg6{width:182px;height:181px;position:absolute;left:1020px;top:-100px;}
.active .cbg6{opacity: 0;transition: all 1s;top:362px;}
.cbg7{width:68px;height:68px;position:absolute;left:160px;top:-100px;}
.active .cbg7{opacity: 0;transition: all 1s;top:506px;}
.cbg8{width:69px;height:69px;position:absolute;left:350px;top:-100px;}
.active .cbg8{opacity: 0;transition: all 1s;top:410px;}
.cbg9{width:183px;height:182px;position:absolute;left:200px;top:-100px;}
.active .cbg9{opacity: 0;transition: all 1s;top:580px;}
.cbg10{width:185px;height:183px;position:absolute;left:720px;top:-100px;}
.active .cbg10{opacity: 0;transition: all 1s;top:540px;}
.agglomerate .himg{opacity:1;transition-delay: 0.7s;cursor:pointer;}
.agglomerate .himg img{-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;width:100%;height:100%;}
.agglomerate .himg img:hover{-webkit-transform:scale(1.5,1.5);-moz-transform:scale(1.5,1.5);transform:scale(1.5,1.5);-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}
.agglomerate .titleb{width:255px;height:203px;background:url(../image/cg2.png) 0 50% no-repeat;position:absolute;left:456px;bottom:-200px;opacity: 0;transition: all 1s;}
.active .titleb{bottom:90px;opacity:1;transition-delay: 0.7s;}

/*page4*/
.section4{background:url(../image/bg2.jpg) 0 0 repeat;}
.d-center{width:1200px;position:relative;height:820px;margin:0 auto;}
.d-center .titleg1{width:252px;height:207px;background:url(../image/dg1.png) 0 50% no-repeat;position:absolute;left:490px;top:85px;opacity: 0;transition: all 2s;cursor: pointer;}
.active .d-center .titleg1{top:510px;left:490px;opacity:1;transition-delay: 0.5s;}
.d-center .plogo{width:236px;height:104px;background:url(../image/plogo.png) 0 50% no-repeat;position:absolute;left:490px;top: 120px;opacity: 0;transition: all 2s;cursor: pointer;}
.d-center .plogo .titleg{top:110px;left:490px;opacity:1;transition-delay: 1s;}
.active .plogo{top:110px;left:490px;opacity:1;transition-delay: 1s;}
.dianzi{border-top: 1px solid #cbcbcb;width: 220px;position:absolute;left:490px;top: 240px;opacity: 0;transition: all 2s;cursor: pointer;}
.active .dianzi{top:230px;left:490px;opacity:1;transition-delay: 2s;}
.product-left{width: 436px;height: 496px;background: #c9c9c9;position:absolute;left:0px;top: 170px;opacity: 0;transition: all 2s;cursor: pointer;}
.active .product-left{top:110px;left:0px;opacity:1;transition-delay: 3s;margin-top:50px;}
.product-right{width: 436px;height: 496px;background: #c9c9c9;position:absolute;left:766px;top: 170px;opacity: 0;transition: all 2s;cursor: pointer;}
.active .product-right{top:110px;left:766px;opacity:1;transition-delay: 4s;margin-top:50px;}

/*page5*/
.section5{background:url(../image/eg0.jpg) no-repeat top center;background-size:100% 100%;}
.news_company{width:1200px;margin:0 auto;height:800px;position:relative;}
.news_company .titled{width:256px;height:202px;background:url(../image/eg1.png) 0 50% no-repeat;position:absolute;left:456px;top:-200px;opacity: 0;transition: all 1s;}
.active .titled{top:150px;opacity:1;transition-delay: 1s;}
.news_company .casen0{position:absolute;left:-450px;top:400px;opacity: 0;transition: all 2.5s;}
.news_company .casen1{position:absolute;left:474px;bottom:-200px;opacity: 0;transition: all 1s;}
.news_company .casen2{position:absolute;right:-450px;top:400px;opacity: 0;transition: all 2.5s;}
.active .casen0{opacity:1;transition-delay: 1s;left:74px;top:430px;}
.active .casen1{opacity:1;transition-delay: 1.2s;left:474px;bottom:110px;}
.active .casen2{opacity:1;transition-delay: 1s;right:74px;top:430px;}
.case-item{float:left;width:256px;height:256px;cursor:pointer;}
.case-item a{display:block;cursor:pointer;}
.ih-item img {width:100%;height:100%}
.ih-item.circle,.ih-item.circle .img {position:relative;width:256px;height:256px;border-radius:50%}
.ih-item.circle .img img {border-radius:50%}
.ih-item.circle .info {position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;border-radius:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.ih-item.square {position:relative;width:316px;height:216px;border:8px solid #fff;box-shadow:1px 1px 3px rgba(0,0,0,.3)}
.ih-item.circle.effect1 .spinner {width:236px;height:236px;border:30px solid #ff0000;border-right-color:#eeeeee;border-bottom-color:#eeeeee;border-radius:50%;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out;opacity:0.5;filter:alpha(opacity=50);}
.ih-item.circle.effect1 .img {position:absolute;top:35px;bottom:0;left:30px;right:0;width:auto;height:auto}
.ih-item.circle.effect1 .info {top:72px;bottom:0;width:150px;height:150px;left:68px;right:0;background:#ff0c0c;opacity:0.6;filter:alpha(opacity=60);-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.ih-item.circle.effect1 .info h3 {color:#fff;text-transform:uppercase;position:relative;letter-spacing:2px;font-size:18px;margin:0 10px;font-weight:normal;padding:35px 0 0;height:50px;text-shadow:0 0 1px white,0 1px 2px rgba(0,0,0,.3)}
.ih-item.circle.effect1 .info p {color:#FFFFFF;padding:10px 0;font-family:arial;margin:0 10px;font-size:12px;border-top:1px solid rgba(255,255,255,.5)}
.ih-item.circle.effect1 a:hover .spinner {-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.ih-item.circle.effect1 a:hover .info {opacity:1;filter:alpha(opacity=100);}

/*page6*/
.section6{background:url(../image/fg0.jpg) no-repeat top center;background-size:100% 100%;}
.f-box{width:1200px;margin:0 auto;height:800px;position:relative;}
.f-box .titlef{width:256px;height:202px;background:url(../image/fg1.png) 0 50% no-repeat;position:absolute;left:-300px;top:240px;opacity: 0;transition: all 2s;}
.active .titlef{top:240px;left:200px;opacity:1;transition-delay: 1s;}
.caselist{margin-left:565px;width:635px;height:690px;position:relative;}
.caselist li{width:140px;height:100px;position:absolute;opacity: 0;transition: all 1.2s;}
.caselist li img{width:140px;height:100px;}
.caselist li h3{background: rgba(0,0,0,0.6);line-height:18px;margin-bottom:-18px;height:18px;position:relative;z-index:99;font-weight:normal;text-align:center;}
.caselist li h3 a{color:#fff;display:block;}
.caselist li.f0{bottom:-40px;right:70px;}
.caselist li.f1{bottom:30px;right:330px;}
.caselist li.f2{bottom:120px;right:130px;}
.caselist li.f3{bottom:190px;right:365px;}
.caselist li.f4{bottom:300px;right:90px;}
.caselist li.f5{bottom:350px;right:490px;}
.caselist li.f6{bottom:430px;right:283px;}
.caselist li.f7{bottom:480px;right:78px;}

.active li.f0{bottom: 50px;right:70px;opacity:1;transition-delay: 0.7s;}
.active li.f1{bottom:50px;right:330px;opacity:1;transition-delay: 1.6s;}
.active li.f2{bottom: 220px;right: 100px;opacity:1;transition-delay: 2.4s;}
.active li.f3{bottom:210px;right:365px;opacity:1;transition-delay: 3.2s;}
.active li.f4{bottom: 380px;right: 200px;opacity:1;transition-delay: 4s;}
.active li.f5{bottom:370px;right:490px;opacity:1;transition-delay: 4.8s;}
.active li.f6{bottom:450px;right:283px;opacity:1;transition-delay: 5.6s;}
.active li.f7{bottom:500px;right:78px;opacity:1;transition-delay: 6.4s;}


/*page7*/
.section7{background:url(../image/gg2.png) 0 0 repeat;}
.g-box{background:url(../image/gg0.png) 50% 110px no-repeat;min-height:500px;}
.box7{width:1200px;height:800px;margin:0 auto;position:relative;}
.box7 .titleg{width:253px;height:207px;background:url(../image/gg3.png) 0 50% no-repeat;position:absolute;left:490px;top:-240px;opacity: 0;transition: all 2s;cursor: pointer;}
.active .titleg{top:110px;left:490px;opacity:1;transition-delay: 1s;}
.box7 .cong{width:1218px;height:392px;position:absolute;left:-53px;top:800px;background:url(http://www.xydz168.com/template/default/images/xian.jpg) 53.5% 15% no-repeat;opacity:0;transition: all 1.2s;}
.active .cong{top:380px;opacity:1;transition-delay: 0.7s;}

.box7 .cont-a{width:552px;position:absolute;left:0;top:420px;color:#000;font-size:14px;line-height:26px;}
.box7 .cont-c{width:400px;position:absolute;right:-30px;top:430px;color:#aaaaaa;font-size:12px;line-height:20px;}
.box7 .cont-c .title{text-align: left;color:#000;font-size: 14px;}


.active .cont-a{opacity:1;transition-delay: 2s;left:30px;}
.active .cont-c{opacity:1;transition-delay: 2.5s;right:150px;}




/*热门搜索*/
.search{width:1200px;margin:12px auto 0;}

.search .k1{float:left;line-height:24px;}
.hotSearch{width:400px;float:left;height:24px;line-height:24px;font-weight:normal;}

/*主体样式*/
#container{max-width:1200px;margin:0 auto;margin-top:10px;}
.menu_cate{width:220px;float:left;}
.cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../image/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}

.navigation{float:right;width:100px;}

/*通用样式*/
.fl{float:left;}
.fr{float:right;}

.roll_product li{padding-bottom:0px;}

/*友情链接*/
.f_link{width:1200px;margin:0 auto;margin-top:15px;line-height:30px;background-color:#ececec;text-indent:20px;}

/*页面底部*/
.foot{background:#8dc747;padding-bottom:10px;padding-top:8px;margin-top:15px;}
#footer{width:1200px;margin:0 auto;text-align:center;color:#fff;}
#footer a{color:#fff;}
#footer a:hover{color:#e87518;}
.nav_foot{text-align:center;line-height:24px;}
.copyright{text-align:center;line-height:24px;}


/*------------内页-------------------*/

.xypg-banner{
    width:100%;
    height: auto;
}
.xypg-banner img{
    width:100%;
    height: auto;
}


.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 99999;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../image/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

/*产品列表页描述*/
.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.lefts .box{margin-bottom:10px;}
.lefts .box h3{line-height:31px;padding-left:25px;font-weight:normal;background:url(../image/jy.jpg) 15px 50% no-repeat #dd4934;font-size:14px;color:#fff;}
.lefts .box .content{padding:5px 0px;}

.n_banner{width:100%;height: auto;}
.n_banner img{width:100%;height: auto;}
.lefts{width:20%;float:left;}
.sort_menu{}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:22px;}

.rights{width: 77%;float:right;padding-bottom:10px;}
.sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;border-bottom:1px solid #dd4934;}
.sitemp h2{width:400px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:5px;color:#000;font-weight:normal;font-size:14px;}
.sitemp .site{width:480px;float:right;text-align:right;line-height:30px;font-family:"微软雅黑";}

.rights .content{padding:10px;padding-top:15px;overflow:hidden;}
.rights .content p img{
    max-width: 100%;
    width:100% !important;
    height: auto !important;
}


.case_detail .img img{
    max-width: 100%;
    width:100% !important;
    height: auto !important;
}

@media(max-width:1024px){
    .lefts{
        width:100%;
        float:none;
    }
    .rights{
        width:100%;
        float:none;
    }
    
    .product_detail .img{
        width:100%;
        float:none;
    }
    .product_detail .list{
        width:100%;
        margin-left: 0px;
    }
}

/*弹出界面*/
#asyncbox_cover,#asyncbox_focus,.asyncbox_max{position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;
    _top:expression(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight);
    _left:expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth)
}
#asyncbox_cover,#asyncbox_focus,#asyncbox_clone{display:none;overflow:hidden}
#asyncbox_cover div,#asyncbox_cover iframe,.asyncbox_select,#asyncbox_focus{position:absolute;width:100%;height:100%;opacity:0;filter:alpha(opacity=0);background:#fff}
.asyncbox_select{z-index:-1}
#asyncbox_focus{z-index:3000;position:fixed;_position:absolute}
#asyncbox_clone{z-index:3000;position:absolute;border:1px dashed #006}
/*onload*/

#asyncbox_load div{background:url(../image/asyncbox_title_bottom.gif)}

/*AsyncBox*/
.asyncbox_auto,.asyncbox_normal,.asyncbox_max{position:absolute;font:12px Tahoma,sans-serif}
.asyncbox_auto table,.asyncbox_normal table,.asyncbox_max table{margin:0;padding:0}
.asyncbox_auto ul,.asyncbox_normal ul,.asyncbox_max ul{margin:0;padding:0;list-style:none}
.asyncbox_max{position:fixed;_position:absolute}
.asyncbox_table{width:100%;height:100%;height:auto9}
.asyncbox_auto .asyncbox_table{width:auto;height:auto}
/*asyncbox layout*/
.b_t_l,.b_t_r,
.b_tipsbar_l,.b_tipsbar_r,
.b_m_l,.b_m_r,
.b_btnsbar_l,.b_btnsbar_r,
.b_b_l,.b_b_r{background:url(../image/asyncbox_bg.gif) no-repeat;}
/*top*/
.b_t_m,.asyncbox_title li{height:26px;line-height:26px}
.b_t_l,.b_t_r{width:7px;background-position:-16px -32px}
.b_t_r{background-position:-24px -32px}
/*middle*/
.b_t_m,.b_b_m{background:url(../image/asyncbox_title_bottom.gif) repeat-x;}
.a_m_m,.b_m_m{background:#fff;vertical-align:top;}
.b_m_l,.b_m_r,.b_tipsbar_l,.b_tipsbar_r,.b_btnsbar_l,.b_btnsbar_r{background-repeat:repeat-y}
.b_m_r,.b_tipsbar_r,.b_btnsbar_r{background-position:-8px 0;}
/*bottom*/
.b_b_l{background-position:-16px -59px;}
.b_b_m{height:7px;background-position:0 -27px;}
.b_b_r{background-position:-24px -59px;}
/*tipsbar*/
.b_tipsbar_m{height:60px;background:#EAECE9;}
.b_tipsbar_layout{padding:10px 10px 10px 60px;}
.b_tipsbar_title{color:#333;text-align:left;}
.b_tipsbar_content{color:#666;text-indent:2em;line-height:16px;text-align:left}
/*asyncbox title layout*/
.asyncbox_title li{float:left;}
.asyncbox_title_icon{width:16px;margin-right:2px}
.asyncbox_title_tips{color:#15428B;cursor:default;padding-right:20px;overflow:hidden;-moz-user-select:none}
/*close_btn*/
.asyncbox_close{
    line-height:60px;cursor:default;border:none;margin:0;padding:0;overflow:hidden;
    position:absolute;top:6px;right:6px;width:15px;height:15px;background:url(../image/asyncbox_bg.gif) no-repeat -16px 0
}.asyncbox_close:hover{background-position:-16px -16px}
/*asyncbox alert...*/
.asyncbox_alert,.asyncbox_confirm,.asyncbox_success,.asyncbox_warning,.asyncbox_error{color:#033;margin:12px;line-height:18px;padding-left:46px;text-align:left;}
.asyncbox_alert span,.asyncbox_confirm span,.asyncbox_success span,.asyncbox_warning span,.asyncbox_error span{
    width:37px;height:37px;position:absolute;top:36px;left:18px;
    background:url(http://www.xydz168.com/template/default/style/images/asyncbox_bg.gif) no-repeat -32px 0
}
.asyncbox_confirm span{background-position:-69px 0}
.asyncbox_success span{background-position:-106px 0}
.asyncbox_warning span{background-position:-143px 0}
.asyncbox_error span{background-position:-180px 0}
.asyncbox_error{color:#F00}
.asyncbox_prompt{color:#033;padding:0 10px}
.asyncbox_prompt li{margin-top:8px}
.asyncbox_prompt input,.asyncbox_prompt textarea{color:#666;padding:2px;border:1px solid #84A0C4;font:12px/1.3em Verdana,sans-serif;resize:none}
.asyncbox_prompt input{height:17px}
/*btnsbar*/
.a_btnsbar_m,.b_btnsbar_m{height:40px;background:#fff}
.b_btnsbar_m{background:#f8f8f8;height:38px;border-top:1px solid #fcc}
/*btn layout*/
.a_btnsbar_m .asyncbox_btn_layout{padding-right:10px;text-align:right}
.b_btnsbar_m .asyncbox_btn_layout{padding-right:8px;text-align:right}
/*btn*/
.asyncbox_btn{
    margin:0 0 0 10px;padding:0;display:inline-block;border:none;text-decoration:none;height:22px;cursor:default;
    background:url(../image/asyncbox_bg.gif) no-repeat -32px -38px
}
.asyncbox_btn span{background:url(../image/asyncbox_bg.gif) no-repeat 100% -38px;color:#555;padding:3px 11px 3px 0;margin-left:12px;float:left;height:16px}
.asyncbox_btn:hover{background-position:-32px -60px;text-decoration:none}
.asyncbox_btn:hover span{color:#000;background-position:100% -60px}