@charset "utf-8";
/*dll.css*/
/* ---------------开始---------------- */

/*全站共用功能*/
.languag{padding-top:5px; float:right;}
.languag li{float:left;width:60px;}
.languag li a{}
.languag li a img{ float:left;padding-top:0px;}

/* -----搜索样式-----*/ 

/*#action{ display:none;}
#keywords{width:142px; height:20px; border:0; padding:0 5px; margin:0; color:#e2bc81; line-height:20px; background:url(../Images/icon02.jpg) no-repeat left top;}
.search_btn{width:56px; height:20px; border:0; padding:0; margin:0; color:#FFF; background:url(../Images/btn_search.png) no-repeat left top; cursor:pointer;}

.topr_form li{float:left;}
.topr_form input.int_in{width:142px; height:20px; border:0; padding:0 5px; margin:0; color:#e2bc81; line-height:20px; background:url(../Images/icon02.jpg) no-repeat left top;}
.topr_form input.int_btn{width:56px; height:20px; border:0; padding:0; margin:0; color:#FFF; background:url(../Images/btn_search.png) no-repeat left top; cursor:pointer;}*/

.nowposbox{width:100%;max-width:100%;height: 40px; line-height: 40px; background: #f3f3f3;}
.nowpos{width:1200px;margin:0 auto;max-width: 100%;}
.nowposbox .nowpos a:nth-child(1){background: url(/templates/Images/shouye.png) no-repeat left; padding-left: 30px;}

/*栏目列表*/
.p_title {}

.sortnavt h3 {
    display: none;
}

.sortnavul li {
    display: inline-block;
    font-size: 14px;
    color: #333333;
    background: #fff;
    width: calc(100% / 6 - 10px);
    text-align: center;
    margin: 0 5px;
    margin-bottom: 10px;
}

.sortnavul li a {
    border: 1px solid #ccc;
    display: block;
    line-height: 30px;
}
/*友情连接*/
.p_l_list{}
.p_l_list{width:1103px; margin:0px auto 0; overflow:hidden;}
.p_l_list ul{width:1120px; overflow:hidden;}
.p_l_list li{float:left; display:inline; width:257px; height:74px; margin-right:20px; margin-bottom:20px;}
.p_l_list li img{ border: 3px solid #ccccca;height: 68px;width: 251px;}
.p_l_list li span{display:block; line-height:24px; overflow:hidden; padding:6px 10px; height:24px; overflow:hidden; display:none;}
.p_l_list li span a{color:#FFF;}
.p_l_list li span a:hover{color:#c8a063;}

/*下载*/
/*.p_d_list{}
.p_d_list li{ height:28px; padding-left:10px;text-align:right; border-bottom:dashed #d7d7d7 1px;background: url(../images/icon4.gif) no-repeat 3px 10px; width:96%;line-height:28px; font-size:10px; }
.p_d_list li a{display:block;overflow:hidden;width:70%;float:left;text-align:left;font-size:12px;white-space:nowrap;text-overflow:ellipsis;}
*/


.zsjm {
    margin: 50px 0;
}
/*招聘*/
.p_j_list{}
.p_j_list .ct{text-align:right;line-height:28px; background: url(../images/icon4.gif) no-repeat 3px 10px; width:690px;}
.p_p_list .p_j_list dl{  border:none; border-bottom:1px dashed #6a6a6a; height:40px; margin:0px; margin:0 5px; display:inline;}
.p_j_list .ct dt{padding-bottom:15px; display:block;overflow:hidden;width:70%;float:left; line-height:20px;text-align:left;font-size:12px;white-space:nowrap;text-overflow:ellipsis; font-weight:100;background:url(../images/icon.gif) no-repeat 0px 8px; padding-left:15px;}
.p_j_list .ct dd{padding-bottom:15px; display:block;overflow:hidden;width:11%;float:right; line-height:20px;text-align:left;font-size:12px; padding-right:10px; text-align:right;}
.p_p_list .p_jv_jobs .p_jv_item h1{ border:none; padding:0px; width:auto;}
.jobs .n_n_list li{height: auto;width: 100%; font-size: 14px; border-bottom: #ddd 2px dotted; margin-bottom: 10px; overflow: hidden; text-align: left;background: none;align-content: center;}
.jobs .n_n_list li span{display:none;}

.p_about {
    width: 100%;
}
.p_about.pro_con {
    width: 850px;
    float: right;
}
.p_p_list li .text h3 {
    font-size: 16px;
    color: #333333;
    font-weight: normal;
    width: 356px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    text-align: left;
}

.p_p_list li .text >div {
    line-height: 20px;
    color: #666666;
    font-size: 14px;
    margin-top: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: auto;
}
/*新闻*/

/*.n_n_list li{float:left; width:1100px; height:30px; line-height:30px;border-bottom: 1px dotted #CCCCCC;}
.n_n_list li a{display:block; float:left; width:800px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.n_n_list li span{display:block; float:right; text-align:right;}*/
.n_n_list li .news_imgbox{overflow: hidden; max-width: 100%; width: 300px; height: 150px; float: left; margin-right: 20px;}
.n_n_list img{max-width: 100%; width: 300px; height: 150px;transition: all 0.5s;}
.n_n_list li:hover img {     transform: scale(1.1, 1.1); }
.n_n_list{width:100%; margin:0px auto 0; overflow:hidden;}
.newsdll .n_n_list li{background: none;  border-bottom: 1px solid rgb(237, 237, 237);margin: 0;}
.newsdll .n_n_list li:nth-child(1){border-top: 1px solid rgb(237, 237, 237);}
.n_n_list li{float: left;  width: 100%;  font-size: 14px;border-bottom: #dddddd 1px dotted;background: #fafafa; margin-bottom: 20px; overflow: hidden;padding: 20px;display: flex; align-items: center;}
.n_n_list li dl{display: block;  float: right;  font-size: 14px;  height: 100%;padding-right: 40px;margin: 0;}
.n_n_list li dl dt{float: right;  line-height: 21px;}
.n_n_list li dl dd{line-height: 21px; float: left;}
.n_n_list li h4{height: auto;  color: #43443e;  display: block;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  font-size: 14px;  font-weight: normal;  line-height: 22px;margin: 0;}
.n_n_list li span{float: left;  width: 100%;  height: 25px;  font-size: 14px;  overflow: hidden;  color: #333;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 1;  line-height: 25px;}

.n_n_list .newstext{ color: rgb(136, 136, 136);  font-size: 12px;  line-height: 20px;text-align: left;height: 40px;  overflow: hidden;}

.n_n_list .time h4 a{display: block; font-size: 18px; color: rgb(51, 51, 51); text-align: left;}
.n_n_list .time h4 a:hover{color: rgb(0, 143, 255);}
.n_n_list .news_more{width: 130px;  height: 18px;  font-size: 12px;  line-height: 18px;  font-family: Arial;  color: #fff;  background: #cd9358;  transition: all 0.3s;  text-align: center;float: left;margin: 0 auto;margin-top: 15px;}
.n_n_list .news_more:hover{background: #a66b2e;}
.n_n_list .newstime{height: auto; text-align: left; display: block;margin-top: 10px;}
.n_n_list .title{width: auto;}
/*产品*/
.g-titIns1{height: 44px; line-height: 44px; font-size: 20px; color: #545454; border-bottom: 1px solid #ebebeb; font-weight: normal; position: relative;display: flex;overflow: hidden;}
.g-titIns1:after{content: ""; width: 80px; height: 1px; background: #dd823d; position: absolute; left: 0; bottom: -1px;}
.p_newspage li a{font-size: 14px;  padding: 20px 0;  display: block;  text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;}
.p_newspage li a:hover{color: #dd823d;}
/*.p_p_list ul{width:680px; overflow:hidden;}
.p_p_list li{float:left; display:inline;  margin:10px 11px 10px 14px;}
.p_p_list li img{width:260px; height:260px;}
.p_p_list li a{display:block; width:200px;}
.p_p_list li span{float:left; width:200px; text-align:center; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}*/

.p_container .title{text-align: center; max-width: 100%; float: left;width:65%;}

.p_p_list{ margin:0px auto 0; overflow:hidden;margin-top: 20px;}
.p_p_list ul{ overflow:hidden;display: flex; flex-wrap: wrap;}
.p_p_list li{display: block;width: calc((100% / 2) - 20px);margin:0 10px 0;margin-bottom: 20px;position: relative;}
.p_p_list li img{max-width: 100%;width:100%; height: 330px; transition: all 0.5s;}


.p_p_list li > a{display:block;position: relative;text-align: center;}
.p_p_list li span h3{font-size:14px;color:#333;}
.p_p_list li .text{text-align: center;color: #333333;display: block;padding: 28px 32px 0;height: auto;background: #fff;position: relative;}
.p_p_list li:hover .text{display:block;z-index: 9;}


/*动态产品*/
.p_pdll_list ul{overflow: hidden; display: flex; flex-wrap: wrap;justify-content: space-around;}
.p_pdll_list li{width: calc((100%/3) - 20px); float: initial; overflow: hidden; padding: 10px; margin: 0 10px; background: #f5f5f5; margin-bottom: 20px; box-sizing: border-box;}
.p_pdll_list li a{display: block;overflow: hidden;text-align: center; padding: 10px 0;font-size: 18px;color:#333;}
.p_pdll_list li img{width: 289px; height: 218px; max-width: 100%; transition: all 0.5s;}
.p_pdll_list li span{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 5px; text-align: center;}
.p_pdll_list li:hover img{transform: scale(1.1, 1.1);}
.p_pdll_list li:hover{background: #fff;border: 1px solid #f5f5f5;}
.p_pdll_list li > div{font-size: 14px; color: rgb(153, 153, 153); text-align: center; margin-bottom: 10px;	}
/*结束动态产品*/


/*视频*/
.p_v_list{float:left;}
.p_v_list ul{ float:left; padding:0px; margin:0px;}

.p_v_list li{float:left; display:inline; padding:0px 2px 5px 2px;}
.p_v_list li img{width:164px; height:136px; padding:1px; border:1px solid #DBDBDB;}
.p_v_list li span{display:block;overflow:hidden;line-height:25px; height:30px; width:168px; white-space:nowrap;text-overflow:ellipsis; text-align:center; cursor:pointer;}

/*留言*/
#gbookTopic, #userMail, #gbookMain, #gbverifycode{
max-width:100%;width: 380px;  overflow: hidden;  height: 32px;  line-height: 32px;  border: #cccccc 1px solid;  border-radius: 3px;  padding: 0 14px;  box-sizing: border-box;  color: #555; 
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);  -webkit-transition: border-color ease-in-out .15s,
 -webkit-box-shadow ease-in-out .15s;  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;  
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
#gbookMain{height: 72px;  line-height: 24px;  padding: 10px 14px;}
.g_title{width: 80px;  height: 34px;  line-height: 34px;  color: #2F2F2F;  float: left;  font-weight: bold;  text-align: right;  margin-right: 30px;  display: inline-block;}

.gbook_post {    display: block;margin-bottom: 15px;}

#gbookTopic:focus, #userMail:focus, #gbookMain:focus, #gbverifycode:focus{border-color: #66afe9;  outline: 0;  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);}

/*下载*/
.downs .n_n_list li{height: auto;width: 100%; font-size: 14px; border-bottom: #ddd 2px dotted; margin-bottom: 10px; overflow: hidden; text-align: left;background: none;}
.downs .n_n_list li span{display:none;}

.news_mores {
    margin: 0 20px 30px;
}


/*单页图文*/
.title{width: 500px;margin: 50px auto;text-align: center;max-width: 100%;}
.title h3{display: block;font-size: 30px;color: #333;margin-bottom: 5px;}
.title span{display: block;font-size: 14px;color: #999999;}

.title1{width: 500px;  margin: 0 auto;text-align: center;max-width: 100%;}
.title1 h3{font-size: 28px;}
.title1 span{font-size: 14px;color:rgb(153, 153, 153);}

.more{color: rgba(207,161,103,1); font-size: 15px; width: 120px; margin: 0 auto; line-height: 40px; margin-top: 30px; display: flex; align-items: center; justify-content: center;position: relative;}
.more:before{content:"";background: rgb(207, 161, 103); width: 40px; height: 2px; display: block; position: absolute;right: -30px;}

.i_about{width: 780px; max-width: 100%; margin: 0 auto; text-align: center; margin-top: 150px;}
.i_about p{line-height: 240%; font-size: 15px;margin-top: 60px;}

.i_Ourstyle{width:1200px;max-width:100%;margin: 0 auto; overflow: hidden;margin-top: 100px;}
.i_Ourstyle ul{display: flex; flex-wrap: wrap;margin-top: 80px;}
.i_Ourstyle ul li{position: relative;}
.i_Ourstyle ul li h3{font-size: 18px; color: rgb(255, 255, 255);}
.i_Ourstyle ul li span{font-size: 14px; color: #CCCCCC;}
.i_Ourstyle ul li div{position: absolute;  top: 30px;  left: 20px;}
.i_Ourstyle ul li:before{content: "";  position: absolute;top: 0;  left: 0;  right: 0;  height: 80px;background: linear-gradient(to bottom, #000000c9 0%,#ffffff1f 100%);}

.honorList li{width: calc((100%/4) - 26px); float: left; margin-right: 26px; margin-bottom: 25px; text-align: center;}
.honorList li img{display: block; width: 270px; height: 195px; padding: 4px; border: 1px solid #e3e3e3; background: #fff;}
.honorList li:hover img{border: 1px solid #cd9358;}

.p_shry{width: 1200px; max-width: 100%; margin: 0 auto;overflow: hidden; margin-top: 170px;}
.p_shry ul{display: flex; flex-wrap: wrap; overflow: hidden; width: 100%;padding-top: 50px;}
.p_shry ul li{margin: 0 5px; text-align: center;width: calc((100% / 4) - 10px);}
.p_shry ul li img{width:100%;}
.p_shry ul li h3{font-size:14px;color:rgb(51,51,51);margin-top:10px;}
iframe{width: 100%; max-width: 100%;}

/*结束单页图文*/


/* ---------------结束---------------- */


/* ---------------开始首页内容------------------ */
/* 首页推荐新闻*/
.i_n_list{}
.i_n_list .nlist2 li{line-height:24px; padding-left:8px; width:224px; display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; background:url(../images/icon4.gif) no-repeat 8px 10px; padding-left:15px;}
.i_n_list .nlist2 a{display:block; width:220px; overflow:hidden;float:left;font-size:12px; text-align:left; white-space:nowrap;text-overflow:ellipsis;}
.i_n_list .nlist2 a:hover{ text-decoration:none;}

.i_n_list .i_title li{width:90px;}
.i_n_list .i_title a{float:left; padding-left:13px;font-size:12px; text-align:left;display:block; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; background:none; color:#616161;}
.i_n_list .i_title a:hover{ color:#fff;}

/* 首页推荐产品 */
/* 首页友情链接图片列表式 */
.i_l_list{ display:inline-block;}
.i_l_list a{display:block; display:inline; overflow:hidden; float:left; width:30.5%; margin:5px;line-height:22px;white-space:nowrap;text-overflow:ellipsis;}
.i_l_list img{ display:block;width:96%;height:80px; padding:1px;border:1px solid #C4C4C4;}
.i_l_list a:hover img{border:1px solid #900; }


/* 翻页按钮 */
.navPage{clear:both;padding:15px 0px 10px 0px;font-size:14px;font-family:arial,simsun,sans-serif; text-align:center;  width:660px; float:right;}
.navPage ul{ text-align:center;}
.navPage li{float: left; width: 25px; display: inline-block; padding:0px 5px; font-size: 12px; height: 24px; color: #bbb; border: 1px #ccc solid; background: #fcfcfc; margin-right: 8px;cursor: pointer;}

.navPage a{display: block; line-height: 24px;height: 24px;}
.navPage a:hover,a.pagebarCurrent{color:#3b3b3b;text-decoration:none;}
.navPage a:hover{color: #dd823d;}
.navPage li:hover{border: 1px #dd823d solid;}
/* ---------------结束栏目列表---------------- */


/*产品分类*/

.sidebar{}
.sortnavt{display: block;position: relative;}
.pro_tit .sortnavt h3{display:block;line-height: 70px;color: #fff;text-align: left;padding: 0 36px 0px;font-size: 24px;background: url(../images/proListClassify_icon01.png) no-repeat 267px center #000;font-weight: normal;}
.sortnavul{
    max-width: 100%;
    padding: 26px;
    background: #fff;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}
.pro_tit .sortnavul li{display:block;color: #e2c083;background: url(../images/proListClassify_icon03.png) no-repeat 220px center;font-weight: bold;width: -webkit-fill-available;text-align: left;}
.pro_tit .sortnavul li a{
 display: block;
 -webkit-transition: .3s;
 -o-transition: .3s;
 transition: .3s;
 -ms-text-overflow: ellipsis;
 text-overflow: ellipsis;
 white-space: nowrap;
 height: 56px;
 text-indent: 26px;
 font-size: 18px;
 background: url(../images/proListClassify_icon02.png) no-repeat 220px center #eaeaea;
 line-height: 56px;
 padding: inherit;
 border-radius: 0;
 border: navajowhite;
 }
.sortnavul li a:before{position: absolute; content: ""; height: 1px; background: #333; top: 0; left: 0; right: 0;display:none;}
{color: rgb(54, 195, 205); background: rgb(51, 51, 51);}
.sortnavul li a:hover{color:#999;}



/*.sort_l{width:100%; height:23px; margin-top:27px; text-align:center;}
.sort_l li{ display:inline; margin:0 10px;}
.sort_l li a{display:inline-block; color:#282828; border-radius:11px; width:100px; line-height:23px; font-size:16px;}
.sort_l li a:hover{color:#FFF; text-decoration:none; background:#bf0000;}
.sort_l li a.on{color:#FFF; text-decoration:none; background:#bf0000;}*/






/*单页图文分类*/

.sortnavbtn{ background: url(../images/lb.gif) no-repeat scroll 40px 0 transparent; color: #D4D4D4; font-weight: bold;line-height: 32px;}
.sortnavbtn a{background: url(../images/lb.gif) no-repeat 40px 0;color: #D4D4D4;display: block;font-weight: bold;line-height: 32px;overflow: hidden;padding-bottom: 8px;padding-left: 50px;text-overflow: ellipsis;white-space: nowrap; width: 177px;}
.sortnavbtn a:hover{line-height:32px; background:url(../images/lhover.gif) no-repeat 40px 0px;padding-left:50px; color:#c30708;font-weight:bold; text-decoration:none;}
/*首页产品分类*/
.i_ullist_sortnav{float:left;}
.i_ullist_sortnav li{ border-bottom:1px solid #ffefe1; width:150px;}


/* ---------------开始栏目详细---------------- */

/*产品展示详细*/
.productview{ position:relative;}
.producttitle{display:block;width:100%; padding:10px auto;line-height:30px;font-size:25px;font-weight:bold; text-align:center;margin: 20px 0;}
/*默认*/
.productimg{margin:0 auto; text-align:center; padding-bottom:15px; display:block; width:800px;}
.productinfos{ overflow:hidden; display:none; text-align:center; }
.productimg a { }
.productimg a img{margin:0;padding:0;max-width:800px;}
.productimg a:hover img{}
/*IE6固定大小*/
*html .productimg a img{ width:400px;}
/*展示1*/
.productbigimg{ position:absolute; display:inline; width:100%;text-align:center;}
.productinfoslist{overflow:hidden;padding-left:330px; height:330px;}
.shopping{ padding-left:80px;}
.productinfoslistfos{ margin:20px 0px; float:left; width:340px;}
.productinfoslist ul{width:330px; padding-bottom:20px;}


.productremark{ clear:both;line-height:25px;}
.productremark .title{overflow: hidden; font-weight:bold; line-height:29px; display:none;}

/*内容详细页*/

.p_newspage li{border-bottom: #dddddd 1px dotted;}

.p_n_title{width:100%;text-align:center;line-height:30px;font-size:16px;font-weight:bold;text-overflow:ellipsis;}
.remark{line-height:22px; padding-top:10px; line-height:25px;}
.remark1{margin-top: 20px;line-height:25px;}
/*下载链接*/
.download_btn{text-align:center;line-height:30px;}
/*新闻详细*/
.p_n_info{line-height:30px; text-align:center;}
.p_n_video{text-align:center;}
/* 产品/视频详细 */
.product_others{ padding-top: 8px; clear: both; padding-left: 8px; }
.product_others li{	display: block;	clear: both;line-height: 20px;}
.onlinebuy_list .pc01{width:500px;margin:0 auto; text-align:center;}
/*.onlinebuy_list .pc01 img{width:500px;}*/
.onlinebuy_list .pc01 img{border:1px solid #bcbcbc;margin:0;padding:0;max-width:500px;width:expression(this.width>500?"500px":this.width);max-height:500px; height:expression(this.height>500?"500px":this.height);}
.onlinebuy_list .pc01 a:hover img{border:1px solid #900;}
/*IE6固定大小*/
*html .onlinebuy_list .pc01 img{ width:400px;}
.viewproduct_infos{clear:both;padding-left:8px;overflow: hidden;}
/*导航上下记录*/
.prevnext{width:100%;padding:10px 0;line-height:20px;padding-left: 30px;}
.prevrecord,.nextrecord{display:block;overflow:hidden;width:600px;white-space:nowrap;text-overflow:ellipsis;margin: 15px 0 0;}

/* 留言 */
.gbook_formbtn{padding:4px;padding-left: 14%;}
.gbook_formbtn goback_btn{clear:both;margin-left:150px;background:#888888;color:#FFFFFF;border:solid 1px #666666;font-size:11px;font-weight:bold;padding:4px 6px;}
.gbook_formbtn input{width:100px;line-height:20px; margin-right: 8px; border:solid 1px #dedede;color:#25262b;background:#f6f5fa;cursor:pointer;}
.gbook_indexpost{margin-bottom:8px;padding-left: 20%;}
.gbook_tblist{margin-bottom:4px;}
.p_g_gbook{padding: 0px; }
.p_g_title{font-weight:bold;line-height:30px;text-align:left; padding-left:10px; clear: both;}
.p_g_content{text-align:left;line-height:24px; padding:0 5px; clear: both;}
/* 招聘 */
.p_jv_jobs{ line-height:24px; margin:0px 0px; padding:0px;}
.p_jv_jobs .jobs{height:33px;}
.i_p_list .p_jv_item{ clear:both; width:660px;}
.p_jv_title{float:left;clear:left;text-align:left;font-weight:bold;}
.p_jv_cont{float:left;text-align:left;}
.p_jv_contb{text-align:left;clear:both;padding:0 0 10px 20px;}
/* 网站地图 */
.p_m_div{ margin:auto; clear: both; text-align:left; overflow:hidden; width:100%;}
.p_m_div a{line-height:20px;height:20px; font-size:12px;}
.p_m_div a:hover{line-height:20px;font-size:12px;}
.p_m_ul{margin:0 0 6px 0;	display: table; border-bottom: dashed 1px #d7d7d7;width:100%; padding:0px;}
.p_m_div2 .p_m_ul{margin:0px;float:left;width:auto;border:none; padding-left:10px;}
.p_m_menu{ font-weight: bold; clear: both;}
.i_p_list .p_m_ul li,.menusort_list li{white-space: nowrap; width:653px;}
.p_m_class,.menusort_lists{margin-left: 24px;}
.p_m_div2 {margin:0 10px 0 0;}
/* ----开始网站Rss订阅中心---- */
.onlinerss{width:220px;margin:0 0 10px;padding-bottom:5px;border:solid #dbdbdb 1px;background:#f0f0f0;}
.onlinerss dl {width:214px;height:28px;margin:0 auto; padding-top:6px;background:url(../images/t1.jpg) no-repeat bottom; }
.onlinerss dt { float:left;padding-left:25px;color:#fff; line-height:20px; font-size:14px;}
.onlinerss dt a,.onlinerss dt a:hover{color:#fff;text-decoration:none;}
.onlinerss li{padding-bottom:10px;text-align:center; }
.onlinerss li a.a1{display:block;overflow:hidden;width:200px;height:170px;margin:0 auto;border:1px solid #cbc5bf; }
.onlinerss li a.a1 img{width:200px;}
.onlinerss li a.a2{display:block;overflow:hidden;width:200px;margin:0 auto;;line-height:22px;white-space:nowrap;text-overflow:ellipsis}
.onlinerss .singletxt_main{width:192px;margin:0 auto; padding:10px; border:solid #c8c8c8 1px; border-top:none; background:#fff;  line-height:20px;}
.main_rssxmllist{clear:both;display:block;}
.main_rssxmllist ul{display:block;padding-bottom: 2px; padding:0px; margin:0px;}
.rssmain_topbar{clear:both;display:block;height:24px;line-height:24px;padding:0px 4px;border:solid 1px #d7d7d7;}
.rssmain_toptit{float:left;font-weight:bold;}
.rssmain_topbtn{display:block;float:right;padding-top:2px;}
.rssmain_topbtn .rssxml_url{display:block; margin:4px 15px 0 0;float:left;line-height:20px;}
.rssmain_topbtn .rssxml_btn{display:block;float:left;line-height:20px;}
.rssxml_btn .subscribe_btn{ clear:both;display:block;cursor:pointer;background:url(../../images/rss_icon.jpg) no-repeat left center;padding:2px 4px 0px 20px}
.rssxml_btn .subscribe_list{top:22px;right:-5px;z-index:1000;position:absolute;padding:4px;border:solid 1px #DDD;background-color:#FFF;}
.subscribe_list a{clear:both;display:block;padding:4px;}
.viewitem_list{margin:0px;padding:4px 4px 8px;}
.viewitem_list ul{margin:0px;padding:0px;display:table;width:100%;line-height:20px;}
.viewitem_list ul li{ line-height:20px;}
.viewitem_list ul li a{ display:block;float:left; width:700px; white-space:nowrap; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.viewitem_list ul span{float:right; padding-right:0px;}
#com_pmodule_rssonline{text-align:center; margin:0 auto;}
#com_pmodule_rssonline li{padding:3px 0;}
#com_rssonline li{text-align:center; margin:0 auto; padding:5px 0;}


.sidebar .rss1{background: url(../images/t1.jpg) no-repeat scroll 0 0 transparent;height: 29px;width: 194px;}
.sidebar .rss1 span{ color: #fff;font-size: 14px;font-weight: bold;line-height: 32px;padding-left: 34px;}
.sidebar .rss1 span a{  color: #fff;}


/* ------在线调查---- */
.survey_indexshow{margin:0px 0 15px 5px;}
.survey_indexpost{padding-left: 20px;margin-bottom: 8px;}
.survey_post input{ border: 0px;}
.survey_postbtn{line-height: 30px;}
.survey_postbtn input{line-height:20px; margin-right: 8px; cursor: pointer; width: 100px;   background:#ddd; color:#25262b;border:solid 1px;}
/* ---------------结束栏目详细---------------- */


/* ---------------开始扩展区----------------- */

#com_definedkeys_1,#com_definedkeys_2,#com_definedkeys_3,#com_definedkeys_4{ margin-bottom:-6px;}
.i_u_def1,.i_u_def2,.i_u_def3,.i_u_def4,.p_u_def1,.p_u_def2,.p_u_def3,.p_u_def4{overflow:hidden;}
.move_divouter .content{overflow:hidden;line-height:20px;}
.move_divouter .list{overflow:hidden; }
.move_divouter .title a{ text-decoration:none;}
#index #com_definedkeys_1{display:inline;}
.i_u_def1{width:1172px; margin-top:10px;}
.i_u_def1 .title{background:url(../Images/title05_bg.jpg) repeat-x scroll left bottom;height: 31px;padding-top: 9px; margin-bottom:10px;}
.i_u_def1 .title .tt{ background:url(../Images/icon03.jpg) no-repeat scroll 4px center;color: #000;display: block;float: left;font-family: microsoft yahei;font-size: 16px;height: 27px;line-height: 27px;overflow: hidden;text-indent: 20px;text-overflow: ellipsis;white-space: nowrap;width: 500px;}
.i_u_def1 .title .tm{float: right;line-height: 27px;}
.i_u_def1 .content{ line-height: 25px;padding:10px; width:1152px;font-size: 14px; background:#fff;}
.i_u_def1 .list{padding:10px; width:1152px;font-size: 14px; background:#fff;}
.i_u_def1 .list li{float:left; }
.i_u_def1 .list li img{width:210px; height:142px;}
.i_u_def1 .list li a{display:block; width:210px;  padding:5px 10px 5px 10px;}
.i_u_def1 .list li a:hover{ }
.i_u_def1 .list li span{float:left; width:210px; line-height:30px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


#index #com_definedkeys_2{display:inline;float:left;}
.i_u_def2 { margin-top:10px; width:240px;}
.i_u_def2 .title{background: #4e766b none repeat scroll 0 0;height: 40px;}
.i_u_def2 .title .tt{ color: #fff;font-size: 15px;font-weight: bold;line-height: 40px;text-align: center;width:240px; display:block;}
.i_u_def2 .title .tm{float: right;font-size: 14px;padding-right: 10px; display:none;}
.i_u_def2 .content{ background: #fff none repeat scroll 0 0;font-size: 14px;line-height: 20px;padding: 15px;width: 210px;}
.i_u_def2 .list{ background: #fff none repeat scroll 0 0;font-size: 14px;padding: 15px;width: 210px;}
.i_u_def2 .list li{width: 210px;}
.i_u_def2 .list li a{width:210px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;line-height:30px;}

#index #com_definedkeys_3{}
.i_u_def3{width:915px; margin-top:10px;}
.i_u_def3 .title{background:url(../Images/title05_bg.jpg) repeat-x scroll left bottom;height: 31px;padding-top: 9px; margin-bottom:10px;}
.i_u_def3 .title .tt{ background:url(../Images/icon03.jpg) no-repeat scroll 4px center;color: #000;display: block;float: left;font-family: microsoft yahei;font-size: 16px;height: 27px;line-height: 27px;overflow: hidden;text-indent: 20px;text-overflow: ellipsis;white-space: nowrap;width: 500px;}
.i_u_def3 .title .tm{float: right;line-height: 27px;}
.i_u_def3 .content{ line-height: 25px;padding:10px; width:895px;font-size: 14px; background:#fff;}
.i_u_def3 .list{padding:10px; width:895px;font-size: 14px; background:#fff;}
.i_u_def3 .list li{float:left; }
.i_u_def3 .list li img{width:210px; height:142px;}
.i_u_def3 .list li a{display:block; width:210px;  padding:5px 6px 5px 6px;}
.i_u_def3 .list li a:hover{ }
.i_u_def3 .list li span{float:left; width:210px; line-height:30px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}



#com_definedkeys_4{}
.i_u_def4{width:1172px; margin-top:10px;}
.i_u_def4 .title{background:url(../Images/title05_bg.jpg) repeat-x scroll left bottom;height: 31px;padding-top: 9px; margin-bottom:10px;}
.i_u_def4 .title .tt{ background:url(../Images/icon03.jpg) no-repeat scroll 4px center;color: #000;display: block;float: left;font-family: microsoft yahei;font-size: 16px;height: 27px;line-height: 27px;overflow: hidden;text-indent: 20px;text-overflow: ellipsis;white-space: nowrap;width: 500px;}
.i_u_def4 .title .tm{float: right;line-height: 27px;}
.i_u_def4 .content{ line-height: 25px;padding:10px; width:1152px;font-size: 14px; background:#fff;}
.i_u_def4 .list{padding:10px; width:1152px;font-size: 14px; background:#fff;}
.i_u_def4 .list li{float:left; }
.i_u_def4 .list li img{width:210px; height:142px;}
.i_u_def4 .list li a{display:block; width:210px;  padding:5px 10px 5px 10px;}
.i_u_def4 .list li a:hover{ }
.i_u_def4 .list li span{float:left; width:210px; line-height:30px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}





.move_divouter{ display:block !important; }

.p_u_def1{ margin-top:10px; width:100%;}
.p_u_def1 .title{background:url(/templates/Images/icon01.jpg) repeat-x scroll left bottom; height: 85px; text-align: center;}
.p_u_def1 .title .tt{border-bottom: 3px solid #bf0000;color: #584b4b;display: inline-block;font-size: 30px;line-height: 82px;max-width: 1100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.p_u_def1 .title .tm{float: right; display:none;}
.p_u_def1 .content{ line-height: 25px;padding:10px 0px; margin: 70px auto 0px; width:1100px;}
.p_u_def1 .list{width:1100px; margin:70px auto 0px; overflow:hidden;}
.p_u_def1 .list ul{width:1120px; overflow:hidden;}
.p_u_def1 .list li{float:left; display:inline; width:260px; height:320px; margin-right:20px; background:#bf0000; margin-bottom:20px;}
.p_u_def1 .list li img{width:260px; height:260px;}
.p_u_def1 .list li span{display:block; line-height:24px; overflow:hidden; padding:6px 10px; height:48px; overflow:hidden;}
.p_u_def1 .list li span a{color:#FFF;}
.p_u_def1 .list li span a:hover{color:#c8a063;}




.p_u_def2{width:100%; margin-top:10px;}
.p_u_def2 .title{background:url(/templates/Images/icon01.jpg) repeat-x scroll left bottom; height: 85px; text-align: center;}
.p_u_def2 .title .tt{border-bottom: 3px solid #bf0000;color: #584b4b;display: inline-block;font-size: 30px;line-height: 82px;max-width: 1100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.p_u_def2 .title .tm{float: right; display:none;}
.p_u_def2 .content{ line-height: 25px;padding:10px 0px; margin: 70px auto 0px; width:1100px;}
.p_u_def2 .list{width:1100px; margin:70px auto 0px; overflow:hidden;}
.p_u_def2 .list ul{width:1120px; overflow:hidden;}
.p_u_def2 .list li{float:left; width:540px; padding-right:20px; height:40px;}
.p_u_def2 .list li a{ display:block; line-height:40px; width:540px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.p_u_def3{width:100%; margin-top:10px;}
.p_u_def3 .title{background:url(/templates/Images/icon01.jpg) repeat-x scroll left bottom; height: 85px; text-align: center;}
.p_u_def3 .title .tt{border-bottom: 3px solid #bf0000;color: #584b4b;display: inline-block;font-size: 30px;line-height: 82px;max-width: 1100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.p_u_def3 .title .tm{float: right; display:none;}
.p_u_def3 .content{ line-height: 25px;padding:10px 0px; margin: 70px auto 0px; width:1100px;}
.p_u_def3 .list{width:1100px; margin:70px auto 0px; overflow:hidden;}
.p_u_def3 .list ul{width:1120px; overflow:hidden;}
.p_u_def3 .list li{float:left; display:inline; width:260px; height:320px; margin-right:20px; background:#bf0000; margin-bottom:20px;}
.p_u_def3 .list li img{width:260px; height:260px;}
.p_u_def3 .list li span{display:block; line-height:24px; overflow:hidden; padding:6px 10px; height:48px; overflow:hidden;}
.p_u_def3 .list li span a{color:#FFF;}
.p_u_def3 .list li span a:hover{color:#c8a063;}


.p_u_def4{width:100%; margin-top:10px;}
.p_u_def4 .title{background:url(/templates/Images/icon01.jpg) repeat-x scroll left bottom; height: 85px; text-align: center;}
.p_u_def4 .title .tt{border-bottom: 3px solid #bf0000;color: #584b4b;display: inline-block;font-size: 30px;line-height: 82px;max-width: 1100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.p_u_def4 .title .tm{float: right; display:none;}
.p_u_def4 .content{ line-height: 25px;padding:10px 0px; margin: 70px auto 0px; width:1100px;}
.p_u_def4 .list{width:1100px; margin:70px auto 0px; overflow:hidden;}
.p_u_def4 .list ul{width:1120px; overflow:hidden;}
.p_u_def4 .list li{float:left; display:inline; width:260px; height:320px; margin-right:20px; background:#bf0000; margin-bottom:20px;}
.p_u_def4 .list li img{width:260px; height:260px;}
.p_u_def4 .list li span{display:block; line-height:24px; overflow:hidden; padding:6px 10px; height:48px; overflow:hidden;}
.p_u_def4 .list li span a{color:#FFF;}
.p_u_def4 .list li span a:hover{color:#c8a063;}


/* ---------------开始扩展区----------------- */

/* ---------------开始底部--------------- */
/*.footer{ text-align:center;}
.footer #com_othermenu{padding:15px 0 5px 0;}
.footer #com_copyright{padding:5px 0;}
.footer #com_webcounter{ padding-top:5px;}
/* ---------------结束底部--------------- */

/*结束dll.css*/


/*font.css*/
.title01{height:auto;text-align:center;}
.title01 span{display:block;}
.title01 h3{display:inline-block; font-size:30px; line-height:40px; color:#584b4b;max-width:1100px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.title01 h3:after{content: ""; display: block; width: 34px; height: 3px; margin: 16px auto 0; background: #999999;display:none;}
.title01 p{font-size: 17px; line-height: 40px;}
.g-tit_b a:after{content: ""; display: block; width: 34px; height: 3px; margin: 16px auto 0; background: #999999;}
.g-titIns1:after{content: ""; width: 80px; height: 2px; background: #dd823d; position: absolute; left: 0; bottom: -1px;}

/*结束font.css*/

/*main.css*/

body {font-family:microsoft yahei;margin:0; padding:0; font-size:14px; color:#616161; background:#FFF;}
div,form,img,ul,ol,li,dl,dt,dd,p{margin:0;padding:0;border:0;}
ul,li{list-style-type:none;}
img, a img{border:0;vertical-align:top;max-width: 100%;}
input,select,textarea{vertical-align:middle;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:12px;font-weight:normal;}
/* Link */
a{color:#43443e; text-decoration:none; transition:background 0.2s ease-in 0s, color 0.2s ease-in 0s; -webkit-transition:background 0.2s ease-in 0s, color 0.2s ease-in 0s; -moz-transition:background 0.2s ease-in 0s, color 0.2s ease-in 0s;}
a:hover {color: #000; text-decoration:none;}
/* Other */
.clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;overflow:hidden;}
.mauto{width:1200px; margin:0 auto;}
.m_auto{margin:0 auto;}

/*企业特色*/
.qyts { background: #f5f5f5; }
.qyts .mauto {
    height: auto;
    padding: 60px 0;
    position: relative;
}
.qyts .qytsCon {
    width: 1200px;
    top: 0;
    height: auto;
    display: flex;
    flex-wrap: wrap;
}
.qyts .qytsCon::before,.qyts .qytsCon::after{
    display: none;
}
.qyts .qytsCon dl {float: left;width: calc(100% / 3 );text-align: center;}
.qyts .qytsCon dl:first-child {margin-left: 0;}
.qyts .qytsCon dl dt {margin-bottom: 20px;padding-top: 20px;}
.qyts .qytsCon dl dt img {display: block;width: 250px;height: 110px;margin: 0 auto;transition: all 0.5s;position: relative;top: 0;}
.qyts .qytsCon dl dd b {display: block;margin-bottom: 5px;font-size: 18px;font-family: "宋体";color: #333;}
.qyts .qytsCon dl dd span {display: block;font-size: 14px;color: #999;}
.qyts .qytsCon dl:hover dt img {transform: rotateY(360deg);top: -15px;}


/* Font  */
.fb{font-weight:bold;}
.f11px{font-size:11px;}
.f14px{font-size:14px;}
.f16px{font-size:16px;}
.f10px{font-size:10px;}
.li20px{line-height:20px;}
.f18px{font-size:18px;}
.f20px{font-size:20px;}
.f24px{font-size:24px;}
.f30px{font-size:30px;}
.yahei{font-family:microsoft yahei;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.ml10{margin-left:10px;}
.ml13{margin-left:13px;}
.fl{float:left;}
.fr{float:right;}
.posr{position:relative;}
.ovht{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


/*结束main.css*/

/*招商加盟*/
.zsjm .container {position: relative;    width: auto;overflow: hidden;}
.zsjm .conleft {background: url(../images/zsjm01.jpg) no-repeat right top;float: left;}
.zsjm .conright {top: 0;background: url(../images/zsjm02.jpg) no-repeat left top;float: right;}
.zsjm .box {
    width: 48%;
    min-height: 369px;
}
.zsjm .box h3 {padding-top: 70px;margin-bottom: 45px;margin-left: 65px;}
.zsjm .box h3 a {display: block;font-size: 32px;color: #fff;margin-bottom: 5px;}
.zsjm .box h3 strong {color: #e2c083;}
.zsjm .box h3 em {display: block;font-size: 18px;    color: #fff;font-weight: normal;text-transform: uppercase;}
.zsjm .box .p1 {font-size: 16px;margin-bottom: 75px;margin-left: 65px;color: #fff;}
.zsjm .box .p2 {width: 185px;height: 51px;border: 1px solid #e3c38a; margin-left: 65px;border-radius: 5px;}
.zsjm .box .p2 a {display: block;height: 51px;line-height: 51px;text-indent: 23px;color: #e2c083;background: url(../templates/images/zsjmjtr01.png) no-repeat 88px center;}
.zsjm .box .p2:hover {background: #e3c38a;}
.zsjm .box .p2:hover a {color: #333;background: url(Img/Index/zsjmjtr02.png) no-repeat 88px center;}
.zsjm .conright h3 ,.zsjm .conright .p1 ,.zsjm .conright .p2 {margin-left: 65px;}



/*onlineeditor.css*/

/* --------鼠标滑过对象后可移动对象的样式--------- */
.edit_box{ position:absolute; border:1px solid #ffa103; /* border:1px solid #00beff; width:192px; height:27px; top:388px; left:10px; */}
.edit_mask{/* cursor: pointer; */ height:100%; background: #ffa103; /* background: #00feff; */ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); opacity:0.2;}
.edit_btn_bar{ position:absolute; /* top:4px; right:4px; */ top: 1px; right: 1px;}
.edit_btn_bar img{ cursor:pointer; float:left; margin-left:2px;}
.edit_btn_bar input{ cursor:pointer; float:left; margin-left:2px;}

/* --------鼠标移动对象时可移动对象区域的样式--------- */
.edit_box_bg{border: dashed 1px #ff0000;}

.loadding{ position:absolute; left:45%; top:50%; z-index:1000; width: 200px;}
.loadding div{ background:url(images/loading.gif) no-repeat 4px center; padding: 2px 4px 2px 28px; color: #FF6600; font-size: 14px; line-height: 20px;}
 
/* --------在线编辑管理界面的样式加载--------- */
.pop2mask{ position:absolute; width:100%; height:100%; /* background:#000; */ filter:alpha(opacity=40); opacity: 0.4;}
.pop2load{position:absolute; z-index:100; /* top: 20px; */ top: 0px; display: block; width: 100%;}
.pop2load .mainLoad{ /* border: solid 2px #b4ea71; */ border:1px solid #e6f0f6; width:379px; background:#fff; display: block;}
.pop2load .loadHead{ background:url(images/poptit_bg.gif) repeat-x left bottom #fafafa; height:30px; line-height: 30px; clear: both; display: block; position: relative;}

.pop2load .loadHead .loadTitle{position:absolute; background:none; color: #4f556c; font-weight:bold; top: 0px; left: 0px; padding-left: 10px; _padding-top: 6px; vertical-align: middle;}
.pop2load .loadHead .loadTitle img{ margin-right: 8px; vertical-align: middle; border: none;}
.pop2load .loadHead .close{ background:url(images/poptop_close.gif) no-repeat left center; position:absolute; top: 0px; right: 0px; cursor:pointer; padding: 0px 10px 0px 16px; _padding-top: 4px; height: 26px; line-height: 26px; vertical-align: middle;}

.popCloseBtn{ margin: 0px auto; z-index: 2000; position: absolute; text-align: center; line-height: 30px; height: 26px; padding-top: 4px; display:block; width: 100%; border-top: solid 1px #ebcb5a; border-bottom: solid 1px #ebcb5a; background-color:#ffffd1;}
.popCloseBtn a{ width:100px; line-height:22px; height: 22px; _height: 16px; _padding-top: 6px; display: block; margin: 0px auto; color:#4f556c; vertical-align: middle; background:url(images/bgb03.gif) no-repeat center center;}
.popCloseBtn a:hover,.popCloseBtn a:active {color:#e80505; font-weight:bold; text-decoration: none; /* background:url(images/bgb03.gif) no-repeat center center; */}
.popCloseBtn img{ cursor: pointer; vertical-align: middle; padding-right: 4px;}

.DragDragBox {/* FILTER:alpha(opacity=70); z-index: 100; */ overflow: hidden;}

/* ----在线编辑需要引用的样式开始---- */
.edit_nullmodule
{
	display: none;
}
.edit_addmodule
{
	display: block;
	line-height: 20px;
	margin: 2px auto;
	padding: 4px;
	color: #FF0000;
	text-align: center;
	border: solid 1px #dddddd;
	background-color: #eeeeee;
}
.move_divouter
{
	display: table;
	/*
	height: 100%;
	*/
	/* 以下定义为了拖曳功能方便 */
	padding-bottom: 6px;
	/*
	border: solid 1px #FF0000;
	*/
}
/* ----在线编辑需要引用的样式结束---- */




/*结束onlineeditor.css*/


/*ddsmoothmenu.css*/

.ddsmoothmenu{font-size: 14px;box-sizing: border-box;width: 100%;max-width: 100%;}
.ddsmoothmenu a{text-align:center;}
.ddsmoothmenu li:after{content: ""; position: absolute; display: block; top: 15px; right: 0; width: 1px; height: 15px;}
.i_nav ul li ul li:after{display:none;}
.ddsmoothmenu .i_n08:after{display: none;}
.ddsmoothmenu .line{display: none;}
.ddsmoothmenu .nava:after{content: ""; display: block;width: 0; height: 3px;position: absolute; bottom: 41px; left: 50%;-webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: .3s; -o-transition: .3s; transition: .3s;top: 35px;}
li:hover .nava:after {     width: 100%; }
.navactive{color: #cd9358;}
.navactive:after{content: "";display: block;  width: 100%;  height: 3px;position: absolute;  bottom: 41px; top: 35px;}
.ddsmoothmenu ul{z-index:100;margin:0;padding:0;list-style-type: none;display: flex; flex-wrap: wrap; justify-content: space-around;}

/*.i_nav li{float:left; width:100px; height:40px; line-height:40px; font-size:16px; text-align:center;}
.i_nav li a{color:#030304; display:block; border-radius:5px;}
.i_nav li a:hover{color:#FFF; text-decoration:none; background:#c8a063;}
.i_nav li a.on{color:#FFF; text-decoration:none; background:#c8a063;}*/
.ddsmoothmenu ul li{position: relative;float: left;display: inline;color: #311e02;text-align: center;line-height: 70px;width: calc(100%/9);}
.nava{display: inline-block;  width: auto;color: #030304;  font-size: 16px;  font-family: microsoft yahei;  border-radius: 5px;cursor: pointer;  position: relative;}
* html .nava{ /*IE6 hack to get sub menu links to behave correctly*/display: inline-block;}
.navactive,.navactive:hover,.nava:hover,.nava.selected{display: block;width: auto;line-height: 70px;font-size: 16px;font-family: microsoft yahei;border-radius: 5px;position: relative;transition: 0s;color: #e2c083;background: url(../images/navicon.png) no-repeat center 55px;}	

.i_nav ul li ul{position: absolute; padding-left: 0px;display: none;left: calc(50% - 50px) !important;}

.ddsmoothmenu ul li:hover ul{display: block;}
* html .i_nav ul li ul{}
.i_nav ul li ul li{ border:none;display: block; padding:0px; margin:0 auto;width: auto;background: rgba(118,120,122,.3);}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.i_nav ul li ul li ul{top: 0;}
.i_nav ul li ul li a{display:block;font: normal 14px Verdana;height:35px; width:100px; color:#fff;line-height:35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; cursor:pointer;}
.i_nav ul li ul li a:hover{ text-decoration:none;color: rgb(54, 195, 205) }

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
.downarrowclass{position: absolute;top: 12px;right: 15px;}
.ddshadow{ /*shadow for NON CSS3 capable browsers*/position: absolute;left: 0;top: 0;width: 0;height: 0;}


/*------------------------------------------------------*/

.rightarrowclass{position: absolute;top:10px;right:5px;} 
/* Holly Hack for IE \*/
* html .sortlist ul li { float: left; height: 1%; }
* html .sortlist ul li a { height: 1%; }
/* End */

/*结束ddsmoothmenu.css*/
/* ��ҳ���ֿ�ʼ */
.i_banner_box123{position: relative;}
.header{height: auto;left: 0;max-width: 100%;width: 100%;}
.header .navbox{max-width: 100%;margin: 0 auto;}
.logobox{width: 1200px; margin: 0 auto;max-width: 100%; display: flex; align-items: center; justify-content: center;position: relative;overflow: hidden;}
.logo{text-align: center;overflow:hidden;background: #4e4b4b;padding: 0 30px;position: relative;z-index: 9999;}

.i_nav{max-width: 100%;width: 1200px;margin: 0 auto;}
/*.i_nav li{float:left; width:100px; height:40px; line-height:40px; font-size:16px; text-align:center;}
.i_nav li a{color:#030304; display:block; border-radius:5px;}
.i_nav li a:hover{color:#FFF; text-decoration:none; background:#c8a063;}
.i_nav li a.on{color:#FFF; text-decoration:none; background:#c8a063;}*/

.i_navcall{float: right; margin-right: 3%; padding-left: 25px; padding-top: 10px; font-size: 18px;position: absolute;  top: 0px;right: 0;}
.i_navcall h3{float: left;  color: #fff;  padding-right: 35px;  border-right: 1px solid rgb(128, 128, 128);  margin-right: 30px;}
.i_navcall span:nth-last-child(1){position: relative;}
.i_navcall span div > img{width: 100px; height: 100px; position: absolute; top: 50px; right: -40px;display:none;}
.i_navcall span:nth-last-child(1):hover img{display:block;}
.i_navcall span > img{float: left;  width: 12px;  height: 17px;margin: 0 10px;}

.banner{position:relative; width:100%; height:525px; overflow:hidden;}
.i_banner{float:left; display:inline; width:100%; margin-left:0px !important;}
.banner img{ width:100% !important;}


.sort_l{
    width: 100%;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    margin-bottom: 70px;
}
.sort_l ul{display: flex; justify-content: space-around;}
.sort_l li{display: block; cursor: pointer;}

.sort_l li a{display: block;  line-height: 30px;  text-align: center;  padding: 0 20px;font-size: 14px;  color: #333333; position: relative;
 -webkit-transition: .3s;  -o-transition: .3s;  transition: .3s; -ms-text-overflow: ellipsis;  text-overflow: ellipsis;  white-space: nowrap;}

.sort_l li .on{color: rgb(54, 195, 205); background: rgb(51, 51, 51);}


.hd_search{float: right;  width: 165px;  height: 36px;  position: absolute;right: 0;}
#keywords{display: block;  width: 100%;  height: 40px;  line-height: 40px;  padding: 0 12px;  font-size: 14px;border: none;  background: none;  color: #ccc;border-bottom: 1px solid rgb(54,195,205);}
.search_btn{position: absolute;  top: 1px;  width: 40px;  height: 40px;  border: none;  outline: 0;  right: -25px;background:url(/templates/Images/search.png) no-repeat center;transition: .2s;position: absolute; right: 0px;}
.search_btn:hover{background-color: #dc6600;}

.hd_search li{float:left;}
.hd_search li input{float:left; height:36px;}
.hd_search li input.hd_sint{width:269px;background: #fff;padding-left: 10px;}


.i_pro{padding: 0px 0 90px; text-align: center; width: 1200px; max-width: 100%; overflow: hidden; margin: 0 auto;}
.i_pro ul{display: flex; flex-wrap: wrap;}
.i_pro ul li {
    width: calc((100% / 5) - 20px);
    margin: 0 10px 20px;
}
.i_pro ul li img {
    max-width: 100%;
    width: 100%;
    height: auto;
}
.i_pro ul li h5{font-size: 14px; color: rgb(207, 161, 103); margin: 40px 0 25px;}
.i_pro ul li h4{font-size: 16px;margin-bottom:30px;}
.i_pro ul li .text{line-height: 180%; font-size: 14px;position: relative;}
.sort_l ul li {
    width: calc((100% / 4) - 20px);
    margin: 0 10px 20px;
    border: 1px solid #333;
}
.i_sbanner img{width:100%;max-width:100%;height:900px;}



.i_designteambox{  width: 100%;  overflow: hidden;  max-width: 100%;padding: 100px 0;}
.i_designteam{margin: 0 auto;max-width: 100%;}
.i_designteam ul{margin-top: 60px;  display: flex;  flex-wrap: wrap;  justify-content: space-around;}
.i_designteam ul li{display: flex;width: 50%;align-items: center;justify-content: space-between;}
.i_designteam ul li .imgbox{display:block;width:50%;}
.i_designteam ul li a img{width:100%;/* height:500px; */}
.i_designteam ul li .text{width:50%;text-align: center; padding: 0 60px; box-sizing: border-box;}
.i_designteam ul li:nth-child(4n),.i_designteam ul li:nth-child(3n){flex-direction: row-reverse;}

.i_designteam ul li h3{font-size: 24px;color: rgb(207, 161, 103);font-weight: 600;position: relative;}
.i_designteam ul li h4{font-size: 16px;margin: 20px 0;font-weight: 600;}
.i_designteam ul li span{line-height: 2; font-size: 14px;display:block;}


.demo{background: url(http://picture.no3.mfdns.com/upload/cases/jz1067/bg6.png) no-repeat center;  padding: 160px 0;  background-attachment: fixed;}
.demo .col-md-3{text-align: center;}
.demo .col-md-3 span{font-size:64px;}
.demo .title{width: 100%;}
.demo *{color:#fff;}

.link{width: 1200px; max-width: 100%; margin: 0 auto; padding: 60px 0; box-sizing: border-box; overflow: hidden;}
.link ul{display: flex;justify-content: left;flex-wrap: wrap;margin-top: 50px;}
.link ul li{width: calc((100% / 5) - 20px);margin: 0 10px;text-align: center;padding: 10px;box-sizing: border-box;border: 1px solid #d9d9d9;overflow: hidden;}
.link ul li h3{color:#999999;font-size:14px;margin:0;}

.link ul li img{/* height:116px; */}

.i_newsdll{width: 100%; background: rgb(244, 244, 244); padding: 50px 0;}
.i_newsdll .swiper-container{max-width: 100%;margin: 0 auto;text-align: center;padding: 0 50px 50px;box-sizing: border-box;}
.i_newsdll .swiper-container img{
}
.i_newsdll .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 0px;}
.i_newsdll h2 a{font-size: 18px;color: #CFA167;}
.i_newsdll .swiper-slide > div{font-size: 14px;color: #999999;margin: 11px;}

.i_news{overflow: hidden;margin: 0 auto;max-width: 100%;}
.i_news ul{display:flex;flex-wrap: wrap;justify-content: space-between;margin: 100px 0;}
.i_news ul li{width: calc((100% / 4) - 50px);margin:0 25px;padding-right: 20px;border: 1px solid #ccc;}
.i_news ul li img{width: 100%;height: 290px;position: relative;top: -50px;}
.i_news ul li h3{color: #434343;font-size: 18px;margin-top: 5px;font-weight: 600;padding-left: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.i_news ul li span{color: #999999;display:block;margin-top: 6px;font-size:14px;}
.i_news ul li .text > div{color: #999999;margin: 20px 0;height: 50px;overflow: hidden;padding: 0 20px;}


.pro_tit.p_title{width: 320px;float: left;}


.i_panter_l li span{height: 42px; color: #333; font-size: 14px; border: 1px solid #333; display: block; float: left; width: 115px; text-align: center; line-height: 42px; margin-left: 0px;}


.i_gywm{width:100%;max-width:100%;overflow: hidden;  padding: 50px 0;background:#f3f3f4;margin-top: 50px;}

/*首页底部*/


.footer .icon{display: flex;  justify-content: space-evenly;}
.footLeft.fl ul li{display: flex;  align-items: center;}

/* 结束首页底部*/



.i_dpfw {  width: 1200px;  margin: 0 auto; max-width: 100%;padding: 50px 0;}
.ul-imgtxt {    overflow: hidden;   margin-top: 40px;}
.g-tit_b a{display: block; font-weight: normal; text-align: center; font-size: 30px; color: #333333;}






.footer{padding:30px 0 0 0;line-height:30px; font-size:12px; background:#202020}
.footer *{color:#999;font-size:14px;}
.footer a:hover{color: #fff;}
.footer_nav > ul li h3 a:hover{color: inherit;  text-decoration: none;}
.footer_nav .c h3{font-size:16px;}
.footer_nav .c p{margin:0;padding:0;}
.footer_nav{width:1200px; margin:0 auto; padding-bottom:10px; text-align:left;overflow: hidden;display: flex;  align-items: center;justify-content: space-between;}
.footer_nav .ewm{display: flex;  justify-content: space-between;}
.footer_nav .ewm div{margin:0 10px;text-align: center;}
.footer_nav .ewm div h3{font-size:14px;}
.footer_nav .ewm img{width:95px;height:95px;border:3px solid #fff;}

.f_alink{max-width:100%;margin:0 auto;padding: 20px 70px 50px;border-top: 1px solid #ccc;margin-top: 30px;display: none;}
.f_alink h3{margin-bottom:10px;font-size:16px;padding-top: 10px;}
.f_alink span{margin-right:20px;}


.copyright{text-align:center;background:#000000;line-height: 30px; font-size: 14px; color: #898482;padding: 15px 0;}
#com_copyright div {     width: 1200px; max-width: 100%;margin: 0 auto;color: #bdbdbd; font-size: 12px;}
.copyright img{border:7px solid #636363; margin:10px 0;}
.jsq{ text-align:center;}
/* ��ҳ���ֽ��� */

/* ��ҳ���ֿ�ʼ */
.pbanner{position:relative; width:100%; height:262px; overflow:hidden;}
.p_banner{float:left; display:inline;}
.p_container{padding:20px 0 70px;width: 1200px;max-width:100%;margin: 0 auto;}
.aboutus .p_container{width:100%;}
.servicearea .p_container{width:100%;}
.p_aboutus{width: 1200px; max-width: 100%; overflow: hidden; display: flex; justify-content: space-between; min-width: 1200px; flex-wrap: wrap; margin: 0 auto;}
.p_aboutus img{width: calc((100% / 2) - 50px);height: 315px;}
.p_aboutus > .text{width: calc((100% / 2) - 50px);}
.p_aboutus .text h3{font-size: 24px; letter-spacing: 1px; color: rgb(102, 102, 102);margin-bottom: 20px;}


.p_about .text div{overflow: auto; height: 210px;}
.p_jthx{width: 100%; margin-top: 50px; padding-top: 50px; border-top: 1px solid #ccc;}

.p_jthx ul{display: flex; justify-content: space-between; flex-wrap: wrap; width: 1200px; max-width: 100%; margin: 30px auto 0;}
.p_jthx ul li{width: calc((100% / 4) - 20px);  text-align: center;}
.p_jthx ul li img{width:100%;}
.p_jthx ul li h3{font-size:16px;}
.p_jthx ul li span{font-size: 14px; color: #666666;}

.bghj{width: 100%; margin-top: 50px; padding-top: 50px; border-top: 1px solid #ccc;}
.bghj ul{display: flex; justify-content: space-between; flex-wrap: wrap; width: 1200px; max-width: 100%; margin: 30px auto 0;}
.bghj ul li{width: calc((100% / 3) - 20px);  text-align: center;margin-bottom: 20px; border-bottom: 1px solid #ccc;}
.bghj ul li img{width:100%;}
.bghj ul li h3{font-size:16px;}

.fwly{width: 1200px; max-width: 100%; overflow: hidden; margin: 0 auto;}
.fwly ul{display: flex; justify-content: space-between; flex-wrap: wrap; width: 1200px; max-width: 100%; margin: 30px auto 0;}
.fwly ul li{width: calc((100% / 5) - 10px);  text-align: center;position: relative;}
.fwly ul li img{width:100%;transition: all .3s;}
.fwly ul li:hover img{transform: scale(0.9);}
.fwly ul li:before{content: ""; position: absolute; top: 0; right: 0; left: 0;bottom: 55px; background: rgba(0,0,0,.8);display:none;}
.fwly ul li:hover:before{display:block;z-index: 9;}

.jzly{background: #f4f4f4;  width: 100%;  max-width: 100%;  overflow: hidden;margin-top:30px;}
.jzly ul li{position: relative; display: flex; justify-content: space-between; align-items: center;}
.jzly ul li img{width: calc(50%);}
.jzly ul li > div{width: calc(50%);padding: 50px;}
.jzly ul li > div h3{font-size:28px;position:relative;}
.jzly ul li > div h3:before{content: ""; background: #f1c232; position: absolute; width: 90px; height: 2px;bottom: -5px;}

.p_contact{width: 1200px; max-width: 100%; margin: 0 auto; overflow: hidden;background: #f6f6f6;padding: 50px 0;margin-bottom:30px;}
.p_contact ul{display: flex; align-items: center; justify-content: space-around;}
.p_contact ul img{width:80px;height:80px;}
.p_contact ul li h3{font-size: 18px; color: rgb(102, 102, 102);}
.p_contact ul li p{font-size: 15px;line-height:2;margin: 0;}
.p_contact ul li{text-align: center;}


/*.p_about strong{display:block; float:left; width:520px; text-align:center;}
.p_about dl{float:right; width:528px; padding:30px 20px 0 30px; padding-top:30px; line-height:20px;}
.p_about dl dd{ margin-top:20px; padding-left:25px; background:url(../Images/icon03.jpg) no-repeat 8px 8px;}*/
/* ��ҳ���ֽ��� */

.p_left{ float:left;}
.p_right{ float:right;}

    .wow:first-child {
      visibility: hidden;
    }
a:focus, a:hover{text-decoration: none !important;}
.zzzs{width:1038px; margin:0px auto 0; overflow:hidden;}
.zzzs ul{width:1048px; overflow:hidden;}
.zzzs li{float:left; display:inline; width:250px; height:250px; margin-right:12px; background:#bf0000;}
.zzzs li img{width:250px; height:250px;}
.i_banner_box123 img { width: 100%;}

/*响应式按钮*/

.am-header-right:before {-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}
.am-header-right {display:none;position:absolute;height:53px;margin-top:0;margin-bottom:0;line-height:22px;background:0 0 !important;-webkit-transition:color .25s linear;-o-transition:color .25s linear;transition:color .25s linear;z-index:100;right:0 !important;top:0;padding-top:12px;text-align:center;width:50px;padding-left:12px;}
.am-header-right:before,.am-header-right span,.am-header-right:after {background:#fff;}
.close span {opacity:0}
.close:before {-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:8%;-ms-transform-origin:8%;-o-transform-origin:8%;transform-origin:8%;}
.close:after {-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:8%;-ms-transform-origin:8%;-o-transform-origin:8%;transform-origin:8%;}
.am-header-right:before,.am-header-right::after {transition:transform .2s ease-in-out;}
.am-header-right:before,.am-header-right span,.am-header-right:after {display:block;width:30px;height:3px;margin:0;background:#ff6800;border-radius:1px;}
.am-header-right span {margin:6px 0;}
.am-header-right:before,.am-header-right:after {content:"";}
/*按钮结束*/



@media screen and (max-width: 1366px) { 
/*当屏幕尺寸小于1366px时，应用下面的CSS样式*/

/*当屏幕尺寸小于1366px时，结束应用下面的CSS样式*/
}

@media screen and (max-width: 1024px) {
/*当屏幕尺寸小于1024px时，应用下面的CSS样式*/
.mfbox{width:100%;min-width:100%;}

.logo {width: 20%;}
.logo img {width: 100%; height: auto; max-width: 100%;}
.i_nav {width: auto; float: left;}
.ddsmoothmenu{width: 1200px; max-width: 100%;}

.i_navcall{display:none;}
.i_pro_l {width: 100%;padding-left:5px;padding-right:5px;box-sizing: border-box;}
.i_pro_l ul {width: 100%;}
.i_pro_l li {width: calc((100% / 4) - 27px);height: auto;}
.i_prodll .i_pro_l li{width: calc((100% / 4) - 20px);}
.i_pro_l li img {width: 100%;height: auto;}

.i_pro .i_product{padding: 50px 20px; box-sizing: border-box;}
.p_cyly ul li{padding: 0 20px;  box-sizing: border-box;}
.p_cyly ul li > div{width: 50%;}
.p_cyly ul li img{padding-right: 30px;}
.i_pro .i_pl img{width: 470px;height: 315px;}
.i_pro .i_pr li{width:195px;}
.i_pro .i_pl h3{top: 260px;}

.i_news{padding: 58px 20px 55px; box-sizing: border-box;}

.i_container *{max-width: 100%;}
.hd_search{margin-right: 40px;}
.i_newsbox li span{width: 200px;}
.i_newsbox li h4{width: 200px;}
.fd-right{float: none;}
.footer_nav {width: 100%;padding: 0 30px;box-sizing: border-box;}
.footer_nav > ul li{margin: 0 30px;}
.fd-link{display: none;}

.remark1 > p{padding: 0 50px;}
.menu_40 .remark1 div, .menu_39 .remark1 div{padding:0 50px;}
.honorList li img{width: 230px;}
.honorList li{margin-left: 26px;margin-right: 0px;}

.sortnavul li{margin: 0 5px;}
.footContact{width: 460px;}
.i_footercall{margin-right: 155px;}


.i_news_l {width: 98%;margin: 0 auto;padding-left: 5px;

padding-right: 5px;

box-sizing: border-box;}
.i_news_l li {width: 50%;}
.i_news_l li span {width: 75%;padding: 8px 2% 2px 0;}
.i_about_c {width: 93%;padding: 70px 3%;}
.i_contact_c {width: 100%;}
.i_about_c strong {width: 40%;}
.i_about_c strong img {width: 100%;}
.zzzs {width: 100%;}
.zzzs ul {width: 100%;}
.zzzs li {width: 23%;height: auto;margin-right: 1%;background: none;border: 1px solid #bf0000;}
.zzzs li img {width: 100%;height: auto;}
.i_about_c img {max-width: 100%;}
.i_panter_l {width: 98%;}
.i_panter_l ul {width: 100%;}
.i_panter_l img {width: 100%;height: auto;}

.n_n_list {width: 100%;padding: 0 20px; box-sizing: border-box;}


.p_l_list {width: 100%;}
.p_l_list ul {width: 100%;}
.p_l_list li {width: 24%;height: auto;margin-right: 1%;}
.p_l_list li img {height: auto;width: 100%;}

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


/*产品列表*/
.p_p_list{width:100%;margin:0 auto;}
.p_p_list ul {width: 100%;}

.p_p_list li strong{width:100%;}
.p_p_list li img{width:100%;}

.ul-imgtxt li{width: 23%;}

/*带图新闻列表*/
.n_n_list li{overflow: hidden;width: 100%;box-sizing: border-box;}
.n_n_list dd{width:60%;float:left;margin-left:15px;}
.navPage{width:66%;}
.footer{width:100%;min-width:100%;}
.n_n_list li span {width: 78%;padding: 8px 2% 2px 0;}
/*招聘中心*/
.n_j_list li{padding:0 10px;}
.n_j_list li a{width:80%;}
/*内页*/
.productremark{padding:0 10px;}
.p_about{width: 100%;margin: 0;}
.p_container .title{padding-left: 15px;}
.remark{padding: 0 10px;}

.remark img{width:100%;}
.i_dzlc{padding: 35px 20px; box-sizing: border-box;}
.i_dzlc span{font-size:12px;}
.i_Ourstyle ul{flex-wrap: nowrap;overflow: auto;}
.i_Ourstyle{overflow: auto;}
.i_designteam ul li{width:100%;  box-sizing: border-box;}
.contactus1box{padding: 0 10px;}

.p_jthx ul, .bghj ul{padding:0 10px;}
.p_aboutus{min-width: 100%;padding: 0 10px;}
.p_aboutus img, .p_aboutus > .text{width:100%}

/*当屏幕尺寸小于1024px时，结束应用下面的CSS样式*/
}

@media screen and (max-width: 768px) {
 /*当屏幕尺寸小于768px时，应用下面的CSS样式*/
/*nav栏目*/
.i_nav{display:none;height:auto;position:absolute;width:100%;top:50px;z-index: 9999;background:rgba(0,0,0,.7);padding: 0;}
.ddsmoothmenu ul li{display:block;width:100%;border-top:1px solid #ccc;line-height: initial;padding: 0 !important;}
.navactive, .navactive:hover, .nava:hover, .nava.selected{line-height:50px;width: 100%;}
.ddsmoothmenu a{line-height:50px;padding:0;width: 100%;}
.navactive, .navactive:hover{padding:0;width: 100%;}
.navbar-toggle{display: block;background: #FFF;margin: 12px 10px 0 0;border: 1px solid #8D9BBB;background-image: url(/templates/images/icon0x.png);background-size: 100% 100%;}
.ddsmoothmenu ul li.line {border: 0;}
.nava{border-radius: 0px;}
.navactive, .navactive:hover, .nava:hover, .nava.selected{border-radius: 0px;}
.i_nav ul li ul{left: inherit !important;}
.i_pro_l li{width: calc((100% / 4) - 20px);}

.link ul li img{height:auto;}

.ddsmoothmenu{width: 100%;}
.am-header-right{display: block;}
.show{display: block;}

.i_pro_l li > a{height: 100%;}
.i_footercall{margin-right: 0;display: none;}
.footContact{padding-left: 15px;}

.i_pro{padding: 40px 0;}
.i_pro_l li span{margin: 5px 0;}
.p_pdll_list li img{width: 100%;  height: auto;}
.i_dzlc ul{width: 100%;}
.i_dzlc ul li span{display:none;}
.newsbox .i_pro_l div img{width: 150px;  height: 125px;}
.newsbox .i_pro_l div .text h2{font-size: 16px;  width: 380px;  overflow: hidden;  height: 20px;  text-overflow: ellipsis;  white-space: nowrap;}
.newsbox .i_pro_l ul li h2 a{width: 360px;  display: block;  height: 40px;  overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;}
.newsbox .i_pro_l ul li h2{float: left;}
.newsbox .i_pro_l ul li span{float: right;}

.close{opacity: 1 !important;}

.footer_nav > ul li h3{font-size: 16px;}
.p_cyly ul li img{width: 330px; height: 290px;}

.newsbox{width:100%;}
.newsbox .i_pro_l div .text{width: 70%;}
.videos{width: 100%;  float: left;}

.i_newstitle{margin-bottom: 20px;}
.i_newsbox{width: 100%}

.i_newsmore a{width: 172px; border: solid 1px #dddddd; display: block; line-height: 34px; margin: 20px auto;}


.i_newsbox li img{width: auto;height: auto;}
.i_newsbox li{width: calc((100% / 2) - 20px);  margin: 10px 10px}

.i_pro .i_product{display: block;}
.i_pro .i_pl h3{left: 150px;}
.i_pr{overflow: hidden;  padding: 10px 0;  display: flex;  justify-content: space-evenly;}

.title h3::before, .i_pro ul li .text::before{display:none;}
.footer_nav .imgbox{display:none}
.f_alink{padding:0 10px;}
.jzly ul li > div{padding: 0 50px;}

.ddsmoothmenu a{height: auto;}
.ddsmoothmenu li::after, .navactive::after, .ddsmoothmenu .nava::after, .i_nav ul li ul::before{display:none;}
.i_nav ul li ul li{height:auto;}
.i_nav ul li ul{position: relative; overflow: hidden;width: 100%;margin: 0 auto;}
.i_nav ul li ul li a{color:#fff;}

/*产品列表*/
.p_p_list li{width: calc((100% / 3) - 20px);}
.p_pdll_list li{width: calc((100%/3) - 30px);margin: 0px 5px;margin-bottom: 26px;}
.sortnavul li a{padding: 0 10px;}

/*带图新闻列表*/
.n_n_list li{overflow: hidden;width: 100%;}
.n_n_list dd{width:60px;float:left;margin-left:15px;}
.n_n_list li span {width: 85%;height: auto;padding: 8px 2% 2px 0;}
.n_n_list li .news_imgbox{margin-right: 10px;}
.p_container .title{width: 70%;}

/*留言板*/
.gbook_post td:nth-child(1){display:inline-block;width:78px!important;}
input#gbookMain{width:432px !important;}
input#gbookTopic{width:432px !important;}
input#userMail{width:432px !important;}
input[type="text"]{border: 1px solid #d3d3d3;}
.i_news_l li span {width: 70%;padding: 8px 2% 2px 0;}
.i_about_c strong {width: 30%;padding: 75px 0;}
.i_about_c dl {width: 65%;padding-right: 1%;}
.i_about_c dl dd {padding-left: 3%;background: url(../Images/icon03.jpg) no-repeat 1% 8px;}
.n_n_list li{float: none;  margin: 0 auto 15px;}
.n_n_list{padding: 0;}
.newsdll .n_n_list{padding: 0 10px;}

.header{padding:10px 0;}
.logo{padding:0;}
.i_dzlc > div{display: none;}
.i_dzlc{display: flex;  justify-content: space-around;}
.i_Ourstyle ul, .i_Ourstyle{margin-top: 20px;}
.i_about{margin-top: 50px;background-size: cover;}
.i_designteambox{padding:30px 0 ;}
.n_n_list .time h4 a{width: 290px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
/*当屏幕尺寸小于768px时，结束应用下面的CSS样式*/
}



@media screen and (max-width: 480px) {
	.demo{padding: 50px 0;}
	.demo .col-md-3{width: 50%;float: left;    margin-bottom: 20px;}
	.demo .col-md-3 span{font-size: 50px;}
	.sortnavul{overflow: auto;}
	.fwly ul li{    margin-right: 15px;}
	.fwly ul li:nth-child(3){margin-right: 0;}
	.fwly ul{justify-content: initial;}
.link ul{justify-content: left;}
.i_pro ul li img{
	width: 280px;
    height: 290px;
}
.i_sbanner img{height:auto;}
.sort_l li{width: 32%;}
.i_pro_l li{width: calc((100% / 2) - 20px);}
.i_designteam ul li a img{height: 372px;}
.p_p_list li .text{position: relative; top: 0; padding: 0 20px; color: #000; text-align: center; display: block;}
.p_about .text div{display:none;}
.p_p_list li:hover:before{display:none;}

.i_newsbox li{width: calc((100%/2) - 32px); margin: 10px 10px; border: dashed #ccc 1px;padding: 0 5px;}

input#gbookTopic{width:380px !important;}
input#userMail{width:380px !important;}

.i_newsbox li dl{display: none;}

.footer_nav{width: 100%;padding: 0 10px; box-sizing: border-box;}
.p_p_list li{width: calc((100% / 2) - 20px);margin: 0 10px 20px;}

.i_about {padding:0 10px;}
.i_pro ul li{width:calc((100% / 1) - 40px)}

.p_contact ul{flex-wrap: wrap;}
.p_contact ul li{width: 100%;  margin-bottom: 20px;}

.n_n_list li{height: auto;box-sizing: border-box;  padding: 10px 20px;}
.n_n_list li .news_imgbox{width: 100%;margin-right: 10px;}
.p_container .title{width: 100% !important; height: 100px; padding-left: 0px; padding-top: 30px;}
.n_n_list img{width: auto;  height: auto;}

.n_n_list .newstext{width: 100%; padding: 0 ; height: 40px; overflow: hidden; box-sizing: border-box;margin:0;}
.p_pdll_list li{width:calc((100%/2) - 30px)}
.sortnavul li a::before, .sortnavul li a::after{display:none;}
.honorList li{margin-left: 10px; margin-right: 13px; box-sizing: border-box;width: calc((100%/2) - 25px);}
.honorList li img{width:100%;}
.gbook_indexpost{padding-left: 5%;}


.sort_l .i_p1 a, .sort_l .i_p2 a, .sort_l .i_p3 a{background: none;}
.sort_l .i_p1 a:hover, .sort_l .i_p2 a:hover, .sort_l .i_p3 a:hover{background: none;}
.sort_l .i_p1 .on{background: none;}

.i_pro .i_pr li img, .header{height: auto;}

.newsbox{width: 100%;}
.newsbox .i_pro_l div .text{width: 58%;}
.newsbox .i_pro_l ul li h2 a{width: 270px;}
.videos{width: 100%;padding: 10px 0;}
.i_pro .i_pl h3{left: 0;}
.logo{float: right;padding-right: 0px;}
.hd_search{display:none;}
.i_nav ul li ul{margin-left: calc(50% - 50px);}

.mauto{left: auto;width: 100%;}

.fwly ul{box-sizing: border-box; padding: 0 10px;}
.fwly ul li{width: calc((100% / 3) - 10px);}

.jzly ul li{flex-wrap: wrap;}
.jzly ul li img, .jzly ul li > div{width:100%;}
.jzly ul li:nth-child(2n){flex-direction: column-reverse;}


.i_gjh > div p{font-size: 14px;}
.p_cyly ul li > div, .p_cyly ul li img{width: 100%;}

.n_n_list img{width: 100%; height: 100%;}
.p_container .title{height: auto;padding-top: 0px;}

.p_p_list li span:after{top: 40px;}
.p_p_list li span{padding: 10px 0;}


.i_footercall{display: none;}
.footer_nav > ul{flex-wrap: wrap;  justify-content: space-between;}
.footer_nav > ul li{margin: 0 10px;	}
.footer_nav > ul li{margin-bottom:10px;}

.i_Ourstyle ul{flex-wrap: wrap;}
.i_Ourstyle ul li{width: calc(100% / 3);}
.i_pro .i_pro_l ul li{width: calc((100% / 2) - 10px);}
.i_pro .i_pro_l ul li img{height: 200px;}
.i_designteam ul li{flex-wrap: wrap;}
.i_designteam ul li h3::before{display:none;}
.i_designteam ul li .imgbox, .i_designteam ul li .text{width:100%;}
.link ul li{width: calc((100% / 3) - 20px);margin-bottom:20px;}
.i_news ul li{width: calc((100% / 1) - 0px); margin: 0 0 20px;}


.products .p_about{padding: 0;}
.navPage{    width: 80%;}
.p_title{height: auto;line-height: 60px;}
.search_btn, #keywords{display:none;}
.p_pdll_list ul{justify-content: space-between;}
.i_designteam ul{justify-content: space-between;padding: 0 10px;  box-sizing: border-box;}
.p_shry ul li{width: calc((100% / 2) - 10px);}
.contactus1box{flex-wrap: wrap;}
.ditu, .contactus1{width: 100%;}
.i_pro ul li{margin-bottom:20px;}
}

@media screen and (max-width: 414px) {
.footer_nav a{font-size: 14px;}
.i_nav{top: 12px;}
.i_designteam ul, .p_pdll_list ul{justify-content: center;}
.p_p_list li{width: calc((100% / 1) - 20px);text-align: center;}

.i_designteam ul li, .p_pdll_list li{width: calc((100%/1) - 30px);}
.newsbox .i_pro_l div .text{width: 53%;}
.i_pro .i_pro_l ul li{width: calc((100% / 1) - 10px) !important;}
.p_p_list li img, .i_pro .i_pro_l ul li img{height: 250px;}

.i_dzlc ul li h3{font-size:12px}
.i_dzlc{padding: 25px 10px;}
.newsbox .i_pro_l ul li h2 a{width: 230px;}

.news_imgbox{display:none;}
.ewm{display:none !important;}
.footer_nav{justify-content: center;}

.title span{font-size: 28px;}
.i_about p{margin-top: 20px;}
.i_designteam ul li a img{height: 327px;}
}



@media screen and (max-width: 380px) {
.footer_nav{display: block;}
.footLeft{width: 100%;  float: none;padding: 0 0 20px 90px;}
.footer_nav > ul{justify-content: center;}

}




@media screen and (max-width: 375px) {
.i_newsbox li{width: 97%; margin: 10px 5px;}
.i_newsbox li img{width: auto; height: auto;}
.aboutMain .font{padding: 0 30px;}
.navPage{width: 85%;}
.p_p_list li{width: calc((100%) - 20px);}

.p_pdll_list li{width: calc((100%) - 30px);}
.p_pdll_list li img{width:100%; height:100%;}
.sortnavul li a{margin-right: 0px;}
.i_designteam ul li a img{height: 262px;}
.gbook_indexpost{padding-left: 0;}
.gbook_post td:nth-child(1){width: 80px !important;}
#gbookMain, input#userMail, input#gbookTopic{width: 350px !important;}


.i_nav{top: 50px;}

.p_about{padding:0;}
.remark1{margin-top: 0px;}


.footContact{max-width: 100%; font-size: 14px;}
.footMenu em{margin: 0 10px;}
.footer_nav a{font-size: 12px;}

.i_pro .i_pl h3{left: 30px;}
.i_pro .i_pl h3::before{right: -200px;}
.i_pro .i_pr li h3{padding: 26px 0 0;  height: 20px;  overflow: hidden;}
.sort_l{width: 100%;}
.newsbox .i_pro_l div img{width: 100%;  height: auto;float: initial;}
.newsbox .i_pro_l div .text{width: 100%;padding: 10px 0 0;}
.newsbox .i_pro_l ul li h2 a{width: 190px;}

.footer_nav{display: block;}
.footLeft{width: 100%;  float: none;padding: 0 0 20px 90px;}
.footer_nav > ul{justify-content: space-between;}
.n_n_list .newstext{height: 20px;}
.n_n_list .time h4 a{width: 230px; overflow: hidden; white-space: pre; text-overflow: ellipsis;}
.i_Ourstyle ul li{width: calc(100% / 2);}
}

.i_newsdll_l .swiper-button-next {
    top: calc(100% - 50px);
}

.i_newsdll_l .swiper-button-prev {
    top: calc(100% - 50px);
    left: calc(100% - 100px);
}

.i_newsdll_l 
 .swiper-button-next, .i_newsdll_l 
 .swiper-button-prev {
    width: 50px;
    background: #fff;
    height: 50px;
}

.i_newsdll {
    display: flex;
}

.i_newsdll_l {
    width: 55%;
}

.i_newsdll_r {
    width: 45%;
    line-height: 30px;
    font-size: 16px;
    font-family: "宋体";
    margin-bottom: 70px;
    padding: 50px 250px 0 50px;
}

.i_newsdll_r h2 {
    display: block;
    font-size: 24px;
    color: #333333;
    position: relative;
    z-index: 2;
    padding-bottom: 90px;
}

.i_newsdll_r h2:before {
    content: "";
    display: block;
    width: 50px;
    height: 2px;
    background: #e2c083;
    top: 66px;
    position: absolute;
}

.i_newsdll_r a {
    display: block;
    width: 180px;
    height: 50px;
    border: 1px solid #c2c2c2;
    text-align: center;
    line-height: 50px;
    font-size: 15px;
    margin-top: 50px;
}

.i_newsdll_l h2 {
    display: none;
}