@media (min-width: 769px) {
}
@media (max-width: 1340px) {
.w1310 {
	width: 92%;
}
.w1210 {
	width: 92.4%;
}
.i-ban .butn {
	bottom: 4%;
}
.ins-ban .w1210 {
	width: 100%;
	left: 0;
	margin-left: 0;
	padding: 0;
}
.about-wrap .w1310 {
	width: 92%;
}
.header .gray-link {
	display: none;
}
.header .nav {
	width: 65%;
}
}
@media (max-width: 1200px) {
.ins-ban.margin, .contact-top.margin, .news-info.margin, .i-ban.margin, .i-ban.margin, .video-wrap.margin {
	margin-top: 60px;
}
.w1210, .w960 {
	width: 92%;
	padding: 0 4%;
}
.header {
	padding-top: 0;
	height: auto;
}
.header .w1310 {
	width: 92%;
	padding: 0 4%;
}
.m-ban {
	display: block;
}
.i-main .i-wrap1 {
	top: 0;
	margin-bottom: 0;
}
.i-ban {
	display: none;
}
.i-main .i-wrap1 {
	padding-top: 12px;
}
.i-main .i-wrap2 {
	padding-top: 20px;
	padding-bottom: 0;
}
.about-wrap .w1310 {
	width: 92%;
}
.about-wrap1 .left-box {
	padding-right: 0;
	border-right: none;
	width: 100%;
}
.about-wrap1 .right-box {
	margin-left: 0;
	width: 100%;
}
.about-wrap1 .col-lg-5 {
	margin-top: 50px;
}
.about-wrap1 .left-box {
	padding-bottom: 20px;
}
.about-wrap1 {
	padding: 30px 0;
}
.crumbs {
	padding: 0 4%;
}
.news-info .titbox {
	margin-top: 30px;
}
.product-info .w1310 {
	width: 92%;
	margin: 0 4%;
}
.product-info .nav-box a {
	margin: 5px;
}
.product-info .left-cont {
	width: 40%;
	padding-top: 0;
	margin-left: 0;
}
.product-info .img {
	width: 42%;
}
.recruit-list li, .recruit-top li {
	width: 47%;
	margin-right: 3%;
}
.recruit-top .w1310, .recruit-list .w1310 {
	width: 92%;
	padding: 0 4%;
}
.recruit-top li .tit {
	margin-top: 5px;
}
.recruit-top li {
	margin-bottom: 20px;
}
.recruit-list li:hover {
	background: #f4990f;
}
.contact-cent li {
	width: 50%;
	margin-bottom: 20px;
}
.contact-list li {
	width: 30%;
	margin: 0 1.6% 20px;
}
.tec-wrap .list .center {
	width: 92%;
}
.tec-wrap .w1310, .service-wrap .w1310, .download-wrap .w1310 {
	width: 92%;
}
.product-info .left-cont .trait {
	margin-top: 20px;
}
.product-info .info-nav {
	margin-top: 50px;
}
.product-info .info-cont {
	padding-top: 40px;
	padding-bottom: 60px;
}
.about-wrap2 {
	background: url("http://www.jinaolan.cc/static/web/css/../img/img_04.jpg") no-repeat center;
}
.about-wrap4 .list li .upbox {
	background: url("http://www.jinaolan.cc/static/web/css/../img/bg_03.png") repeat center;
}
.about-wrap4 .list li .entt {
	-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.35, 0.67, 0.25, 0.97) 0s, opacity 0.5s linear 0s;
	transition: transform 0.5s cubic-bezier(0.35, 0.67, 0.25, 0.97) 0s, opacity 0.5s linear 0s;
}
.about-wrap4 .list li .line {
	-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.35, 0.67, 0.25, 0.97) 0.3s, opacity 0.5s linear 0.3s;
	transition: transform 0.5s cubic-bezier(0.35, 0.67, 0.25, 0.97) 0.3s, opacity 0.5s linear 0.3s;
}
.about-wrap4 .list li .word {
	-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.35, 0.67, 0.25, 0.97) 0.6s, opacity 0.5s linear 0.6s;
	transition: transform 0.5s cubic-bezier(0.35, 0.67, 0.25, 0.97) 0.6s, opacity 0.5s linear 0.6s;
}
.about-wrap4 .list li .entt, .about-wrap4 .list li .line, .about-wrap4 .list li .word {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}
.about-wrap4 .list li .cntt {
	color: #000;
}
.download-wrap li .stit {
	width: 60%;
	padding: 13px 0;
	line-height: 24px;
}
}
@media (min-width: 1200px) {
.ins-ban.margin, .contact-top.margin, .news-info.margin, .i-ban.margin, .video-wrap.margin {
	margin-top: 90px;
}
.about-wrap4 .list li:hover .upbox {
	background: url("http://www.jinaolan.cc/static/web/css/../img/bg_03.png") repeat center;
}
.about-wrap4 .list li:hover .entt {
	-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.35, 0.67, 0.25, 0.97) 0s, opacity 0.5s linear 0s;
	transition: transform 0.5s cubic-bezier(0.35, 0.67, 0.25, 0.97) 0s, opacity 0.5s linear 0s;
}
.about-wrap4 .list li:hover .line {
	-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.35, 0.67, 0.25, 0.97) 0.3s, opacity 0.5s linear 0.3s;
	transition: transform 0.5s cubic-bezier(0.35, 0.67, 0.25, 0.97) 0.3s, opacity 0.5s linear 0.3s;
}
.about-wrap4 .list li:hover .word {
	-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.35, 0.67, 0.25, 0.97) 0.6s, opacity 0.5s linear 0.6s;
	transition: transform 0.5s cubic-bezier(0.35, 0.67, 0.25, 0.97) 0.6s, opacity 0.5s linear 0.6s;
}
.about-wrap4 .list li:hover .entt, .about-wrap4 .list li:hover .line, .about-wrap4 .list li:hover .word {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}
.about-wrap4 .list li:hover .cntt {
	color: #000;
}
.about-wrap2 {
	background: url("http://www.jinaolan.cc/static/web/css/../img/img_04.jpg") no-repeat center fixed;
}
.about-wrap3 li:hover {
	box-shadow: 0 3px 6px 3px #c4c3c3;
	transform: translateY(-10px);
}
}
@media (min-width: 769px) and (max-width: 979px) {
body {
	padding: 0;
}
}
@media (max-width: 1080px) {
.header .nav {
	display: none;
}
.header .logo {
	width: 105px;
	padding: 15px 0;
	margin-bottom: 0;
	height: auto;
	margin-left: 0;
}
.header .logo img {
	width: 100%;
}
.header .nav-btn {
	display: block;
}
.header .search-ico, .header .gray-link {
	display: none;
}
.header .line-s {
	margin: 21px 15px 0;
}
.header .lang {
	margin-top: 16px;
}
.news-info .cont .pc {
	display: none;
}
.news-info .cont .mobile {
	display: block;
}
}
@media (max-width: 768px) {
body {
	padding: 0;
}
.i-main .i-wrap2 .leftbox, .i-main .rightbox {
	width: 92.4%;
	padding: 0 3.8%;
	float: none;
}
.i-main .i-wrap2 .leftbox {
	padding-bottom: 26px;
}
.i-main .rightbox {
	padding: 20px;
	background-color: #fff;
}
.i-main .i-wrap2 .i-wrap {
	width: 100%;
}
.i-main .i-about {
	margin-top: 10px;
}
.i-main .i-news .cont {
	width: 82%;
	padding-bottom: 10px;
}
.i-main .i-news .s-tit {
	line-height: 24px;
	padding: 3px 0;
	font-size: 15px;
}
.footer .mapimg {
	float: none;
	margin: 0 auto;
	width: 88%;
}
.footer .main ul {
	display: none;
}
.footer .main {
	padding-bottom: 66px;
}
.footer .bot-wrap .link {
	position: absolute;
	top: -45px;
	left: 0;
	width: 100%;
	text-align: center;
}
.footer .bot-wrap .link a, .footer .bot-wrap .link .line {
	float: none;
}
.footer .bot-wrap p.fl {
	width: 100%;
	float: none;
}
.footer .bot-wrap {
	height: auto;
	padding-bottom: 20px;
	padding-top: 10px;
	padding-left: 0;
	padding-right: 0;
	margin: 0 auto;
}
.footer .bot-wrap .font1, .footer .bot-wrap .font2 {
	display: block;
	width: 100%;
	text-align: center;
	line-height: 22px;
}
.i-main .i-about .cont {
	padding-top: 12px;
}
.i-main .i-about .font {
	margin-top: 0;
	height: 66px;
	overflow: hidden;
}
.i-main .i-wrap1 {
	padding-bottom: 20px;
}
.i-main .i-wrap1 .my-swiper-pagination {
	display: block;
}
.i-main .i-wrap1 .butn {
	display: none;
}
.ins-ban .butn-box {
	bottom: -50px;
}
.ins-ban .en-tit img {
	width: 72%;
}
.ins-ban h3 {
	font-size: 28px;
	line-height: 40px;
}
.ins-ban .word {
	width: 87%;
	margin-top: 24px;
	font-size: 12px;
	line-height: 22px;
}
.ins-ban .cent-font {
	margin-top: -136px;
}
.about-wrap4 .list {
	padding-top: 30px;
}
.about-wrap4 .list li {
	width: 49%;
}
.about-wrap5 .list-scroll .box {
	width: 33.3%;
}
.about-wrap5 .list-scroll .box:nth-child(3n) .link-box {
	border-right: none;
}
.about-wrap5 {
	padding-top: 40px;
	padding-bottom: 60px;
}
.about-wrap5 .list-scroll {
	margin-top: 30px;
}
.about-wrap2 {
	height: 400px;
}
.about-wrap1 .tips, .about-wrap1 .bot-msg .tips {
	float: left;
	margin-left: 0;
}
.about-wrap1 .cn-tt {
	font-size: 22px;
}
.about-wrap1 .line {
	margin-top: 6px;
}
.about-wrap1 .row {
	margin-top: 10px;
}
.news-wrap .navbox {
	padding: 20px 0;
}
.news-wrap .navbox a {
	width: 100px;
	height: 40px;
	line-height: 40px;
}
.news-wrap .list-wrap {
	padding-top: 30px;
}
.news-info h3 {
	font-size: 22px;
	line-height: 32px;
	padding: 8px 0;
}
.product-wrap .long .tit .weight {
	display: none;
}
.product-wrap .long .cont {
	margin-top: -60px;
}
.product-wrap {
	padding-top: 10px;
}
.product-wrap {
	padding-bottom: 40px;
}
.product-wrap .big p.tit {
	font-size: 20px;
}
.product-wrap .small p.tit {
	font-size: 16px;
}
.product-wrap .big p.tit {
	line-height: 30px;
}
.product-info .info-nav span {
	width: 32%;
}
.product-info .left-cont, .product-info .img {
	width: 100%;
}
.product-info .info-wrap {
	padding-top: 30px;
	padding-bottom: 60px;
}
.product-info .left-cont h4 {
	font-size: 40px;
}
.product-info .left-cont {
	margin-top: 20px;
}
.product-info .left-cont .lab {
	width: 100%;
}
.product-info .nav-box {
	padding: 30px 0;
}
.product-info .nav-box a {
	height: 38px;
	line-height: 38px;
	width: 120px;
	font-size: 12px;
}
.product-info .paging a.return {
	font-size: 12px;
	background: url("http://www.jinaolan.cc/static/web/css/../img/ico_19.png") no-repeat 14px center;
	line-height: 36px;
	padding-left: 36px;
	width: 70px;
}
.contact-list li {
	width: 44%;
	margin: 0 3% 20px;
}
.contact-cent li {
	width: 100%;
}
.contact-cent .line {
	display: none;
}
.contact-cent ul {
	margin-top: 30px;
}
.contact-cent .look-map {
	position: relative;
	left: 0;
	margin: 0 auto;
	display: block;
	bottom: 0;
	height: 40px;
	line-height: 40px;
	width: 166px;
	padding-left: 90px;
	background-position: 66px center;
}
.contact-cent .w1310 {
	padding-bottom: 35px;
}
.contact-top h3 {
	background-size: 100% auto;
}
.download-wrap li {
	width: 100%;
	margin-right: 0;
}
.download-wrap li .down {
	float: left;
	margin-left: 5%;
	margin-top: -10px;
}
.download-wrap li .ico {
	margin-left: 0;
}
.tec-wrap .titbox {
	padding-bottom: 0;
	padding-top: 20px;
}
.service-wrap .titbox .en-tt, .tec-wrap .titbox .en-tt {
	background-size: 100% auto;
}
.tec-wrap .list .num {
	width: 82px;
	line-height: 60px;
	font-size: 60px;
}
.tec-wrap .list .font {
	width: 65%;
	float: left;
	margin-left: 5%;
}
.service-wrap .list li {
	margin-right: 2%;
	width: 47%;
	margin-bottom: 20px;
}
.service-wrap {
	background: url("http://www.jinaolan.cc/static/web/css/../img/bg_06.jpg") no-repeat center top #fff;
	background-size: auto 100%;
	height: auto;
}
.i-main .i-wrap h4 {
	font-size: 18px;
}
.i-main .i-wrap .titbox .ftt {
	font-size: 12px;
}
.i-main .i-wrap1 a.tt {
	line-height: 35px;
}
.about-wrap1 .en-tt {
	font-size: 18px;
}
.about-wrap1 h4 {
	font-size: 32px;
}
.about-wrap1 .list-box .oran-num {
	font-size: 56px;
}
.about-wrap1 .tips {
	padding-top: 8px;
}
.about-wrap1 .bot-msg .gray-num {
	font-size: 58px;
}
.about-wrap1 .bot-msg li {
	width: 46%;
	margin-right: 3%;
	margin-bottom: 12px;
}
.about-wrap2 .en {
	width: 240px;
	background-size: 100% auto;
	height: 80px;
	margin-left: -14px;
}
.about-wrap2 h4 {
	font-size: 32px;
	line-height: 45px;
}
.about-wrap3 .scroll {
	padding-bottom: 30px;
	margin-top: 30px;
}
.about-wrap3 li {
	padding: 20px 25px;
}
.about-wrap3 {
	height: 500px;
}
.about-wrap3 .year {
	line-height: 50px;
	font-size: 36px;
}
.about-wrap3 .cont {
	margin-top: 8px;
}
.about-wrap3 li {
	height: 352px;
}
.about-wrap4 h4 {
	font-size: 32px;
}
.about-wrap4 .en-tt {
	background-size: 100% auto;
	margin-left: -10px;
	width: 240px;
	height: 38px;
}
.about-wrap3 .scroll .swiper-button-prev {
	display: block;
	z-index: 10;
}
.tec-wrap .titbox h4 {
	font-size: 30px;
}
.tec-wrap .titbox .en-tt {
	height: 22px;
}
.service-wrap .titbox h4 {
	font-size: 30px;
}
.service-wrap .titbox .en-tt {
	height: 24px;
}
.download-wrap {
	padding-top: 30px;
}
.download-wrap .titbox h4 {
	font-size: 30px;
}
.download-wrap li .stit {
	line-height: 24px;
	width: 80%;
	margin-left: -4px;
	padding: 10px 0;
	min-height: 30px;
}
.service-wrap .titbox {
	padding-top: 30px;
}
.service-wrap .list {
	display: none;
	margin-top: 30px;
}
.service-wrap .m-list {
	display: block;
}
.service-wrap .m-list li {
	width: 100%;
	margin: 0;
}
.video-wrap .titbox {
	margin-top: 20px;
}
.video-wrap .video-list {
	margin-top: 40px;
}
.video-wrap .video-list li {
	width: 48%;
	margin-right: 2%;
}
.video-wrap .vid-nav:after {
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
	content: ".";
}
.video-wrap .vid-nav a {
	width: 29.3%;
	margin: 5px 2%;
	float: left;
}
.video-wrap .video-list li .ico {
	width: 40px;
	height: 40px;
	background-size: 100% auto;
	margin-left: -20px;
	margin-top: -20px;
}
.crumbs {
	text-align: left;
}
.news-info .paging p {
	font-size: 12px;
}
}
@media (max-width: 480px) {
.about-wrap4 .en-tt {
	margin-left: 0;
	background-size: 111% auto;
}
.about-wrap4 .list li {
	width: 100%;
	margin-right: 0;
}
.about-wrap4 {
	background-color: #2e6ca7!important;
	padding-top: 50px;
	padding-bottom: 40px;
}
.news-wrap .list-wrap .box {
	width: 100%;
}
.news-wrap .list-wrap .contbox {
	width: 94%;
	padding: 10px 3%;
}
.recruit-list .titbox h4 {
	background-size: 100% auto;
}
.recruit-list ul, .recruit-top ul {
	width: 100%;
}
.recruit-list li, .recruit-top li {
	width: 100%;
	margin-right: 0;
}
.recruit-list .list {
	margin-top: 40px;
}
.recruit-list {
	padding-top: 50px;
}
.recruit-top {
	padding-top: 30px;
	padding-bottom: 20px;
}
.contact-list li {
	width: 92%;
	margin: 0 4% 20px;
}
.contact-list {
	padding: 40px 0;
}
.contact-top h3 {
	font-size: 28px;
	background-size: auto 50%;
}
.contact-top .font {
	width: 90%;
	margin: 10px auto 0;
}
.contact-top {
	padding-top: 40px;
	padding-bottom: 60px;
}
.download-wrap .titbox .en-tt {
	height: 30px;
	width: 60%;
	background-size: 100% auto;
}
.video-wrap {
	padding-top: 15px;
}
.video-wrap .vid-nav {
	margin-top: 20px;
}
.video-wrap .vid-nav a {
	height: 30px;
	line-height: 30px;
	font-size: 12px;
}
.video-wrap .titbox .en-tt {
	background-size: auto 80%;
	height: 34px;
}
.video-wrap .titbox .cn-tt {
	font-size: 20px;
}
}