@charset "utf-8";
/* CSS Document */
*{
	padding: 0;
	margin: 0;
}
body,html{margin:0; padding: 0;font-size: 100%!important; font: "Microsoft Yahei";}
img{ margin:0; font-size: 0;}
ul,li{ list-style:none; list-style-position: outside; margin: 0; padding: 0;}
a{ text-decoration:none; color: 333;}a:hover{color:#666}

/*pro-img1*/
.pro-img1{ width:204px; height: 182px;
display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;overflow: hidden;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;
background: url(../images/pro1-.png) center no-repeat;}
.pro-img1:hover, .pro-img1:focus, .pro-img1:active {background: url(../images/pro1.png) center no-repeat;}

.pro-img2{ width:205px; height: 189px;
display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;overflow: hidden;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;
background: url(../images/pro2.png) center no-repeat;}
.pro-img2:hover, .pro-img2:focus, .pro-img2:active {background: url(../images/pro2-.png) center no-repeat;}

.pro-img3{ width:203px; height: 184px;
display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;overflow: hidden;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;
background: url(../images/pro3.png) center no-repeat;}
.pro-img3:hover, .pro-img3:focus, .pro-img3:active {background: url(../images/pro3-.png) center no-repeat;}

.pro-img4{ width:206px; height: 183px;
display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;overflow: hidden;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;
background: url(../images/pro4.png) center no-repeat;}
.pro-img4:hover, .pro-img4:focus, .pro-img4:active {background: url(../images/pro4-.png) center no-repeat;}

.pro-img5{ width:206px; height: 185px;
display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;overflow: hidden;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;
background: url(../images/pro5.png) center no-repeat;}
.pro-img5:hover, .pro-img5:focus, .pro-img5:active {background: url(../images/pro5-.png) center no-repeat;}


/*pro-img1*/
.pro-img1-en{ width:204px; height: 182px;
display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;overflow: hidden;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;
background: url(../images/pro1-_en.png) center no-repeat;}
.pro-img1-en:hover, .pro-img1:focus, .pro-img1:active {background: url(../images/pro1_en.png) center no-repeat;}

.pro-img2-en{ width:205px; height: 189px;
display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;overflow: hidden;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;
background: url(../images/pro2_en.png) center no-repeat;}
.pro-img2-en:hover, .pro-img2:focus, .pro-img2:active {background: url(../images/pro2-_en.png) center no-repeat;}

.pro-img3-en{ width:203px; height: 184px;
display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;overflow: hidden;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;
background: url(../images/pro3_en.png) center no-repeat;}
.pro-img3-en:hover, .pro-img3:focus, .pro-img3:active {background: url(../images/pro3-_en.png) center no-repeat;}

.pro-img4-en{ width:206px; height: 183px;
display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;overflow: hidden;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;
background: url(../images/pro4_en.png) center no-repeat;}
.pro-img4-en:hover, .pro-img4:focus, .pro-img4:active {background: url(../images/pro4-_en.png) center no-repeat;}

.pro-img5-en{ width:206px; height: 185px;
display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;overflow: hidden;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;
background: url(../images/pro5_en.png) center no-repeat;}
.pro-img5-en:hover, .pro-img5:focus, .pro-img5:active {background: url(../images/pro5-_en.png) center no-repeat;}








	header{display:none}
.top{width:100%;background-color:rgba(0,0,0,0.4); height: auto; position: absolute; color: #fff; padding-top: 2em; padding-bottom: 1em;}
.top .logo{ float: left; margin-left: 2%;}
.top .logo2{ float: left; border-left: 1px solid #fff; margin-left: 1.5em; padding-left: 1.5em; font-size: 0.85em; font-weight: bold;margin-top: 1em;}
.top .menu{float:right;width:53%; margin-top: 1.5em;}
.top .menu li{ float:right;  text-align: right; margin: 0 2%; }
.top .menu li a{color:#fff; font-weight: bold;}
.top .menu li a:hover{color:#008fd7;}


.top .language{right: 1.3em; font-size: 0.875em;  display: block; position: absolute; opacity: 1}
.top .language a{ color:#fff;}.top .language a:hover{ opacity: 0.4}


.width-1400{width:1400px; margin: auto;  overflow: hidden;}


.index-p{}
.p1-bg{ background: url(../images/index-banner1.jpg)no-repeat center; width:100%; height: 100%;}
.p1-01{ position:absolute; right: 15%; top: 35%;}
.p2-01{ position:absolute; background: #fff; height: 100%; width:48em;}
.p2-01 .title{margin-left:25%; margin-top: 30%;}
.p2-btn{margin-left:25%;margin-top: 10%;}
.p3{width:100%; margin: auto; overflow: hidden; position: absolute; color: #fff;}
.p3-pro{width:60%; float: left;}
.p3-news{width:40%; float: left;}
.p3-pro-title{ margin-top: 15%;}
.p3-pro-text{ font-size:1em; margin-top: 20px;width:88%; line-height: 1.5em;}
.p3-pro-pro-mb{width:100%; float: left; margin-top: 30px; display:none;}
.p3-pro-pro-mb li{ margin-right: 2%; float: left;  padding: 5px; font-size: 0.875em; color: #fff;}
.p3-pro-pro{width:100%; float:left; margin-top: 50px;}
.p3-pro-pro li{float:left;}
.pro1{margin-top:12%;}
.pro2{margin-left: -2%;}
.pro3{margin-top: 26%; margin-left: -23%;}
.pro4{margin-top:12%;margin-left: -2.5%;}
.pro5{margin-top: 26%;margin-left: -4%; }

.p3-news-title{ font-size: 1.8em; border-right: 5px solid #fff; text-align: right; padding-right: 10px; margin-top: 5em;}
.p3-news-box{ color: #000;}
.p3-news-box li{ background: #fff; width:100%; overflow: hidden; margin: 13px 0}
.p3-news-img{ float: left; font-size: 0; width:60%; overflow: hidden; height: 250px;}
.p3-news-img img{ width:120%;}
.p3-news-info{ float: left; width:30%; padding-top: 30px; margin-left: 5%; padding-bottom: 20px;}
.p3-news-info .date{ color: #434343; font-size: 0.875em;}
.p3-news-info .title{ margin-top: 10px; font-size: 0.9em; height: 2.5em; overflow: hidden}
.p3-news-info .title a{ color:#333}
.p3-news-info .line{ width:40px; height: 1px; background: #989898; display: inline-block; margin: 15px 0;}
.p3-news-info .text{ font-size: 0.875em; color: #787878; height: 4em ; overflow: hidden;}

.map{ z-index: -1;}
.p4-left{width:50%; float: left;}
.p4-right{width:36%; right:100px; margin-top: -150px; padding-bottom: 50px; z-index: 1; background: #fff; position: absolute;box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);}
.p4-right-box{width:80%; margin: auto; margin-top: 10%;}
.p4-left-1{width:100%;font-size: 4.5em; color:#f1f1f1; font-family:Baskerville, Palatino Linotype, Palatino, Century Schoolbook L, Times New Roman, serif}
.p4-left-2{width:100%;font-size: 0.875em; color:#000000;}
.p4-left-3{width:100%;font-size: 3em; color:#008fd7;font-weight: bold;font-family:"宋体"; margin-top: 10px; margin-bottom:30px;}
.p4-left-4{width:100%;font-size: 1.8em; color:#2f2f2f; margin-bottom: 30px;}
.p4-left-5{width:100%;font-size: 1em; color:#2f2f2f;}
.p4-left-5 li{ line-height: 3em;}
.p4-left-5 li img{vertical-align:middle; margin-right: 10px;}

.p4-right-1{width:100%; border-bottom: 1px solid #e7e7e7; font-size: 2em; font-weight: bold;padding-bottom: 20px;margin-bottom: 20px;}
.p4-right-2{width:100%; overflow: hidden}
.p4-right-2 li{ line-height: 1.75em;}
.p4-right-2 li span{ font-size: 1.5em; line-height: 2.5em;}

.p5-01{width:100%; background: #2c2c2c; overflow: hidden; padding-top: 40px; padding-bottom: 20px;}
.p5-02{width:100%; text-align: center; background: #141414; color: #8b8b8b; padding-top: 25px; font-size: 0.875em;}


.f-menulist{width:70%; float: left; margin-bottom: 20px;}

.f-menulist .menu{width:100%; float: left;color: #b3b3b3;font-size: 0.875em;}
.f-menulist .submenu{width:14%; float: left; padding: 0;}
.f-menulist .submenu ul li{ color: #b3b3b3; line-height: 1.875em; }
.f-menulist .submenu ul li a{color: #b3b3b3;}
.f-menulist .submenu ul li a:hover{color: #c6c6c6;}
.f-menulist .submenu ul li span{ font-size: 1.25em; color: #fff; line-height: 3em;}
.f-menulist .submenu ul li span a{ color:#fff;}
.f-menulist .submenu ul li span a:hover{ color:#E3E3E3;}

.f-info{width:30%; float: right; text-align: center; font-size: 0.875em; line-height: 1.75em; color: #8b8b8b;}
.f-info img{ margin-bottom: 10px;}

.p5-02-1{width:calc(50% - 100px); float: left; text-align: right;}
.p5-02-2{width:200px; float: left; text-align: center;}
.p5-02-3{width:200px; float: left; text-align: left;}


.section1{color: white;/*概况*/
	height: 498px;
	background-image: url(../images/about_01.jpg);}


.width-1300{width:1300px; margin: auto; overflow:hidden}
.width-1570{width:1570px; margin: auto; overflow:hidden}


/*内页 头部*/

.index-top .topbox2{width:100%; height: 120px; float: left; background: #fff;  overflow: hidden; padding-top: 30px;z-index: 9999; position: absolute}
.index-top .topbox2 a{color:#323232}
.index-top .topbox2 .logo{float: left;margin-left:  20px;}
.index-top .topbox2 .menu{float: right;width:800px; margin-left: 4%; margin-top: 10px;font-size: 1.2em;}
.index-top .topbox2 .menu ul li{float:left; margin: 0 2.5%;}
.index-top .topbox2 .topbtn{width: auto;float: right;margin-right: 20px;margin-top: 15px;}
.index-top .topbox2 .topbtn ul li{float:left; margin: 0 3px;}
.searchbtn{ border-radius:15px; background: #fff; border: 1px solid #ccc; width:150px; height: 27px; padding-left: 10px;}
.top-search{width:50px; border: none; }
.top-line2{width:1px; height: 15px; background: #e02335; margin-right: 20px; margin-top: 5px; float: left;}
.top-wx{ width:50px;  border: none;}






.tr-ny{width:100%; margin: auto; overflow: hidden;}
.news-menu-box{width:100%; background: #fafafa;; margin-bottom: 10px;}
.news-menu-box .submenu{width:140px; text-align: center; float: left;line-height: 4em;}
.news-menu-box .submenu a{ color: #090909;}

.about{width:100%; margin: auto; overflow: hidden;}
.about-01{width:100%; margin: auto; overflow: hidden; text-align: right;}
.about-01-1{ font-size: 4.5em; font-weight: bold; text-transform: uppercase; color: #f2f2f2;}
.about-01-2{ font-size: 2.2em; margin-top: -1.3em; font-weight: bold; color: #008fd7; margin-right: 0.5em;}
.about-01-3{ font-size: 1em; color:#9d9d9d; margin-top: 0.8em;margin-right: 1em;}

.about-02{width:100%; margin: auto; overflow: hidden; border-bottom: 1px solid #f2f2f2; font-size: 1.125em; color: #565656; padding-bottom: 2em;}
.about-02 span{display:block; font-size: 1.75em;}

.about-03{width:100%; margin:2em auto 4em; overflow: hidden; line-height: 1.975em; color: #6d6d6d;}
.about-04{width:100%; margin:auto;  overflow: hidden; }
.about-04 img{width:100%;}


.fzlc{width:100%; margin: auto; overflow: hidden; margin-top: 10em;}
.fzlc-title{width:100%; margin: auto; overflow: hidden;font-size: 2em; font-weight: bold; color: #008fd7; border-left: 5px solid #e81936; padding-left: 1em; }

.ryzz-title{width:100%; margin: auto; overflow: hidden; margin-top: 6em; text-align: center}
.ryzz{width:100%; margin: auto; overflow: hidden; margin-bottom: 5em;}






/*新闻*/
.news-list{ width:100%; margin: auto; overflow: hidden;}
.news-list ul{}
.news-list ul li{width:30%; float: left; background: #fcfcfc; overflow: hidden; margin-right: 1%}

.news1 {
	width: 100%;
	color: #454545;
	margin: auto;
	overflow: hidden;
	clear: both;
}
.news1 ul{
}
.news1 ul li { background: #fcfcfc;
	width: 32%;
	margin-right: 1%; margin-top: 3%;
	float: left;
}


.news1 ul li .pic {
	    height: auto;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-bottom: 63%;
}

.news1 ul li .pic img {
	    width: auto!important;
    height: 100%!important;
    left: 50%;
    top: 50%;
    transition: .4s ease;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: absolute;
}

.news1 ul li .text{ width:90%; margin: 0 5%;color: #3e3e3e;font-size: 0.938em;transition: .4s ease; height: 230px;}
.news1 ul li .text .text1{ font-size: 1.3em; margin: 1.8em 0; height: 1.5em; overflow: hidden;}
.news1 ul li .text .text2{ font-size: 0.983em; margin-bottom: 4.5em; height: 2.8em; overflow: hidden;}
.news1 ul li .text .date{width:50%; float: left;font-size: 0.75em;}
.news1 ul li .text .more{
	float: right;
	width: 40%;
	height: 27px;
	text-align: right;
	padding-right: 10%;
	font-size: 0.75em;
	line-height: 27px;
	background: url(../images/news-arrow.png) no-repeat right;}

.news1 ul li:hover {background: #15a1e1;color: #fff;}
.news1 ul li :hover .pic img {opacity: 0.7;transition:.4s ease;  transform: scale(1.05) translate(-45%,-45%);}
.news1 ul li :hover .text{ color:#fff;}
.news1 ul li :hover .more{	background: url(../images/news-arrow2.png) no-repeat right;}


.news2{width: 100%;
	color: #454545;
	margin: auto;
	overflow: hidden;
	clear: both;}

.news2 ul{}
.news2 ul li{ background: #fff; margin-bottom: 2em;}
.news2 ul li .text{width:100%; margin: auto; overflow: hidden; }
.news2 ul li .text .text1{ width:80%; font-size: 1.3em; margin: 1.8em 0; height: 1.5em;overflow: hidden; float: left;}
.news2 ul li .text .date{width:20%; float: right;font-size: 0.75em;margin-top:3em; text-align: right; line-height: 1.5em;}
.news2 ul li .text .text2{width:100%; font-size: 0.913em; margin-bottom: 3.5em; height: 2.8em; overflow: hidden; color:#717171;}
.news2 ul li .more{width:100px; float: left;background: url(../images/news-arrow.png) no-repeat right; line-height: 27px; height: 27px;font-size: 0.75em; margin-bottom: 2em;transition:.4s ease; }


.news2 ul li:hover{ background:#1a86e2}
.news2 ul li:hover .text{color:#fff;}
.news2 ul li:hover .text2{color:#fff;}
.news2 ul li:hover .more{background: url(../images/news-arrow2.png) no-repeat right;  margin-left: 1%;transition:.4s ease; }




/*视频*/
.news3 {width: 90%;color: #454545;margin: auto;overflow: hidden;clear: both;}
.news3 ul{}
.news3 ul li { 	width: 48%;	margin-right: 2%; margin-top: 3%;	float: left;}


.news3 ul li .pic { height: auto; width: 100%; position: relative; overflow: hidden; padding-bottom: 63%;}

.news3 ul li .pic img { width: auto!important;
    height: 100%!important;
    left: 50%;
    top: 50%;
    transition: .4s ease;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: absolute;
}

.news3 ul li .text{ width:100%; margin: auto;color: #3e3e3e;font-size: 0.938em;transition: .4s ease; height: 80px;}
.news3 ul li .text .text1{ font-size: 1.3em; margin: 1em 0; height: 1.2em; overflow: hidden;}
.news3 ul li .text .text2{ font-size: 0.983em; height: 2.8em; overflow: hidden;}







/*文化理念*/
.whln{width:100%; margin: auto; overflow: hidden;}
.whln01{width:100%; margin: auto; overflow: hidden; color: #ececec; font-size: 3em; font-weight: bold;}
.whln01-1{width:100px; float: right;}
.whln01-line{width:100px; float: right; height: 1px; background: #ccc; margin-top: 0.7em; margin-right: 1%;}

.whln02{width:100%; margin: auto; overflow: hidden; margin-top: 1%;}
.whln02-1{width:100%; margin: auto; overflow: hidden; position: relative; z-index: 0}
.whln02-1 img{ }
.whln02-2{width:60%; height: 380px; margin: auto; margin-top: -280px; margin-right: 5%; margin-bottom: 7em; position: relative; z-index: 1;  overflow: hidden; float: right;background: url(../images/culture1_03.png) right center rgba(0,0,0,0.85) no-repeat; color: #fff; padding:5% 0 0 3%;}
.whln02-2-1{ font-size: 0.5em;}
.whln02-2-2{ font-size: 2.5em; font-weight: bold; margin-bottom: 1em;}
.whln02-2-3{ font-size: 1.25em; line-height: 2.2em;}

.whln03{width:100%; margin: auto; overflow: hidden; position: relative; margin-top: -100px; margin-bottom: 5em;}
.whln03-left{width:50%; float: left; overflow: hidden; margin-right: 3%;}
.whln03-left img{}
.whln03-right{width:30%; float: left;color: #222222;}
.whln03-right-1{font-size: 2.2em; font-weight: bold;  margin: 1.2em auto 0.5em}
.whln03-right-2{font-size: 1.85em;}
.whln03-right-3{font-size: 1em; margin-top: 2em; line-height: 1.75em;}
.whln03-right-btn{width:220px; margin-top: 2em;   background: #008fd7; color:#fff; text-align: center; text-transform: uppercase; font-size: 1.4em; line-height: 2.2em;}


/*产品信息*/
.pro{width:100%; margin: auto; overflow: hidden; margin-bottom: 4em;}
.pro-title{ text-align: center;color: #cecece; text-transform: uppercase; font-size: 0.875em; margin-top: 3em; margin-bottom: 3em;}
.pro-title span{ display:block; font-size: 1.6em; color: #015698; margin-bottom: 10px;}
.pro-content{ width:100%; margin: auto; overflow: hidden; line-height: 2.2em;}
.pro-img{width:100%;overflow: hidden; margin: 2em 0; border-bottom: 1px dotted #ccc; padding-bottom: 2em;}
.pro-img img{ width:100%;}
.pro-table{width:100%; margin: auto; overflow: hidden;}


/*联系我们*/
.contact{width:100%; margin: auto; overflow: hidden;}
.contact-title{ text-align:center; color: #bcbcbc; margin: 2em 0 4em;}
.contact-title span{  display: block; font-size: 1.75em; color: #4c4c4c;}
.contact-list{width:100%; margin: auto; overflow: hidden;}
.contact-list li{width:31.333%; float: left; font-size: 0.875em; margin: 1%; line-height: 1.8em}
.contact-list li span{font-size:1.3em; display: block; margin-bottom: 1em;}

.color-blue{ color:#14aaa5}
.color-blue2{ color:#0a9de1; font-weight: bold; margin: 2em 0;}

.dt{width:100%; margin: auto; overflow: hidden; margin-top: 5em; margin-bottom: 5em;}


.honorbox{width:100%; margin: auto; overflow: hidden; margin-top: 5%; margin-bottom: 5%;}



/*翻页*/
.fanye{ width: 100%;float: left; margin-top: 2em; margin-bottom: 2em; text-align: center;font-size: 0.875em;}
.fanye-box{width:380px;  float: none; text-align: center; line-height: 35px;}
.fanye-Previous{width:78px; float:left;border: 1px solid #bfc4c5;height: 35px; color: #666666; margin-right: 5px;}
.fanye-Next{width:78px; float:left;border: 1px solid #bfc4c5; height: 35px;color: #414040; margin-left: 5px;}
.fanye-Number{width:35px; float:left; color: #414040;  margin: 0 5px; border: 1px solid #bfc4c5;}
.fanye-Number-current{width:35px; float:left; color: #fff; background: #fb2848; margin: 0 5px;}





/*<1570*/
@media screen and (max-width:1600px) 
{
	.width-1570{width:96%; margin: auto;}
}

/*<1460*/
@media screen and (max-width:1460px) 
{
	.width-1400{width:96%; margin: auto;}
}

/*<1360*/
@media screen and (max-width:1360px) 
{
	
	.width-1300{width:94%; }
	
	.top .logo2{display:none;}
	.top .menu{width:65%;}
	
	.p3-pro-title{ margin-top: 5%;}
	.p3-pro{width:100%;}
	.p3-pro-pro{display:none;}
	.p3-news{width:100%;}
	.p3-news-img{display:none;}
	.p3-news-title{ font-size: 1.8em; border:none; text-align: left;  margin-top: 2em;}
	.p3-news-info{ float: left; width:100%; padding-top: 30px; margin-left: 2%;}
	.p3-pro-pro-mb{display:inline-block;}
}
/*<1200*/
@media screen and (max-width:1200px) 
{
	.top .menu{display:none;}
	.top .language{display:none;}
}

/*<1000*/
@media screen and (max-width:999px) 
{
	.p4-left-1{font-size:3em;}
	.p4-right-2 li{font-size:0.875em;}
	.p4-right{display:none;}
	.p4-left{width:100%;}
	
	.f-menulist{width:100%;}
	.f-info{display:none;}
	
	
	.news1 ul li {width: 48%;	margin:1%; }

	
}

/*<860*/
@media screen and (max-width:860px) 
{
	.pro-table img{width:100%;}
	
	.honorbox{ display: none;}
	.p5-02-1{width:100%; text-align: center}
.p5-02-2{width:100%; text-align: center}
.p5-02-3{width:100%; text-align: center}
}


/*<640*/
@media screen and (max-width:639px) 
{
	.top .logo{width:60%; margin-left: 1em;}
	.top .logo img{width:100%;}
	.p1-01{right: 0; }.p1-01 img{width:90%;}
	.p2-01 .title{margin-left:2%; margin-top: 20%;width:45%;}
	.p2-01 .title img{width:100%;}
	.p2-btn{display:none;}
	.p3-pro-text{ font-size:0.875em; margin-top: 20px;width:100%; line-height: 1.5em;}
	
	.p3-news-info{ float: left; width:100%; padding-top: 10px; margin-left: 5%; padding-bottom: 10px;}
	.p3-news-info .date{ color: #434343; font-size: 0.75em;}
	.p3-news-info .title{ margin-top: 5px; font-size: 1em; font-size: 0.9em; width:92%;}
	.p3-news-info .text{width:92%;}
	.p3-news-info .line{ width:40px; height: 1px; background: #989898; display: inline-block; margin: 8px 0;}
	
	
	.p4-left-3{width:100%;font-size: 2em; margin-bottom:20px;}
	.p4-left-4{width:100%;font-size: 1.5em; color:#2f2f2f; margin-bottom: 15px;}
	
	.f-menulist .submenu ul li span{font-size:1em;}
	.f-menulist .submenu ul li{ color: #b3b3b3; font-size:0.875em; line-height: 1.45em; }
	
	
	.about-01-1{font-size: 2.6em;}
	.about-01-2{font-size: 1.8em;}
	.about-02{display:none}
	.fzlc{ margin-top:3em;}
	
	.section1{height:18em; background: url(../images/about_01.jpg); background-size: cover}
	.news-menu-box .submenu{width:auto; padding: 0 3%;}
	.news1 ul li{width:100%; margin: 0 0 5%;}
	.news2 ul li .text .text1{width:100%; height: 1.4em; margin: 1.5em 0 0}
	.news2 ul li .text .date{width:100%; margin-top: 2%; margin-bottom: 2%; text-align: left;}
	.news2 ul li .text .text2{margin-bottom: 0;}
	.news2 ul li .more{display:none;}
	
	.whln01{display:none;}
	.whln02-1 img{width:100%}
	.whln02-2{ width:94%; margin-right: 0; margin-top: 0; padding: 3%; height: 300px;}
	.whln02-2-1{margin-top:3em;}
	.whln02-2-2{font-size:1.8em;}
	.whln02-2-3{font-size:0.938em;}
	.whln03-left{width:100%}
	.whln03-left img{width:100%}
	.whln03-right{width:100%;}
	.whln03-right-1{font-size:1.8em;}
	
	.contact-list li{width:100%; margin: 0; border-bottom: 1px dotted #ccc; padding-bottom: 1em; margin-bottom: 1em;}
	
	.p5-01{display:none;}
	

}