@charset "utf-8";
@import url('https://fonts.font.im/css?family=Oswald');
/* CSS Document */
*{
	padding: 0;
	margin: 0;
}
html{margin:0; padding: 0;font-size: 100%!important;  background: #eaeaea; font-family: "微软雅黑"}
body{margin:0; padding: 0; color: #333;
	font-size: 1em;
  font-family: "Microsoft YaHei", sans-serif;}
div{margin:0;padding: 0;}
ul,li{ list-style:none; list-style-position: outside; margin: 0; padding: 0;}
a{ text-decoration:none; color: 333;}a:hover{color:666;	text-decoration: none;}a:active{ color: #333} a:visited{ color: #333;}
p{ line-height: 1.7em; margin: 15px 0; text-indent: 2em; color: #7f7f7f;}


.w-1920{width:1903px; margin: auto; overflow: hidden; background: #fff;}
.w-1600{width:1600px; margin: auto; overflow: hidden; }
.w-1500{width:1500px; margin: auto; overflow: hidden; }
.w-1400{width:1400px; margin: auto; overflow: hidden; }
.w-1350{width:1350px; margin: auto; overflow: hidden}


/* 新闻详细页----------------------------- */
.detail{width:100%; overflow: hidden; margin-top: 4%}
.detail .title{ font-size: 1.5em;   color: #333;  line-height: 2em;  text-align: center; }
.detail .date{ line-height: 2.6em; text-align: center;padding: 5px; font-size: 0.85em; color: #666; border-bottom: 1px solid #f3f2f2;}
.detail .content{width:100%;margin-top: 40px; line-height: 2.2em; font-size: 1.125em;text-align:justify; color: #444;}
.detail .content img{max-width:100%;height:auto;}

.detail-link{width:100%; border-top:1px dashed #dcdcdc; overflow: hidden; padding-top: 15px; margin-top: 5%; padding-bottom: 15px; margin-bottom: 3%}
.detail-link li{width: 100%; float: left;overflow: hidden;    border-bottom: none;    padding-bottom: 0px;    margin-bottom: 0px;line-height: 30px;color: #595959; font-size: 1em;}
.detail-link li a{color: #555;}

/*分页btn样式*/
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #E46E00;
    border-color:  #E46E00;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 8px 14px;
    margin-left: 5px;
	margin-bottom:8px;	
    line-height: 1.42857143;
    color: #777;
	font-size:1.25em;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;}


.pagination>li>a:hover{
    color: #fff;
    text-decoration: none;
    background-color:  #E46E00;
   border: 1px solid  #E46E00;
   }

.pagination>li>a, .pagination>li>span :visited{color:#777;}



/*首页样式*/
.bg{width:100%;overflow: hidden; margin: 0;}

@font-face {
  font-family: 'font-title';
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
  src: url(../font/460-cai978.ttf) format('truetype');
}

@font-face {
  font-family: 'font-text';
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
  src: url(../font/801-CAI978.ttf) format('truetype');
}

@font-face {
  font-family: 'font-about';
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
  src: url(../font/001.TTF) format('truetype');
}



/*首页标题1*/
.in-title1{width:100%; margin:4% auto;  overflow: hidden; text-align: center;}
.in-title1-1{font-size: 70px; font-weight: bold; color: #1a1a1a; text-transform: uppercase;}
.in-title1-2{width:80px; height: 5px; background: #df0226;margin:1.5% auto 1%;}
.in-title1-3{ font-size: 16px; color: #5c5c5c;letter-spacing:1px}



/*首页产品开始*/
.in-pro{width:100%; margin: auto; overflow: hidden;margin-bottom: 3%;}


/*首页介绍开始*/
.in-ab{width:100%; margin: auto; overflow: hidden; background: url(../images/in-ab-bg.jpg) top center; padding-top: 5%}
.in-ab-left{width:47%; float:left; color: #fff; margin-left: 3%; margin-top: 5%}
.in-ab-left .title{ font-size: 50px; font-weight: bold; text-transform: uppercase; font-style: italic;}
.in-ab-left .line1{width:30px; height: 1px; background: #fff; margin-top: 20px;margin-bottom: 8px;}
.in-ab-left .line2{width:12px;height: 1px;background: #fff;margin-bottom: 8%;}
.in-ab-left .text{font-family: 'font-text'; letter-spacing:1px;text-align:justify; width:80%; font-size: 14px; line-height: 26px;}
.in-ab-left .more{width:190px;height: 40px;line-height: 40px;text-align: center;border:1px solid #fff;margin-top: 10%;}



.in-ab-right{width:50%; float:left; }
.in-ab-right .title{color: #cacaca; text-align: right; font-size: 24px;}
.in-ab-right .title span{color: #333; margin-left: 15px; }
.in-ab-right .video{ margin-top: 5%}
.in-ab-right .video img{ width:100%}
.in-ab-right .more{width:60%; background: url(../images/in-ab-line.png) no-repeat bottom; float: right; margin-top: 5%;    margin-bottom: 4%; padding-bottom: 15px;}
.in-ab-right .more-text{ color: #333; float: left; font-weight: bold; font-size: 22px;}
.in-ab-right .more-ico{ width:36px; height: 36px; background: #d92130; color: #fff; border-radius: 50%; text-align: center; line-height: 36px; float: right;}







/*首页证书开始*/
.in-certificate{width:86%; margin: auto; overflow: hidden; background: #f8f8f8; padding: 4% 8%}
.in-certificate .title{width:100%; margin: auto; overflow: hidden}
.in-certificate .title1{width:50%; float: left; font-size: 60px; font-weight: bold; text-transform: uppercase; background:url(../images/in-ce-line.png) no-repeat bottom left; padding-bottom: 30px;}
.in-certificate .title2{width:200px; float: right;height: 70px; border-radius: 5px; background: #e3052a; text-align: center; line-height: 70px; color: #fff;}
.in-certificate .list{width:100%; margin: auto; overflow: hidden; margin-top: 4%}












/*首页车间开始*/
.in-workshop{width:100%; margin: auto; overflow: hidden}
.in-workshop li{width:25%; float: left;}
.in-workshop li img{width:100%}
.in-workshop-more{width:235px; height: 58px; background: url(../images/in-workshop-more.jpg); text-align: center; line-height: 58px; margin:3% auto 4%; color: #fff; text-transform: uppercase; font-weight: bold; font-style: italic; }
.in-workshop-more img{ margin-left:15px;}



.in-workshop-mb{width:100%; margin: auto; overflow: hidden; display:none}






/*首页应用开始*/
.in-application{width:100%; margin: auto; overflow: hidden; background:url(../images/in-application-bg.jpg); color: #fff; padding: 8% 0}
.in-application-left{width:40%; float: left; margin-left: 10%;}
.in-application-left .title1{ opacity: 0.6}
.in-application-left .title2{font-size: 50px; font-weight: bold; text-transform: uppercase; }
.in-application-left .line1{width:30px; height: 1px; background: #fff; margin-top: 20px;margin-bottom: 8px;}
.in-application-left .line2{width:12px;height: 1px;background: #fff;margin-bottom: 8%;}
.in-application-left .text{font-family: 'font-text'; letter-spacing:1px;text-align:justify; width:80%; font-size: 15px; line-height: 26px;}
.in-application-left .more{width:235px; height: 58px; background: url(../images/in-application-more.png); text-align: center; line-height: 58px; margin:8% auto 0; color: #000; text-transform: uppercase; font-weight: bold; font-style: italic; float: left;}
.in-application-left .more img{ margin-left:15px;}







.in-application-right{width:40%; float: right; margin-right: 10%;}
.in-application-right li{width:30.33%; margin: 0 1.5%; float: left; text-align: center; font-size: 20px; margin-top: 30px; margin-bottom:30px;}
.in-application-right li img{display:block; margin: auto; margin-bottom: 20px;transition: all 0.3s;}
.in-application-right li img:hover{transform:translateY(-5%);/**上移元素**/transition: all 0.3s;
}













/* 底部
------------------------------ */
.bottom{widh:100%; margin: auto; overflow: hidden; background: #efefef; padding-top: 3%}

.bottom .bottom1{width:100%; margin: auto; overflow: hidden; padding: 0 3% 2%}
.bottom .bottom1 .bottom1-1{width:20%; float: left; color: #d6d6d6; margin-left: 4%; font-size: 18px; font-weight: bold;text-transform: uppercase;letter-spacing:-1px}
.bottom .bottom1 .bottom1-1 img{margin-bottom:30px;}
.bottom .bottom1 .bottom1-2{width:200px; float: left;}
.bottom .bottom1 .title{ color: #525252; text-transform: uppercase; font-size: 20px; font-weight: bold; margin-bottom: 15px;}
.bottom .bottom1 .list{ color: #525252;}
.bottom .bottom1 .list li{ line-height: 40px; font-size: 17px;}
.bottom .bottom1 .list li a{color: #525252;}
.bottom .bottom1 .list li a:hover{ opacity: 0.7}
.bottom .bottom1 .list li img{margin-right:7%;}
.bottom .bottom1 .bottom1-3{width:30%; float: left;}
.bottom .bottom1 .bottom1-4{width:calc(45% - 200px); float: left;}


.bottom .bottom2{width:94%; margin: auto; overflow: hidden; border-top:1px solid #d3d3d3; padding: 1% 3%}
.bottom .bottom2 .copyright{width:60%; float: left; color: #636671;}
.bottom .bottom2 .beian{width:40%; float: right; color: #636671; text-align: right;}

.bottom .bottom2 a{ color: #636671;}
.bottom .bottom2 a:hover{  opacity: 0.7}
/* 内页
------------------------------ */








.nei-top{width:100%; margin: auto; overflow: hidden; position: relative;}
.nei-top .tp{ position: absolute;  text-align: center}
.nei-top .tp img{max-width: none;}

.nei-top .about-top-text{color:#fff;position: relative;   padding-left: 8%; padding-top: 18em; padding-bottom:10%; overflow: hidden; text-align: left;}
.nei-top .about-top-text h2{font-size:75px; text-transform: uppercase; font-weight: bold;}
.nei-top .about-top-text h3{font-size:15px; letter-spacing:1px; line-height: 24px; display:none}
.nei-top .about-top-text .line{width:70px; height: 4px; background: #c90018;display:block; margin-top: 3%;}






/*子页内栏目导航*/


.nei-title1{width:100%; margin: auto; overflow: hidden;  text-align: center; background: url(../images/nei-title-line.jpg) no-repeat center bottom; padding-bottom: 2%; font-size: 50px; color: #333;text-transform: uppercase;font-family: 'font-title';}
.nei-title1-2{width:100%; margin: auto; text-align: center; margin-top: 3%; font-size: 17px; color: #595959;}
.nei-title1-2 .line{ width:50px; height: 1px; background: #ccc;display:inline-block; margin: 0 20px 5px;}


.nei-title2{width:100%; margin: auto; overflow: hidden; font-size: 60px; font-weight: bold; text-transform: uppercase;  background: url(../images/nei-titile2-line.jpg) no-repeat left center; padding-left: 30px;letter-spacing:-1px}



/*about*/
.about-nav{width:100%;margin: auto; overflow: hidden; border-bottom: 1px solid #e2e2e2; padding: 20px 0}
.about-nav .title{width:200px; float:left; font-family: 'font-text'; font-size: 35px;}
.about-nav .list{width:calc( 100% - 200px); float:left}
.about-nav .list li{width:auto; margin: 0 3%; float: left; line-height: 50px; font-size: 20px; color: #595959;}
.about-nav .list li a{ color: #595959;}



.about-1{width:100%; margin:5% auto; overflow: hidden; }
.about-1 .title{width:100%; margin: auto; overflow: hidden; text-align: center; font-size: 50px; color: #333; text-transform: uppercase;font-family: 'font-title'; background: url(../images/about-line.jpg) no-repeat bottom center; padding-bottom: 2%}
.about-1 .title span{display:block; color: #f0031f; font-size: 30px;}

.about-1 .text{width:100%; margin: auto; overflow: hidden;font-family: 'font-text'; margin-top: 3%; font-size: 16px; text-align: center; line-height: 28px;}
.about-1 .text p{margin:20px 0}



.about-2{width:100%; margin: auto; overflow: hidden; background: #f6f6f6;    text-align: center; padding: 3% 0  }
.about-2 .list{width:100%;margin: 3% auto 0;overflow: hidden;}
.about-2 .list ul{width:103%; margin: auto; overflow: hidden;  margin-left: -3%;}
.about-2 .list ul li{width:47%; margin: auto; overflow: hidden; float: left; margin-left: 3%; background: #fff; margin-bottom: 2%}
.about-2 .list ul li .tp{width: 35%;float: left;overflow: hidden;}
.about-2 .list ul li .nr{width: 60%;float: left;overflow: hidden;text-align: left;margin-left: 5%;margin-top: 5%;}
.about-2 .list ul li .nr .ico{transition: all 0.3s;margin-top: 5px;}
.about-2 .list ul li .nr .title{
    color: #f0031f;
    text-transform: uppercase;
    margin: 15px 0;
}
.about-2 .list ul li .nr .text{
    color: #7f7f7f;
    font-size: 13px;
    line-height: 24px;padding-right: 5%;
}


.about-2 .list ul li:hover  .nr .ico{transform:translateY(-10%);/**上移元素**/transition: all 0.3s;}
.about-2 .list ul li:hover  .tp{ opacity:0.7}


.about-3{width:100%; margin: auto; overflow: hidden; background:url(../images/about3-bg.jpg) top center; padding: 4% 0}
.about-3 .title{width:100%; color: #fff; background: url(../images/nei-title-line.jpg) no-repeat bottom left; text-transform: uppercase; font-size: 30px; padding-bottom: 30px;margin-bottom: 3%; }
.about-3 .list{width:100%; float: left; margin: auto; overflow: hidden;display:block;}
.about-3 .list ul{width:80%; margin: auto; overflow: hidden; float: left;}
.about-3 .list ul li{width:23%; margin:auto; margin-right: 2%; float: left;}
.about-3 .list ul li img{width:100%}
.about-3 .more{width:109px; height: 23px; background: url(../images/about-3-more.png) no-repeat;  float: left; overflow: hidden; margin-top: 3%; transition: all 0.3s;}

.about-3 .more:hover{transform:translateX(5%);/**右移元素**/; transition: all 0.3s;}



.about-4{width:100%; margin:4% auto; overflow: hidden;}
.about-4 .tp{width:100%; margin-top: 4%}
.about-4 .tp img{width:100%}
.about-4 .text{ font-size: 17px; line-height: 32px;font-family: 'font-text';width:100%; margin: auto; overflow: hidden; margin-top: 4%}
.about-4 .more{width:200px; height: 70px; background: #e3052a; color: #fff; border-radius: 8px; text-align: center; line-height: 70px; font-size: 20px; margin:3% auto}


/*about-ce*/
.about-ce{width:100%; margin: auto; overflow: hidden}
.about-ce ul{ margin-left: -5%}
.about-ce ul li{width:20%; float: left; margin-left: 5%; margin-top: 3%}
.about-ce ul li img{width:100%}



/*about-ma*/
.about-ma{width:100%; overflow: hidden; font-size: 17px; margin: 35px 0}
.about-ma-left{width:30%; float: left;}
.about-ma-right{width:65%;margin-left: 5%; float: left;}

.about-ma span{font-weight:bold; text-transform: uppercase;}

.about-ma-list{width:100%; margin: auto; overflow: hidden}
.about-ma-list ul{ margin-left: -3%;}
.about-ma-list ul li{ width:27%; float: left; background: #3aaec5; color: #fff; border-radius: 10px; margin-left: 2%; padding: 2%; height: 260px;}
.about-ma-list ul li .title{width:100%;; float: left; font-size: 20px; text-transform: uppercase;}
.about-ma-list ul li .line{width:40px; height: 1px; background: #fff; float: left; margin: 20px 0}
.about-ma-list ul li .text{width:100%; font-size: 17px; float: left;}









/*application*/
.application{width:100%; margin:5% auto; overflow: hidden;}
.application ul{width:100%; margin: auto; overflow: hidden; margin-left: -3%}
.application ul li{width:30%; margin: auto; overflow: hidden; margin-left: 3%; float: left;    box-shadow: 3px 2px 7px rgba(0,0,0,0.1); margin-bottom: 10px;  text-align: center; margin-top: 4%;}

.application ul li .tp{width:100%}
.application ul li .tp img{width:100%}
.application ul li .ico{ margin-top: 8%;transition: all 0.3s;}
.application ul li .title{ margin: 5% 0; font-size: 17px;}
.application ul li .line{ width:30px; height: 1px; background: #e77c8b; margin: auto; margin-bottom: 8%}




.application ul li:hover{ box-shadow: 3px 2px 7px rgba(0,0,0,0.2);}
.application ul li:hover .ico{transform:translateY(-10%);/**上移元素**/}




/*contact*/
.contact{width:100%;margin: auto; overflow: hidden}


.contact-left{width: 40%;margin: auto;overflow:hidden;float: left;border-top:1px solid #e7e7e7;padding: 4% 4% 0% 8%;}
.contact-left-title{width:100%; margin: auto; overflow: hidden; border-bottom:2px solid #000; padding-bottom: 15px; font-size: 12px; text-transform: uppercase;}
.contact-left-title span{ font-size: 28px; color: #1e4acb; display:block; font-weight: bold;}

.contact-left .list{width:100%; margin: auto; overflow: hidden; margin-top: 3%}
.contact-left .list li{width:100%;padding: 20px 0; float: left;color: #a6a6a6; font-size: 16px;}
.contact-left .list li span{color: #333;font-size: 18px;}
.contact-left .list li img{ float: left; margin-right: 20px;}

.contact-left-line{background:url(images/contact-line.jpg) no-repeat right center}






.contact-right{width: 40%;margin: auto;overflow:hidden;float: right;    padding: 7% 3% 7%;;background: #f3f3f3;}
.contact-right .title{ font-size: 26px; font-weight: bold; margin-bottom: 4%}
.contact-right .table{width:100%; margin: auto; overflow:hidden}
.contact-right .table li{width:50%; float: left; margin-bottom: 15px;}
.contact-right .table li input{width:90%; height: 40px; line-height: 30px; border: none; padding:0 3%;}

.area{width:94%; height: 120px; border: none; padding: 2%; font-family: "微软雅黑" }

.contact-btn{width:140px; height: 45px; line-height: 45px; border-radius: 8px; background: #009f99; color: #fff; text-align: center; text-transform: uppercase; margin-top: 3%}
.contact-btn:hover{ background: #16b2ac;}










/*product*/
.product{width:100%;margin: auto; overflow: hidden; margin-top: 4%}

.product-menu{width:100%; margin:4% auto 1%; overflow: hidden; }
.product-menu ul{width:100%; margin: auto; overflow: hidden;}
.product-menu ul li{width:14%; margin: 0.5%; overflow: hidden;display:inline-block; background: #e5e5e5; color: #333;padding: 15px 2%;    height: 50px; border-radius: 5px;font-size: 17px; text-align: left;}
.product-menu ul li:hover{ background: #e3052a; color: #fff;}

.product-menu ul li span{float:right}

.product-list{width:90%; margin: auto; overflow: hidden; margin-top: 2%}
.product-list ul {width:100%; margin: auto; overflow: hidden}
.product-list ul li{width:30.33%;overflow: hidden; margin:0 1.5%; float: left; }

.product-list ul li .pic{width: 100%;
    padding-bottom: 75%;
    overflow: hidden;
    position: relative;}
.product-list ul li .pic img{
width: auto !important;
    height: 100% !important;
    left: 50%!important;
    top: 50%!important;
    -webkit-transform: translate(-50%,-50%)!important;
    -ms-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important;
    position: absolute!important;}

.product-list ul li .title{font-weight: normal;
	margin-top: 25px;
	font-size: 18px;
	color: #252b3a;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis; text-align: center}
.product-list ul li .more{width: 100%;
	text-align: center;
	padding-top: 10px;
	line-height: 23px;
	margin-bottom:30px;	font-size: 16px;
	color: #d5404c;
	letter-spacing: 0;
	margin-right: 3px;
	text-decoration: underline;
	text-transform: uppercase;}









/*project*/
.project{width:100%;margin: auto; overflow: hidden; margin-top: 4%}



.project-title{
    height: 20%;
    background-color: rgba(0,0,0,0.6);
    position: absolute;
    z-index: 999;
    bottom: 0;
    width: 100%;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
	line-height: 80px;
}
.project-pic{
    position: relative;
}




.project-title:hover{
    height: 20%;
    background-color: #d81525;
    position: absolute;
    z-index: 999;
    bottom: 0;
    width: 100%;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}


.project-mb{width:100%; margin:4% auto; overflow: hidden; display:none}
.project-mb ul{width:100%; margin: auto; overflow: hidden}
.project-mb ul li{width:48%; margin: 2% 1%; overflow: hidden; float: left;}


.project-mb ul li .project-mb-pic{}
.project-mb ul li .project-mb-pic img{width:100%}
.project-mb ul li .project-mb-title{ text-align: center; background: #d81525; color: #fff; line-height: 24px;}


/*翻页*/
.fanye{  width: 100%;float: left; margin-top: 3em; margin-bottom: 3em; text-align: center;font-size: 0.875em;}
.fanye-box{width:500px;  float: none; text-align: center; line-height: 35px; margin: auto;}
.fanye-Previous{width:78px; float:left;background: #fff; border:1px solid #f0f0f0;height: 35px; color: #666666; margin-right: 5px;}
.fanye-Next{width:78px; float:left;background: #fff; border:1px solid #f0f0f0; height: 35px;color: #414040; margin-left: 5px;}
.fanye-Number{width:35px; float:left; color: #414040;  margin: 0 5px; background: #fff; border:1px solid #f0f0f0}
.fanye-Number-current{width:35px; float:left; color: #fff; background: #e3052a; margin: 0 5px;}




.map{width:100%; margin: auto; overflow: hidden}

/*<1920*/
@media screen and (max-width:1919px) 
{
	.w-1920{width:100%;}
}

/*<1730*/
@media screen and (max-width:1729px) 
{
	
}


/*<1600*/
@media screen and (max-width:1600px) 
{
	
	.w-1600{width:96%; }
	
}
/*<1500*/
@media screen and (max-width:1599px) 
{
	.w-1500{width:96%; }
	
	
}
/*<1440*/
@media screen and (max-width:1440px) 
{
	
	.in-title1-1{font-size: 50px;}
	.in-certificate .title1{font-size: 50px;}
	.in-certificate{    width: 90%;padding: 4% 5%;}
}


/*<1400*/
@media screen and (max-width:1400px) 
{
	
	.w-1400{width:96%; }

}


/*<1380*/
@media screen and (max-width:1379px) 
{
	
}


/*<1366*/
@media screen and (max-width:1365px) 
{
	.in-ab-left{    margin-bottom: 4%;}
	.in-application-right li{font-size: 16px;}
	.bottom .bottom1 .list li{font-size: 15px;}
	
	.bottom .bottom1 .list li{line-height: 30px;}
	
	
	.about-nav .list li{font-size: 16px;}
	
	.product-menu ul li{font-size:15px;}
	
	
	.project-title{
    font-size: 24px;
	line-height: 60px;
}
}


/*<1350*/
@media screen and (max-width:1349px) 
{
	.w-1350{width:96%}
	
	
}



/*<1300*/
@media screen and (max-width:1299px) 
{
	
	
}

/*<1280*/
@media screen and (max-width:1280px) 
{
	.bottom .bottom1 .bottom1-3{display:none}
	.bottom .bottom1 .bottom1-2{display:none}
	.bottom .bottom1 .bottom1-4{margin-left:5%;    width: calc(88% - 200px);}
}



/*<1250*/
@media screen and (max-width:1250px) 
{
	
	
}




/*<1200*/
@media screen and (max-width:1199px) 
{
	.product-menu ul li{font-size: 14px;letter-spacing:-1px}
}


/*<1100*/
@media screen and (max-width:1100px) 
{
	
	.product-menu ul li{}
	
}




/*<1024*/
@media screen and (max-width:1024px) 
{
	
	.about-2 .list ul li .nr .title{    margin: 8px 0;}
	.about-2 .list ul li .nr .text{font-size: 12px;  line-height: 20px;}
	.about-nav .list li{font-size: 14px;}
	
}



/*<1000*/
@media screen and (max-width:999px) 
{
	.in-title1-1{font-size: 40px;}
	.in-title1-3{    letter-spacing: 0px;}
	
	.in-ab{    background: url(../images/in-ab-bg.jpg) top left;}
	.in-ab-left{width:100%;margin-top: 0%;}
	.in-ab-left .title{font-size: 40px;}
	.in-ab-left .line2{margin-bottom: 4%;}
	.in-ab-left .text{width: 92%;}
	.in-ab-left .more{    margin-top: 5%;}

	.in-ab-right{    width: 94%;    margin: 0 3%;}
	.in-ab-right .title{color:#fff;}
	.in-ab-right .title span{color:#fff;}
	.in-ab-right .more{display:none}
	.in-ab-right .video{margin-bottom:5%}
	
	
	
	.bottom .bottom1 .bottom1-1{width:100%;}
	.bottom .bottom1 .bottom1-4{   width:100%;}
	
	
}



/*<950*/
@media screen and (max-width:950px) 
{
	.about-2 .list ul li{width:100%;    margin-left: 0%;}
	.about-nav .title{display:none}
	.about-nav .list li{margin: 0 2%;}
}


/*<850*/
@media screen and (max-width:850px) 
{
	
}

/*<760*/
@media screen and (max-width:760px) 
{
	
	
	.in-title1-1{    font-size: 24px;}
	.in-title1-3{    font-size: 12px;}
	
	.in-ab-left .title{font-size: 24px;}
	.in-ab-right .title{display:none}
	.in-certificate .title1{font-size: 24px;}
	.in-certificate .title2{width:30%;height: 35px; line-height: 35px;}
	
	.in-workshop{display:none;}
	.in-workshop-mb{display:block;}
	
	.in-application-left{width:100%}
	.in-application-left .title2{font-size: 26px;}
	.in-application-left .text{letter-spacing: 0px;    font-size: 12px;}
	.in-application-left .line2{margin-bottom: 4%;}
	
	
	.in-application-right{width:100%;margin-right: 0; margin-top: 20px;}
	.in-application-right li {font-size: 14px;margin-top: 10px;    margin-bottom: 10px;}
	.in-application-right li img{width:50%}
	
	.bottom .bottom2 .copyright{width:100%; text-align: center;}
	.bottom .bottom2 .beian{width:100%; text-align: center;}
	.bottom .bottom1 .bottom1-1{display:none}
	
	
	
	
	
	
	.about-nav .list{width:100%}
	.about-nav .list li{width:40%; float: left;line-height: 30px;}
	
	.about-1 .title{font-size: 30px;}
	.about-1 .title span{font-size: 24px;}
	.about-1 .text{ text-align:left;text-align:justify}
	
	.nei-title1{font-size: 30px;}
	.about-2 .list{    margin: 6% auto 0;}
	.about-4 .more{width:120px; height: 40px; line-height: 40px; font-size: 15px;}
	
	
	
	
	.about-ma-list ul li{width:97%; height: 180px; margin-bottom: 20px;}
	.about-ma-list ul li .line{    margin: 10px 0;}
	.about-ma-left{width:100%;}
	.about-ma-right{width:100%; margin-left: 0; margin-top: 5%}
	
	
	
	.application ul li{width:46%}
	.nei-title2{ font-size: 24px;}
	
	
	.product-menu ul li{height: 70px;}
	.product-menu ul li span{display:none}
	.product-list ul li{width:47%}
	.product-list ul li .title{    font-size: 15px;}
	.product-list ul li .more{    font-size: 14px;}
	
	
	.project-mb{display:block;}
}

/*<660*/
@media screen and (max-width:620px) 
{
	
	.nei-top .tp img{width:150%}
	.nei-top .about-top-text{   padding-top: 10em;}
	.nei-top .about-top-text h2{ font-size: 30px; }
	.nei-top .about-top-text h3{display:none }
	.nei-top .about-top-text .line{}
	
}