@charset "UTF-8";
/*************************************************************************max-width:1394px*************************************************/
@media screen and (max-width: 1394px) {
.nav .wp-menu .menu-item{
	margin: 0 10px;
}
.list-title-topbg{	
	margin-bottom: -1%;
}
.main1 .inner,.art-list .inner{
    padding: 15px 0.5% 0;
}
.pic-scroll-box{padding-top: 30px !important;}	
}
/*************************************************************************max-width:1378px*************************************************/
@media screen and (max-width: 1378px) {
.nav .wp-menu .menu-item{
	margin: 0 10px;
}	
.list-title-topbg{	
	margin-bottom: -1%;
}
}
/*************************************************************************max-width:1366px*************************************************/
@media screen and (max-width: 1366px) {
.nav .wp-menu .menu-item a.menu-link {
    padding: 0 13px;	
}
.main1 .news_text .news_list li.news .news_title {
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 80%;
}
.title-name-box{
	width: 19%;
}
.line-bg{
	border: 1px dashed #7D2524;
	width: 40%;
}
.nav .wp-menu {text-align: center}
.nav .wp-menu .menu-item{
	margin: 0 9px;
}
.title-name{
    width: 232px;
}
.list-title-topbg{	
	margin-bottom: -1%;
}
.shoolmate_nj{
	left: 170px;
    bottom: 140px;
}
}
/*************************************************************************max-width:1345px*************************************************/
@media screen and (max-width: 1345px) { 
.nav .wp-menu .menu-item a.menu-link {
    padding: 0 13px;	
}
.title-name-box{
	width: 19%;
}
.line-bg{
	border: 1px dashed #7D2524;
	width: 40%;
}
.nav .wp-menu .menu-item {
    margin: 0 5px;
}
.list-title-topbg{	
	margin-bottom: -2%;
}
}
/*************************************************************************max-width:1318px*************************************************/
 @media screen and (max-width: 1318px) { 
 .nav .wp-menu .menu-item a.menu-link {
    padding: 0 13px;	
}
.title-name-box{
	width: 19%;
}
.line-bg{
	border: 1px dashed #7D2524;
	width: 38%;
}
.list-title-topbg{	
	margin-bottom: -2%;
}
}
/*************************************************************************max-width:1284px*************************************************/
 @media screen and (max-width: 1284px) { 
 .nav .wp-menu .menu-item a.menu-link {
    padding: 0 13px;	
}
.title-name-box{
    width: 23%;
}
.line-bg{
	border: 1px dashed #7D2524;
	width: 38%;
}

.nav .wp-menu .menu-item {
    margin: 0 2px;
}
.list-title-topbg{	
	margin-bottom: -5%;
}
}
/*************************************************************************max-width:1254px*************************************************/
 @media screen and (max-width: 1254px) { 
 .nav .wp-menu .menu-item a.menu-link {
    padding: 0 13px;	
}
.title-name-box{
    width: 23%;
}
.line-bg{
	border: 1px dashed #7D2524;
	width: 38%;
}
.nav .wp-menu .menu-item {
    width: 126.5px;
}
.list-title-topbg{	
	margin-bottom: -3%;
}
}
/*************************************************************************max-width:1230px*************************************************/
 @media screen and (max-width: 1230px) { 
 .nav .wp-menu .menu-item a.menu-link {
    padding: 0 12px;	
}
.title-name-box{
    width: 23%;
}
.line-bg{
	border: 1px dashed #7D2524;
	width: 38%;
}
.nav .wp-menu .menu-item {
    margin: 0px 0px;
}
.nav .wp-menu .menu-item {
    width: 125px;
}
.list-title-topbg{	
	margin-bottom: -5%;
}
}
/*************************************************************************max-width:1210px*************************************************/
 @media screen and (max-width: 1210px) { 
 .nav .wp-menu .menu-item a.menu-link {
    padding: 0 10px;	
}
.title-name-box{
    width: 23%;
}
.line-bg{
	border: 1px dashed #7D2524;
	width: 38%;
}
.nav .wp-menu .menu-item {
    margin: 0px 2px;
}
.nav .wp-menu .menu-item {
    width: 122px;
}
.list-title-topbg{	
	margin-bottom: -5%;
}
}
/*************************************************************************max-width:1184px*************************************************/
 @media screen and (max-width: 1184px) { 
.nav .wp-menu .menu-item a.menu-link {
    padding: 0 12px;	
}
.title-name-box{
    width: 23%;
}
.line-bg{
	border: 1px dashed #7D2524;
	width: 38%;
}
.nav .wp-menu .menu-item {
    margin: 0px 0px;
}
.nav .wp-menu .menu-item {
    width: 122px;
}
.nav .wp-menu .menu-item a.menu-link {
    font-size: 19px;
}
.nav .wp-menu .menu-item.hover a.menu-link,.nav .wp-menu .menu-item a.hover{
	width: 124px;
}
.list-title-topbg{	
	margin-bottom: -4%;
}
}
/*************************************************************************max-width:1150px*************************************************/
 @media screen and (max-width: 1150px) {
.nav .wp-menu .menu-item a.menu-link {
    padding: 0 11px;	
}
.title-name-box{
	width: 23.2%
}
.wp-navi .navi-slide-head .navi-slide-title {
    line-height: 45px;
}
.line-bg{
	border: 1px dashed #7D2524;
	width: 38%;
}
.nav .wp-menu .menu-item {
    margin: 0px 0px;
}
.nav .wp-menu .menu-item {
    width: 121px;
}
.list-title-topbg{	
	margin-bottom: -6%;
}
.navgate{
    font-size: 27px;
}
}
/*************************************************************************max-width:1144px*************************************************/
@media screen and (max-width: 1144px) {
	
.wrapper .inner { width:100%; margin:0 auto;}
.wrapper .inner .mod {padding:0 15px;}
.nav .wp-menu .menu-item {}
.nav .wp-menu .menu-item a.menu-link {padding: 0 8px;}

.main1 .inner{}
.main1 .mod1 .ml {
    width: 65%;
}
.main1 .mc{ width:32%;margin-left:20px;}
.main1 .mr{width:30%;}

.title-name-box{
	width: 24%;
}
.line-bg{
	border: 1px dashed #7D2524;
	width: 37%;
}

.you{
    width: 100%;
}
.nav .wp-menu .menu-item {
    width: 114px;
    background-size: 90%;
	margin: 0px 0px;
}
.nav .wp-menu .menu-item.hover a.menu-link,.nav .wp-menu .menu-item a.hover{
    width: 120px;
    background-size: 90%;
}
.pic-r-left, .pic-r-right {
    width: 5.5%;
}
.pic-r-center {
    width: 89%;
}
}
/*************************************************************************max-width:1080px*************************************************/
@media screen and (max-width: 1080px) {
.nav .wp-menu .menu-item {
    width: 108px;
    background-size: 90%;
    margin: 0px 0px;
}
.nav .wp-menu .menu-item a.menu-link {
    font-size: 16px;
    padding: 0 8px;
}
.nav .wp-menu .menu-item.hover a.menu-link,.nav .wp-menu .menu-item a.hover{
	width: 100px;
}
.sub-item-top,.sub-item-bottom,.nav .sub-menu .sub-item{
	background-size: 100%;
}
.sub-item-top{
    background-position: 0 13px;
}
.nav .sub-menu {
    min-width: 135px;
}
.nav .sub-menu {
    top: 46px;
}
.nav .sub-menu .sub-item a{
	font-size: 16px;
}
.t-ttile a, .t-ttile span{
	font-size: 24px;	
}
.title-name{
	font-size: 28px;	
}
.t-ttile a:after, .t-ttile span:after{
	vertical-align: middle;
	background-size: 80%;
}
.t-ttile a:before, .t-ttile span:before{
	vertical-align: middle;
	background-size: 80%;
}
.title-name-span {
    background-size: 80%;
    background-position: center center;
}
.num {
    margin: 31.5% 5px 0 300px;
}
}
/*************************************************************************max-width:1024px*************************************************/
@media screen and (max-width: 1024px) {
.nav .wp-menu .menu-item {
    width: 105px;
}
.pic-r-left, .pic-r-right {
    width: 7%;
}
.pic-r-center{
	width: 87.5%;
    margin-left: -1%;
}
.title-name-box {
    width: 28%;
}
.line-bg {
    width: 35%;
}	
.title-name {
    width: 240px;
}
.content-info {
    background-color: #fff;
    line-height: 30px;
    min-height: 650px;
    padding: 2% 5%;
    margin: 0;
}
.list-title-topbg, .list-title-bottombg{
    height: 15px;
}
#dowebok {
    width: auto !important;
}
.list-content .common-ul li:hover a {
    width: 80%;
}
.navgate {
    font-size: 26px;
}
.list-title-topbg{	
	margin-bottom: -3%;
}
}
/******************************************************************************max-width: 999px开始********************************/
@media screen and (max-width: 999px) {
.logo-inner {
    width: 1200px;
    margin: 62px 5px;
}
.logo-inner img {
    width: 415px;
    height: 68px;
}
.child-box {
    width: 100% !important;
    height: 460px;
}
.notice-an {
    width: 100%;
}
.pic-r-center {
    height: 388px;
    width: 86%;
    background: url(/r/inxweb/img/scroll/scroll_center.png) no-repeat;
}
.textbg {
    width: 100%;
}
.num {
    right: 0%;
    width: 100%;
}
.scroll-box{
	height: 203px !important;
	margin-top: 90px !important;
    width: 100%;
}
.t-ttile a,.t-ttile span {
    font-size: 20px;
}
.scroll-box img{
    margin: 0 2px;
}
.line-bg {
	width: 27%;
}
.title-name-box {
    width: 43.5%;	
	vertical-align: sub;
}
.title-name{
	font-size: 20px;
    width: 65%;
	vertical-align: text-bottom;
    letter-spacing: 1px;
}
.main1 .inner {
	padding:0;
    max-width: 1400px;
}
.pass-way, .video-pl {
    width: 100%;
}
.t-body ul li a {
    max-width: 70%;
}
/* .notice-an, .pass-way, .video-pl {
    height: 350px;
} */
.video-pl .t-body ul, .pass-way .t-body ul {
    padding-bottom: 5%;
}
.t-head p.t-head-tt {
    line-height: 30px;
	height: auto;
}
.text{
	width: 55%;
    height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.inner{
    padding:3%;
}
.news-pc{
	height: 280px;
}
/* .notice-an{
	height: 310px;
} */
.video-pl .t-body, .pass-way .t-body {
	padding:0;
}
.t-ttile a,.t-ttile span{
    height: 48px;
    line-height: 48px;
    color: #202020;
	font-family: "Microsoft Yahei";
}

.pic-r-center {
    position: relative;      
}
.address-box,.link-box,.code-box,.code-box{
	display: block;
	width: 100%;
	height:auto;
	padding: 5% 0;	
	margin:0;	
	border:none;
}
.link-box{
    float: left;

}
.link-box-content{
    padding: 0;	
}
.code-box{
	float: left;
	text-align: center;	
}	
.web-link select {
    width: 100%;
	margin-bottom: 2%;
}
.copyright p {
    height: auto;
    line-height: 22px;
}
.pic-r-left, .pic-r-right {
    width: 7%;
}

.work-dy,.notice-an,.video-pl,.pass-way,.pic-scroll-title{
	margin-top: 4%;
	margin-left: 0;
}
.t-head a.t-head-text {
    line-height: 26px;
}
.art-list{
	padding: 0;
}
.list-content {
    width: 100%;
    padding: 0 0 10px;
    margin: 0;
}
.list-navigate {
	display: block;
	width: 100%;
}
.list-content .common-ul li{
	padding: 0 !important;
    margin: 0 !important;
    display: inline-block !important;
}
.list-content .common-ul li:hover a {
	width: 200px;
    display: inline-block;
}
.list-content .common-ul li:hover span {
	display: inline-block;
    margin: 0;
}
.title-text{
	width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
}
.title-text span,.title-text span strong{
	display: block;
	
}
.content-info .article_title {
    overflow: auto;
    white-space: initial;
	line-height: 35px;;
    }
.common-ul a{
	width: 55%;
}
.common-ul-annals a{
	width: 75% !important;
    display: block;
    margin-left: 12%;
    margin-top: 98%;	
}
.paging,.paging div{
	padding: 10px 0 !important;
	text-align: center !important;
}
.subject1{
    padding: 10px;
}
.current-page{
	height: 24px;
    line-height: 24px;
    padding: 0 2px;
}
.page-input{
	height: 24px;
    line-height: 24px;	
	width: 30px;
}
.page-input {
    padding: 0 2px;
    text-align: center;   
    }
.sub-item-top,.sub-item-bottom{
	display: none;
}	
.nav .sub-menu .sub-item a{
	font-family:"Microsoft Yahei";
}
/*导航样式：后台绑定时也可以定义配置*/
.wp-navi .wp-menu{display:none;}
.wp-navi-slide .navi-slide-head {
	display: block;
	padding:0 10px;
	height: 45px;
	line-height: 45px;
	}
.wp-navi-slide .wp-menu {background:#fff;}
.wp-navi-slide .wp-menu .menu-item {display: inline-block;float:none; position: relative; z-index: 100;width:100%;padding-left:0px;text-align:left;border-bottom:1px solid #eee}
.wp-navi-slide .wp-menu .menu-item .menu-switch-arrow{
	width: 20px;
    height: 20px;
    display: block !important;
    position: absolute;
    right: 30px;
    top: 9px;
    background: url(/r/inxweb/img/ico/icons.png) no-repeat 6px -120px;
}
.nav .wp-menu .menu-item {
    background: transparent;
}
.sub-item-top,.nav .sub-menu .sub-item,.sub-item-bottom,.nav .wp-menu .menu-item{
    background: transparent;
    margin: 0;
    height: 41px;
}
.wp-navi-slide .wp-menu .menu-item a.menu-link {
	display:block;
	padding: 0 20px;
	line-height: 40px;
	color: #343434;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	}
.wp-navi-slide .wp-menu .menu-item a.menu-link.hover,
.wp-navi-slide .wp-menu .menu-item.hover a.menu-link,
.wp-navi-slide .sub-menu .sub-item.hover> a,
.wp-navi-slide .sub-menu .sub-item a:hover{ text-decoration: none; color: #000; background-color: #eee; }
.wp-navi-slide .sub-menu {display: none;position:relative;left: 0;bottom: 0px;top: 0px;min-width: 0px;z-index: 100;background: #fff;opacity: 0.8;}
.wp-navi-slide .sub-menu .sub-item {position: relative;white-space: nowrap;vertical-align: top;border-bottom: 1px solid #eee;}
.wp-navi-slide .sub-menu .sub-item a {display: block;color: #202020;height: auto;line-height: 40px;padding: 0 36px;font-size: 14px;background:none;}
.wp-navi-slide .sub-menu .sub-item a:hover { color: #000; background-color:#eee; display: block; }
.wp-navi-slide .sub-menu .sub-menu {left:0;top: 0;}
.wp-navi-slide .sub-menu .sub-menu .sub-item a {padding: 0 52px;}
#header .inner{
	padding: 0;
    margin: 0;
    height: 45px;
    line-height: 45px;
}
.you{
	height:45px;
    width: 100%;
}

.main1 {
    background:url('/r/inxweb/img/yk/bg.jpg') repeat-y;
	background-size: 100%;
}
.content-info {
    width: 100%;
    margin-left:0;
    padding: 5% 3%;
}
.content-info .time {
    font-size: 12px;
}
.work-dy,.notice-an, .pass-way, .video-pl{
    padding: 2% 6%;
}
.edui-upload-video{
	width: 100%;
    height: 30%;
}
.subject1 p{
	margin: 0 !important;
}
 .subject1 p img {
    /* max-width: 100% !important;
    width: 100% !important;
    height: 25% !important;
	float: left;
    margin-bottom: 2rem; */
}
.article_title {
    margin-top: 5px;
}
.t-ttile a:before {
    content: "";
    display: inline-block;
    background: url(/r/inxweb/img/ico/tittle_left.png) no-repeat top center;
    width: 25px;
    height: 35px;
    margin:4px 1% 0;
    vertical-align: middle;
    background-size: 80%;
}
.t-ttile a:after {
    content: "";
    display: inline-block;
    background: url(/r/inxweb/img/ico/tittle_right.png) no-repeat top center;
    width: 25px;
    height: 35px;
    margin:4px 1% 0;
    vertical-align: middle;
    background-size: 80% ;
}
.title-name-span {
    background: none;
    background-size: cover;
    display: inline-block;
    font-family: "Microsoft Yahei";
	width: auto;
}
.nav .wp-menu .menu-item a.menu-link {
    font-family: "Microsoft Yahei";
}

element.style {
    font-size: 25px;
    font-family: "Microsoft Yahei";
    line-height: 66px;      
}
.navgate {
    width: 53%;
    font-size: 22px;
    font-family: "Microsoft Yahei";
    line-height: normal !important;
    margin:0 auto;
}
.list-title-topbg, .list-title-bottombg {
    height: 5%;
    width: 53%;
    margin: 0 auto;
}
.list-title-topbg{
	background-position: bottom !important;
}
.list-title-bottombg{
    background-position: top !important;
}
.list-navigate {
	padding: 0;
	margin: 0 0 10px 0;
}

#pagesinfo,.paging a:link{
    font: 12px/24px "Microsoft YaHei" !important;
}
.paging a:link {
    margin: 0 2px;
}
.t-ttile {
    margin-top: 5%;
}
.video-pl .t-body ul li, .pass-way .t-body ul li{
	width: 86%;
    margin: 0 7%;
}
#dowebok li {
    display: block !important;
    width: 43% !important;
    margin-left: 1% !important;
    padding-top: 1% !important;
}

.common-ul-left {
    max-height: 200px;
    overflow-y: hidden;
    background-color: transparent;
    cursor: pointer;
}
.common-ul-left:hover {
    max-height: 200px;
    overflow-y: auto;
    cursor: pointer;
}
.common-ul-left li, .common-ul-left li:hover {
    height: 35px;
    line-height: 35px;
    padding: 0;
    cursor: pointer;
    text-align: center;
    cursor: pointer;
}
.common-ul-left li a{
	margin: 0 auto;
}
.t-ttile span:before,.t-ttile span:after{
	vertical-align: middle;	
}
/* .content img {
    width: 100% !important;
    height: auto !important;
} */
.main1 .inner, .art-list .inner{
    padding: 0 2% 2%;
}
.main1{
	padding-top: 15px;
}
.wrapperbj-gray1 .inner,.wrapperbj-gray2 .inner{
    padding:0 4%;
}
.swiper-pagination .swiper-pagination-bullet {
	margin: 0 2px !important;
}
.swiper-title .imgtext{
	overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    width: 50%;
}
.swiper-count{
    width: 50% !important;
    margin-left: 49% !important;
}
/***********翻书***********/
.btnbox{
    width: 100%;
	top: -200px !important;
	left:-473px !important;
}
.btnbox div{
	width: 27px;
	height:27px !important;
    padding: 0;
    margin: 0 2px;	
}	
.btnbox .start{
	background-position: 0 0;
}
.btnbox .firstPage{
	background-position: -30px 0;
}
.btnbox .previousPage{
	background-position: -63px 0;
}
.btnbox .nextPage{
	background-position: -178px 0;
}
.btnbox .lastPage{
	background-position: -211px 0;
}
.btnbox .scale{
	background-position: -242px 0;
}
.newpage {
    /* width: 80px !important; */
}
.gotopage:focus+.hides{
	display: none;	
}
.gotopage:focus{
	line-height: 27px;
}
.gotopage{
	height:27px;
	line-height:27px;
	-webkit-appearance:none;/*清除ios默认圆角*/
	border-radius:0;
}
.sftip {top: 9%;}
.search-content-box {right: -17.5%;top: -225.512px !important;}
.container {padding-right: 6px;padding-left: 6px;}
.hides{background-position: 103px -26px;left: 100px;}
.xn-hides-text{left:54%;top: 5px !important;}
.gotopage{width: 145px;}
.gotopage:focus {
    line-height: 27px;
    height: 27px;
	margin-top: 0px;
    margin-left: -1px;
	border: 1px solid #7d2524;
}
}
 /*****************************max-width: 999px结束********************************/
 /************************************************************max-width:812px**************************************************************************************/
@media screen and (max-width: 812px) {
.pic-r-left, .pic-r-right {
    width: 12%;
}
.pic-r-center{
    width: 84%;
    margin-left: -4%;
}
#dowebok li {
    width: 100% !important;
}
.logo-inner img {
    width: 372px;
    height: 68px;
}
}
/***********************************************************max-width:768px**************************************************************************************/
@media screen and (max-width: 768px) {
.pic-r-left, .pic-r-right {
    width: 12%;
}
.pic-r-center{
    width: 84%;	
}
#dowebok li {
    width: 100% !important;
}

}
/**********************************************************max-width:738px**************************************************************************************/
@media screen and (max-width: 738px) {
.pic-r-left, .pic-r-right {
    width: 12%;
}
.pic-r-center{
    width: 76%;	
}
#dowebok li {
    width: 100% !important;
}
}
/**********************************************************max-width:688px**************************************************************************************/
@media screen and (max-width: 688px) {
.pic-r-left, .pic-r-right {
    width: 12%;
}
.pic-r-center{
    width: 76%;	
}
#dowebok li {
    width: 100% !important;
}
}
/*********************************************************max-width:640px**************************************************************************************/
@media screen and (max-width: 640px) {
.pic-r-left, .pic-r-right {
    width: 12%;
}
.pic-r-center{
	width: 81%;
    margin-left: -3%;	
}
#dowebok li {
    width: 100% !important;
}
.content .button-li li {
    display: block;
    padding: 30px 3% 0px !important;
}
.content .button-li .arror {
    float: right;
    position: relative;
    right: -6% !important;
    width: 200px;
}

}
/***********************************************************max-width:600px**************************************************************************************/
@media screen and (max-width: 600px) {
.pic-r-left, .pic-r-right {
    width: 12%;
}
.pic-r-center{
    width: 80%;	
}
#dowebok li {
    width: 100% !important;
}
}
/***********************************************************max-width:588px**************************************************************************************/
@media screen and (max-width: 588px) {
.pic-r-left, .pic-r-right {
    width: 12%;
}
.pic-r-center{
    width: 76%;	
}
#dowebok li {
    width: 100% !important;
}
}
/******************************************************max-width:538px**************************************************************************************/
@media screen and (max-width: 538px) {
.pic-r-left, .pic-r-right {
    width: 12%;
}
.pic-r-center{
    width: 76%;	
}
#dowebok li {
    width: 100% !important;
}
}
/***************************************************max-width:480px**************************************************/
@media screen and (max-width: 480px) {

.main1 .mc {
    margin: 15px 0px;
}
.pic-r-left, .pic-r-right {
    width: 18%;
}
.pic-r-center{
    width: 73%;
    margin-left: -4%;
}
#dowebok li {
    width: 100% !important;
}
.content .button-li li {
    display: block;
    padding: 30px 3% 0px !important;
}
.content .button-li .arror {
    float: right;
    position: relative;
    right: -6% !important;
    width: 200px;
}
}

/***************************************************max-width:414px**********************************************************/
@media screen and (max-width: 414px) {
.pic-r-center {
    margin-left: 0;
    width: 71%;
}
.pic-r-right{
	margin-left: -1%;
} 
.pic-r-left, .pic-r-right {
    width: 16%;
}
#dowebok li {
    width: 100% !important;
}
}
/************************iphone6p/7p/8p***************************/
@media screen and (width: 414px) and (height: 736px) { 
.pic-r-center {
    margin-left: -1%;
    width: 76%;
}	
.pic-r-left {
    background: url(/r/inxweb/img/scroll/scroll_left.png) no-repeat -9px 0;
}
.pic-r-right {
    background: url(/r/inxweb/img/scroll/scroll_right.png) no-repeat -6px 0;
}
.scroll-box {
    width: 99%;
}
.footer,.copyright{
	padding: 5% 10%;	
}
.list-content .common-ul li span{
	margin: 0;
}
.pic-r-left, .pic-r-right {
    width: 12%;
}
.li-header{
	margin-top: 5%;
}
.title-name {
    width: 71%;
}
}

/****************************************************max-width:411px**********************************************************/
@media screen and (max-width: 411px) {
.pic-r-center {
    margin-left: 0;
}
.pic-r-right{
	margin-left: -1%;
} 
.pic-r-left, .pic-r-right {
    width: 16%;
}
#dowebok li {
    width: 100% !important;
}
.logo-inner img {
    width: 360px;
}
/***************************************************max-width:360px**********************************************************/
@media screen and (max-width: 360px) {
.pic-r-center {
    margin-left: 0;
	width: 70%;
}
.pic-r-right{
	margin-left: -2%;
} 
.pic-r-left, .pic-r-right {
    width: 16%;
}
#dowebok li {
    width: 100% !important;
}
}
/******************************************************max-width:320px**********************************************************/
@media screen and (max-width: 320px) {
.pic-r-center {
	width: 70%;
    padding: 0 2%;
}
.pic-r-right{
	margin-left: -4%;
} 
.pic-r-left, .pic-r-right {
    width: 17%;
}
#dowebok li {
    width: 100% !important;
}
.logo-inner img {
    width: 317px;
}
 /***********翻书****/
.btnbox{
    width: 100%;
	top: -27% !important;
	left:-461px !important;
}
}
/**********************************************************************完********************************************************************************/


/************************ipad pro***************************/
@media screen and (width: 1024px) and (height: 1366px) {
.you {
    width: 100%;
}
.nav .wp-menu .menu-item{
	margin: 0 9px;
}

.pic-r-center {
    width: 88%;
}
.pic-r-left, .pic-r-right {
    width: 6.5%;
}
.current-position p {
    padding: 0 3%;
}
.footer{
	padding: 2% 5%;
}
.t-ttile span:before, .t-ttile span:after {
    vertical-align: sub;
}
}
/************************800/1280***************************/
@media screen and (width: 800px) and (height: 1280px) { 
.navgate {
    width: 30.6%;
}
/* .navgate {
    width: 50%;
    margin-top: -5px;
}
.list-title-topbg, .list-title-bottombg {
    height: 3%;
    width: 50%;
    margin: -1px auto;
} */
.li-header{
	margin-top: 2%;
}
}
/************************ipad***************************/
@media screen and (width: 768px) and (height: 1024px) {

.pic-r-center {
    width: 84%;
}

.t-ttile span:before, .t-ttile span:after {
    vertical-align: middle;
    background-size: 80% !important;
}
.line-bg {
    width: 37%;
}
.title-name-box {
    width: 23.5%;
}
/* .navgate {
    width: 68%;
    margin-top: -3px;
	padding: 0 8%;
}
.list-title-topbg, .list-title-bottombg {
    height: 5%;
    width: 68%;
    margin: 0 auto;
} */
.li-header{
	margin-top: 20px;
}
}

/************************600/1024***************************/
@media screen and (width: 600px) and (height: 1024px) { 
.li-header{
	margin-top: 2%;
}
/* .navgate {
    width: 50%;
    margin-top: -8px;
}
.list-title-topbg, .list-title-bottombg {
    height: 3%;
    width: 50%;
    margin: 0 auto;
} */
.li-header{
	margin-top: 5%;
}	
}
/************************600/960***************************/
@media screen and (width: 600px) and (height: 960px) { 
.pic-r-center {
    margin-left: -1%;
    width: 80%;
}
/* .list-title-topbg, .list-title-bottombg {
    height: 3%;
    width: 50%;
    margin: -1px auto;
} */
.li-header{
	margin-top: 2%;
}
/* .navgate {
    width: 50%;
    margin-top: -5px;
}
.list-title-topbg, .list-title-bottombg {
    height: 3%;
    width: 50%;
    margin: 0 auto;
} */
.li-header{
	margin-top: 5%;
}	
}
/************************480/854***************************/
@media screen and (width: 480px) and (height: 854px) { 
.navgate {
    width: 50.6%;
}
/* .navgate {
    width: 50%;
    margin-top: -5px;
}
.list-title-topbg, .list-title-bottombg {
    height: 23px;
    width: 50%;
    margin: -1px auto;
} */
.li-header{
	margin-top: 2%;
}	
}

/************************Pixel2 XL***************************/
@media screen and (width: 411px) and (height: 823px) { 
.pic-r-center {
    margin-left: -1%;
}
.pic-r-left, .pic-r-right {
    width: 16%;
}
.navgate {
/*     width: 50%;
    margin-top: -5px; */
}
/* .list-title-topbg, .list-title-bottombg {
    height: 23px;
    width: 50%;
    margin: 0 auto;
} */
.li-header{
	margin-top: 5%;
}	
}
/************************Pixel2***************************/
@media screen and (width: 411px) and (height: 731px) { 
.pic-r-center {
    margin-left: -1%;
}
.pic-r-left, .pic-r-right {
    width: 16%;
}
/* .navgate {
    width: 50%;
    margin-top: -5px;
}
.list-title-topbg, .list-title-bottombg {
    height: 23px;
    width: 50%;
    margin: 0 auto;
} */
.li-header{
	margin-top: 5%;
}	
}

/************************iphone6/7/8***************************/
@media screen and (width: 375px) and (height: 667px) { 
.pic-r-center {
    margin-left: -4%;
}
.logo-inner img {
    width: 360px;
    height: 68px;
}
.pic-r-left{
    background: url(/r/inxweb/img/scroll/scroll_left.png) no-repeat -9px 0;
}
.pic-r-right{
    background: url(/r/inxweb/img/scroll/scroll_right.png) no-repeat -11px 0;
}
.scroll-box {
    width: 98%;
    margin-left: 1%;
}
.footer,.copyright{
	padding: 5% 10%;	
}
.list-content .common-ul li span{
	margin: 0;
}
.li-header{
	margin-top: 5%;	
}
.li-header{
	margin-top: 8%;
}	
}

/************************iphoneX***************************/
@media screen and (width: 375px) and (height: 812px) { 
.pic-r-center {
    margin-left: -1%;
    width: 76%;
}
.logo-inner img {
    width: 376px;
    height: 68px;
}	
.pic-r-left {
    background: url(/r/inxweb/img/scroll/scroll_left.png) no-repeat -9px 0;
}
.pic-r-right {
    background: url(/r/inxweb/img/scroll/scroll_right.png) no-repeat -11px 0;
}
.scroll-box {
    width: 98%;
    margin-left: 1%;
}
.footer,.copyright{
	padding: 5% 10%;	
}
.list-content .common-ul li span{
	margin: 0;
}
.pic-r-left, .pic-r-right {
    width: 12%;
}
/* .navgate {
    width: 64%;
    margin-top: 0px;
}
.list-title-topbg, .list-title-bottombg {
    height: 23px;
    width: 64%;
    margin: 0 auto;
} */
.li-header{
	margin-top: 5%;
}
}

/************************384/640***************************/
@media screen and (width: 384px) and (height: 640px) { 
/* .list-title-topbg, .list-title-bottombg {
    height: 21.4px;
} */
/* .navgate {
    width: 53%;
    margin-top: 0px;
}
.list-title-topbg, .list-title-bottombg {
    height: 3%;
    width: 53%;
    margin: 0 auto;
} */
.li-header{
	margin-top: 5%;
}	
}


/************************320/838***************************/
@media screen and (width: 320px) and (height: 838px) {
/* .list-title-topbg, .list-title-bottombg {
    height: 17.9px;
}	 */
.paging a:link {
    margin: 0;
}
.page-input {
    height: 24px;
    line-height: 24px;
    width: 22px;
}
/* .navgate {
    width: 60% !important;
    margin-top: -8px;
}
.list-title-topbg, .list-title-bottombg {
    height: 23px;
    width: 60% !important;
    margin: 0 auto;
} */
.li-header{
	margin-top: 8%;
}		
}
/************************Galaxy S5***************************/
@media screen and (width: 360px) and (height: 640px) { 
.pic-r-center {
    margin-left: 0%;
}
.pic-r-left, .pic-r-right {
    width: 16%;
}	
/* .list-title-topbg, .list-title-bottombg {
    height: 20px;
} */

/* .navgate {
    width: 60% !important;
    margin-top: -7px;
}
.list-title-topbg, .list-title-bottombg {
    height: 23px;
    width: 60% !important;
    margin: 0 auto;
} */
.li-header{
	margin-top: 6%;
}	
}

/************************iphone5s***************************/
@media screen and (width: 320px) and (height: 568px) {
.pic-r-center {
    margin-left: -4%;
}
.logo-inner img {
    width: 313px;
    height: 60px;
}
.pic-r-center {
    width: 68%;
}

.pic-r-left, .pic-r-right {
    width: 16%;
}	
.title-name {
    width: 61%;
}
.pic-r-left {
    background: url(/r/inxweb/img/scroll/scroll_left.png) no-repeat -9px 0;
}
.pic-r-right {
    background: url(/r/inxweb/img/scroll/scroll_right.png) no-repeat -7px 0;
	margin-left: -4%;
}
.footer,.copyright{
	    padding: 5% 10% !important;	
}
.list-content .common-ul li span{
	margin: 0;
 }
.list-content{
 	padding: 0;
}
/* .list-title-topbg, .list-title-bottombg {
    height: 18px;
} */
.paging a:link {
    margin: 0;
}
.page-input {
    height: 24px;
    line-height: 24px;
    width: 22px;
}
/* .navgate {
    width: 205px !important;
    margin-top: -3px !important;
}
.list-title-topbg, .list-title-bottombg {
    height: 23px;
    width: 205px !important;
    margin: 0 auto;
} */
.li-header{
	margin-top: 30px;
}
}
/************************320/533***************************/
@media screen and (width: 320px) and (height: 533px) {
/* .list-title-topbg, .list-title-bottombg {
    height: 17.8px;
} */
/* .navgate {
    width: 60%;
    margin-top: -5px;
}
.list-title-topbg, .list-title-bottombg {
    height: 23px;
    width: 60%;
    margin: 0 auto;
} */
.li-header{
	margin-top: 8%;
}	
}
/************************iphone4s***************************/
@media screen and (width: 320px) and (height: 480px) {
/* .list-title-topbg, .list-title-bottombg {
    height: 17.8px;
}	 */
.paging a:link {
    margin: 0;
}
.page-input {
    height: 24px;
    line-height: 24px;
    width: 22px;
}
/* .navgate {
    width: 60%;
    margin-top: -10px;
}
.list-title-topbg, .list-title-bottombg {
    height: 23px;
    width: 60%;
    margin: 0 auto;
} */
.li-header{
	margin-top: 7%;
}	
}
/************************640/360***************************/
@media screen and (width: 640px) and (height: 360px) { 
/* .navgate {
    width: 50%;
    margin-top: -5px;
}
.list-title-topbg, .list-title-bottombg {
    height: 9%;
    width: 50%;
    margin: -1px auto;
} */
.li-header{
	margin-top: 2%;
}
}