﻿@charset "utf-8";
/* CSS Document */



@media screen and (max-width:1441px){

.site-head-nav li{ padding:0;}	

}

@media screen and (max-width:1366px){

.site-head{ height:68px;}
.site-head .logo{ background-size:145px auto; width:145px; height:58px; margin-top:5px;}
.site-head-nav li{ height:68px;}
.site-head-nav li:before{ top:30px;}
.site-head-nav li a.far{ width:120px; line-height:68px; font-size:17px;}
.site-head-nav li:hover a.far{ background-size:120px auto;}
.site-head-nav li .sub{ width:120px; top:68px;}
.site-head-nav li .sub a{ font-size:15px;}
.mtop{ height:68px;}

.pcourse-warp{ width:80%;}
.plive-pic{ width:1300px;}
.plive-pic .smallImg{ width:1225px;}
.plive-pic .smallImg li{ width:118px;}

.footer-warp{ width:1300px;}



}

@media screen and (max-width:768px){

.site-head-nav{ display:none;}
.navBtn{ display:block;}

.banner{ height:350px;}
.banner .bd li{ height:350px;}

.partner-list{ display:none;}
.ph-partner-list{ display:block !important;}

.product-title{ width:100%; height:auto; padding:20px 4%; float:none;}
.product-list{ width:100%; float:none;}
.product-list li{ width:50%;}
.product-list li:hover .cover-text{ height:auto; top:50%; margin-top:-45px;}

.join-warp{ width:96%;}
.join-word{ width:100%; padding:15px 0;}
.join-video{ width:100%;}
.join-banner .item{ width:100%;}


.footer{ padding:30px 0;}
.footer-warp{ width:96%;}
.footer-left{ width:100%; float:none; margin-top:20px;}
.footer-middle{ width:100%; float:none; padding-top:20px;}
.footer-middle .c{ padding-top:0;}
.footer-right{ width:100%; float:none;}
.footer-right li{ margin-left:0; margin-right:50px; padding-top:0;}


.pbanner{ height:250px;}
.ptitle{ margin-top:20px; background-size:100% auto; min-height:52px;}
.ptitle .cn{ font-size:25px; line-height:52px;}
.pmain{ padding:25px 0;}
.pabout-word{ width:96%;}
.pabout-img{ width:96%; padding-top:25px;}

.pculture-word{ width:96%;}
.pculture-word .item{ width:100%; float:none;}

.pcourse-warp{ width:96%;}
.pcourse-list{ padding:30px 0;}

.pNews-warp{ width:96%; padding:0 0 25px 0;}
.pNews-pic{ width:100%; float:none;}
.pNews-pic:before{ display:none;}
.pNews-pic:after{ display:none;}
.pNews-list{ width:100%; float:none;}
.pNews-list .slick-dots{ bottom:-30px; text-align:center;}

.pstry-list .title{ padding-top:10px; padding-bottom:20px;}
.pstry-list ul{ margin-left:-2%;}
.pstry-list ul li{ width:31.3%; margin-left:2%;}


.pPro-list{ width:96%;}
.pPro-list li{ width:48%; margin:25px 1% 0 1%;}

.pPro-warp{ width:96%; padding:0;}
.pPro-warp-left{ width:100%; float:none;}
.pPro-warp-left .swiper-wrapper{ width:100% !important;}
.pPro-sider .view .swiper-slide .vertical-inner{ height:390px;}
.pPro-sider .view .swiper-slide img{ max-height:100%;}
.pPro-sider .preview .swiper-slide .vertical-inner{ height:60px;}

.pPro-warp-right{ width:100%; float:none; margin-top:30px;}

.plive-pic{ width:96%;}
.plive-pic .bigScroll{ height:600px;}
.plive-pic .bigImg li{ height:600px; width:100%;}
.plive-pic .bigScroll .prev, .plive-pic .bigScroll .next{ width:60px;}
.plive-pic .bigScroll .prev:before{ left:20px; }
.plive-pic .bigScroll .next:before{ right:20px;}

.sp-arrow{ width:60px;}
.sp-horizontal .sp-previous-arrow:before{ left:20px; }
.sp-horizontal .sp-next-arrow:before{ right:20px;}



.plive-pic .smallScroll{ padding:0 32px; position:relative;}
.plive-pic .smallImg{ width:100%;}
.plive-pic .sPrev, .plive-pic .sNext{ position:absolute; top:0;}
.plive-pic .sPrev{ left:0; }
.plive-pic .sNext{ right:0;}


.pcustom-list{ width:96%;}
.pcustom-list li{ width:31%; margin-top:25px;}

.pjoin{ width:96%; padding:0;}
.pjoin-img{ width:100%; float:none;}
.pjoin-word{ width:100%; float:none;}
.pjoin-word .tel{ margin-top:0;}

.pcontact-list{ width:96%; padding:0; padding-bottom:25px;}
.pcontact-list li{ width:100% !important; float:none; margin-top:30px;}

.pcontact-map{ width:100%; }

.pmessage-cont{ width:96%; padding:30px 0 20px 0;}
.phonor-list{ width:96%; padding-top:0;}

.partnerPage{ height:auto;}
.partner-tit{ padding:20px 0;}

}


@media screen and (max-width:640px){
	
.site-head{ height:50px;}
.site-head .logo{ background-size:100px auto; width:100px; height:45px;}
.mtop{ height:50px;}

.banner{ height:170px;}
.banner .bd li{ height:170px;}
.banner .hd{ bottom:15px;}

.product-title .cn{ font-size:24px; padding-bottom:5px;}
.product-title .des{ margin-top:10px; line-height:26px;}

.product-list li{ height:auto; padding:15px 0;}
.product-list li .aImg{ width:100%; height:130px;}
.product-list li .aImg .vertical-inner{ height:130px;}
.product-list li .aImg img{ max-width:50%; max-height:100%;}
.product-list li .aWord{ width:100%; margin-top:10px;}
.product-list li .aWord .iboxt{ display:block; padding-left:15px; text-align:center;}
.product-list li .aWord .t{ font-size:16px; padding-bottom:5px;}
.product-list li .aWord .c{ font-size:15px; line-height:25px;}
.product-list li .cover-text{ width:100%;}
.product-list li .cover-text .c-box{ display:block;}
.product-list li .cover-text h3{ font-size:16px; padding:0 10px;}
.product-list li .cover-text .btn{ width:90%; height:36px; line-height:34px; font-size:14px; margin:auto; margin-top:10px;}
.product-list li:hover .cover-text{ height:auto; top:50%; margin-top:-45px;}



.partner-tit .cn{ font-size:24px; padding-bottom:5px;}

.join-word{ padding:0;}
.join-word .t{ background-size:180px auto; width:180px; height:69px; line-height:63px; font-size:24px;}
.join-word .c{ font-size:20px; line-height:36px; margin-top:10px;}
.join-word .tel{ margin-top:15px;}
.join-video{ margin-top:20px;}

.footer-right li{ margin-right:25px;}
.footer-right li p{ margin-top:10px;}

.pbanner{ height:200px;}
.pmenu{ min-height:inherit;}
.pmenu a{ width:50%; float:left; padding:0; line-height:38px; font-size:15px;}
.pmenu a:before{ display:none;}
.pmenu a:after{ height:2px; margin-left:0; }
.pmenu a.active:after, .pmenu a:hover:after{ width:100%; left:0;}

.ptitle{ background-size:150% auto; min-height:inherit;}
.ptitle .cn{ font-size:24px; line-height:30px;}


.pmain{ padding:15px 0;}
.pabout-word .item{ width:100% !important;}
.pabout-img li{ width:100%; margin-left:0; margin-top:10px;}



.pcourse-tab{ padding:0 80px;}
.pcourse-tab .item{ font-size:32px;}
.pcourse-list{ padding:0;}
.pcourse-list li .text{ margin-top:5px; font-size:15px;}

.pNews-pic .item .img{ height:250px;}
.pNews-list .item li{ padding-left:0; padding-bottom:15px; margin-top:15px;}
.pNews-list .item li .date{ position:relative; left:auto; top:auto; width:100%; text-align:left;}
.pNews-list .item li .date .p1{ display:inline-block; font-size:18px; vertical-align:inherit;}
.pNews-list .item li .date .p2{ display:inline-block; margin-top:0;}
.pNews-list .item li .t{ margin-top:5px;}
.pNews-list .item li .c{ margin-top:5px;}

.pstry-list .title{ font-size:24px; padding-bottom:0;}
.pstry-list ul{ margin-left:0;}
.pstry-list ul li{ width:100%; margin-left:0; margin-top:15px;}


.pPro-list li{ width:100%; margin:0; margin-top:15px; padding:20px;}
.pPro-list li .aImg{ height:250px;}
.pPro-list li .aTit{ font-size:16px; padding:15px 0 0 0;}

.pPro-sider{ padding:10px;}
.pPro-sider .view{ height:310px;}
.pPro-sider .view .swiper-slide{ height:310px !important;}
.pPro-sider .view .swiper-slide .vertical-inner{ height:310px;}

.pPro-sider .preview{ height:52px; margin-top:15px;}
.pPro-sider .preview .swiper-slide{ height:50px;}
.pPro-sider .preview .swiper-slide .vertical-inner{ height:50px;}

.pPro-page{ margin-top:10px;}
.pPro-page .p-prev, .pPro-page .p-next{ width:100%; max-width:100%; margin-top:15px;}

.pPro-name .t{ font-size:18px; padding-bottom:10px;}
.pPro-name-line{ display:none;}

.plive-pic .bigScroll{ height:300px;}
.plive-pic .bigScroll .prev, .plive-pic .bigScroll .next{ width:28px; height:55px; margin-top:-30px;}
.plive-pic .bigScroll .prev:before{ width:15px; height:15px; left:10px; top:20px;}
.plive-pic .bigScroll .next:before{ width:15px; height:15px; right:10px; top:20px;}
.plive-pic .bigImg li{ height:300px;}
.plive-pic .bigImg h4{ height:46px; line-height:46px;}




.pcustom-list li{ width:100%; margin:0; margin-top:15px; height:190px;}

.pPage{ padding:20px 0;}
.pPage .nowpage{ padding:0 2px 3px 2px; margin:0; font-size:14px; border-bottom:2px #d70000 solid;}
.pPage a{ padding:0 2px 3px 2px; margin:0; font-size:14px;}
.pPage a.active, .pPage a:hover{  border-bottom:2px #d70000 solid;}

.pjoin-img{ height:250px;}
.pjoin-img .aLog{ background-size:237px auto; width:237px; height:94px; margin:-47px 0 0 -119px;}
.pjoin-word .tel{ background: url(../images/join-tel.png) no-repeat 5px center; padding:10px 0 10px 65px; margin-top:15px;}

.pcontact-list li{ padding-left:70px; margin-top:6px; min-height:70px; line-height:24px;}
.pcontact-list li h4{ font-size:16px;}
.pcontact-list li:nth-child(1){ background:url(../images/pc-add.png) no-repeat left center; background-size:65px auto;}
.pcontact-list li:nth-child(2){ background:url(../images/pc-tel.png) no-repeat left center; background-size:65px auto;}
.pcontact-list li:nth-child(3){ background:url(../images/pc-email.png) no-repeat left center; background-size:65px auto;}

.pcontact-map{ width:100%; }

.pmessage-title{ height:auto; padding-bottom:15px; margin-top:20px;}
.pmessage-title .t{ font-size:24px; padding-top:15px;}
.pmessage-title .c{ padding-top:15px;}

.pmessage-cont{ padding-top:10px;}
.pmessage-cont .filed{ width:100%; float:none;}
.pmessage-cont .filed .inpt{ padding-left:10px;}
.pmessage-cont .filed .area{ padding:10px;}
.pmessage-cont .button{ float:none;}
.pmessage-cont .button .btn{ width:100%;}

.phonor-list{ padding:0 40px;}
.phonor-list .item-box{ padding:0;}
.phonor-list .item .item-big .img{ height:350px;}
.phonor-list .item .item-small .img{ height:200px;}
.phonor-list .item .tit{ margin-top:10px;}
.phonor-list .slick-prev, .phonor-list .slick-next{ width:35px; height:35px; margin-top:-25px; border-radius:0;}
.phonor-list .slick-prev{ left:-2%;}
.phonor-list .slick-prev:before{ width:12px; height:12px; top:10px; left:14px;}
.phonor-list .slick-next{ right:-2%;}
.phonor-list .slick-next:before{ width:12px; height:12px; top:10px; right:14px;}

.pjoin-word .text{ height:auto;}

}
