/*===============css reset===============*/
@media screen and (max-width:1440px)
{
/*header*/
.header-version span{letter-spacing:1px;}
/*feature*/
.page-tab-change-ul-text{top:120px;}
.page-tab-change-ul-text p{line-height:25px;}
.page-tab-change-ul-text h3,.page-tab-change-ul-text h2{ font-size:32px; line-height:40px;  margin-bottom:30px;}
.page-tab-change-ul-text .piclist3,.page-tab-change-ul-text .piclist2,.page-tab-change-ul-text .piclist{width:1200px;padding-top:30px;padding-bottom:30px;}
.page-tab-change-ul-text .piclist2 p.piclist_hide,.page-tab-change-ul-text .piclist p.piclist_hide{ font-size:12px; padding:0px 5% 15px; min-height:60px; line-height:20px; }
.page-tab-change-ul-text .piclist p.piclist_hide span{ display:none;}
.page-tab-change-ul-text .piclist2 ul li{width:45%;float:left;margin-right:10%;}
.page-tab-change-ul-text .piclist3 {padding-top:20px;}
.page-tab-change-ul-text .piclist4 ul{ width:80%; margin:0 auto;}
.page-tab-change-ul-text .piclist4 ul li{ width:21.25%; margin-right:5%; float:left; margin-bottom:30px;}

.page-img9{background-size:115% 115%;}

.list{margin-top:20px; width:70%;}
.client{ padding-top:20px; width:75%;}

}
@media screen and (max-width:1279px)
{
.pub-con-w{width:960px;margin:0 auto;}
.page-tab-change-ul-text{top:100px;}
.page-tab-change-ul-text p{width:960px;margin:0 auto;line-height:25px;font-size:16px;}
.page-tab-change-ul-text h3,.page-tab-change-ul-text h2{ font-size:30px; line-height:40px;  margin-bottom:30px;}
.page-tab-change-ul-text .piclist4,.page-tab-change-ul-text .piclist3,.page-tab-change-ul-text .piclist2,.page-tab-change-ul-text .piclist{width:960px;padding-top:20px;padding-bottom:20px;}

.client{  width:80%;}
.list{ width:70%; margin:20px auto 0;}
.s2015{ width:50%;}
}
@media screen and (max-width:1024px)
{
.page-tab-change-ul-text{top:80px;}
.pub-con-w{width:88%;margin:0 auto;}
.page-tab-change-ul-text{top:120px;}
.page-tab-change-ul-text h2{ font-size:24px;}
.page-tab-change-ul-text p{width:88%;margin:0 auto;line-height:25px;font-size:16px;}
.page-tab-change-ul-text .piclist4,.page-tab-change-ul-text .piclist3,.page-tab-change-ul-text .piclist2,.page-tab-change-ul-text .piclist{width:88%;padding-top:50px;}
.page-tab-change-ul-text .piclist2 ul li{width:48%;float:left;margin-right:4%;}
.page-tab-change-ul-text .piclist2 ul li:nth-child(2){ margin-right:0;}
.page-tab-change-ul-text p.page11-text span{ display: inline;}
.page-img1{ background:url(/uploads/image/2images/feature_3.jpg) center -80px no-repeat;}
.page-img14{ background:url(/uploads/image/2images/screenbg11.jpg) center  -80px  no-repeat;}
.client{  width:90%;}
.list{width:90%; margin:50px auto 0;}
.epco{ margin-top:50px;}
.page-img1{ background:url(/uploads/image/2images/feature_3.jpg) center top no-repeat;background-size:150% 100%; }
.page-img13,.page-img12,.page-img11,.page-img10,.page-img9,.page-img8,.page-img7,.page-img6,.page-img5,.page-img4,.page-img4,.page-img3,.page-img2{background-size:120% 100%;}
.page-img14{background-size:160% 100%;}
}
@media screen and (max-width:768px)
{
.page-tab-change-ul-text{top:150px;}
.header-text{ display:none;}
.page-tab-change-ul-text p{ font-size:14px;}
.page-tab-change-ul-text h2 span,.page-tab-change-ul-text p span{ display: block;}
.page-tab-change-ul-text p.page11-text span{ display: inline;}
.page-tab-change-ul-text .piclist3,.page-tab-change-ul-text .piclist2,.page-tab-change-ul-text .piclist{padding-top:20px;}
.page-tab-change-ul-text .piclist ul li{ padding-top:60px;}
.page-tab-change-ul-text .piclist4{ padding-top:20px; margin-bottom:0px; padding-bottom:0;}
.page-tab-change-ul-text .piclist4 ul li{ width:31%; margin-right:2%; float:left; padding-top:0; margin-bottom:20px;}
.page-tab-change-ul-text .piclist4 ul li:nth-child(3n){ margin-right:0;}
.page-tab-change-ul-text .piclist4 ul li:nth-child(4n){  margin-right:2%;}
.page-tab-change-ul-text .piclist2 p,.page-tab-change-ul-text .piclist p{width:90%;padding:10px 5%;font-size:14px;}

.page-img13,.page-img12,.page-img11,.page-img10,.page-img9,.page-img8,.page-img7,.page-img6,.page-img5,.page-img4,.page-img4,.page-img3,.page-img2,.page-img1{background-size:180% 100%; }
.page-img14{background-size:150% 100%;}

.epco{ display:none;}
.epco-s{ display:block; width:90%; margin:0 5%;}
.pagemore{color:#ffd700;font-size:16px; font-weight:700;}
}
@media screen and (max-width:480px)
{
.header-logo{ width:60%;}
.header-logo a img{ width:100%; height:50px;}
.header-version{font-size:13px;}
.page-tab-change-ul-text{top:90px;}
.page-img3 .page-tab-change-ul-text{top:80px;}
.page-tab-change-ul-text h2{  margin-bottom:10px; line-height:30px; font-size:18px; font-weight:600;}
.page-tab-change-ul-text p{ line-height:22px;}
.page-tab-change-ul-text .piclist{ padding-bottom:0;}
.page-tab-change-ul-text .piclist ul li{ padding-top:0px; width:48%; margin-right:4%; margin-bottom:10px;}
.page-tab-change-ul-text .piclist ul li:nth-child(2){ margin-right:0;}
.page-tab-change-ul-text .piclist ul li:nth-child(3){ width:48%; margin:0 26%;}
.page-tab-change-ul-text .piclist2 p,.page-tab-change-ul-text .piclist p{font-size:14px; text-align:center; line-height:18px; font-weight:normal;}
.page-tab-change-ul-text .piclist2 ul li{ width:70%; margin:0 15% 10px;}
.page-tab-change-ul-text .piclist3 ul li{ font-size:13px;}
.page-tab-change-ul-text .video ul li{ width:60%; margin:0 20% 10px; padding:0;}
.page-tab-change-ul-text p.page11-text span,.page-tab-change-ul-text p.page3-text{ display:none;}
.page11-more{ width:48%; float:left;}

.page-img1{ background:url(/uploads/image/2images/feature_3.jpg) center top no-repeat;background-size:180% 100%; }
.page-img13,.page-img12,.page-img11,.page-img10,.page-img9,.page-img8,.page-img7,.page-img6,.page-img5,.page-img4,.page-img4,.page-img3,.page-img2{background-size:150% 100%;}
.page-img14{background:url(/uploads/image/2images/screenbg11.jpg) center top no-repeat; background-size:150% 100%;}
.epco-s{ display:block; width:94%; margin:0 3%;}
.client{  width:90%;}
.list{ width:100%; margin:20px auto 0;}
.s2015{ width:70%;}
}
@media screen and (max-width:320px)
{
.header-logo{ width:55%;}
.page-tab-change-ul-text h2{  font-size:16px; font-weight:500;}
.pagemore{color:#ffd700;font-size:12px; font-weight:700;}
	}