@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_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;}
*/
.certifications_content li{
	border: 1px solid #ccc;
}
.certifications_content li a{
	display: flex;
}
.certifications_content li .certifications_content_title{
	width: 50%;
	padding: 14% 20px;
	text-align: left;
	order: 3;
}
.certifications_content li .certifications_content_title h3 {
	font-size: 32px;
	font-weight: bold;
	color: #000;
	margin-bottom: 20px;
}
.certifications_content li .certifications_content_title span {
	font-size: 20px;
	color: #000;
}
.certifications_content li .certifications_content_pic{
	width: 50%;
	max-height: 440px;
	order: 4;
}
.certifications_content li .certifications_content_pic img{
	width: 100%;
	height: 100%;
}
.certifications_content li:nth-child(2n) .certifications_content_pic{
	order: 2;
}



/*招聘*/
.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;}
.jobs .n_n_list li span{display:none;}


/*新闻*/

/*.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: 120px; height: 90px; float: left; margin-right: 50px;}
.n_n_list img{max-width: 100%; width: 120px; height: 90px;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;}
.n_n_list li dl{display: block;  float: right;  font-size: 14px;  height: 100%;padding-right: 40px;}
.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;}
.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;float: left;font-size: 16px;  color: rgb(51, 51, 51);}
.n_n_list .time h4 a:hover{color: rgb(0, 225, 111);  text-decoration: underline;}
.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: 30px;float: right;}
.n_n_list .title{width: auto;}
/*产品*/
.p_container .title{text-align: center; max-width: 100%; float: left;width:80%;}

.p_p_list{ margin:0px auto 0; overflow:hidden;margin-top: 20px;}
.p_p_list ul{ overflow:hidden;}
.p_p_list li{float: left;position: relative; display: inline; width: calc((100% / 4) - 20px);margin:0 10px 0; margin-bottom: 50px;height: 286px;    box-shadow: 0 0px 7px 0 rgba(38,148,71,.8);}
.p_p_list li:hover{transform: scale(1.2);}

.p_p_list li::after{content: '';display: block;position: absolute;width: 50px;height: 3px;background: #FF3F2B;left: calc(50% - 25px);opacity: 0;}
.p_p_list li:hover::after{opacity: 1;}
.p_p_list li:hover a{border:none;}
.p_p_list li:hover span a{color: rgb(0, 180, 89);}

.p_p_list li img{max-width: 100%;width: 285px; height: 220px; transition: all 0.5s;}
.p_p_list li span{display:block; line-height:32px; overflow:hidden; padding:6px 10px; height:32px; overflow:hidden;text-align: center;position: relative;}
.p_p_list li span:after{content: ""; position: absolute; width: 70px; height: 1px; bottom: 0; left: 50%; margin-left: -35px; background: #c1c1c1;top:66px;}
.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;display: none;}
.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_lxwm .m-info p {     height: 34px;     line-height: 34px;     font-size: 14px;     color: #2f2f22;     text-overflow: ellipsis;     overflow: hidden;     white-space: nowrap;     float: left; }



.p_p_list li > a{display:block;position: relative;padding: 10px;  box-sizing: border-box;  border: 1px solid #ededed;}


/*动态产品*/
.p_pdll_list li{width: calc((100%/4) - 10px); float: left; overflow: hidden; padding: 0px; margin: 0 5px 26px 5px; background: #f1f1f1;}
.p_pdll_list li a{display: block;overflow: hidden;}
.p_pdll_list li img{width: 290px; height: 218px; max-width: 100%; transition: all 0.5s;}
.p_pdll_list li span{display: block; border-top: 1px dotted #b2b2b2; padding: 10px 0; 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{box-shadow: 0 0 6px #999;}
/*结束动态产品*/


/*视频*/
.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: 70px;  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;}




/*单页图文*/
.i_title{text-align: center;}
.i_title h4{font-size: 14px;color:#999999;}
.i_title h3{font-size: 28px; color: #000000;}

.i_cpxl{width: 1200px;  max-width: 100%;  margin: 0 auto;  overflow: hidden;padding: 50px 0;}
.i_cpxl ul{display:flex;flex-wrap: wrap;margin-top: 50px;}
.i_cpxl ul li{margin: 20px 10px;  width: calc((100% / 3) - 20px);  display: flex;  align-items: center;  justify-content: space-between;border: rgb(219, 219, 219) 1px solid;box-sizing: border-box;  border-right: none;  border-left: none;}
.i_cpxl ul li h3{font-size: 18px; color: #025E9B;}

.i_mygx{width: 1200px;  max-width: 100%;  margin: 0 auto;  overflow: hidden;}
.i_mygx ul{display: flex;justify-content: space-evenly;flex-wrap: wrap;padding: 40px 0;}
.i_mygx ul li h4{color: #333;  font-size: 28px;  font-weight: 600;}
.i_mygx ul li h4 sup{font-size: 12px;  line-height: 15px;  padding-left: 5px;}
.i_mygx ul li span{display: block;  font-size: 12px;}
.i_mygx ul li{position: relative;}
.i_mygx ul li:before{position: absolute;  content: "";height: 60px;  width: 1px;  background: rgb(237, 237, 237);  right: -60px;}
.i_mygx ul li:nth-last-child(1):before{display:none;}

.i_ywlybox{width: 100%;  max-width: 100%;  overflow: hidden;  background: #f1f4f8;padding:90px 0;}
.i_ywlybox .i_ywly{width: 1200px;  max-width: 100%;  overflow: hidden;  margin: 0 auto;}
.i_ywlybox .i_ywly ul{display: flex;  align-items: center;margin:50px 0;}
.i_ywlybox .i_ywly ul li h4{color: rgb(51, 51, 51);  font-size: 18px;  font-weight: 700;padding: 20px 0;}
.i_ywlybox .i_ywly ul li{width: calc((100% / 4) - 20px);  margin: 0 20px;  text-align: center;  background: #fff;  padding: 50px;height: 270px; overflow: hidden;}
.i_ywlybox .i_ywly ul li img{width:124px;height:124px;}
.i_ywlybox .i_ywly ul li p{color: rgb(153, 153, 153);  line-height: 20px;}
.i_ywlybox .i_ywly h5{border-radius: 15px;  width: 241px;  padding: 17px;  text-align: center;  cursor: pointer;  font-size: 14px;  background: linear-gradient(to bottom, #fff -20%,#3fabff 100%);margin: 0 auto;}
.i_ywlybox .i_ywly h5 a{font-size:14px;color:#fff;}
.i_ywlybox .i_ywly ul li:hover{box-shadow: 2px 2px 10px rgba(0,0,0,.2);}
.i_ywlybox .i_ywly ul li:hover a{color:rgb(0, 143, 255);}


.title h3{font-size: 28px;  color: #333333;text-align: center;margin-bottom:20px;}
.title span{font-size: 14px;  color: #333333;display:block;text-align: center;}

.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_gywm > div{font-size: 16px;  text-indent: 2em;  margin-bottom: 20px;}


iframe{width: 100%; max-width: 100%;}
.p_lxwm{width: 1200px;  max-width: 100%;  overflow: hidden;}
.p_lxwm ul{display: flex;justify-content: space-between;padding-bottom: 50px;}
.p_lxwm ul li{display: flex;align-items: center;}
.p_lxwm ul li img{margin-right:20px;}
.p_lxwm ul li h4{font-size: 18px;  font-weight: 600;}
.p_about > p{width: 800px;  margin: 0 auto;  text-align: justify;  max-width: 100%;font-size: 14px;  line-height: 1.7;  color: #666666;}
.p_about .p_fwly{width:1200px;max-width:100%;overflow: hidden;}
.p_about .p_fwly > h3{font-size: 24px;  color: #333333;text-align: center;padding: 50px 0;}
.p_about .p_fwly ul{display: flex;  flex-wrap: wrap;}
.p_about .p_fwly ul li{width: calc(100%/4);color:#fff;color: #FFFFFF;  line-height: 1.7;font-size:12px;text-align: center;display: flex;  align-items: center;  flex-direction: column;  justify-content: center;position: relative;}
.p_about .p_fwly ul li img{max-width:100%;}
.p_about .p_fwly ul li h3{font-size:18px;margin-bottom: 10px;}
.p_about .p_fwly ul li p{padding:0 20px;text-align: justify;}
.p_about .p_fwly ul li:nth-child(2){background: rgb(0, 225, 111);}
.p_about .p_fwly ul li:nth-child(2):before{content: "";  position: absolute;background: url(http://picture.no3.mfdns.com/upload/cases/zm1048/before1.png);  width: 15px;  height: 30px;  left: -10px;}
.p_about .p_fwly ul li:nth-child(4){background: rgb(240, 203, 0);}
.p_about .p_fwly ul li:nth-child(4):before{content: "";  position: absolute;background: url(http://picture.no3.mfdns.com/upload/cases/zm1048/before2.png);  width: 15px;  height: 30px;  left: -10px;}
.p_about .p_fwly ul li:nth-child(5){background: rgb(76, 183, 250);}
.p_about .p_fwly ul li:nth-child(5):before{content: "";  position: absolute;background: url(http://picture.no3.mfdns.com/upload/cases/zm1048/before3.png);  width: 15px;  height: 30px;  right: -10px;z-index: 1;}
.p_about .p_fwly ul li:nth-child(7){background: rgb(0, 225, 154);}
.p_about .p_fwly ul li:nth-child(7):before{content: "";  position: absolute;background: url(http://picture.no3.mfdns.com/upload/cases/zm1048/before4.png);  width: 15px;  height: 30px;  right: -10px;z-index: 1;}

.p_about .p_hdry > h3{font-size: 24px;  color: #333333;text-align: center;padding: 50px 0;}
.p_about .p_hdry ul{display: flex;  justify-content: space-between;}
.p_about .p_hdry ul li img{max-width:100%;width: 326px;}
.p_about .p_hdry ul li{width:calc(100%/3)}
.p_about .p_hdry ul li h3{font-size: 18px;  color: #333333;padding:10px 0;}
.p_about .p_hdry ul li span{font-size: 14px;color:#888888;}
/*结束单页图文*/




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


/* ---------------开始首页内容------------------ */

/*首页产品*/
.i_products{width: 1200px; max-width: 100%; margin: 0 auto; overflow: hidden;padding: 50px 0;}
.i_products ul{display:flex;flex-wrap:wrap;margin-top: 50px;}
.i_products ul li{width: calc(100% / 4); text-align:left; padding: 0 10px; box-sizing: border-box;overflow: hidden;}
.i_products ul li img{width:100%;max-width:100%;height: 240px;}
.i_products ul li h4{color: rgb(0, 0, 0);line-height: 24px;font-size: 16px;font-weight: 400;padding-top: 20px;}
.i_products ul li div{color: rgb(153, 153, 153);  font-size: 12px;  margin: 10px 0;  white-space: pre;  text-overflow: ellipsis;  overflow: hidden;}
.i_products ul li span a{display: inline-block;  padding: 5px 10px;  border: rgb(229, 229, 229) 1px solid;  box-sizing: border-box;  font-size: 12px;color:#999;margin-bottom: 10px;}
.i_products ul li:hover{background: url(http://picture.no3.mfdns.com/upload/cases/zm1048/yylybj.png) no-repeat;background-size: 100%;}


/*关于我们*/
.aboutbox{width:100%;max-width:100%;background: url(http://picture.no3.mfdns.com/upload/cases/zm1048/aboutbj.jpg);background-position: center;background-repeat: no-repeat;}
.about{width: 1200px; max-width: 100%; margin: 0 auto; overflow: hidden;padding: 50px 0;}
.about .i_title *{color:#fff}
.about div:nth-last-child(1) > p{font-size: 14px;  line-height: 1.7;  color: #D0D0D0;height: 100px; overflow: hidden;}
.about div:nth-last-child(1) > h3{font-size: 20px;  color: #FFFFFF;margin-top: 60px;}
.about div:nth-last-child(1){width: 80%;background: rgba(0, 0, 0, 0.37) none no-repeat left top;padding:70px 60px;box-sizing: border-box;position: relative;margin: 50px 0;}
.about div > a{display: flex;  background-color: rgb(38, 148, 71);  width: 90px;  height: 90px;  position: absolute;  right: -5%;  bottom: -5%;  align-items: center;  justify-content: center;color:#fff;}



/*首页应用领域*/
.yyly{width: 1200px; max-width: 100%; margin: 0 auto; overflow: hidden;padding: 50px 0;display: none;}
.yyly ul{display:flex;flex-wrap:wrap;margin-top: 50px;}
.yyly ul li{width: calc(100% / 4);padding: 0; box-sizing: border-box;overflow: hidden;position: relative;}
.yyly ul li > div{position: absolute;  top: 40%;text-align: center;  padding: 0 20px;display:none;}
.yyly ul li > div h3{color: rgb(255, 255, 255); font-size: 18px;}
.yyly ul li > div p{color: rgb(208, 208, 208); font-size: 12px;text-align: justify;}
.yyly ul li:before{position: absolute;  content: "";  top: 0;  left: 0;  right: 0;  bottom: 0;  background: rgba(0,0,0,0.5);display:none;transition: all .3s;}
.yyly ul li:hover:before, .yyly ul li:hover > div{display:block;}


/*首页新闻*/
.i_newsbox{width: 100%;  max-width: 100%;  overflow: hidden;background: url(http://picture.no3.mfdns.com/upload/cases/zm1048/newsb.jpg) no-repeat;padding-top: 80px;padding-top: 80px;background-position: center top;}
.i_news{display: flex;justify-content: space-around;width: 1200px;  max-width: 100%;  margin: 0 auto;background:#fff;padding:50px 20px;margin-top: 50px;}
.i_news > div{width:calc((100%/2) - 40px);margin:0 20px;}
.i_news .i_newsl li > div{width:470px;text-align: justify;}
.i_newsbox .i_title *{color:#fff;}
.i_news .i_newsl li h2{font-size:18px;margin: 20px 0 5px;}
.i_news .i_newsl li span{color: #999999;font-size:12px;}
.i_news .i_newsl li > div{margin-top: 10px;height: 40px; overflow: hidden;}
.i_news .i_newsr li:nth-child(1){padding-top:0;}
.i_news .i_newsr li{display: flex;  padding: 20px 0;align-items: center;border-bottom: 1px solid rgb(237, 237, 237);}
.i_news .i_newsr li h2{font-size:18px;margin:0 0 5px;}
.i_news .i_newsr .text{padding:0 20px;}
.i_news .i_newsr .text span{color: #999999;font-size:12px;}
.i_news .i_newsr .text > div{font-size:12px;padding-top: 20px;color: rgb(102, 102, 102);text-align: justify;height: 35px; overflow: hidden;}

.i_newsbox a:hover{color: rgb(0, 225, 111);text-decoration: underline;}

/* 首页推荐新闻*/

.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: 20px; 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{width:100%;text-align:center;}
.sortnavt{display: none;}
.sortnavt h3{ display:none;}
.sortnavul{display: flex;  justify-content: center;max-width: 100%;}
.sortnavul li{ display:block; margin:0 10px;}
.sortnavul li a{
 text-align: center;
 color: #666;
 font-size: 16px;
 padding: 0 30px;
 transition: all 0.3s;
 position: relative;
 margin-right: 10px;
 border-radius: 5px;
 height: 35px;
 line-height: 35px;
 border: 1px solid transparent;
 box-shadow: 0 0 1px #fff inset;
 display: inline-block;
 }
.sortnavul li a:hover{font-size:20px;font-weight: 700;color:#000;}


.sortnavul li ul{ display:none;}


/*.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:600px;}
.productinfos{ overflow:hidden; display:none; text-align:center; }
.productimg a { }
.productimg a img{margin:0;padding:0;max-width:600px;}
.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 #10cfcd;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: rgb(0, 143, 255); text-decoration:none;}
/* Other */
.clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;overflow:hidden;}
.mauto{width:100%; margin:0 auto;}
.m_auto{margin:0 auto;}

/* 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*/




/*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; float: left; width: 600px; max-width: 100%;border-bottom: 1px solid #756b61;}
.ddsmoothmenu a{text-align:center;color: rgb(255, 255, 255);}
.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;
}

/*.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: 40px; width: calc(100%/7);}
.nava{display: inline-block;  width: auto;  line-height: 40px;  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: inline-block; width: auto; line-height: 40px; font-size: 16px; font-family: microsoft yahei; border-radius: 5px; position: relative;color: #fff !important;}	
.ddsmoothmenu>ul>li:hover {
    background: #ffff6c;
   
}
.ddsmoothmenu ul>li:hover>a {
    color: #269447 !important;
}
.i_nav ul li ul{
position: absolute; padding-left: 0px;display: none;left: -16px !important;    background: #fff;
}
.i_nav ul li ul:before{content: " "; width: 12px; height: 7px; position: absolute;top: -7px; left: 50%; margin-left: -6px;background: url(/templates/Images/sub.png) no-repeat 0 0;}
.ddsmoothmenu ul li:hover ul{display: block;}
* html .i_nav ul li ul{}
.i_nav ul li ul li{ 
    border: none;
    display: list-item;
    padding: 0px;
    margin: 0 auto;
    line-height: 35px;
    width: 100%;
}
/*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:120px; color:#000;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: #10cfcd;}
.i_nav ul li ul li a:hover{
    background: #ffff6c;
}

/* 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;
}




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



.i_language{
	position: absolute;
    right: 0;
    top: -20px;
}
.i_language a,.i_language span{color: #fff;}
.i_language span:last-child{display: none;}
.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:100px;position: absolute; z-index: 999999;/*left: calc(50% - 700px);*/display: flex;  align-items: center; justify-content: space-evenly;    background: #269447;position: fixed;}
.logo{float:left; overflow:hidden;}

.i_nav{float:right; width:auto; height:40px;position: relative;}
/*.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: 51%;  height: auto;  margin: 55px auto 0;  float: left;border-bottom: 1px solid #ededed; }
.sort_l li{display: inline-block;width: 16%;}
.sort_l li a{display: block;  line-height: 38px;  text-align: center;  margin: 0 10px;font-size: 16px;  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:before{position: absolute;  content: "";width: 77px;  height: 2px;  background: #008fff;  bottom: 0px;  left: 0;}
.newsbox{width: 58%;  margin: 0 auto;  overflow: hidden;  max-width: 100%;  float: left;margin-top: 30px;}

.newsbox .i_pro_l div{float: left;  overflow: hidden;}
.newsbox .i_pro_l div img{float:left;width: 190px;  height: 135px;}
.newsbox .i_pro_l div .text{width: 57%;  float: left;  padding: 10px 0 10px 20px;}
.newsbox .i_pro_l div .text h2{font-size: 18px;  color: rgb(51, 51, 51);}
.newsbox .i_pro_l div .text span{font-size: 12px;  color: #999999;  padding: 10px 0 20px;display: block;}
.newsbox .i_pro_l div .text > div{height: 40px;  text-align: justify;}
.newsbox .i_pro_l ul li{width: 87%;  overflow: hidden;  max-width: 100%;line-height: 52px;  border-bottom: 1px solid #ccc;  box-sizing: border-box; text-indent: 1em;position: relative;}
.newsbox .i_pro_l ul li:before{position: absolute;  content: "";width: 3px;  height: 3px;  background: #000;  left: 0;  border-radius: 50%;  top: 25px;}
.newsbox .i_pro_l ul li  h2{float: left;}
.newsbox .i_pro_l ul li span{float: right;}



.videos{width: 40%;  float: right;  max-width: 100%;}
.videos video{height:auto;width: 100%;max-width: 100%;margin: 10px 0;}
.videos h3{width: 243px;  padding: 20px;  text-align: center;  cursor: pointer;font-size: 20px;  color: #FFFFFF;background: linear-gradient(to left, #25c5ff 60%, #3fabff 80%);  margin: 0 auto;}
.videos h3:nth-last-child(1){font-size:12px;}

.i_ryzz{width: 1200px;  max-width: 100%;  margin: 0 auto;  overflow: hidden;padding: 0 0 70px;}
.i_ryzz ul{display: flex;  justify-content: space-around;margin-top: 50px;}
.i_ryzz ul li {width:calc((100% /4) - 20px);margin: 0 10px;}
.i_ryzz ul li img{width: 289px;  height: 218px;}


.i_gjh{width: 100%;  max-width: 100%;  overflow: hidden;  background: url(http://picture.no3.mfdns.com/upload/cases/my1041/igjhbj.jpg);  padding: 70px 0;}
.i_gjh > div{width: 1200px;  margin: 0 auto;  max-width: 100%;  text-align: center;}
.i_gjh > div p{font-size:18px;line-height:24px;color:#fff;}
.i_gjh > div a{padding: 10px 50px;  border-radius: 32px;  margin-top: 40px;  display: inline-block;  color: #fff;  font-size: 18px;  border: 1px solid #fff;}



.hd_search{float: right;  width: 165px;  height: 36px;  position: relative;}
#keywords{display: block;  width: 100%;  height: 40px;  line-height: 40px;  padding: 0 12px;  font-size: 14px;border: none;  background: none;  color: #fff;}
.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;}
.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;}




.caseLeft{width: 1200px; margin: 0 auto;}
.caseBox{width: 555px; height: 575px; overflow: hidden; background: #181818; position: relative;float: left;}
.i_pdllr li{float: left; width: 322px; height: 260px; overflow: hidden; background: #000; position: relative;}




.i_contact{padding:70px 0 90px;}
.i_contact_c{width:1100px; margin:40px auto 0; line-height:30px; text-align:center;}

.i_panter{overflow: hidden;}
.i_panter_l li a{color: #000; line-height: 42px; padding-left: 20px; font-size: 12px;}
.i_panter_l li a:hover{color: #cd9358;}
.i_panter_l{width:1200px; margin:20px auto; overflow:hidden;}
.i_panter_l ul{width:1128px; overflow:hidden;}
.i_panter_l li{float:left; display:inline; width:257px; margin-right:25px;}
.i_panter_l img{width:251px; height:68px; border:3px solid #ccccca;}


.p_title{text-align: center;  max-width: 100%;  width: 100%;  margin-top: 30px;}

.caseLeft {width:1200px;	height:575px;overflow:hidden;position:relative;}
.caseBox {height:575px;overflow:hidden;}
.caseBox .pImg {display:block;width:555px;height:450px;overflow:hidden;}
.caseBox img {width:555px;height:450px;transition:all 1s;}
.caseBox p {height:125px;line-height:125px;color:#fff;font-size:16px;padding:0 210px 0 30px}
.caseBox p a{color: #fff;}
.caseLeft .hd {position:absolute;right:30px;bottom:40px;}
.caseLeft .hd a {display:inline-block;width:22px;height:26px;cursor:pointer;overflow:hidden;text-indent:-9999px;background: url(http://picture.no3.mfdns.com/upload/cases/zs1029/casebtn.png);}
.caseLeft .hd .next {background-position:-22px 0;margin-left:65px;}
.caseLeft .hd a:hover {opacity:.8;}
.caseLeft .hd .pageState {position:absolute;top:-6px;font-size:20px;padding-bottom:10px;margin-left:10px;color:#fff;}
.caseLeft .hd .pageState span {font-size:35px;font-style: italic;margin-right:5px;}
.caseMain li img:hover{opacity: .3; transform: scale(1.1, 1.1);}
.caseBox img:hover{transform: scale(1.1, 1.1);}}
.caseMain {width:644px;overflow:hidden;margin-top:55px;}
.caseMain li {float:left;width:322px;height:260px;overflow:hidden;background:#000;position:relative;}
.caseMain li img {width:322px;height:260px;transition:all 0.5s;}
.caseMain li span {position:absolute;top:50%;left:0;color:#fff;font-size:13px;opacity:0;transition:all 0.3s;width:100%;text-align:center;  }
.caseMain li span a{color:#fff;}
.caseMain li:hover span{opacity:1;}
.caseMain{margin-top: 5%;border-left: solid 1px #fff;  margin-left: 1px;  overflow: hidden;}

.caseMain li > a:after{content: "";  background: url(http://picture.no3.mfdns.com/upload/cases/zs1029/picon2.png) no-repeat center;  position: absolute;  width: 28px;  height: 28px;  top: 35%;  left: 46%;opacity: 0;}
.caseMain li a:hover:after{opacity:1;}

.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_footercall{overflow: hidden;text-align: center;display: flex;color:#fff;justify-content: center;}
.i_footercall p{color: #fff;font-size: 18px;font-family: Arial;display: block;}
.i_footercall > div{background: url(/templates/Images/dbimgbox.png) no-repeat;margin: 0 10px;}
.i_footercall img{width: 93px;  height: 93px;}



/* 结束首页底部*/



.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:#269447;}

.footer a:hover{color: #269447;background: #ffff6c;}

.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 .footer_box{max-width: 90%;}
.footLeft {display: flex;  align-items: center;}
.footLeft h4{font-size:18px; color: #FFFFFF;padding-left: 50px;}
.footbottom{display: flex;  justify-content: space-around;padding-top: 30px;}
.footbottom a{color:rgb(255, 255, 255);font-size:14px;position: relative;    padding: 5px 10px;    display: block;
    width: calc(100% / 6);
    text-align: center;}
.footbottom a:before{position: absolute;content: "|";right: -15px;}
.footer_nav > ul{display: flex;}
.footer_nav > ul li{margin: 0 60px;}
.footer_nav > ul li h3{font-size: 20px;  font-weight: 400;  color: #fff;  line-height: 26px;  margin-bottom: 20px;}


.copyright{text-align: center;  line-height: 30px;  font-size: 14px;  color: #fff;  padding: 10px 0;}
#com_copyright div {     width: 1200px; max-width: 100%;margin: 0 auto;}
.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;}

.p_about{width:100%; margin: 0 auto; overflow:hidden;float: right;padding: 20px 0;max-width: 100%;    text-align: center;
}
.p_cyly ul li{margin: 50px 0;overflow: hidden;}
.p_cyly ul li img{width: 450px;  height: 256px;  float: left;padding-right: 60px;}
.p_cyly ul li > div{float: left;  width: 55%;padding: 30px 0 20px;}
.p_cyly ul li > div h3{font-size: 42px;  color: #CCCCCC;margin-bottom: 20px;}
.p_cyly ul li > div h3 span{font-size: 12px;padding-left: 10px;}
.p_cyly ul li > div h4{font-size: 18px;  color: #333333;font-weight: 700;margin-bottom: 15px;}
.p_cyly ul li > div p{font-size: 12px;  color: rgb(153, 153, 153);  line-height: 21px;margin-bottom: 30px;}

.p_cyly ul li:nth-child(2n) img{float: right;  padding: 0;}



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

.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;left: 30px;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样式*/
.header{width: 100%;     background: #269447;}
/*当屏幕尺寸小于1366px时，结束应用下面的CSS样式*/
}

@media screen and (max-width: 1024px) {
/*当屏幕尺寸小于1024px时，应用下面的CSS样式*/
.mfbox{width:100%;min-width:100%;}
.mauto {width: auto;left: 0; max-width: 100%;left: calc(50% - 420px);}
.logo {width: 20%;}
.logo img {width: 100%; height: auto; max-width: 100%;}
.i_nav {width: auto; float: left;}
.ddsmoothmenu{width: 646px;}

.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_cpxl ul{padding: 0 20px;  box-sizing: border-box;}
.yyly{padding:50px 20px;box-sizing: border-box;}
.i_newsr img{width: 270px;}
.i_news .i_newsr .text > div{padding-top: 10px;}


.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 > a{display:block}
.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;}

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

.p_about .p_fwly ul{padding: 0 10px;  box-sizing: border-box;}
.p_about .p_hdry ul{padding: 0 15px;  box-sizing: border-box;}
.p_lxwm ul{justify-content: space-evenly;}

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

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

.menu_55 .p_gywm{padding: 0 20px;}





/*产品列表*/
.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;}


.n_n_list li dl{padding-right: 0;}

.remark img{width:100%;}
.header{position: absolute;}
/*当屏幕尺寸小于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: 50px;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_pro_l li{width: calc((100% / 4) - 20px);}


.ddsmoothmenu{width: 100%;}
.am-header-right{display: block;}
.show{display: block;}
.sort_l li{width: 25%;}
.i_pro_l li > a{height: auto;}





.i_pro{padding: 40px 0;}
.i_pro_l li span{margin: 5px 0;}


.newsbox .i_pro_l div img{width: 150px;  height: 125px;}
.newsbox .i_pro_l div .text h2{font-size: 16px;  width: 230px;  overflow: hidden;  height: 20px;}
.newsbox .i_pro_l ul li h2 a{width: 240px;  display: block;  height: 40px;  overflow: hidden;}
.footer_nav > ul li h3{font-size: 16px;}
.p_cyly ul li img{width: 330px; height: 290px;}



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


.m-video{float:none;}
.m-video{width:auto}
.row-a4{text-align: center;}
.ddsmoothmenu a{height: 0;}
.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; margin-left:calc(50% - 60px);}

/*产品列表*/
.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:55%;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;}

.logo{width: 25%;}
.mauto{width: 100%;  max-width: 100%;  left: 0;}
.header{justify-content: left;}
.am-header-right{left: auto;}
.hd_search{display:none;}
.i_cpxl ul li{width: calc((100% / 3) - 20px);}
.yyly ul li{width: calc(100% / 2);height: 400px;}
.yyly ul li img{width: 100%; max-width: 100%;}

.p_lxwm ul, .p_about .p_hdry ul, .i_news{flex-wrap: wrap;}
.i_news > div{width: calc(100% - 40px);}

.i_newsbox li{width: 100%;}
.i_newsbox li img{width: 100%;}
.footer_nav{flex-wrap: wrap;justify-content: center;}
.i_footercall{margin: 10px 0;}
.p_about .p_fwly ul li p{height: 100px;overflow: hidden;}
.p_about .p_hdry ul li{width: calc(100%/2);}
.p_about > p{padding: 0 20px; box-sizing: border-box;}
.p_lxwm ul li{width: calc(calc(100% /2) - 20px); margin: 10px;}
.i_news{padding-top:20px }
/*当屏幕尺寸小于768px时，结束应用下面的CSS样式*/
}



@media screen and (max-width: 480px) {
.sort_l li{width: 32%;}
.i_pro_l li{width: calc((100% / 2) - 20px);}


.i_newsbox li dl{display: none;}
.aboutMain .font{padding: 0 30px;text-align: justify;}
.footer_nav{width: 100%;padding: 0 10px; box-sizing: border-box;}
.p_p_list li{width: calc((100% / 2) - 20px);margin: 0 10px 20px;height: 260px;}
.p_p_list li img{height: 180px;}
.ddsmoothmenu ul li{padding-left:0;}
.footLeft h4{padding-left: 10px;}

.i_news .i_newsr .text > div{width: 180px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.i_news .i_newsr li h2{width: 180px;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;  height: 25px;}

.n_n_list li{height: auto;box-sizing: border-box;  padding: 10px 20px;}
.n_n_list li .news_imgbox{width: 100%;margin-right: 0;}
.n_n_list img{width: auto;  height: auto;}
.n_n_list .newstext{width: 100%; padding: 0 ; height: 70px; 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_ryzz ul li img, .caseMain li img{width: auto;  height: auto;}

.i_pro .i_pr li img, .header{height: auto;}
.am-header-right{top: 0;}
.i_mygx ul{text-align: center;padding: 10px 0;}
.i_mygx ul li{width: calc(100% / 2); margin-bottom: 10px;}
.i_mygx ul li::before{display:none;}

.i_gsjj{display: block;}
.i_gsjj .text{width: 100%;text-align: justify;box-sizing: border-box;}
.newsbox{width: 100%;}
.videos{width: 100%;padding: 10px 0;}
.i_pro .i_pl h3{left: 0;}
.logo{float: right;padding-right: 20px;}
.i_nav ul li ul{margin-left: calc(50% - 60px);}

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

.i_nav{top: 50px;width:100%;}

.i_ryzz ul{flex-wrap: wrap;}
.i_ryzz ul li{width: calc((100% /2) - 20px); margin: 0 10px 20px;}
.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: 70px;  padding: 10px 10px 0;  width: 100% !important;box-sizing: border-box;}
.n_n_list .time h4 a{width: 250px;  overflow: hidden;  text-align: left;  text-overflow: ellipsis;  white-space: nowrap;}

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

.p_about .p_fwly ul li{width: calc(100%/2);}
.p_about .p_hdry ul li{width: calc(100%);text-align: center;}
.p_lxwm ul li{width: calc(calc(100% /1) - 20px);}

.i_footercall{display: none;}
.footer_nav > ul li{margin: 0 10px;	}


.i_ywlybox .i_ywly ul li{height: 250px;}


.products .p_about{padding: 0;}
.navPage{    width: 80%;}
.p_title{height: auto;line-height: 60px;margin:0;}

.i_cpxl ul li{width: calc((100% / 2) - 10px);  margin: 10px 5px;}
.i_products{padding-top:0;}
.i_products ul li{width: calc(100% / 2);}
.about div:nth-last-child(1){width: 92%;margin: 10px 0;}
.yyly ul li{height: auto;}
.yyly ul li > div{top: 20%;}
}

@media screen and (max-width: 414px) {
.footMenu em{margin: 0 9px;}
.footer_nav a{font-size: 14px;}

.i_nav{top: 12px;}
}



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

.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 .text{width: 40%;}
.newsbox .i_pro_l ul li h2 a{width: 190px;}
.fLogo img{width:120px;}
.i_cpxl ul li{width: calc((100% / 1) - 10px);}
.i_products ul li{width: calc(100% / 1);margin: 10px 0;}
.yyly ul li > div{top:30%;}
.yyly ul li > div p{font-size: 16px;}
.yyly ul li{width: calc(100% / 1);margin: 10px 0;}
.footer_nav{display: block;}
.footLeft{width: 100%;  float: none;padding: 0;}
.footer_nav > ul{justify-content: center;}
.n_n_list .newstext{height: 20px;}
.n_n_list .time h4 a{width: 230px; overflow: hidden; white-space: pre; text-overflow: ellipsis;}
.i_newsr li img{display: none;}
.footbottom a::before{display: none;}
.i_news .i_newsr .text{padding:0;}
.i_news .i_newsr li h2, .i_news .i_newsr .text > div{width:100%;}
}

.ctxt01{font-size:15px; line-height: 28px; color: #333333;}
.ctxt01 h3{font-size: 24px; text-align: center; line-height: 40px; padding-bottom:20px;}