/*book*/


@media screen and (max-width:1366px) {
	.markbanner{
		height: auto;
		padding-top:36.4%;
		-webkit-background-size: 100%;
		background-size: 100%;
	}
	.search_top i{
		font-size: 3rem;
	}
	.header{
		width: 100%;
	}
	.in_story_text{
		bottom:95px;
	}
	.in_story_text_center{
		width: 100%;
	}
	.in_products_list{
		width: 96%;
	}
	.footer_center{
		width: 100%;
	}
	.in_story_text h3{
		font-size: 4rem;
		width: 450px;	
		padding-bottom: 5%;
	}
	
	.in_story_text a{
		font-size: 13px;
		margin-top: 7%;
		width: 151px;
		line-height: 40px;
	}
	.in_develope_text{
		left:8%;
		bottom:125px;
	}
	.in_topic_left h3{
		font-size: 25px;
	}
	.in_topic_left p{
		font-size: 16px;
	}
	
	.in_topic_left{
		padding: 10% 7% 0 0;
	}
	.in_topic_left2{
		padding: 10% 0 0 9%;
	}
	.in_topic_left3{
	    padding: 10% 7% 0 0;
	}
	.in_topic_right3{
		padding:0;
		
	}
	.in_search_info h3{
		font-size: 29px;
	}
	.in_products_tit h3{
		font-size: 30px;
	}
	.in_products_move{
		height: 54px;
	}
	.in_products_more{
		width: 167px;
		line-height: 44px;
	}
	.in_products_more a{
		font-size: 14px;
	}
	.footer_nav ul li h3{
		font-size: 18px;
	}
	.footer_nav ul li h3{
		padding: 0 0 10%;
	}
	.footer_nav ul li a{
		line-height: 33px;
	}
	.footer_logo{
	   padding: 6.5% 0 9.8%;
	}

	/**/
	.about_one{
		padding:8% 0 10%;
		height: auto;
	}
	.about_onefirst{
		width: 96%;
	}
	.about_onesecond{
		width: 94%;
	}
	.about_two ul li{
		width: 23%;
		margin-bottom: 20px;
	}
	.about_onefirst_left{
		width: 45%;
	}
	.about_onefirst_right{
		width: 55%;
		padding-left: 2%;
	}
	.about_onefirst_right h3{
		font-size: 26px;
	}
	.about_onefirst_right_con{
		padding-top: 3%;
	}
	.about_onesecond h3{
		font-size: 22px;
	}
	.about_three_content p:nth-child(2){
		font-size: 60px;
	}
	.about_onefirst_right{
		float: none;
		width: auto;
	}
	.about_onefirst_left{
		width: 40%;
		padding:1% 0 0 0;
	}
	.about_onefirst{
		padding:0;
	}
	.about_onesecond{
		padding-top: 8%;
	}
	.about_three{
		height: auto;
		padding-bottom: 13%;
	}

	.inside_mark_menu{
		width: 94%;
	}
	.mark_content{
		width: 100%;
	}
	.markln_title{
		width: 100%;
		font-size: 32px;
	}
	.markln_nav{
		width: 100%;
	}
	.mark_content{
		text-align: center;
	}
	.mark_content aside li figcaption{
		line-height: 3.5;
	}
	.markln_detail_de2{
		width: 100%;
	}
	.markln_detail_de_font{
		width: 94%;
	}
	.markln_detail_content{
		width: 45%;
		left:53%;
	}
	.about_three_title{
		font-size: 40px;
	}
	.develop_font{
		width: 100%;
	}
	.news_ln_detail{
		width: 94%;
	}
	.news_detitle{
		-webkit-background-size: contain;
		background-size: contain;
		padding-bottom: 6%;
	}
	.news_detitle aside{
		width: 100%;
	    padding-top: 10.5%;
    	padding-left: 18.5%;
	}
	.news_decontent_one_left{
		font-size: 30px;
	}
	.inside_mark_menu li dt {
		line-height: 70px;
	}
	.footer_logo{
		-webkit-background-size: 23%;
		background-size: 23%;
	}
	.develop_one_right_con h3{
		font-size: 30px;
	}
	.develop_one_right_con h4{
		font-size: 16px;
	}
	.develop_one_right_con2{
		width: 352px;
	}
	.develop_one_right_con{
		padding:16px 30px;
	}
	.container-fluid figcaption h3{
		font-size: 19px;
	}
	.news_ln_detail{
	    margin: 0% auto;
	}
	.scroll_top{
		top:35%;
	}
	.develop_font h3{
		font-size: 34px;
	}
	.develop_one_left{
	    width: calc(50% - -110px);
	}
	.develop_one_right{
		width: calc(50% - 110px);
	}
	.develop_one_right_con{
		width: 350px;
	}
	.about_two ul{
		width: 100%;
	}
	.footer_nav3{
		width: 100%;
	}
	.develope_news ul{
		width: 100%;
	}
	.in_products_list ul li{
		width: 31%;
	}
}
@media only screen and (max-width : 1240px){
	.in_products_list{
		width: 100%;
	}
}

@media only screen and (max-width : 1024px){
	.container-fluid{
		width: 100%;
	}
	.about_onefirst_left{
	    padding: 1% 2% 0 0;
	}
	.in_topic_right{
		height: 278px;
	}
	.seat_leftnav a{
		font-size: 1.6rem;
	}
}

/*landscapeipad*/

@media screen and (max-width:768px) {
	.seat_leftnav a{
		font-size: 16px;
	}
	.seat_leftnav{
		top:33%;
	}
	.nav a{
		font-size: 15px;
	}
	.nav_line{
		width: 84%;
	}
	.search_top{
		width: 13%;
	}
	.in_story_text h3{
		font-size: 22px;
		line-height: 21px;
	}
	.in_story_text p{
		font-size: 15px;
	}
	.in_story_text{
		bottom:78px;
	}
	.in_topic_left h3{
		font-size: 21px;
	}

	.in_topic_right a h3{
		font-size: 18px;
		padding-bottom: 5%;
	}
	.in_topic_right p{
		font-size: 14px;
	}
	.in_topic_right{
		height: 232px;
	}
	.in_topic_left {
    	padding: 11% 7% 0 0;
	}
	.in_topic_left2 {
    	padding: 11% 0 0 9%;
	}
	.in_search_info h3{
		font-size: 24px;
	}
	.in_products_tit{
		-webkit-background-size: 87%;
		background-size: 87%;
	}
	.in_products_move{
		height: 45px;
	}
	.footer_nav{
		width: 92%;
	}
	.footer_logo {
	    padding: 5.5% 0 11.8%;
	    -webkit-background-size: 22%;
	    background-size: 22%;
	}
	.scroll_top{
	    left: 5%;
   	    top: 36%;
	}
	.in_topic_right3{
		/*height: auto;*/
	}
	.in_topic_left3 {
    	padding: 6% 7% 0 0;
	}
	.menu_list{
		position: fixed;
		left:0;
		top:0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.4);
		display: none;
	}
	.menu_list_center{
		background: #000;
		height: 100%;
		width: 60%;
	}
	.menu_list_center a{
		width: 100%;
		text-align: left;
		line-height: 25px;
		padding:17px 20px;
		border-bottom: 1px solid rgba(255,255,255,.5);

	}
	.menu_list_center{
		position: fixed;
		left:0;
		top:0;
		width: 60%;
		height: 100%;
		display: block;
		margin-left: -60%;
	}
	.nav_line{
		display: none;
	}
	.search_top{
		float: right;
	}
	.search_top i{
		font-size: 3rem;
	}
	.logo{
		width: 20%;
	}
	.nav{
		width: 78%;
	}
	.menu{
		display: block;
		
		width: 100%;
	}
	.menu i{
		font-size: 3rem;
		position: absolute;
		right:13%;
		top:19%;
		color: #fff;
	}
	.about_onefirst_left{
		padding: 1% 3% 0 0;
	}
	.about_two ul li img{
		padding:15% 0;
	}
	.about_onefirst{
		width: 94%;
	}
	.about_onesecond h3{
		font-size: 20px;
		line-height: 1.6;
	}
	.about_onesecond{
		padding-top: 6%;
	}
	.about_two ul li img{
		width: 63%;
	}
	.about_two ul li figcaption{
		line-height: 3;
	}
	.about_three_title{
		font-size: 32px;
	}
	.about_three_title{
	    padding: 8% 0 4% 0;
	}
	.about_three_content p:nth-child(2){
		font-size: 48px;
	}
	.footer_nav ul li h3{
		font-size: 18px;
	}
	.mark_content aside li figcaption{
		font-size: 14px;
		line-height: 3;
	}
	.markln_title{
		font-size: 30px;
	}
	.markbanner{
		height: auto;
		padding-top: 36.4%;
		-webkit-background-size: 100%;
		background-size: 100%;
	}
	.container-fluid{
		width: 100%;
	}
	.news_detitle aside{
	    padding-top: 13.5%;
    	padding-left: 22.5%;
	}
	.news_decontent_one_left{
		width: 100%;
	}
	.news_decontent_one_right{
		display: none;
	}
	.nav2 a{
		color: #fff;
	}
	.menu2 i{
		color: #000;
	}
	.news_decontent_one_left{
		line-height: 40px;
		font-size: 26px;
	}
	.news_ln_detail {
   	 	margin: 5% auto;
	}
	.news_decontent_second {
	    padding: 4% 0;
	}
	.about_two{
		padding:5% 2%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.about_three_content p:last-child{
		padding-top: 3%;
	}
	.develop_font h3{
		font-size: 26px;
	}
	.container-fluid figcaption h3{
		font-size: 16px;
	}
	.inside_mark_menu li dt{
		line-height: 60px
	}
	.markln_detail{
		display: none;
	}
	.prodetail_pic_phone{
		display: block;
		width: 94%;
   		 margin: 0 auto;
	}
	.markln_detail_content{
		position: inherit;
		left:4%;
		padding-top: 5%;
		text-align: left;
	}
	.markln_detail_content h3{
		font-size: 26px;
	}
	.markln_detail_content p{
		padding-top: 4%;
	}
	.develop_one_left{
		width: 100%;
		min-height: 317px;
		-webkit-background-size: cover;
		background-size: cover;
	}
	.develop_one_right{
		width: 100%;
		min-height: 317px;
	}
	.develop_one_right_con{
		min-height: 285px;
		width: 100%;
	}
	.markln_detail_content{
		width: 90%;
	}
	.develop_font p{
		width: 100%;
	}
	.about_three{
		padding-bottom: 12%;
	}
	.newsnav a{
		color: #fff;
	}
	.newsnav i{
		color: #000;
	}
	.in_topic_right a{
		width: 100%;
	}
	.news_detitle{
		padding-bottom: 2%;
	}
	.develope_news li figcaption{
	    padding: 25% 8% 8%;
	}
	.develope_news li figcaption h3{
		line-height: 1.5;
	}
}
/*portrateipad*/

@media screen and (max-width:414px) {
	.footer_nav{
		display: none;
	}
	.in_story_text{
		bottom: 4px;
	}
	.in_story_text h3{
		font-size: 16px;
		padding-bottom: 2%;
		width: 100%;
	}
	.in_story_text a{
		font-size: 12px;
		font-weight: normal;
		width: 126px;
		line-height: 34px;
		margin-top: 3%;
	}
	.in_develope_text{
		bottom: 20px;
	}
	.in_develope_text p{
		width: 65%;
		font-size: 12px;
		line-height: 20px;
		/*padding-bottom: 4px;*/
	}
	.menu i{
		top:16%;
	}
	.in_develope_text h3:before{
		top: -16px;
		width: 41px;
   	    height: 3px;
	}
	.in_story_text p{
		font-size: 12px;
		line-height: 20px;
	}
	.in_topic_left{
		width: 100%;
	    padding: 8% 7% 6% 9%;
	}
	.in_topic_left h3{
		font-size: 17px;
		padding-bottom: 2px;
	}
	.in_topic_left p{
		font-size: 14px;
	}
	.in_topic_right{
		width: 100%;
		/*padding: 8% 8% 0 9%*/;
	    padding: 1% 0% 0 1%;
	}	
	.in_topic_right a{
		padding: 0% 9% 0 9%;
	}
	.in_search_info input{
		width: 88%;
	}
	.in_search_info h3{
		font-size: 21px;
	}
	.in_search_info{
		width: 92%;
	    padding: 10.7% 0;
	}
	.in_topic_left{
		text-align: left;
	}
	.in_products_list ul li{
		width: 49%;
	}
	.in_products_move{
		height: 43px;
	}
	.in_products_tit{
		line-height: 53px;
	}
	.in_products_tit h3{
		font-size: 21px;
	}
	.in_products_list ul li:hover .in_products_move span{
		font-size: 17px;
		padding-top: 17%;
	}
	.in_products_hover{
		top:46%;
	}
	.in_products_hover img{
		width: 25%;
	}
	.in_products_more{
		width: 143px;
		line-height: 38px;
		margin-bottom: 6%;
	}
	.in_products_more a{
		font-size: 12px;
	}
	.in_products_list{
		padding-bottom: 5%;
	}
	.copy{
		padding: 2% 21%;
		line-height: 21px;
	}
	.logo{
		width: 30%;
	}
	.nav_line{
		display: none;
	}
	.nav{
		width: 66%;
	}
	.search_top{
		float: right;
	}
	.search_top i{
		font-size: 2.6rem;
	}
	.search_block{
		width: 92%;
		right:4%;
		padding:4px;
		border:1px solid #f0f0f0;
		top:46px;
	}
	.scroll_top {
	    left: -2%;
	    top: 5%;
	}
	.footer_logo {
	    padding: 0% 0 17%;
	}
	.in_topic_right3{
		padding:0;
		height: auto;
	}
	.about_onefirst_left{
		width: 100%;
		float: none;
		padding:0;
	}
	.about_onefirst{
		width: 92%;
	}
	.about_one{
		padding:8% 0;
	}
	.about_onefirst_right{
		padding-top: 4%;
	}
	.about_onefirst_right h3{
		font-size: 22px;
	}
	.about_onesecond h3{
		font-size: 17px;
	}
	.about_onesecond h4{
		line-height: 1.6;
		word-break: break-all;
		word-wrap: break-word;
	}
	.about_two{
		/*display: none;*/
	}
	.about_three_content p:nth-child(2){
		font-size: 40px;
	}
	.about_three_content p:nth-child(3){
		width: 94%;
	    letter-spacing: 10px;
	}
	.about_three_title{
		font-size: 28px;
	}
	.inside_mark_menu li{
		width: calc(100%/2);
	}
	.inside_mark_menu li dt{
		font-size: 14px;
		line-height: 40px;
	}
	.mark_content aside li figcaption{
		line-height: 40px;
	}
	.mark_content aside li{
		width: 50%;
	}
	.footer{
	    padding: 7% 0 0;
	}
	.markln_nav a{
		width: 90px;
		line-height: 36px;
		height: 36px;
	}
	.markln_title{
		font-size: 22px;
		padding-bottom: 2%;
	}
	.markln_detail_content h3{
		font-size: 22px;
	}
	.markln_detail_de_font span{
		width: 115px;
	}
	.mark_content {
	    padding: 5% 0 10%;
	}
	.markln_detail_de2{
		padding:7% 4%;
	}
	.scroll_top{
		width: 50px;
		height: 50px;
	}
	.scroll_top i{
		font-size: 20px;
	}
	.develop_font h3{
		font-size: 20px;
	}
	.develop_one_left{
		min-height: 174px;
	}
	.develop_one_right{
		min-height: 142px;
	}
	.develop_one_right_con{
		min-height: 200px;
	}
	.develop_one_right_con h3{
		font-size: 22px;
	}
	.develop_one_right_con a{
		font-size: 14px;
	}
	.menu i{
		font-size: 2.6rem;
		right:17%;
	}
	.container-fluid{
		padding:0 4%;
	}
	.box{
		width: 92%;
	}
	.container-fluid div:nth-child(2){
		width: 92%;
	}
	.container-fluid figcaption h3{
		font-size: 16px;
	}
	.container-fluid figcaption p{
		padding-top: 5%;
	}
	.container-fluid figcaption{
	    padding: 6% 8% 11% 8%;
	}
	.news_detitle aside {
	    padding-top: 17.5%;
	    padding-left: 34.5%;
	}
	.news_decontent_one_left{
	    line-height: 35px;
    	font-size: 18px;
	}
	.news_decontent_second p{
		font-size: 14px;
		line-height: 30px;
	}
	.newsnav{
		padding: 3% 4% 0 1%;
	}
	.footer_language{
		font-size: 14px;
	}
	.about_onefirst_right_con{
		padding-top: 6%;
	}
	.about_onesecond{
		width: 92%;
	}
	.menu_list_center a{
	    padding: 15px 20px;
	}
	.develop_font{
	    padding: 6%;
	}
	.news_ln_detail{
		width: 92%;
	}
	.about_two ul li{
		width: 48%;
	}
	.develope_news li{
		width: 100%;
	}
	.develope_news li figcaption h3{
		font-size: 15px;
	}
	.develope_news li figcaption p{
		font-size: 12px;
	}
	.develope_news li figcaption .times{
		padding-bottom: 10px;
	}
	.footer_logo2::before{
		background:none;
	}
}
/*iphone6*/
@media screen and (max-width:375px) {
	.search_block{
		top:11px;
	}
	.in_products_move span{
		font-size: 14px;
	}
	.footer_logo{
		width: 91%;
	}
	.scroll_top{
		left:0;
		width: 52px;
		height: 52px;
	}
	.copy{
		padding:3% 17%;
	}
	.in_story_text h3{
		padding-bottom: 2%;
	}
	.in_develope_text{
		bottom:17px;
	}
	.in_develope_text h3{
		padding-bottom: 3%;
	}
	.in_topic_right{
		height: 213px;
		padding: 2% 8% 0 9%;
	}
	.in_search_info input{
		width: 86%;
	}
	.footer_logo{
		-webkit-background-size: 26%;
		background-size: 26%;
	}
	.in_products_list ul li:hover .in_products_move span{
		font-size: 16px;
	}
	.in_products_hover{
		top:49%;
	}
	.in_products_hover img{
		width: 22%;
	}
	.in_story_text a{
		margin-top: 2%;
	}
	.in_topic_right3{
		padding:0;
		height: auto;
	}
	.seat_leftnav a{
		font-size: 14px;
	}
	.about_onefirst_right h3{
		font-size: 20px;
	}
	.about_three_title{
		font-size: 24px;
	}
	.about_three_content p:nth-child(2){
		font-size: 36px;
	}
	.about_three_content p:nth-child(3){
		letter-spacing: 8px;
	}
	.markln_nav a{
		width: 80px;
	}
	.develop_one_right_con h3{
		font-size: 20px;
	}
	.develop_one_right_con h4{
		font-size: 14px;
		padding-top: 2%;
	}
	.develop_font p{
		padding:3% 0 4%;
	}
	.news_decontent_one_left{
		line-height: 28px;
	}
	.in_search_info button{
		padding:9px 0;
	}
	.in_topic_right a{
		padding: 0;
		width: 93%;
	}
	.footer{
		padding: 4% 0 0;
	}
}
/*iphone4 and other*/
@media screen and (max-width:320px){
	.logo{
		width: 35%;
	}
	.nav{
		width: 62%;
	}
	.in_story_text{
		width: 92%;
	}
	.in_story_text a{
		display: none;
	}
	.in_develope_text{
		bottom:17px;
	}
	.in_develope_text p{
		width: 74%;
	}
	.in_search_info input{
		width: 83%;
	}
	.in_topic_right{
		height: 200px;
	}
	.in_topic_right3{
		height: auto;
	}
	.in_search_info h3{
		font-size: 18px;
	}
	.in_search_info input{
		padding:8px 20px;
		font-size: 14px;
	}
	.in_search_info button{
		padding:8px 0;
	}
	.in_products_tit{
		line-height: 40px;
	}
	.in_products_move{
		height: 38px;
	}
	.in_products_tit h3{
		font-size: 18px;
	}
	.copy {
	    padding: 3% 12%;
	}
	.in_topic_right a h3{
		font-size: 17px;
	}
	.in_topic_right p{
		font-size: 13px;
	}
}