@media only screen and (min-width: 320px) and (max-width: 1024px)
{
	/*-------------------------------------max768 index-----------------------------------------------------------------------*/	
	/* 公司介绍2列展示*/
.rslides li{height:300px}	
#picintro {width:98%;  overflow:hidden;height:auto;float:left;position:relative;background:#ccc; margin-left:1%;}
#picintro  a{display:block;overflow:hidden;}
#picintro  a img{ width:100%; transition:all ease-out .3s; height:auto;}
#picintro a:hover img{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);}
#picintro .project_info2{width:100%;height:100%;background:rgba(0,0,0,0);position:absolute;left:0;top:0;transition:all ease-out .3s;}
#picintro a:hover .project_info2{background:rgba(0,0,0,.1)}
#picintro .project_info2 p{text-align:center;color:#fff;padding:0 20px;}
#picintro .project_info2 div{position:relative;top:50%;margin-top:-15px;}
#picintro .project_info2 p.title2{margin-top:10px;color:rgba(0,0,0,0);font-size:14px;transition:all ease-out .3s;}
#picintro  a:hover .project_info2 p.title2{margin-top:0px;color:#fff;}
.introheight{height:auto;}
.introcontent2{ padding-left:10px; padding-right:10px; padding-top:15px; line-height:30px;}
.introrightdiv{width:98%;  float:left; background-color:#f3f3f3; margin-left:1%; height:auto; padding-bottom:40px;}	
.doover{ width:98%;  float:left;background-color:#f3f3f3; transition: all ease-out .5s; color:#000;margin-left:1%;height:auto; padding-bottom:40px;}
.doout{width:98%;  float:left; background-color:#f3f3f3; transition: all ease-out .5s;margin-left:1%;height:auto; padding-bottom:40px;}
.fangan{width:100%; margin:0 auto;  font-size:14px;}
.fanganintro{width:100%; overflow:hidden;float:none; height:auto; padding-left:1%; padding-right:1%; text-align:center; padding-top:5px;}
.fanganpic{width:100%;  overflow:hidden;float:none; height:auto;text-align:center; padding-left:1%; padding-right:1%; padding-top:35px;}
.fanganpic img { width:100%;}

.fangan p{ font-size:18px; color:#00a271; font-weight:bold; display:none;}
.morefangan{color:#ccc; float:none; display:block; width:200px; height:48px; border-radius: 10px; line-height:46px; margin:0 auto; border:1px solid #f2f2f2; text-align:center; margin-top:15px;}
.casepic li{ width:48.5%; float:left; margin-bottom:20px; margin-left:1%; text-align:center; }
.casepic li img{ width:100%; margin:0 auto;}	
 #projectmore2{ width:100%; height:50px; line-height:50px; text-align:center; font-size:20px; color:#fff; display:block; background:#00a271;transition:all ease-out .3s;text-indent: 0px; position:relative; z-index:1}
#projectmore2:hover { width:100%; height:50px; line-height:50px; text-align:center; font-size:20px; color:#fff; display:block; background:#117f5e;text-indent:-50px;}
   
/*产品4列无间隙*/

#prolist .projectitem a{display:block;overflow:hidden}
#prolist .projectitem a img{width:100%;height:auto;transition:all ease-out .3s}
#prolist .projectitem a:hover img{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);}
#prolist .projectitem .project_info{width:100%;height:100%;background:rgba(0,0,0,0);position:absolute;left:0;top:0;transition:all ease-out .3s;}
#prolist .projectitem a:hover .project_info{background:rgba(0,0,0,.1)}
#prolist .projectitem .project_info p{text-align:center;color:#fff;padding:0 20px}
#prolist .projectitem .project_info div{position:relative;top:50%;margin-top:-15px}
#prolist .projectitem .project_info p.title{margin-top:10px;color:rgba(0,0,0,0);font-size:14px;transition:all ease-out .3s;}
#prolist .projectitem a:hover .project_info p.title{margin-top:0px;color:#fff;}
#prolist .projectitem .project_info p.subtitle{margin-top:16px;color:rgba(0,0,0,0);font-size:12px;transition:all ease-out .3s;}
#prolist .projectitem a:hover .project_info p.subtitle{margin-top:0px;color:#b7b7b7;font-size:12px}

/*产品4列展示有间隙*/
#prolist .projectitem a:hover .project_info{background:rgba(0,0,0,.1);}
#prolist .projectitem {margin-left: 1%;margin-bottom:50px; width: 48%;} 
#prolist .projectitem .project_info p.title {color:#4E4E4E;padding:0px 0px;}
#prolist .projectitem a:hover .project_info p.title {color: #FFF; margin-top: -16px;}
#prolist .wrapper {margin-left: 1%;margin-right: auto;}
#prolist .projectitem .project_info div {position: absolute;height: 100px;width: 100%;bottom: -90px;margin-top: 0; top: auto;}
#prolist .projectitem a:hover .project_info p.subtitle {margin-top: 4px;}
#prolist .projectitem a:hover .project_info p.title { color:#999;}

#projectmore{ width:100%; height:50px; line-height:50px; text-align:center; font-size:20px; color:#fff; display:block; background:#00a271;transition:all ease-out .3s;text-indent: 0px; position:relative; z-index:1}
#projectmore:hover { width:100%; height:50px; line-height:50px; text-align:center; font-size:20px; color:#fff; display:block; background:#0b6c4f;text-indent:-30px;}
.callbacks_container{ margin-top:44px;}
.dabiaoti{font-size:24px; text-align:center; height:24px; color:#000000; letter-spacing:3PX;  }

.xiaobiaoti{font-size:12px; text-align:center; height:12px; color:#787878; font-family: Helvetica,Arial,sans-serif; margin-bottom:20px; margin-top:4px;}
.biaotidiv{ padding-top:20px;clear:both;}
.introtitle{ height:40px; line-height:40px; text-align:center; margin-top:30px;}
	
	
	
.fl{float:left;}
#newslist .newstitem {background-color: #f3f3f3; float: left; height: 400px; margin-right: 1%; width: 98%; margin-bottom:16px; border-radius: 5px;}
#newslist .newsinfo {display: block; float: none;margin: 0;padding: 0 15px;position: relative;}
/*#newslist .newsinfo {display: block; float: none;margin: 0;padding: 0 60px;position: relative; transform: translate3d(0px, -14px, 10px );2*/
#newslist .newstitem:hover .newsinfo {transform: translate3d(0px, -14px, 0px);}
#newslist .newsbody .title {width: 100%;}
#newslist .newsbody .description {width: 100%; margin-top: 5px;}
#newslist .newstitem .md {color: #FFF; font-size: 24px;line-height: 10px;}
#newslist .newstitem .year {color: #FFF; }
#newslist .newstitem:hover .md {color: #f0f0f0;}
#newslist .newstitem:hover .year {color: #f0f0f0;}
.ellipsis {color:#000; font-size:14px;}/*标题颜色*/
.description{ color:#999999;}/*简介文字颜色*/
#newslist .newstitem:hover p{color:#fff;}/*移动上标题景色修改*/
#newslist .newstitem:hover .description{color: #A1A1A1;}/*移动上简介文字颜色修改*/

#newslist .newsdate {width: auto;margin:0 0 20px;background-color: #00a271;padding: 15px 5px 0px; transition: all 0.3s ease-out 0s; border-radius: 5px;}/*移动上去时间显示动画*/
#newslist .newstitem:hover .newsdate{background-color:#a2d5ac; padding: 10px 5px 15px; color:#fff;}/*移动上去时间背景色*/
#newslist .newscontent {height: auto;margin: 0;padding: 0;width: 100%;}
#newslist .newstitem i {text-indent: -100px;color:transparent;font-size: 36px;margin-top: -200px;}
#newslist .newstitem:hover i {text-indent: -80px;margin-top: -200px; }
#newslist .newsbody {margin-left: 0;width: 100%;}
#newslist {margin-left: 1%; width: 100%;}
/*#newslist .newstitem:hover{background:#383838;}移动上去背景色修改*/	
	
	/*底部底部底部底部底部底部底部底部底部底部底部底部*/	
.c-form{margin-top:-15px;text-align:left}
.c-form input:not([type]),.c-form input[type=color],.c-form input[type=date],.c-form input[type=datetime-local],.c-form input[type=datetime],.c-form input[type=email],.c-form input[type=month],.c-form input[type=number],.c-form input[type=password],.c-form input[type=search],.c-form input[type=tel],.c-form input[type=text],.c-form input[type=time],.c-form input[type=url],.c-form input[type=week],.c-form select,.c-form textarea{width:98%;min-height:50px;padding:10px; border-bottom:1px solid #717171;background:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;margin-bottom:10px}
.c-form textarea{resize:none;height:70px;font-size:100%}
.c-form input:focus {border-bottom: 1px solid #fff;}
.c-form  textarea:focus {border-bottom: 1px solid #00a271;}
.btn,button,input[type=submit]{display:inline-block;color:#fff;font-size:13px;font-weight:700;letter-spacing:.08em;  text-transform:uppercase;line-height:20px;padding:12px 25px;background:#479632;-webkit-border-radius:0;border-radius:0; border:none;transition:all ease-out .3s;}

button:hover,input[type=submit]:hover{background:#02ce16;text-decoration:none;outline:none; cursor:pointer;}
button:visited{color:#fff;background:#ccc;text-decoration:none}
input{outline:none; border:none;color:#FFFFFF;}
textarea{outline:none; border:none; background:none; color:#FFFFFF;} 
.botcontent span{width:2%; float:right; height:50px; line-height:100%; display:block; vertical-align:bottom; padding-top:25px; color:red;}


.botdiv{ padding-top:20PX;  clear:both; background-color:#00a271; background-image:none; height:auto; padding-bottom:30px;}
.botcontent{width:100%; margin:0 auto;}
.biaodanleft{ width:90%; margin:0 auto; text-align:center; float:none;}
.biaodanright{width:90%;margin:0 auto; float:none; text-align:center;}

.botmap{background-image:none; height:18px; padding-left:0px; line-height:18px; color:#fff; margin-top:30px; }
.botemail{background-image:none; height:18px; padding-left:0px; line-height:18px; margin-top:10px; color:#fff; }
.bottel{background-image:none;  height:18px; padding-left:0px; line-height:18px; margin-top:10px; color:#fff; }

.contacdetaili{font-size:16px; color:#fff; margin-bottom:20px; display:none;}
.dabiaoti2{font-size:24px; text-align:center; height:24px; color:#fff; letter-spacing:3PX;  }
.xiaobiaoti2{font-size:12px; text-align:center; height:12px; color:#f2f2f2; font-family: Helvetica,Arial,sans-serif; margin-top:12px;margin-bottom:0px }
.copyright{height:40px; clear:both; text-align:center; border-top:1px  solid #292929; line-height:40px; font-size:12px; background-color:#111; color:#fff;}
		
.dibudiv{ clear:both; height:40px;}

.fenye{ width:100%; margin:0 auto; max-width:320px;}	

#pro_detailwrap{padding-top:60px;}
#pro_detailinfo{ width:100%; padding-left:10px; padding-right:10px; float:none; }
#pro_detailbody{ width:100%; padding-left:10px; padding-right:10px;}
#tuijian{ display:none;}
#tuijianpro{ display:none;}
#Button1{ display:none;}
#pro_detailimages { background: #f5f5f5; padding: 20px; }
#hengxian{ margin-bottom:10px;}
.mobileshow img{width:100%;}
#rencai{ margin-bottom:40px;}
.yincang{ display:none;}

.ser_two_box { width:98%; height: auto; border: 1px solid #f2f2f2; margin:0 auto;   margin-bottom:30px; margin-top:20px; padding-left:10px; padding-right:10px; text-align:center; }/*  */
.ser_two_a img { width:100%; max-width:320px; float:none; margin:0 auto; height:auto;}
.ser_two_txt { width:100%;float:none; margin: 10px 0 10px 0; text-align:center;}
.ser_two_box a:hover .ser_two_txt { width:100%; float:none; margin:0; padding:0; }

.ser_two_box a:hover {background:none;}/* 移动上去整体背景色 */
.ser_two_box a:hover img { background:none; }/* 移动上去PNG图片背景色 */
.ser_two_box a:hover .ser_two_title { color: #999 }
.ser_two_box a:hover .ser_two_sub { color: #999 }
.ser_but {  display:none;}/* 圆圈颜色 */

.ser_two_title { font-size: 18px; color: #000; display: block; width: 100%; height: 48px; line-height: 48px; overflow: hidden;  margin-top:10px; margin-bottom:0px; 
}
.ser_two_sub { width: 100%;  height: 52px; line-height: 26px; display: block; overflow: hidden; color: #b1b1b1; }

#jobtable1{ display:none;}
.jobtable2{ display:inline-table;width:100%;   }

#reg{ width:96%;  padding:0px; background-color:#fff; }
.tdheight{height:50px; line-height:50px; width:110px; color:#999; text-align:right;}
.bdlogin{border:1px solid #ccc; }


.introtitle0{height:60px }

.subnav { width:100%; text-align:center;  margin:0 auto; padding-top:10px; margin-bottom:10px;}
.subnav a {  border-radius:5px; color:#444; padding-left:10px; padding-right:10px; height:34px; line-height:32px; background-color:#FFFFFF; display:inline-block; font-size:14px; margin: 6px 5px; border:1px solid rgba(0,0,0,0.1);transition:all ease-out .3s;}
.subnav a:hover {color:#fff;background-color:#00a271; }
.subnav a.green { border-radius: 10px;transition:all ease-out .3s; color:#fff; background-color:#00a271;}

/*-------------------------------------max768 index-----------------------------------------------------------------------*/



/*-------------------------------------max768 intro 隐藏图片 显示子栏目-----------------------------------------------------------------------*/
#accordion{ display:block;}
#yincang{display:none;}
#imgheight{  display:none; }
#rrr{  display:none; }
.introcontent{ width:100%; padding-left:10px; padding-right:10px;}
.subnav { width:100%; text-align:center; margin:0px; padding:0px; display:block;}


/*-------------------------------------max768 intro 隐藏图片 显示子栏目-----------------------------------------------------------------------*/

/*--------------------------------------------- 内容详细页样式-------------------------------------------------*/
#mobileshow{display:block;}
#commonshow{display:none;}
.mobilecontent{width:100%; padding:0px 5% 20px;font-size: 14px;color: #444;}
/*--------------------------------------------- 内容详细页样式-------------------------------------------------*/
}

@media only screen and (min-width:1367px){
	.rslides li{height:960px}	
}

@media only screen and (min-width: 1024px) and (max-width: 1366px)
{
.rslides li{height:650px}	
/*-------------------------------------index-----------------------------------------------------------------------*/	
.fl{float:left;}
#newslist .newstitem {background-color: #f3f3f3; float: left; min-height: 250px; margin-right: 1%; width: 32%; margin-bottom:16px; border-radius: 5px;}
#newslist .newsinfo {display: block; float: none;margin: 0;padding: 0 15px;position: relative;}
/*#newslist .newsinfo {display: block; float: none;margin: 0;padding: 0 60px;position: relative; transform: translate3d(0px, -14px, 10px );2*/
#newslist .newstitem:hover .newsinfo {transform: translate3d(0px, -14px, 0px);}
#newslist .newsbody .title {width: 100%;}
#newslist .newsbody .description {width: 100%; margin-top: 5px;}
#newslist .newstitem .md {color: #FFF; font-size: 24px;line-height: 10px;}
#newslist .newstitem .year {color: #FFF; }
#newslist .newstitem:hover .md {color: #f0f0f0;}
#newslist .newstitem:hover .year {color: #f0f0f0;}
.ellipsis {color:#000; font-size:14px;}/*标题颜色*/
.description{ color:#999999;}/*简介文字颜色*/
#newslist .newstitem:hover p{color:#fff;}/*移动上标题景色修改*/
#newslist .newstitem:hover .description{color: #A1A1A1;}/*移动上简介文字颜色修改*/

#newslist .newsdate {width: auto;margin:0 0 20px;background-color: #2D2D2D;padding: 15px 5px 0px; transition: all 0.3s ease-out 0s; border-radius: 5px;}/*移动上去时间显示动画*/
#newslist .newstitem:hover .newsdate{background-color:#a2d5ac; padding: 10px 5px 15px; color:#fff;}/*移动上去时间背景色*/
#newslist .newscontent {height: auto;margin: 0;padding: 0;width: 100%;}
#newslist .newstitem i {text-indent: -100px;color:transparent;font-size: 36px;margin-top: -200px;}
#newslist .newstitem:hover i {text-indent: -80px;margin-top: -200px; }
#newslist .newsbody {margin-left: 0;width: 100%;}
#newslist {margin-left: 1%; width: 100%;}
#newslist .newstitem:hover{background:#383838;}/*移动上去背景色修改*/
.doover{ width:50%;  float:right;  height:350px;background-color:#31323C; transition: all ease-out .5s; color:#000; color:#fff;}
.doout{width:50%;  float:right;  height:350px;background-color:#f9fafc; transition: all ease-out .5s;}


/* 公司介绍2列展示*/
#picintro {width:50%;  overflow:hidden;height:350px;float:left;position:relative;background:#000;  padding-right:0px; padding-left:0px; margin-right:0px; margin-left:0px;}
#picintro  a{display:block;overflow:hidden;}
#picintro  a img{height:350px; width:100%;transition:all ease-out .3s}
#picintro a:hover img{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);}
#picintro .project_info2{width:100%;height:350px;background:rgba(0,0,0,0);position:absolute;left:0;top:0;transition:all ease-out .3s;}
#picintro a:hover .project_info2{background:rgba(0,0,0,.7)}
#picintro .project_info2 p{text-align:center;color:#fff;padding:0 10px;}
#picintro .project_info2 div{position:relative;top:50%;margin-top:-15px;}
#picintro .project_info2 p.title2{margin-top:10px;color:rgba(0,0,0,0);font-size:14px;transition:all ease-out .3s;}
#picintro  a:hover .project_info2 p.title2{margin-top:0px;color:#fff;}
.introheight{height:350px}
.introtitle{ height:40px; line-height:40px; text-align:center; margin-top:50px;}
.introcontent2{ padding-left:120px; padding-right:120px; padding-top:20px; line-height:30px;}
.introrightdiv{width:50%;  float:right;  height:350px;background-color:#f9fafc; padding-right:0px; padding-left:0px; margin-right:0px; margin-left:0px;}
.introcontent2{ padding-left:20px; padding-right:20px; line-height:30px;}

/*-------------------------------------index-----------------------------------------------------------------------*/



/*-------------------------------------intro-----------------------------------------------------------------------*/
.introtitle0{height:30px }
.subnav { max-width:1200px; text-align:center;  margin:0 auto; margin-bottom:15px;}
/*-------------------------------------intro-----------------------------------------------------------------------*/


/*底部底部底部底部底部底部底部底部底部底部底部底部*/	
.c-form{margin-top:-15px;text-align:left;color:#fff;}
.c-form input:not([type]),.c-form input[type=color],.c-form input[type=date],.c-form input[type=datetime-local],.c-form input[type=datetime],.c-form input[type=email],.c-form input[type=month],.c-form input[type=number],.c-form input[type=password],.c-form input[type=search],.c-form input[type=tel],.c-form input[type=text],.c-form input[type=time],.c-form input[type=url],.c-form input[type=week],.c-form select,.c-form textarea{width:98%;min-height:50px;padding:10px; border-bottom:1px solid #717171;background:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;margin-bottom:10px}
.c-form textarea{resize:none;height:80px;font-size:100%}
.c-form input:focus {border-bottom: 1px solid #00a271;}
.c-form  textarea:focus {border-bottom: 1px solid #00a271;}
.btn,button,input[type=submit]{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:25px;padding:12px 25px;background:#00a271;text-decoration:none;-webkit-border-radius:0;border-radius:0; border:none;transition:all ease-out .3s;}
button:hover,input[type=submit]:hover{background:#02ce16;text-decoration:none;outline:none; cursor:pointer;}
button:visited{color:#fff;background:#ccc;text-decoration:none}
input{outline:none; border:none;color:#FFFFFF;}
textarea{outline:none; border:none; background:none; color:#FFFFFF;}
.botcontent span{width:2%; float:right; height:50px; line-height:100%; display:block; vertical-align:bottom; padding-top:25px; color:red;}

.botdiv{height:550px;  padding-top:60PX;  clear:both; background-image:url(../image/botbg.jpg); background-position:top center; background-repeat:no-repeat;}
.botcontent{width:100%; margin:0 auto;}
.biaodanleft{height:100%; width:40%; float:left; margin-left:10%;}
.biaodanright{height:100%; width:47%; float:right;}

.botmap{background-image:url(../image/white_map.png); background-repeat:no-repeat; background-position:left center; height:28px; padding-left:40px; line-height:30px; color:#717171; }
.botemail{background-image:url(../image/white_email.png); background-repeat:no-repeat; background-position:left center; height:30px; padding-left:40px; line-height:30px; margin-top:29px; color:#717171;}
.bottel{background-image:url(../image/white_tel.png); background-repeat:no-repeat; background-position:left center; height:30px; padding-left:40px; line-height:30px; margin-top:29px; color:#717171;}

.contacdetaili{font-size:16px; color:#fff; margin-bottom:20px;}
.dabiaoti2{font-size:24px; text-align:center; height:24px; color:#fff; letter-spacing:3PX;  }
.xiaobiaoti2{font-size:12px; text-align:center; height:12px; color:#fff; font-family: Helvetica,Arial,sans-serif; margin-top:12px;margin-bottom:40px }
.copyright{height:40px; clear:both; text-align:center; border-top:1px  solid #292929; line-height:40px; font-size:12px; background-color:#111; color:#797979;}



}

@media only screen and (min-width: 320px) and (max-width: 1200px)
{
/*--------------------------------------------- 内容详细页样式-------------------------------------------------*/
#mobileshow{display:block;}
#commonshow{display:none;}
.maincontent img{
	width:100% !important;
	height:auto !important;
}
/*--------------------------------------------- 内容详细页样式-------------------------------------------------*/
}
@media only screen and (max-width: 320px)

{


}