@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 1300px){
	/*header*/
	.mg{margin-top:0px;}
	.top{ display:none;}
	.logo-nav{height:60px; width:100%;}
	.main{width:100%;}
	.top_tal{display:none;}
	.nav{display:none;}
	.fixedls{ width:100%;position:fixed; z-index:999; top:0; height:60px;transition:height 1s;-moz-transition:height 1s; /* Firefox 4 */-webkit-transition:height 1s; /* Safari and Chrome */-o-transition:height 1s; /* Opera */}
	.logo-nav{ width:100%; height:60px; background:#FFF;box-shadow: 0px 1px 5px 0px #888888;}
	.logo-nav .logo{height:60px;}
	.logo-nav .logo a{height:60px;padding-top:0px;background:url(../images/logo1.png) no-repeat  5px;}
	.logo-nav .nav-btn {width: 25px;height:16px;position:relative; cursor: pointer; margin-top: 22px; margin-right:5px; float:right;}
	.nav-btn .line {display: block; width: 100%; height: 2px; border-radius: 2px;background:#22a243;position: absolute; left: 50%;margin-left: -15px;}
	.nav-btn .line1 {-webkit-transform-origin: 4px 0;-ms-transform-origin: 4px 0;transform-origin: 4px 0;}
	.nav-btn .line2 {top: 7px;}
	.nav-btn .line3 {bottom: 0px;-webkit-transform-origin: 1px center;-ms-transform-origin: 1px center;transform-origin: 1px center;}

	.logo-nav nav{display:none;}
	.logo-nav .sub-menu {position:fixed;width:100%; height:100%; z-Index:3002; top:60PX;background:#FFF; color:#FFF; border-top:1px solid #f2f2f2;transition:width 1s;-moz-transition:width 1s; /* Firefox 4 */-webkit-transition:width 1s; /* Safari and Chrome */-o-transition:width 1s; /* Opera */}
	.logo-nav .sub-menu ul{ display:block;}
	.logo-nav .sub-menu ul li{display:block; text-indent:30PX;font-size:16px;line-height:50px; height:50px; border-bottom:1px solid #f2f2f2; overflow:hidden;}
	.logo-nav .sub-menu ul li a{display:block; height:50px;}
	
	.banner{width:100%;}
	
	.poducts-type{padding-bottom:30px;}
	.tal-title{line-height:100px; font-size:28px;font-style:italic; margin-top:20px; margin-bottom:20px;}
	.poducts-type ul li{width:calc(100%/2); height:60px; margin-bottom:3px;}
	.poducts-type ul li p{ display:none;}
	.poducts-type ul li a{ display:block; width:98%; font-size:16px; font-weight:400; height:60px; line-height:60px; padding:0px; margin:auto; background:#22a243; color:#FFF; border-radius:8px;}
	.poducts-type ul li .smail-type{ display:none;}
	
	.home-product{padding-bottom:30PX;}
	.home-product ul li{width:calc(100%/2);}
	.home-product ul li .home-product-item{width:95%;margin:auto; overflow:auto;}
	.home-product-item img{width:100%;}
	.home-product-item a.home-pr-name{line-height:25px; }
	
	.home-news{width:100%; margin:0px; padding:0px; overflow:hidden;}
	.home-news-item{width:100%; float:left; height:auto;}
	.home-news-ul{width:98%;}
	
	/**Contact***/
	.contact-page{ width: 100%; float:none;}
	.contact-page h2{ width:95%;font-size: 21px; margin:auto;}
	.contact-page .contact-page-text{ width:95%;line-height:26px; font-size:16px;padding-top:0px; margin:auto; padding-bottom:15px;}
	.contact-page-from{width:95%; float:none;margin:auto;}
	.comment-form-input-box{ width:100%; float:none; }
	.comment-form-input-box input[type="text"], .comment-form-input-box input[type="email"] {width:100%;border: none;padding-left:0px;padding-right:0px; text-indent:10px;}
	.comment-form-textarea-box{width:100%; clear:both;}
	.comment-form-textarea-box textarea{width: 100%;padding:0px;border: none;text-indent:10px; padding-top:10px;}
	.thm-btn{width:160px; height:50px;}
	.contact-address{margin-top:30px; padding-top:30px; margin-bottom:30px;}
	.contact-address div{width:95%; float:none; margin:auto; margin-bottom:25px;}
	.adds::before{position: absolute;content:''; background:url(../images/address.png) no-repeat center #42d9be; width:50px; height:50px; background-size:50%; border-radius:25px;}
	.emails::before{position: absolute;content:''; background:url(../images/emails.png) no-repeat center #42d9be; width:50px; height:50px; background-size:50%; border-radius:25px;}
	.tels::before{position: absolute;content:''; background:url(../images/tels.png) no-repeat center #42d9be; width:50px; height:50px; background-size:50%; border-radius:25px;}
	.contact-address p{display:block; width:95px; font-size:18px; color:#7b7981; padding-left:35px; margin-bottom:5px; font-style:italic; padding-left:70px;}
	.contact-address h5{display:block; font-size:16px; color:#1b1825; font-weight:500; padding-left:35px; padding-left:70px;}
	/**Contact***/
	
	/*product*/
	.ls{float:none; width:100%; background:#FFF;}
	
	.rs{ float:none;width:100%; margin-left:0;}
	.fixedlst{ width:100%;position:relative; z-index:0; top:0; height:auto; }
	.rs h2{font-size:18px; padding:15px; padding-left:0px; color:#00539D;}
	
		
	.product-list ul li{display:block; width:100%; float:none; margin-bottom:0px;}
		 
	.details-img{width:95%; float:none; height:auto;  padding:10px; margin:auto; overflow:hidden;}
	.details-text{ float:none;border-left:0; width:99%; margin:auto; height:auto; padding-bottom:30px;}
	.details-info{width:96%; margin:auto; min-height:500px; padding:30px 0px 0px 0px;}
	.details-info table td{padding:0px;}
	.details-info img{max-width:100%; margin:auto; height:auto; text-align:center; display: table-cell;vertical-align: middle;}
	.details-info p{padding:0;}
	/*product*/
	
	.productmsg-list .msg-text{ margin:auto; padding:20px ; font-size:16px; text-indent:2em; line-height:30px; border:1px solid #F5F5F5; margin-bottom:30px;border-radius:8px; background:#eef3f7;}
	.productmsg-list ul{display:block; width:100%;}
	.productmsg-list ul li{display:block; width:100%; padding:0; }
	.productmsg-list ul li .image-wrapper{width:35%;}
		.image-wrapper img{width:100%;} 
	.productmsg-list ul li .col-text{width:65%;padding-left:0;}
		 .col-text h3{padding-top:10px; line-height:21px; max-height:43px; overflow:hidden;}
		 .col-text p{display:block; line-height:21px; font-size:14px; height:88px; margin-bottom:0px; margin-top:0px; overflow:hidden;}
		 .col-text a.details-bt{ display:block;width:80px; line-height:30px; height:30px; background:#00539D; color:#FFF; text-align:center; text-decoration:none;}

	
	.news-item{width:100%; float:none; height:auto;}
	.news-ul{width:97%; background:#FFF;border-radius:10px; margin:auto; margin-bottom:10px;box-shadow: 0px 5px 5px 0px #ccc;overflow:hidden;}
	
	.home-about{background:#878696; background-size:100%; height:auto; padding-bottom:15px; overflow:hidden;}
	.home-about-msg{line-height:24px; color:#333333; font-size:16px; text-indent:3em; width:95%; margin:auto;}
	.home-app ul{width:100%;}
	.home-app ul li{width:100%; float:none; margin-bottom:10px;}
	.home-app ul li a{height:auto; margin:auto; background:#efefef; text-align:center; font-size:18px; text-decoration:none;}
	.home-app ul li a p{display:block; width:100%; height:50px; line-height:50px; overflow:hidden;}
	
	
	.position{width:calc(100% - 30px); background:#f9f9f9; height:auto; padding:15px; }
	.position h1{display:block; font-size:21px; color:#222222;}
	
	.content{ width:100%; margin-top:15px; margin-bottom:20px; overflow:hidden;}
	
	.about-msg{padding-top:30px; overflow:hidden; font-size:14px; line-height:30px; min-height:500px;}
	.about-msg img{padding:0;border-radius:15px; max-width:100%; height:auto;}
	.about-msg p{display:block; padding-top:10px;}
	.about-msg .ab-img{ width:98%; margin:auto; float:none;}
	.about-msg .ab-p{ width:98%; float:none;margin:auto; padding-top:30px; text-indent:2em;}
	
	.news-msg{padding-top:50px; padding-left:0px; }
	.news-msg h1{ font-size:24px; width:98%; margin:auto;}
	.news-msg .news-content{padding-top:30px; line-height:30px; font-size:16px; width:98%; margin:auto;} 
	.news-content h2{ padding-top:10px; font-size:22px;}
	
	.news-content{width:100%; min-height:500px; padding-top:30px; line-height:24px; font-size:14px;}
	.news-content p{padding:0px;}
	.news-content table{width:99%; margin:auto; border:1px solid #e8ecf0; background:#FFF;border-collapse: collapse;border-spacing:0;}
	.news-content tr:nth-child(even){background:#eef3f7;}
	.news-content tr:nth-child(odd){background:#FFF;}
	.news-content table td{text-align:center; font-size:12px; padding:0px;}
	.news-content td{border-left:1px solid #e8ecf0;}
	.news-content td rowspan{background:#fff;}
	.news-content img{max-width:100%; margin:auto; height:auto; text-align:center; display: table-cell;vertical-align: middle;}
	
	.details-info{width:98%; min-height:500px; padding-top:30px; line-height:24px; font-size:14px; margin:auto;}
	.details-info h2{font-size:18px; font-weight:bold; padding:8px 8px 8px 0px; margin:10px 0px 10px 0px;}
	.details-info p{/*padding-left:10px;*/}
	.details-info table{width:100%; margin:auto; border:1px solid #e8ecf0; background:#FFF;border-collapse: collapse;border-spacing:0;}
	.details-info tr:nth-child(even){background:#eef3f7;}
	.details-info tr:nth-child(odd){background:#FFF;}
	.details-info table td{padding:5px; text-align:center;}
	.details-info td{border-left:1px solid #e8ecf0;}
	.details-info td rowspan{background:#fff;}
	.details-info img{max-width:100%; margin:auto; height:auto; text-align:center; display: table-cell;vertical-align: middle;}
	
	.App-msg{ padding-top:50px; line-height:30px;}
	.App-msg ul{display:block; width:100%; margin:auto;}
	.App-msg ul li{width:100%; float:none; margin-bottom:15px;}
	.App-msg ul li a{ display:block;width:97%; margin:auto; background:#efefef; text-align:center; font-size:14px; text-decoration:none;border-radius:10px;}
	
	.que-msg p{ display:block; width:calc(99% - 40px); border:1px dotted #ccc;padding:20px; line-height:30px; font-size:16px; margin-bottom:15px;}
	
	.previous-next{font-size:16px; margin-top:20px;}
	.previous-next a{ display:block;float:none;font-size:14px; background:#eef3f7;line-height: 30px; min-height:0; padding: 15px; border-radius: 5px; width:calc(98% - 30px); text-decoration:none; margin:auto; margin-bottom:5px;}
	.previous-next a:hover{background:#1989fb; color:#FFF;}
	
	.foot{margin-top:15px;}
	.foot-nav{width:100%; margin:auto; border-bottom:1px solid #555555; padding-top:0px; padding-bottom:15PX; color:#fefefe; overflow:hidden;}
		.nav-li dl{display:block; width:calc(100%/2);float:left;overflow:hidden;}
	.foot-text{width:100%; margin:auto; clear:both; height:50px; line-height:50px; text-indent:30px; color:#b0b0b0;}
	
}