﻿/* by Adon , CSS Document */

.products{ float:left; width:100%; text-align:center; color:#fff;}
.products ul li{ float:left; height:768px; width:100%; margin-top:5%;}
.products ul li .item{ position:relative; top:50%; margin-top:-150px;}
.products ul li .item .p1{ font-size:30px;}
.products ul li .item .p1 a{ color:#fff;}
.products ul li .item .p2{ font-size:45px; letter-spacing:10px;}
.products ul li .item .p2 a{ color:#fff;}
.products ul li .item .p3{ background:#fff; height:0px; margin:2.5% auto;width:100%; max-width:530px; opacity:0.5; -webkit-opacity:0.5; -moz-opacity:0.5; -ms-opacity:0.5; -o-opacity:0.5}
.products ul li .item .p4 a{ display:inline-block; background:#fff; font-size:15px; line-height:46px; width:160px; margin:0 10px 10px 10px;}



/*.products{ float:left; width:100%;}

.products li.w2 a{ width:50%; float:left;}

.products li .thumb{ height:881px; width:100%; position:relative;}

.products li .thumb .item{ position:absolute; left:0; bottom:15%;max-width:370px; margin:0 auto; text-align:center;color:#fff;right:0;}

.products li .thumb .item .bor{ border:solid 1px #fff; padding:15px 0;}

.products li .thumb .item:hover .bor{ border:solid 1px #d30000; background:#d30000;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}

.products li .thumb .item span{ display:block; font-size:32px; text-transform:uppercase}

.products li .thumb .item font{ display:block; font-size:25px;}

.products li .thumb .item em{ display:block; font-size:18px; font-style:normal; margin-top:30px;}

.products li p{ font-size:22px; text-align:center; color:#55504f; padding:100px 15px; clear:both;}

.products li .p1{ background:url(img/product-list1.jpg) no-repeat center; background-size:cover}

.products li .p2{ background:url(img/product-list2.jpg) no-repeat center; background-size:cover}

.products li .p3{ background:url(img/product-list3.jpg) no-repeat center; background-size:cover}

.products li .p4{ background:url(img/product-list4.jpg) no-repeat center; background-size:cover}

.products li .p5{ background:url(img/product-list5.jpg) no-repeat center; background-size:cover}

.products li .p6{ background:url(img/product-list6.jpg) no-repeat center; background-size:cover}

.products li .p7{ background:url(img/product-list7.jpg) no-repeat center; background-size:cover}
*/

.products-list { float:left; position:relative;width:100%; height:987px; color:#fff; text-align:center;}

.products-list .item{ position:absolute; left:0; top:50%; right:0; margin:-135px auto;}

.products-list .item .p1{ font-size:25px;}

.products-list .item .p2{ font-size:30px;}

.products-list .item .p3{ height:1px; background:#fff; width:100px; margin:25px auto;}

.products-list .item .p4{ font-size:50px; letter-spacing:8px;}

.products-size{ font-size:18px; border-bottom:solid 1px #d9d9d9; line-height:60px;color:#5e5e5e;}

.products-size ul li a{color:#5e5e5e;}

.products-size ul li{ float:left; background:url(http://aliyun6.cdn.tjtkyy.com:8080/guaiji/web/template/default/css/img/bor.png) no-repeat right; margin-right:15px; padding-right:15px;}

.products-size ul li.on,.products-size ul li.clear{ background:none}

.products-size ul li.on{ padding-right:0}

.products-lists { float:left; position:relative;width:100%; padding-bottom:5%;}

.products-lists .p{ text-align:center; font-size:16px; color:#5e5e5e; line-height:26px; max-width:860px; margin:10% auto;}

.products-lists ul li{ float:left; width:24%; margin-right:1.3%; margin-bottom:5%}

.products-lists ul li.clear{ margin-right:0;}

.products-lists ul li span{ display:block; font-size:18px; color:#5e5e5e; margin:15px 0;}

.pro-pic{ margin-bottom:5%;}

.pro-pic ul li{width:48.8%;float:left; margin-right:1%;margin-bottom:1%;}

.pro-pic ul li.r{ margin-right:0;}

.products-slider { float:left; position:relative;width:100%; height:770px; margin-top:10%;color:#fff; text-align:center;}

.products-slider span{ position:absolute; left:0; top:50%; right:0; margin:-30px auto; font-size:40px;}

.products-des{ background:#f5f5f5; font-size:17px; color:#5e5e5e; padding:3% 3%; overflow:hidden;}

.products-des .p img{-ms-interpolation-mode:bicubic;max-width:100%;-webkit-touch-callout:none}

.products-view{ color:#5e5e5e;overflow:hidden; margin:8% 0 5% 0; text-align:center;}

.products-view .p{ font-size:16px; margin-bottom:2%;}

.products-view ul li{ float:left; width:23%; margin-right:1.3%; margin-bottom:5%}

.products-view ul li.clear{ margin-right:0;}

.products-view ul li span{ display:block; font-size:20px; color:#5e5e5e; margin:0px 0;}

.products-brick{ overflow:hidden; margin-bottom:8%;}



@media (max-width:1024px){

.products-list .item .p1{ font-size:22px;}

.products-list .item .p2{ font-size:70px;}

.products-list .item .p4{ font-size:40px;}

.products-size{ font-size:16px;}

.products-lists .p{ font-size:15px;}

.products-lists ul li span,.products-view ul li span{ font-size:16px;}

.pro-pic ul li{width:48.8%;}

}

@media (max-width:768px){
	
.products-slider{background-size: cover !important;}	
.products-list{ background-attachment: inherit !important}	
.products ul li{ padding:50% 0; height:auto;}
.products ul li .item{ position:static; margin-top:0;}	
.products ul li .item .p1{ font-size:30px;}	
.products ul li .item .p2{ font-size:35px;}	
.products ul li .item .p3{ margin:5% auto;}
	

.products-list{ height:auto; padding:30% 0;}	

.products-list .item{ position:static; margin:0 auto;}	

/*.products li.w2 a{ width:100%;}

.products li .thumb .item span{ font-size:26px;}

.products li .thumb .item font{ font-size:20px;}

.products li .thumb .item em{ font-size:16px;}

.products li p{ font-size:18px; padding:10% 15px;}

.products li .thumb{ height:800px;}
*/
.products-lists ul li,.products-view ul li{ width:31.33%; margin-left:1% !important; margin-right:1% !important;} 

.products-view .p{ font-size:22px;}

.products-slider span{ font-size:32px;}

}

@media (max-width:640px){

.products li .thumb{ height:700px;}

}

@media (max-width:480px){
	
.products ul li .item .p1{ font-size:30px;}	
.products ul li .item .p2{ font-size:23px;}	
.products ul li .item .p4 a{font-size: 13px;line-height: 40px;width: 150px;}
	

/*.products li .thumb{ height:600px;}

.products li .thumb .item{ width:75%;}

.products li .thumb .item span{ font-size:22px;}

.products li .thumb .item font{ font-size:16px;}

.products li .thumb .item em{ font-size:14px;}

.products li p{ font-size:14px;}
*/
.products-list .item .p1{ font-size:18px;}

.products-list .item .p2{ font-size:30px;}

.products-list .item .p4{ font-size:30px;}

.products-size{ font-size:14px; padding:10px 0; line-height:40px;}

.products-lists .p{ font-size:13px;}

.products-lists ul li,.products-view ul li{ width:48%;}

.products-lists ul li span,.products-view ul li span{ font-size:14px;}

.pro-pic ul li{ margin-bottom:2% !important;}

.pro-pic ul li{width:100%; margin-left:0 !important; margin-right:0 !important; }

.products-des{ font-size:14px;}

.products-slider{ height:auto; padding:75% 0;}

.products-slider span{ position:static; margin:0;}

.products-view .p{ font-size:16px;}

}

@media (max-width:320px){


.products ul li .item .p1{ font-size:40px;}	
.products ul li .item .p2{ font-size:20px; letter-spacing:6px;}	
.products ul li .item .p4 a{line-height:35px;width: 120px;}	

/*.products li .thumb{ height:500px;}

.products li .thumb .item span{ font-size:18px;}

.products li .thumb .item font{ font-size:14px;}

.products li .thumb .item em{ font-size:13px;}

.products li p{ font-size:13px;}
*/
.products-list .item .p1{ font-size:16px;}

.products-list .item .p2{ font-size:42px;}

.products-list .item .p4{ font-size:24px;}

.products-size{ font-size:13px;}

.products-lists .p{ font-size:12px; line-height:24px;}

.products-lists ul li span,.products-view ul li span{ font-size:12px;}

.products-des{ font-size:13px;}

}

@media (max-width:768px){

.about-course ul li span{ font-size:50px;}	

.about-slider{ padding:30% 0; height:auto}	

.about-slider .item{ position:static; margin:0 auto;}	

.about-base{ padding:50% 0; height:auto}	

.about-base .item{ position:static; margin:0 auto;}	

.about-view .about-en, .about-view .about-cn{ width:100%;}

.about-view .about-cn{ margin-top:10%;}

.about-age li span{ font-size:20px;}

.about-age li font em{font-size:35px;}

.about-age li font { font-size:80px;}

.about-video .about-left .p1{ font-size:50px;}

.about-video{ font-size:14px;}



.about-course .slider{ padding:25% 0; height:auto}	

.about-course .slider .item{ position:static; margin:0 auto;}	

.about-course ul li.l font{ width:30%;}

.about-slider{background-size: cover !important;}	
.about-slider{ background-attachment: inherit !important}

.about-videos{ font-size:13px;}
.about-videos .p1{ font-size:26px;}

}

@media (max-width:480px){

.about-course .slider .item .p1{ font-size:32px;}

.about-course .slider .item .p2{ font-size:15px;}	

.about-course .p{ line-height:40px; padding:15px 0; font-size:14px;}	

.about-course .p a{ display:inline-block;}	

.about-view{ margin-bottom:10%;}

.about-view .about-cn{ font-size:13px;}	

.about-age .container{ padding:10% 15px;}	

.about-age li { width:100%; text-align:center; margin:5% 0;}	

.about-base .item .p1{font-size:30px;}

.about-base .item .p2{ font-size:14px; margin:10% 0;}

.about-base .item .p3{ font-size:16px;}	

.about-slider .item .p2{ font-size:18px;}

.about-slider .item .p1{ font-size:45px;}

.about-view .about-en .p1{ font-size:36px;}

.about-view .about-en .p2{ font-size:14px;}

.about-video .about-left .p1{ font-size:36px;}

.about-video{ font-size:13px;}

.about-course ul{ top:-50px;}

.about-course ul li em{ font-size:12px; width:65px; background-size:50%; padding-top:45px;}

.about-course ul li span{ font-size:30px;}	

.about-course ul li font{ font-size:14px;}

.about-course ul li p{ font-size:12px;}

.about-course ul li.l p{ width:40%;}

.about-videos ul li{ width:100% !important; margin:5% 0 !important;}
.about-videos .p1{ font-size:22px;}
.about-videos ul li .thumb i img{ width:40px;}
.about-videos ul li .thumb i{ margin-top:-20px;}
.about-videos{ margin:15% 0 20% 0;}
.about-videos ul{ padding-bottom:7.5%; margin-bottom:7.5%}

}
