@import url(dll.css);
@import url(font.css);
@import url(main.css);
@import url(onlineeditor.css);
@import url(ddsmoothmenu.css);
@import url(animate.css);
/* ��ҳ���ֿ�ʼ */
.header{width:100%; height:688px; position:relative; overflow:hidden;}
.ls-container{overflow: hidden;}
.toper{width:100%; height:35px; position:absolute; left:0; top:0; line-height:35px; font-size:12px; background:#000;z-index: 9999;display:none;}
.toper_l{float:left; color:#acacac;}
.toper_l span{float:left; display:block; text-indent:25px;}
.toper_l span a{color:#acacac;}
.toper_l span a:hover{color:#8bc13c;}
.toper_l span.tl_01{ background:url(http://www.xianxiyu8.cn/skin/css/icon01.png) no-repeat left center;}
.toper_l span.tl_02{ background:url(http://www.xianxiyu8.cn/skin/css/icon02.png) no-repeat left center;}
.toper_l ins{float:left; display:block; padding:0 15px; color:#252525; text-decoration:none;}

.toper_r{float:right;}
.lan{float:right; color:#FFF;}
.lan li{ float:left; padding:0 10px; color:#FFF;}
.lan li a{ color:#fff;}
.lan li a:hover{ color:#8bc13c;}
.tianqi{float:right; margin-top:5px;}

.nav_box{width:100%; height:80px; background:#fff;z-index: 9999;}

.logo{float:left;}

.i_nav{float:right; margin-top:20px; height:40px; text-align:center;}


.banner_txt{ position:absolute; width:100%; left:0; top:115px;}
.banner_txt h3{display:block; text-align:center; font-size:60px; color:#FFF; margin-top:160px; line-height:80px;}
.banner_txt span{display:block; text-align:center; font-size:24px; color:#FFF; margin-top:30px; line-height:30px;}
.banner_txt ins{display:block; text-align:center; margin-top:80px;}
.banner_txt ins a{display:inline-block; width:170px; height:40px; line-height:40px; color:#FFF; background:#8bc13c; border-radius:3px;}
.banner_txt ins a:hover{ background:#ea4c0f;}

.ibanner {height: 688px;overflow: hidden;position: relative;width: 100%; z-index:-1}
.i_banner {display: inline;float: left;}
.box img{width:100%;}

.i_container{}
.more01 a{line-height:40px;font-size:16px;}
.i_news01{width:1041px; margin:20px auto 0; padding-bottom:30px; overflow:hidden;}
.i_news01_l{margin-top:30px; width:1041px; overflow:hidden;}
.i_news01_l dl{float:left; width:333px; margin:0 7px;}
.i_news01_l dl dt{width:333px; height:250px; overflow:hidden;}
.i_news01_l dl dt img{width:333px; height:auto;}
.i_news01_l dl dd{width:309px; height:25px; padding:15px 12px; overflow:hidden;}
.i_news01_l dl dd h3{display:block; font-size:18px; height:25px; line-height:25px; overflow:hidden; text-align:left; white-space:nowrap; text-overflow:ellipsis;}
.i_news01_l dl dd span{display:none; line-height:18px; margin-top:10px; height:36px; overflow:hidden;}
.i_news01_l dl dd a{ color:#FFF;}
.i_news01_l dl dd a:hover{ text-decoration:underline;}
.i_news01_l dl dd.in_d01{ background:#76c44c;}
.i_news01_l dl dd.in_d02{ background:#ea4c0f;}
.i_news01_l dl dd.in_d03{ background:#1fc6f5;}

.i_jd{width:100%; margin:0 auto; padding:20px 0 20px; background:#f8f7f7; overflow:hidden;}
.i_jd_l{margin:10px auto 0; height:384px; width:1041px !important;}
.i_jd_l dl{float:left; position:relative; width:331px; height:362px; margin:0 7px; border:1px solid #a0a0a0;}
.i_jd_l dl:hover{ border:1px solid #8bc13c;}
.i_jd_l dl dt{width:331px; height:225px; overflow:hidden;}
.i_jd_l dl dt img{width:331px; height:auto;}
.i_jd_l dl dd{width:331px; text-align:center;}
.i_jd_l dl dd h3{display:block; font-size:18px; font-weight:bold; height:59px; line-height:56px; background:url(http://www.xianxiyu8.cn/skin/css/icon04.png) no-repeat center bottom;}
.i_jd_l dl dd h3 a{ color:#8bc13c; display:block; width:301px; padding:0px 15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.i_jd_l dl dd h3 a:hover{color:#1fc6f5;}
.i_jd_l dl dd span{display:block; line-height:25px; margin-top:15px; padding:0px 15px; height:25px; overflow:hidden;}
.i_jd_l dl dd ins{display:block; position:absolute; left:81px; bottom:-27px; line-height:40px; width:168px; height:40px; text-align:center; overflow:hidden; background:#f8f7f7;}
.i_jd_l dl dd ins a{ display:inline-block; width:100px; height:40px; border-radius:3px; background:#8bc13c; color:#FFF;}
.i_jd_l dl dd ins a:hover{background:#1fc6f5;}

.i_sortinfo{width:100%; height:1016px; /*background:url(../Images/img01.jpg) no-repeat center top*/;display:none;}
.i_sort_t{float:left; width:50%; height:1016px; overflow:hidden; background:url(http://www.xianxiyu8.cn/skin/css/icon05.png) repeat left top;}
.i_sort_t dl{width:100%; height:254px; position:relative;}
.i_sort_t dl dt{float:right; height:254px; padding-right:120px; background:url(http://www.xianxiyu8.cn/skin/css/icon07.png) no-repeat right center;}
.i_sort_t dl dt span{display:block; float:right; width:170px; height:198px; padding-top:56px; text-align:center;}
.i_sort_t dl dt span img{width:158px; height:141px;}
.i_sort_t dl dt h3{display:block; float:right; color:#FFF; padding-right:20px; font-size:24px; font-weight:bold; line-height:254px; text-align:right;}
.i_sort_t dl dd{display:none;}

.i_sort_t a:hover dl{background:#ea4c0f;}
.i_sort_t a:hover dl dt{display:none;}
.i_sort_t a:hover dl dd{display:block; float:right; height:254px; padding-right:120px; text-align:right; background:url(http://www.xianxiyu8.cn/skin/css/icon08.png) no-repeat right 208px;}
.i_sort_t a:hover dl dd h3{display:block; color:#FFF; margin-top:160px; font-size:18px; font-weight:bold; line-height:30px; text-align:right;}
.i_sort_t a:hover dl dd span{display:block; color:#FFF; font-size:36px; font-weight:bold; line-height:50px; text-align:right; text-transform:uppercase; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.i_sort_l{float:right; width:50%; height:1016px; overflow:hidden; background:url(http://www.xianxiyu8.cn/skin/css/icon06.png) repeat left top;}
.i_sort_l dl{width:100%; height:184px; padding-top:70px;}
.i_sort_l dl dd{float:left; display:inline; position:relative; margin-left:15px; width:161px; height:113px; overflow:hidden;}
.i_sort_l dl dd img{width:161px; height:113px;}
.i_sort_l dl dd span{ position:absolute; display:none; width:161px; height:113px; color:#FFF; text-align:center; line-height:113px; background:url(http://www.xianxiyu8.cn/skin/css/icon05.png) repeat left top;}
.i_sort_l dl dd a:hover span{display:block;}

.i_atv{width:100%; margin:0 auto; padding:10px 0 70px; background:url(http://www.xianxiyu8.cn/skin/css/icon09.jpg) repeat left top; overflow:hidden;}
.i_atv_l{margin:10px auto 0; width:1028px; height:440px; overflow:hidden;}
.i_atv_l dl{float:left; width:514px; background:#FFF;}
.i_atv_l dl dt{float:left; width:257px; position:relative; overflow:hidden;}
.i_atv_l dl dt span{display:block; position:absolute; left:0; top:0; width:257px;}

.i_atv_l dl dd{float:right; width:217px; padding:30px 20px 0; color:#525252;}
.i_atv_l dl dd h3{display:block; line-height:26px; height:52px; overflow:hidden; font-size:16px; width:217px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_atv_l dl dd span{display:block; margin-top:25px; line-height:30px; text-indent:35px; background:url(http://www.xianxiyu8.cn/skin/css/icon11.png) no-repeat left center;}
.i_atv_l dl dd ins{display:block; margin-top:10px; line-height:30px; text-indent:35px; text-decoration:none; background:url(http://www.xianxiyu8.cn/skin/css/icon12.png) no-repeat left center;}
.i_atv_l dl dd strong{display:block; margin-top:120px; padding-top:40px; line-height:20px; text-align:center; background:url(http://www.xianxiyu8.cn/skin/css/icon15.png) repeat-x left top;}

.i_atv_l dl.ial_01{float:right; background:#f6e2e1;}
.i_atv_l dl.ial_01 dt span{height:440px; background:url(http://www.xianxiyu8.cn/skin/css/icon14.png) no-repeat right center;}
.i_atv_l dl.ial_01 dt img{ width:257px; height:440px;}

.i_atv_l dl.ial_02 dt{float:right;}
.i_atv_l dl.ial_02 dt span{height:220px; background:url(http://www.xianxiyu8.cn/skin/css/icon10.png) no-repeat left center;}
.i_atv_l dl.ial_02 dt img{ width:250px; height:220px;}
.i_atv_l dl.ial_03 dt span{height:220px; background:url(http://www.xianxiyu8.cn/skin/css/icon13.png) no-repeat right center;}
.i_atv_l dl.ial_03 dt img{ width:250px; height:220px;}
.i_atv_l .ial_01 .infos{ height:340px; overflow:hidden;}
.i_atv_l .ial_02 .infos{ height:120px; overflow:hidden;}
.i_atv_l .ial_03 .infos{ height:120px; overflow:hidden;}

.i_ship{width:100%; margin:0 auto; padding:10px 0 20px;}
.i_ship_l{margin:0px auto 0; width:1041px; overflow:hidden;}
.i_ship_l li{float:left; position:relative; display:inline; width:333px; height:364px; margin:14px 7px 0;}
.i_ship_l li a{display:block; position:absolute; top:0; left:0; width:333px; height:364px;}
.i_ship_l li dl{display:block; margin-top:314px; width:333px; height:50px; color:#FFF; line-height:50px; font-size:16px; background:url(http://www.xianxiyu8.cn/skin/css/icon05.png) repeat left top;}
.i_ship_l li dl dt{float:left; width:220px; text-indent:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_ship_l li dl dd{float:right; width:93px; padding-right:20px; text-align:right;display:none;}
.i_ship_l li dl dd span{font-size:24px;}
.i_ship_l li a .i_sld{display:none; text-align:center; color:#FFF; width:333px; height:364px; background:url(http://www.xianxiyu8.cn/skin/css/icon05.png) repeat left top;}
.i_ship_l li a .i_sld h3{ display:block; padding-top:50px; font-size:30px; line-height:50px; width:303px; margin:0 auto; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_ship_l li a .i_sld h4{ display:none; margin-top:30px; font-size:30px; line-height:50px;}
.i_ship_l li a .i_sld h4 strong{ font-size:60px;}
.i_ship_l li a .i_sld ins{ display:none; margin-top:10px; font-size:16px; line-height:30px; text-decoration:line-through; color:#fdfcfa;}
.i_ship_l li a .i_sld span{ display:block; margin:50px auto 0; width:100px; height:40px; line-height:40px; background:#8bc13c; border-radius:3px;}

.i_ship_l li a:hover dl{display:none;}
.i_ship_l li a:hover .i_sld{display:block;}
.i_ship_l li img{ width:333px; height:364px;}

.i_links{width:100%; margin:0 auto; padding:30px 0 80px;display:none; background:#f8f7f7; overflow:hidden;}
.i_links_l{margin:30px auto 0; width:1200px; overflow:hidden;}
.i_links_l ul{width:5000px; overflow:hidden;}
.i_links_l li{float:left; display:inline; width:168px; height:66px; border:1px solid #e9e8e8; margin:0 15px 0;}
.i_links_l li img{width:168px; height:66px;}



.footer{background:#1d1d1d; color:#FFF; font-size:12px;}
.footer_nav{}
.footer_box01{padding:25px 0; border-bottom:1px solid #333333;display:none;}
.fcontact{float:left;}
.fcontact span{display:block; height:25px; line-height:25px; text-indent:30px;}
.fcontact span:nth-child(1){ background:url(http://www.xianxiyu8.cn/skin/css/icon16.png) no-repeat 8px center;}
.fcontact span:nth-child(2){ background:url(http://www.xianxiyu8.cn/skin/css/icon17.png) no-repeat 8px center;}
.fcontact span:nth-child(3){ background:url(http://www.xianxiyu8.cn/skin/css/icon18.png) no-repeat 8px center;}

.fad{float:left; margin-left:30px;}
.fad img{display:inline; margin:0 30px;}

.fb01r{float:right;}
.fsearch{float:right; padding-right:10px; width:260px; height:29px; margin-top:10px;}
.fsearch li{float:left;}
.fsearch li input{float:left; padding:0; margin:0; border:0; }
.fsearch li input.fs_int{width:231px; text-indent:5px; color:#FFF; height:29px; line-height:29px; background:#4b4b4b; font-family:microsoft yahei;}
.fsearch li input.fs_btn{background:url(http://www.xianxiyu8.cn/skin/css/btn_search.png) no-repeat; width:29px; height:29px;  cursor:pointer;}
.fshare{margin-top:10px;}
.fshare_t{float:left; line-height:30px;}

.footer_box02{height:40px; line-height:40px;}

.copyright{float:left;}
.morelink{float:right;}
.f_zizi{width:100%; padding:20px 0 30px; background:#f8f7f7; text-align:center; color:#1d1d1d;}
.f_zizi li{ display:inline-block; padding:0 10px; width:150px;}
.f_zizi li span{display:block; line-height:25px;}

.footer a{color:#FFF;}



/* ��ҳ���ֽ��� */

/* ��ҳ���ֿ�ʼ */
.pheader{width:100%; height:500px; position:relative; overflow:hidden;}



.pbanner {height: 500px;overflow: hidden;position: relative;width: 100%; z-index:-1}
.p_banner {display: inline;float: left;}

.p_container{padding:50px 0; margin:0 auto; width:1062px;}

.p_txt01{margin:20px auto 0; width:1062px; overflow:hidden;}

.p_about{line-height:25px;}



/* ��ҳ���ֽ��� */
#Agentslist1{ width:1200px !important;}

.idefined{width:1062px; margin:0 auto;}
/*响应式开始*/
@media screen and (max-width: 1024px) {
.pheader{height:auto;}
.mauto{width:100%;}
.header{height:auto;overflow: inherit;}
.mfbox{width:100%;min-width:100%;}
.i_container{width:100%;min-width:100%;}
.i_pro{width:100%;min-width:100%;}
.i_pro_l{width:100%;}
.title01{width:100%;}
.copyright{width:100%;text-align: center;}
.jsq{width:100%;}
.i_news01{width:100%;}
.i_news01_l{width:96%;margin:0 auto;}
.i_news01_l dl{width:31%;float:left;;margin:0 1%;}
.i_news01_l dl dt{width:100%;height:auto;}
.i_news01_l dl dt img{width:100%;height:auto;}
.i_news01_l dl dd{width:96%;padding:15px 2%;}
.i_jd_l{width:100%!important;}
.i_sort_l dl dd{float:none;display: inline-block;width:32%;margin-left:0px;}
.i_sort_l dl dd img{width:100%;height:auto;}
.i_sort_t dl dt span{float:none;height:163px;}
.i_sort_t dl dt h3{float:none;line-height: 0;text-align: center;padding-right:0;}
.i_ship_l{width:100%;}
.i_ship_l li{width:32%;margin:10px 0;float:none;display:inline-block;height:auto;}
.i_ship_l li:nth-child(1){margin-left:1%;}
.i_ship_l li a{width:100%;height:auto;
     bottom: 0;}
.i_ship_l li dl{width:100%;margin-top:303px;}
.i_ship_l li img{width:100%;height:auto;}
.i_ship_l li dl dt{width:120px;}
.pheader{overflow: inherit;}

/*单页图文*/
.path{width:100%;}
.p_txt01{width:100%;}
.remark1{padding:0 10px;}
.p_container{width:100%;padding:20px 0;margin:0;}
.p_content{width:95%;}
.p_content_p{width:95%;}

/*产品列表*/
.p_p_list dl{width:31%;margin:0 1% 35px;height:auto;}
.p_p_list dl dt{width:100%;height:auto;}
.p_p_list dl dd{width:100%;}
.p_p_list dl dd h3 a{width:100%;padding:0;}
.p_p_list dl dt img{width:100%;}
.p_p_list dl dd ins{left:50%;margin-left:-84px;}
.p_p_list{width:95%;margin:0 auto;}
.p_p_list li{float:none;margin-left:0;width:30%;display: inline-block;}
.p_p_list li strong{width:100%;}
.p_p_list li img{width:100%;height:auto;}

.p_pro{width:100%;padding:70px 15px 56px;}
.n_n_list li a{width:60%;}
.p_n_info{text-align: center;}

/*带图新闻列表*/
.p_newsf{width:100%;}
.p_newsi{width:24%;height:auto;}
.p_newsc h3{width:100%;}
.p_newsi img{width:100%;}
.p_newsc{float:left;width:72%;margin-left:1%;}
.n_n_list li{overflow: hidden;}
.n_n_list dd{width:60%;float:left;margin-left:15px;}
.navPage{width:100%;}
.footer{width:100%;min-width:100%;}

/*招聘中心*/
.n_j_list li{padding:0 10px;width:100%;}
.n_j_list li a{width:60%;}
/*内页*/
.productremark{padding:0 10px;}
.p_about{padding:0 10px;}
.remark{padding: 0 10px;}
.remark img{width:100%;}
}

@media screen and (max-width: 768px) { 
/*nav栏目*/
.i_nav{display:none;height:auto;position:absolute;width:100%;top:52px;z-index: 9999;background:#fff;}
.i_nav .ddsmoothmenu .line{display:none;}
.ddsmoothmenu ul{width:100%;}
.ddsmoothmenu ul li{display:block;width:100%;border-bottom:1px solid #83b639;line-height: 50px;padding-bottom:0}

.navactive, .navactive:hover{}
.ddsmoothmenu a{line-height:50px;padding:0;color:#000}
.ddsmoothmenu a.navactive{color:#fff;}
.navactive, .navactive:hover, .nava:hover, .nava.selected{line-height:50px;padding:0;background:#83b639;}
.navbar-toggle{display:block;background:#fff;margin:12px 10 0 0;}
.iconfont.icon-fenlei{color: #83b639;
    margin: 20px 10px 0 0;
    width: 40px;    position: absolute;
     background-size: 100%;
    top: 5px;
    right: 5px;
    height: 40px;}
.i_ship_l li dl{margin-top:212px;}
.fb01r{float:none;width:260px;margin:0 auto;}
.fsearch{float:none;}
.toper{display:none;}
.nav_box{top:0;}
.i_atv_l{width:100%;height:auto;}
.i_atv_l dl.ial_01{float:none;display: block;}
.i_atv_l dl dt{width:44%;}
.i_atv_l dl dd span{margin-top:0;}
.i_atv_l dl.ial_01 dt img{width:100%;height:auto;}
.i_atv_l dl dd{width:50%;padding:30px 3% 0;}
.i_atv_l .ial_01 .infos{height:auto;}
.i_atv_l dl dd h3{width:100%;height:33px;}
.i_atv_l dl{overflow:hidden;display: block;width:96%;margin:0 auto;float:none;}
.i_atv_l dl.ial_02 dt img,.i_atv_l dl.ial_03 dt img{width:100%;height:auto;}
.i_atv_l dl dd strong{margin-top:0;}
/*产品列表*/
.p_p_list li{width:49%;margin-right:0;}
/*带图新闻列表*/
.n_n_list li{overflow: hidden;}
.n_n_list dd{width:55%;float:left;margin-left:15px;}
/*留言板*/
.gbook_post td:nth-child(1){display:inline-block;width:68px!important;}
textarea#gbookMain{width:432px !important;}
input#gbookTopic{width:432px !important;}
input#userMail{width:432px !important;}
}
@media screen and (max-width: 736px){
.i_ship_l li dl{margin-top:201px;}
.i_ship_l li dl dd{padding-left:5px;}
.i_ship_l li dl dt{width:110px;font-size:14px;}
}
@media screen and (max-width: 667px){
.i_ship_l li dl{margin-top:179px;}
.fad{margin-left:0;}
.fad{margin-left:0;}
}

@media screen and (max-width: 568px){
.i_ship_l li{width:48%;}
.i_ship_l li:nth-child(2n+1){margin-left:1%;}
.i_ship_l li:nth-child(3n+1){margin-left:auto;}
.i_ship_l li dl{margin-top:275px;}
.ad01{display:none;}
.i_sort_t{width:100%;float:none;height:auto;}
.i_sort_t a{width:48%;display: inline-block;}
.i_sort_t dl{height:auto;overflow: hidden;}
.i_sort_t dl dt{padding-right:0;background:none;}
.i_sort_t dl dt span{height:auto;}
.i_sort_t dl dt span img{width:80%;height:auto;}
.i_sort_t dl dt h3{height:40px;line-height: 40px;}
.i_sort_l{width:100%;float:none;height:auto;}
.i_sort_l dl{width:100%;height:auto;padding-top:0;margin-top:10px;margin-left:1%;}
.fad img{margin:0 10px;}
.p_p_list dl{width:47%;}
}
@media screen and (max-width: 480px) {
  .logo{position: relative;
    left: 50%;
    top: 0px;
    transform: translateX(-50%);}
  .logo img {

  }.i_ship_l li a .i_sld h3{width:100%}
  .i_ship_l li a .i_sld{width:100%;height:100%;}
.i_ship_l li dl{margin-top:225px;}
.nav_box{background:#FFF;position:static;}
/*产品列表*/
.p_p_list li{width:100%;}

/*带图新闻列表*/
.p_newsf{margin:0;padding:0;}
.n_n_list{padding:0 10px;}
.p_newsi{display: block;float:none;width:100%;}
.p_newsc{width:100%;margin-left:0;float:none;display: block;}
.n_n_list li{overflow: hidden;height:auto;}
.n_n_list dt{float:none;margin:0 auto;}
.n_n_list dd{width:100%;float:none;margin-left:0px;}
.n_n_list dd span{height:auto;}
.fcontact{float:none;width:210px;margin:0 auto;}
.fad{width:334px;margin:15px auto;float:none;}
/*轮播箭头大小颜色*/
.iconfont.icon-next-copy{color:#fff;font-size:35px;}
.slider-nav{bottom:7px;}
/*留言板*/
.gbook_post td:nth-child(1){display:inline-block;width:68px!important;}
textarea#gbookMain{width:300px !important;}
input#gbookTopic{width:300px !important;}
input#userMail{width:300px !important;}
}

@media screen and (max-width: 414px) {
.p_p_list dl{width:100%;margin:0 0 35px;}
.i_ship_l li{width:48%;}
  .i_ship_l li a .i_sld{width:}
.i_ship_l li:nth-child(2n+1){margin-left:auto;}
.i_ship_l li:nth-child(3n+1){margin-left:auto;}
.i_ship_l li dl{margin-top:188px;}
}

@media screen and (max-width: 375px) {
.i_ship_l li dl{margin-top:166px;}
/*留言板*/
.gbook_post td:nth-child(1){display:inline-block;width:68px!important;}
textarea#gbookMain{width:270px !important;}
input#gbookTopic{width:270px !important;}
input#userMail{width:270px !important;}
}

@media screen and (max-width: 157px) {
.i_ship_l li dl{margin-top:336px;}
/*留言板*/
.gbook_post td:nth-child(1){display:inline-block;width:68px!important;}
textarea#gbookMain{width:256px !important;}
input#gbookTopic{width:256px !important;}
input#userMail{width:256px !important;}
}

@media screen and (max-width: 320px) {
	.i_atv_l dl dd span{font-size:13px;}
.i_ship_l li dl{margin-top:291px;}
textarea#gbookMain{width:216px !important;}
input#gbookTopic{width:216px !important;}
input#userMail{width:216px !important;}
}