﻿/*Common For Max 1180*/
@media only screen and (max-width: 1379px) {
	/* 首页 */
	.m-index2 .slick-prev {left: -78px;}
	.m-index2 .slick-next {right: -78px;}

	/* 
	------------------番茄---------------- */

}
/*Common For Max 1180*/
@media only screen and (max-width: 1365px) {
	/* 首页 */
	.m-index2 {margin: 0;}
	.m-index2 .slick-prev {left: 0;}
	.m-index2 .slick-next {right: 0;}

	/* 
	------------------番茄---------------- */

}
/*Common For Max 960*/
@media only screen and (max-width: 1199px) {
	.wp{width: 98%;}
	/* 头部&导航 */
	.nav li a {width: 95px;font-size: 15px;}

	.fd-func {width: 320px;padding-left: 20px;}
	.fd-func .call h4 {font-size: 24px;line-height: 28px;}
	/* banner&内页ban */
	#banner {height: 400px;}
	#banner .slick-dots {left: 0;margin-left: 5px;}
	#banner .slick-prev {right: 0;margin-right: 50px;}
	#banner .slick-next {right: 0;margin-right: 5px;}

	/* 首页 */
	.index-search {height: auto;line-height: 50px;}
	.index-search .search {margin-right: 0;}
	.index-search .form {float: none;text-align: center;}
	.index-search .hot {text-align: center;line-height: 36px;}

	.m-row {padding: 40px 0 50px;}
	.m-index1 .col-r {width: 430px;}
	.m-index1 .pic p {padding: 20px;font-size: 16px;line-height: 25px;}
	.m-index1 .col-l {height: 373px;padding-right: 40px;}
	.m-index1 .txt h3 {margin-bottom: 10px;font-size: 28px;line-height: 35px;}
	.m-index1 .con {padding-bottom: 10px;}
	.m-index1 .con p {margin-bottom: 5px;}
	.ul-list1 span {font-size: 20px;}
	.m-index2 {margin: 0 -1%;}
	.m-index2 .item {margin: 0 10px 20px}
	.m-index2 .txt h3 {font-size: 22px;line-height: 32px;}

	.m-index3 .m-pic {float: none;max-width: 600px;width: 100%;margin: 0 auto 20px;}
	.ul-list2 {padding-left: 0;margin-left: -10px;}
	
	/* 内页侧栏 */
	.main-col .main2 {margin: 20px 20px 0;}
	/* 案例工程 */
	.m-table {
		width: 100%;
		max-width: 700px;
	}
	/* 产品中心 */
	.m-search {height: 100px;line-height: 50px;}
	.m-search .select {float: none;}
	.m-search .text {float: none;}
	
	.m-about .col-l {width: 100%;max-width: 280px;}
	.m-about .txt {padding-left: 20px;}
	.m-about .txt h1 {line-height: 44px;}
	
	.m-txt .col-r {max-width: 434px;width: 100%;}
	.m-txt .txt {padding: 20px;}
	.m-txt .txt h3 {margin-bottom: 5px;font-size: 24px;line-height: 40px;}


	/* 
	------------------番茄---------------- */
    #ban{height: 370px;}
    .m-list5{padding: 0;}
    .m-list5 li{margin-bottom: 20px;}
    .m-list5 .txt h3{font-size: 16px;}
    .m-list5 .time strong{font-size: 30px;}
    .m-list5 .txt{padding-left: 10px;}

    .m-list1 .shade{padding: 20px 10px 0;}
    .m-list1 .shade h3{font-size: 20px;}


}



/*Common For Max 768*/
@media only screen and (max-width: 959px) {
	/* 头部&导航 */
	.hd-top {height: 82px;line-height: 80px;}
	.hd-top .logo img {width: 200px;}
	.hd-top .logo span {padding-left: 10px;margin-left: 15px;font-size: 16px;line-height: 20px;}
	.hd-top .call {padding-left: 20px;font-size: 12px;}
	.hd-top .call span {margin-left: 10px;font-size: 20px;}
	.hd-btm {height: 48px;line-height: 48px;}
	.hd-btm .map {padding-left: 20px;font-size: 12px;}
	.nav li {margin-right: 5px;}
	.nav li a {width: 75px;font-size: 14px;}
	
	#fd .top {padding-top: 40px;}
	.fd-func {float: none;border: 0;padding-bottom: 20px;margin: 0 auto;}
	#fd .btm {line-height: 40px;text-align: center;}
	#fd .btm .links {float: none;line-height: 45px;}

	/* banner&内页ban */
	#banner {height: 300px;}

	/* 公用 */
	.g-tit1 {margin-bottom: 25px;}
	.g-tit1 h3 {padding: 0 15px;line-height: 46px;}
	.g-tit1 h3 span {font-size: 26px;line-height: 42px;}
	.g-tit1 .btm span {width: 280px;margin-right: 0;font-size: 16px;line-height: 35px;}
	
	.m-page {margin-bottom: 30px;}
	/* 首页 */
	.m-row {padding: 30px 0 40px;}
	.m-index1 .col-r {float: none;width: auto;max-width: 430px;margin: 0 auto 10px;}
	.m-index1 .pic p {padding: 15px;font-size: 14px;line-height: 22px;}
	.m-index1 .col-l {height: auto;padding: 0 5px;}
	.m-index1 .txt h3 {margin-bottom: 5px;text-align: center;font-size: 22px;line-height: 28px;}
	.m-index1 .more {margin: 0 auto;width: 120px;height: 36px;font-size: 14px;line-height: 36px;}
	.m-index1 .more:after {width: 16px;height: 16px;margin-left: 5px;}
	.m-index2 {padding-bottom: 0;}
	.m-index2 .txt {padding: 20px 15px;}
	.m-index2 .txt h3 {font-size: 18px;line-height: 26px;}
	.m-index2 .slick-arrow {width: 50px;height: 50px;margin-bottom: 0;}
	
	.m-tab1 li a {width: 140px;height: 45px;font-size: 16px;line-height: 44px;}
	
	.m-index4 .top {margin-bottom: 25px;}
	.m-index4 .tab a {font-size: 20px;line-height: 36px;}
	.m-index4 .g-more {line-height: 36px;}
	/* 内页侧栏 */
	.side-col {float: none;width: auto;margin-top: 0;}
	.side-col .title {height: 50px;}
	.side-col .title span {font-size: 46px;line-height: 50px;}
	.side-col .title h3 {font-size: 20px;line-height: 50px;}
	.snav .v1 {height: 40px;line-height: 38px;}
	.snav dl {padding: 10px 0;}
	.side-txt {display: none;}
	.side-txt h3 {font-size: 20px;line-height: 20px;margin-bottom: 20px;}
	.main-col {margin-top: 10px;padding-left: 0;}
	.main-col .main1,
	.main-col .main2 {margin: 20px 10px 0;}
	
	/* 案例工程 */
	.m-table {margin: 10px auto 20px;}
	.m-table th {height: 35px;font-size: 14px;}
	.m-table td {font-size: 12px;height: 32px;padding-left: 10px;padding-right: 10px;}
	/* 产品中心 */
	.m-list1 {margin-bottom: 30px;}

	.m-about {padding: 10px 0 30px;}

	.m-list3 {padding-bottom: 30px;}


	/* 
	------------------番茄---------------- */
    #ban{height: 300px;margin-bottom: 10px;}

    /*.m-list1 .shade h3{font-size: 16px;}*/
    .m-list1 .shade span{font-size: 14px;}



}



/*Common For Max 480*/
@media only screen and (max-width: 767px) {
	body {padding-top: 50px;}
	/* 头部&导航 */
	#hd {
		position: fixed;
		z-index: 9999;
		top: 0;left: 0;
		width: 100%;
		background-color: #fff;

		box-shadow: 0 0 5px 0 rgba(0, 0, 0, .8);
	}
	#hd.hd-bg {background-color: rgba(255,255,255,.8);}
	.menuBtn {display: block;}
	.hd-top {padding: 0 5px;height: 50px;line-height: 50px;}
	.hd-top .logo img {width: 120px;}
	.hd-top .logo span {display: none;}
	.hd-top .call {display: none;}
	.hd-btm {display: none;position: relative;top: 100%;left: 0;width: 100%;height: auto;border-top: 1px solid #1480c0;padding-bottom: 40px;line-height: 40px;background-color: transparent;}
	.hd-btm .map {float: none;position: absolute;bottom: 0;right: 5px;}
	.nav {}
	.nav li {float: none;margin-right: 0;}
	.nav li a {width: auto;}
	
	#fd .top {padding: 20px 0 15px;}
	.fd-func {width: 240px;padding: 10px 0 0;font-size: 12px;}
	.fd-func .call {padding-top: 0;margin-bottom: 5px;}
	.fd-func .call h4 {font-size: 20px;line-height: 24px;}
	.fd-func .code {width: 80px;line-height: 2em;}
	.fd-nav {display: none;}
	#fd .btm {font-size: 12px;line-height: 22px;padding: 10px 5px;}
	#fd .btm .links {line-height: 35px;}
	.fd-links {width: 160px;height: 30px;line-height: 30px;}

	.m-fixed {display: none;}

	/* banner&内页ban */
	#banner {height: 200px;}
	#banner .slick-dots {bottom: 10px;}
	#banner .slick-dots li button {width: 8px;height: 8px;}
	#banner .slick-dots li.slick-active button{width: 18px;}
	#banner .slick-arrow {bottom: 5px;width: 25px;height: 25px;background-size: 6px;}
	#banner .slick-prev {margin-right: 35px;}

	/* 公用 */
	.g-tit1 {margin-bottom: 15px;}
	.g-tit1 h3 {padding: 0 10px;line-height: 30px;}
	.g-tit1 h3 span {margin-right: 5px;font-size: 18px;line-height: 28px;}
	.g-tit1 h3 a {width: 50px;height: 18px;font-size: 12px;line-height: 18px;}
	.g-tit1 .btm {padding: 0 0 5px;}
	.g-tit1 .btm span {width: 240px;margin-right: 0;font-size: 14px;line-height: 30px;}
	.g-more {padding-right: 26px;font-size: 14px;background-size: 18px;}
	
	.m-page {margin-bottom: 20px;}
	.m-page ul .turn {margin: 0 5px;}
	.m-page ul .turn a {background-size: 5px;}
	.m-page ul li {min-width: 20px;line-height: 30px;}
	.m-page li a {width: 28px;height: 28px;font-size: 12px;line-height: 28px;}
	.m-page span {line-height: 30px;}
	/* 首页 */
	.index-search {line-height: 40px;}
	.index-select {width: 120px;height: 30px;font-size: 12px;line-height: 30px;}
	.index-select select {background-position: 102px center;}
	.index-search .search .input {width: 200px;height: 30px;font-size: 12px;line-height: 30px;}
	.index-search .search .submit {width: 48px;height: 30px;}
	.index-search .hot {font-size: 12px;line-height: 20px;}

	.m-row {padding: 20px 0 30px;}
	
	.m-index1 .pic p {padding: 10px;font-size: 12px;line-height: 20px;}
	.m-index1 .txt h3 {font-size: 18px;line-height: 24px;}
	.ul-list1 span {font-size: 18px;}

	.m-index2 .item {margin: 0 5px 10px;}
	.m-index2 .txt {padding: 15px 10px;}
	.m-index2 .txt h3 {font-size: 16px;line-height: 24px;}
	.m-index2 .slick-arrow {width: 40px;height: 40px;}
	
	.m-index3 .m-pic {margin-bottom: 10px;}
	.m-pic .txt {margin: 0 20px 20px 20px;padding-right: 100px;font-size: 14px;line-height: 18px;}
	.m-pic .txt h3 {margin-bottom: 5px;font-size: 18px;line-height: 26px;}
	.ul-list2 {margin-left: -8px;}
	.ul-list2 li {width: 50%;margin-bottom: 8px;}
	.ul-list2 a {margin-left: 8px;}
	.ul-list2 .txt {font-size: 16px;line-height: 24px;}

	.m-tab1 {margin-left: -5px;}
	.m-tab1 li {margin-left: 5px;margin-bottom: 5px;}
	.m-tab1 li a {width: 125px;height: 40px;font-size: 14px;line-height: 40px;}
	.m-tab1 .on a:after {width: 12px;height: 6px;}
	.m-index3 {padding-top: 10px;}

	.m-index4 .col-l, .m-index4 .col-r {float: none;width: auto;}
	.m-index4 .top {margin-bottom: 15px;}
	.m-index4 .tab li {margin-right: 10px;}
	.m-index4 .tab a {font-size: 16px;line-height: 30px;}
	.m-index4 .g-more {line-height: 30px;}
	/* 内页侧栏 */
	.side-col .title {height: 40px;}
	.side-col .title span {font-size: 36px;line-height: 40px;}
	.side-col .title h3 {font-size: 16px;line-height: 40px;}
	.snav .v1 {height: 32px;padding: 0 40px 0 30px;line-height: 30px;font-size: 12px;}
	.snav .v1:after {right: 20px;}
	.snav dl {padding: 5px 0;}
	.snav dl dd {padding-left: 30px;font-size: 12px;line-height: 24px;}
	.side-txt {padding: 15px 0;font-size: 12px;line-height: 18px;}
	.side-txt h3 {font-size: 16px;line-height: 18px;margin-bottom: 10px;}
	.side-txt p {margin-top: 10px;}
	.main-col .main2 {margin-top: 10px;}
	
	.m-search {padding-left: 10px;padding-right: 10px;font-size: 12px;height: 90px;line-height: 45px;}
	.m-cur {font-size: 12px;height: 36px;line-height: 36px;text-align: left;}
	.m-select {font-size: 12px;width: 170px;height: 32px;line-height: 30px;}
	.m-select:after {width: 32px;height: 34px;}
	.m-select .show {padding: 0 40px 0 10px;}
	.m-search .text .input {width: 168px;height: 34px;}
	.m-search .text .submit {width: 52px;height: 34px;}

	/* 产品中心 */
	.m-list1 {padding-top: 10px;margin-bottom: 20px;}
	.m-list1 li {width: 50%;}
	.m-list1 .txt {font-size: 16px;}
	/*.m-list1 .shade {padding: 20px 20px 0;}*/
	.m-list1 .shade h3 {font-size: 18px;line-height: 24px;margin-bottom: 0;}
	.m-list1 .shade span {font-size: 14px;}
	.m-list1 .shade p {height: 100px;font-size: 12px;line-height: 20px;}

	.m-list2 {margin-bottom: 20px;}
	.m-list2 li {padding: 5px 0;}
	
	.m-about {padding-bottom: 20px;}
	.m-about .col-l {float: none;margin: 0 auto 10px;border-width: 4px;}
	.m-about .txt {padding-left: 0;}
	.m-about .txt h1 {margin-bottom: 5px;text-align: center;font-size: 18px;line-height: 28px;}
	
	.m-list3 {padding-bottom: 20px;}
	.m-list3 span {font-size: 12px;}
	.m-list3 dt {height: 40px;line-height: 40px;}
	.m-list3 dd .top {height: 40px;line-height: 40px;}
	.m-list3 .detail {padding: 15px 20px 20px;}
	.m-list3 .detail h3 {margin-bottom: 10px;font-size: 18px;line-height: 26px;}
	.m-list3 .detail .con {margin-bottom: 10px;font-size: 12px;line-height: 20px;}
	.m-list3 .detail p {margin-bottom: 5px;}
	.m-list3 .detail .btn {width: 100px;height: 36px;font-size: 14px;line-height: 34px;}
	
	.m-list4 {margin-left: -10px;}
	.m-list4 li {width: 50%;margin-bottom: 15px;}
	.m-list4 .inner {margin-left: 10px;}
	.m-list4 .pic {height: 240px;margin-bottom: 0;line-height: 240px;}
	
	.m-article {margin-bottom: 10px;}
	.m-article h1 {font-size: 18px;line-height: 30px;}
	.m-article .info {padding-bottom: 10px;margin-bottom: 15px;}
	.m-article .info .back {display: none;}
	.m-article .con {padding: 15px 0 10px;}
	.m-article .con p {margin-bottom: 5px;}
	.m-article .con img {margin-bottom: 5px;}

	.m-txt .col-r {float: none;margin: 0 auto;}
	.m-txt .txt {padding: 10px;}
	.m-txt .txt h3 {font-size: 18px;line-height: 30px;text-align: center;}
	.m-txt .txt p {height: auto;display: block;}
	.m-txt .txt .more {width: 110px;margin: 0 0 0 auto;height: 36px;line-height: 36px;}
	
	.m-form {margin-bottom: 20px;}
	.m-form .txt {width: 65px;height: 36px;font-size: 12px;line-height: 36px;}
	.m-form .code .txt {font-size: 14px;}
	.m-form .row {margin-bottom: 8px;}
	.m-form input {height: 36px;line-height: 36px;}
	.m-form .codeimg {width: 76px;height: 35px;margin-right: 10px;}
	.m-form .code {margin-top: 10px;}
	.m-form .code a {font-size: 12px;line-height: 36px;}
	.m-form .btn {margin-top: 15px;padding-left: 65px;}

	/* 
	------------------番茄---------------- */
    #ban{height: 180px;}
    .m-list5 .time strong {
        font-size: 24px;
    }
    .jiathis_weixin_modal {width: 300px!important;margin-left: -150px!important;}
    

}


/*Common For Max 320*/
@media only screen and (max-width: 479px) {
	/* 头部&导航 */
	/* banner&内页ban */
	#banner {height: 130px;}

	/* 公用 */
	.m-page ul {display: block;font-size: 0;text-align: center;}
	.m-page ul li {float: none;display: inline-block;vertical-align: middle;font-size: 12px;}

	/* 首页 */
	.m-index1 .col-r {max-width: 310px;}
	.ul-list1 a {height: 100px;}
	.ul-list1 i {height: 30px;margin-top: 20px;}


	/* 产品中心 */
	.m-list1 li {width: 100%;}

	.m-list3 span.s1 {width: 40%;}
	.m-list3 span.s2,
	.m-list3 span.s3 {width: 18%;}
	.m-list3 span.s4 {width: 24%;}
	
	.m-list4 li {width: 100%;}

	.m-form .code .inp {margin-bottom: 5px;}
    .m-form .codeimg {clear: left;}
    .m-form .code a {float: left;}
    .m-form .btn {padding-left: 0;text-align: center;}
    .m-form .btn .submit, .m-form .btn .reset {width: 120px;font-size: 14px;}
	

	/* 
	------------------番茄---------------- */
    #ban{height: 120px;}
    .m-list5 .txt h3{font-size: 14px;margin-bottom: 5px;}
    .m-list5 .txt p{font-size: 12px;}
	

}

