/* Css Banner */
.banner{ margin-top:100px; width:100%; height:600px;}
@media screen and (max-width:1680px) { 
.banner{ height:565px;}
}
@media screen and (max-width:1440px) { 
.banner{ height:485px;}
}
@media screen and (max-width:1280px) { 
.banner{ height:435px;}
}
@media screen and (max-width:800px) { 
.banner{ margin-top:60px; height:345px;}
}
@media screen and (max-width:480px) { 
.banner{ height:250px;}
}

/* Css About */
.tx-bg{ margin:85px 10% 80px;}
.tx-bg h1{ font-size:2.15rem; font-weight:normal; line-height:2rem;}
.tx-bg p{ font-size:1.08rem; color:#666; margin-top:28px; line-height:2rem;}
@media screen and (max-width:1440px) { 
.tx-bg{ margin:85px 5% 80px;}
}
@media screen and (max-width:800px) { 
.tx-bg{ margin:35px 5%;}
.tx-bg p{ margin-top:15px;}
}
@media screen and (max-width:480px) { 
.tx-bg h1{ font-size:1.5rem;}
.tx-bg p{ font-size:1rem; margin-top:10px; line-height:1.8rem;}
}

.sp-bg{ background-color:#f0f0f0; height:600px;}
.sp-bg ul li{ float:right; width:50%; overflow:hidden;}
.sp-bg ul li dl{ background:url(../Images/work.jpg) no-repeat center; background-size:cover; width:100%; height:600px;}
.sp-bg ul li div{ margin:16.5% 10% 0 20%;}
.sp-bg ul li div h1{ font-size:2.15rem; font-weight:normal; line-height:2rem;}
.sp-bg ul li div h3{ font-size:1.5rem; font-weight:normal; color:#454545; line-height:2rem; margin-top:30px;}
.sp-bg ul li div p{ font-size:1.08rem; color:#666; margin-top:30px;}
@media screen and (max-width:1680px) { 
.sp-bg{ height:525px;}
.sp-bg ul li dl{ height:525px;}
}
@media screen and (max-width:1440px) { 
.sp-bg{ height:450px;}
.sp-bg ul li dl{ height:450px;}
.sp-bg ul li div{ margin:11.5% 5% 0 10%;}
}
@media screen and (max-width:800px) { 
.sp-bg ul li{ width:100%; background:#f0f0f0;}
.sp-bg ul li div{ margin:35px 5%;}
.sp-bg ul li div h3{ margin-top:20px;}
.sp-bg ul li div p{ margin-top:20px;}
}
@media screen and (max-width:480px) { 
.sp-bg{ height:300px;}
.sp-bg ul li dl{ height:300px;}
.sp-bg ul li div h1{ font-size:1.5rem;}
.sp-bg ul li div h3{ font-size:1.2rem; margin-top:10px;}
.sp-bg ul li div p{ font-size:1rem; margin-top:15px;}
}

.sb-lb{ margin:85px 10% 0;}
.sb-lb h1{ font-size:2.15rem; font-weight:normal; line-height:2rem;}
.sb-lb h3{ font-size:1.5rem; font-weight:normal; color:#666; line-height:2rem; margin-top:10px;}
.demo-gallery{ margin-top:20px;}
.demo-gallery a{ float:left; width:22.15%; margin-right:3.8%; margin-top:25px; display:block; overflow:hidden; position:relative; background:#333;}
.demo-gallery a.sb-yb{ margin-right:0;}
.demo-gallery a img{ display:block; width:100%; overflow:hidden; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;}
.demo-gallery a:hover img{ -transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
.demo-gallery a .sb-aj{ position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; background-color:#000; opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;}
.demo-gallery  a:hover .sb-aj{ opacity:0.35;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.35);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0.35)";}
.demo-gallery a .sb-as{ position:absolute; left:50%; top:50%; z-index:3; width:60px; height:28px; margin-left:-30px; margin-top:-15px; border-top:1px solid #fff; border-bottom:1px solid #fff; opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;}
.demo-gallery a:hover .sb-as{ opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=1)"; -transform:scale(.1,1); -webkit-transform:scale(.1,1);}
.demo-gallery .sb-um{ position:absolute; left:50%; top:50%; z-index:3; width:60px; height:28px; line-height:28px; color:#fff; margin-left:-30px; margin-top:-15px; opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;}
.demo-gallery a:hover .sb-um{ opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=1)";}
@media screen and (max-width:1440px) { 
.sb-lb{ margin:85px 5% 0;}
}
@media screen and (max-width:800px) { 
.sb-lb{ margin:35px 5% 0;}
.demo-gallery{ margin-top:0px;}
.demo-gallery a{ width:47.5%; margin-right:5%;}
.demo-gallery a.sb-sb{ margin-right:0;}
}
@media screen and (max-width:480px) { 
.sb-lb h1{ font-size:1.5rem;}
.sb-lb h3{ font-size:1.2rem; margin-top:5px;}
}

/* Css Contact */
.lx-bg{ width:100%; padding:75px 10% 55px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.lx-bg .lx-tb{ float:left; width:70%; overflow:hidden;}
.lx-bg .lx-tb ul li{ float:left; width:28%; height:35px; line-height:35px; margin-bottom:20px; font-size:1.08rem;}
.lx-bg .lx-tb ul li.lx-yb{ width:44%;}
.lx-bg .lx-tb ul li.lx-ad{ line-height:17px;}

.lx-bg .lx-tb ul li span{ float:left; display:block; width:35px; height:35px; background-color:#333; margin-right:10px; cursor:pointer; border-radius:50%; -webkit-border-radius:50%; transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}
.lx-bg .lx-tb ul li span:hover{ background-color:#d20313;}
.lx-bg .lx-tb ul li span img{ width:100%;}
.lx-bg .lx-tb ul li font{ font-family:"vi-logo-font-Gotham-Book";}
.lx-bg .lx-tb ul li a{ color:#d20313;}
.lx-bg .lx-tb ul li a:hover{ font-weight:600;}
.lx-bg .lx-ig{ float:left; width:30%; overflow:hidden;}
.lx-bg .lx-ig ul li{ float:right; width:100px; margin-left:25px;}
.lx-bg .lx-ig ul li img{ width:100px; height:100px;}
.lx-bg .lx-ig ul li dl{ font-size:1.08rem; line-height:2rem; text-align:center;}
@media screen and (max-width:1440px) {
.lx-bg{ padding:75px 5% 55px}	 
}
@media screen and (max-width:1280px) {
.lx-bg{ padding:75px 5% 55px}	 
.lx-bg .lx-tb ul li{ width:100%;}
.lx-bg .lx-tb ul li.lx-yb{ width:100%;}
.lx-bg .lx-tb{ width:50%;}
.lx-bg .lx-ig{ width:50%;}
}
@media screen and (max-width:800px) {
.lx-bg{ padding:45px 5% 5px;}
.lx-bg .lx-tb{ width:100%;}
.lx-bg .lx-ig{ width:100%;}
.lx-bg .lx-ig ul li{ float:left; width:100px; margin-top:10px; margin-left:0px; margin-right:25px;}
}

.jb-bg{ margin:0 10%;}
.jb-bg h1{ font-size:2.15rem; font-weight:normal; line-height:2rem;}
.jb-bg p{ font-size:1.08rem; color:#666; margin-top:28px; line-height:2rem;}
.jb-bg p font{ font-family:"vi-logo-font-Gotham-Book"; font-size:1.25rem; color:#d20313;}
@media screen and (max-width:1440px) { 
.jb-bg{ margin:0 5%;}
}
@media screen and (max-width:800px) { 
.jb-bg{ margin:35px 5%;}
.jb-bg p{ margin-top:15px;}
}
@media screen and (max-width:480px) { 
.jb-bg h1{ font-size:1.5rem;}
.jb-bg p{ font-size:1rem; margin-top:10px; line-height:1.8rem;}
}

/* Css Service */
.ia-bg{ margin:85px 10% 80px;}
.ia-bg ul li{ float:left; width:22.6%; margin:0 1.2%; text-align:center; color:#666;}
.ia-bg ul li a{ display:block; width:93px; height:93px; border:1px solid #e0e0e0; background-color:#fff; background-repeat:no-repeat; background-size:93px 93px; margin:0 auto; cursor:pointer; border-radius:50%; -webkit-border-radius:50%; transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}
.ia-bg ul li a:hover{ border:1px solid #d20313; background-color:#d20313;}
.ia-bg ul li a.a01{ background-image:url(../Images/sv01.png);}
.ia-bg ul li a.a02{ background-image:url(../Images/sv02.png);}
.ia-bg ul li a.a03{ background-image:url(../Images/sv03.png);}
.ia-bg ul li a.a04{ background-image:url(../Images/sv04.png);}
.ia-bg ul li a:hover.a01{ background-image:url(../Images/sv001.png);}
.ia-bg ul li a:hover.a02{ background-image:url(../Images/sv002.png);}
.ia-bg ul li a:hover.a03{ background-image:url(../Images/sv003.png);}
.ia-bg ul li a:hover.a04{ background-image:url(../Images/sv004.png);}
.ia-bg ul li h3{ font-size:1.5rem; font-weight:normal; color:#333; line-height:2rem; margin-top:25px;}
.ia-bg ul li p{ margin-top:15px;}
@media screen and (max-width:1440px) { 
.ia-bg{ margin:85px 5% 80px;}
}
@media screen and (max-width:800px) { 
.ia-bg{ margin:45px 5% 25px;}
.ia-bg ul li{ width:46%; margin:0 2% 20px;}
}
@media screen and (max-width:480px) { 
.ia-bg ul li{ width:100%; margin:0 0 20px;}
}

.ms-bg{ background-color:#f0f0f0; height:600px;}
.ms-bg ul li{ float:left; width:50%; overflow:hidden;}
.ms-bg ul li dl{ background:url(../Images/message.jpg) no-repeat center; background-size:cover; width:100%; height:600px;}
.ms-bg ul li div{ margin:16.5% 20% 0 10%;}
.ms-bg ul li div h1{ font-size:2.15rem; font-weight:normal; line-height:2rem;}
.ms-bg ul li div p{ font-size:1.08rem; color:#505050; line-height:2rem; margin-top:30px;}
@media screen and (max-width:1680px) { 
.ms-bg{ height:525px;}
.ms-bg ul li dl{ height:525px;}
}
@media screen and (max-width:1440px) { 
.ms-bg{ height:450px;}
.ms-bg ul li dl{ height:450px;}
.ms-bg ul li div{ margin:11.5% 5% 0 10%;}
}
@media screen and (max-width:800px) { 
.ms-bg ul li{ width:100%; background:#f0f0f0;}
.ms-bg ul li div{ margin:35px 5%;}
.ms-bg ul li div p{ margin-top:20px;}
}
@media screen and (max-width:480px) { 
.ms-bg{ height:300px;}
.ms-bg ul li dl{ height:300px;}
.ms-bg ul li div h1{ font-size:1.5rem;}
.ms-bg ul li div p{ font-size:1rem; margin-top:15px;}
}

.sv-bg{ margin:85px 10% 80px;}
.sv-bg h1{ font-size:2.15rem; font-weight:normal; line-height:2rem;}
.sv-bg p{ font-size:1.08rem; color:#666; margin-top:28px; line-height:2rem;}
.sv-bg ul{ margin-top:45px;}
.sv-bg ul li{ float:left; width:47.5%; margin-right:5%;}
.sv-bg ul li.sv-yb{ margin-right:0px;}
.sv-bg ul li h2{ font-size:1.5rem; font-weight:normal; line-height:2rem;}
.sv-bg ul li h2 font{ font-family:"vi-logo-font-Gotham-Book";}
.sv-bg ul li dl{ color:#666; margin-top:15px;}
@media screen and (max-width:1440px) { 
.sv-bg{ margin:85px 5% 80px;}
}
@media screen and (max-width:800px) { 
.sv-bg{ margin:35px 5%;}
.sv-bg p{ margin-top:15px;}
.sv-bg ul{ margin-top:25px;}
.sv-bg ul li dl{ margin-top:10px;}
}
@media screen and (max-width:480px) { 
.sv-bg h1{ font-size:1.5rem;}
.sv-bg p{ font-size:1rem; margin-top:10px; line-height:1.8rem;}
.sv-bg ul{ margin-top:15px;}
.sv-bg ul li{ width:100%; margin-bottom:15px;}
.sv-bg ul li h2{ font-size:1.25rem;}
.sv-bg ul li dl{ margin-top:5px;}
}

/* Css News */
.dt-bg{ margin:20px 7.9% 0;}
.dt-bg ul li{ float:left; width:28.333333%; margin:65px 2.5% 0; background-color:#f0f0f0; overflow:hidden; padding:65px 35px 0; box-sizing:border-box; -webkit-box-sizing:border-box;}
.dt-bg ul li.dt-fl{ clear:both;}
.dt-bg ul li h2{ font-family:"vi-logo-font-Gotham-Book"; font-size:2rem; font-weight:normal; color:#888; line-height:2rem;}
.dt-bg ul li h4{ font-family:"vi-logo-font-Gotham-Book"; font-size:1rem; font-weight:normal; color:#888; line-height:1.5rem;}
.dt-bg ul li h3{ font-size:1.25rem; font-weight:normal; color:#333; line-height:2rem; margin-top:25px;}
.dt-bg ul li p{ color:#888; margin-top:15px;}
.dt-bg ul li dl{ margin-top:45px; border-top:1px solid #d0d0d0; height:75px; line-height:50px; background:url(../Images/yj.png) no-repeat left 18px;  font-family:"vi-logo-font-Gotham-Book"; color:#888; padding-left:28px;}
.dt-bg ul li dl a{ display:block; float:right; color:#888; transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}
.dt-bg ul li dl a:hover{ color:#d20313;}
@media screen and (max-width:1440px) { 
.dt-bg{ margin:20px 2.65% 0;}
}
@media screen and (max-width:800px) { 
.dt-bg{ margin:0 5%;}
.dt-bg ul li{ width:100%; margin:45px 0 0; padding:45px 35px 0;}
.dt-bg ul li.dt-fl{ clear:none;}
.dt-bg ul li h3{ margin-top:15px;}
.dt-bg ul li dl{ margin-top:35px;}
}
@media screen and (max-width:480px) { 
.dt-bg ul li{ margin:25px 0 0; padding:25px 25px 0;}
.dt-bg ul li h2{ font-size:1.5rem;}
.dt-bg ul li h4{ font-size:1rem;}
.dt-bg ul li h3{ font-size:1.2rem; margin-top:15px;}
.dt-bg ul li p{ margin-top:10px;}
.dt-bg ul li dl{ margin-top:25px; height:60px;}
}

.dt-nR-bg{ margin:85px 10% 0;}
.dt-nR-lt{ float:left; width:65%; margin-right:5%; overflow:hidden;}
.dt-nR-lt .dt-nR-nm{ font-size:2rem; line-height:2rem;}
.dt-nR-lt .dt-nR-in{ font-size:1rem; color:#888; margin-top:10px;}
.dt-nR-lt .dt-nR-in span{ margin:0 5px;}
.dt-nR-lt .dt-nR-in font{ font-family:"vi-logo-font-Gotham-Book";}
.dt-nR-lt .dt-nR-js{ margin-top:35px; color:#505050;}
.dt-nR-lt .dt-nR-nt{ margin-top:35px;}
.dt-nR-lt .dt-nR-nt a{ display:block; margin-top:10px; font-size:1.08rem; color:#888;}
.dt-nR-lt .dt-nR-nt a:hover{ color:#d20313;}

.dt-nR-ht{ float:left; width:30%; overflow:hidden;}
.dt-nR-ht ul li{ margin-bottom:45px;}
.dt-nR-ht ul li h2{ font-family:"vi-logo-font-Gotham-Book"; font-size:2rem; font-weight:normal; color:#888; line-height:2rem;}
.dt-nR-ht ul li h4{ font-family:"vi-logo-font-Gotham-Book"; font-size:1rem; font-weight:normal; color:#888; line-height:1.5rem;}
.dt-nR-ht ul li h3{ font-size:1.25rem; font-weight:normal; color:#333; line-height:2rem; margin-top:10px;}
.dt-nR-ht ul li p{ color:#888; margin-top:10px;}
@media screen and (max-width:1440px) { 
.dt-nR-bg{ margin:85px 5% 0;}
}
@media screen and (max-width:800px) {
.dt-nR-bg{ margin:45px 5% 0;}	 
.dt-nR-lt{ width:100%; margin-right:0;}
.dt-nR-lt .dt-nR-js{ margin-top:25px;}
.dt-nR-lt .dt-nR-nt{ margin-top:25px;}

.dt-nR-ht{ width:100%; margin-top:35px;}
.dt-nR-ht ul li{ margin-bottom:25px;}
}
@media screen and (max-width:480px) {
.dt-nR-bg{ margin:35px 5% 0;}
.dt-nR-lt .dt-nR-nm{ font-size:1.5rem;}
.dt-nR-lt .dt-nR-in{ margin-top:5px;}

.dt-nR-ht{ margin-top:25px;}
.dt-nR-ht ul li{ margin-bottom:20px;}
.dt-nR-ht ul li h2{ font-size:1.5rem;}
}

/* Css Products */
.pt-bg{ margin:85px 5% 0;}
.pt-bg dl{ width:444px; height:52px; margin:0 auto; position:relative;}
.pt-bg dl a{ display:block; float:left; width:200px; height:50px; line-height:50px; border:1px solid #c0c0c0; margin:0 10px; font-size:1.25rem; text-align:center; border-radius:25px; -webkit-border-radius:25px; transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}
.pt-bg dl a:hover,.pt-bg dl a.g{ border:1px solid #d20313; background-color:#d20313; color:#fff;}
.pt-bg ul{ margin-top:10px;}
.pt-bg ul li{ float:left; width:20%; margin:15px 2.5% 0; overflow:hidden;}
.pt-bg ul li img{ width:100%;}
.pt-bg ul li h2{ font-size:1.25rem; font-weight:normal; line-height:2.5rem; margin-left:50px;}
.pt-bg ul li font{ font-family:"vi-logo-font-Gotham-Book";}
.pt-bg ul li p{ color:#666; margin-left:50px;}
.pt-ss{ font-size:2rem; text-align:center;}
@media screen and (max-width:1440px) { 
.pt-bg{ margin:65px 0 0;}
}
@media screen and (max-width:1280px) { 
.pt-bg ul li h2{ margin-left:0px;}
.pt-bg ul li p{ margin-left:0px;}
}
@media screen and (max-width:1024px) { 
.pt-bg ul li{ width:40%; margin:10px 5% 0;}
.pt-bg ul li h2{ margin-left:50px;}
.pt-bg ul li p{ margin-left:50px;}
}
@media screen and (max-width:800px) { 
.pt-bg{ margin:45px 0 0;}
.pt-bg ul{ margin-top:0px;}
.pt-bg ul li h2{ margin-left:0px;}
.pt-bg ul li p{ margin-left:0px;}
}
@media screen and (max-width:480px) { 
.pt-bg{ margin:25px 0 0;}
.pt-bg dl{ width:344px; height:42px;}
.pt-bg dl a{ width:150px; height:40px; line-height:40px; font-size:1.08rem; border-radius:20px; -webkit-border-radius:20px;}
.pt-bg ul li h2{ font-size:1.05rem; line-height:2rem;}
}
@media screen and (max-width:320px) { 
.pt-bg dl{ width:288px; height:37px;}
.pt-bg dl a{ width:132px; height:35px; line-height:35px; font-size:1rem; margin:0 5px; border-radius:17.5px; -webkit-border-radius:17.5px;}
.pt-bg ul li p{ display:none;}
.pt-bg ul li h2{ font-family:Microsoft YaHei; font-size:1rem; line-height:1.5rem; margin-left:0px; text-align:center;}
.pt-bg ul li font{ display:block;}
}

.pt-nR-fl{ margin-top:100px; width:100%; height:140px; background-color:#f0f0f0;}
.pt-nR-fl dl{ width:444px; height:52px; margin:0 auto; position:relative;}
.pt-nR-fl dl a{ display:block; float:left; width:200px; height:50px; line-height:50px; border:1px solid #c0c0c0; margin:45px 10px 0; font-size:1.25rem; text-align:center; border-radius:25px; -webkit-border-radius:25px; transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}
.pt-nR-fl a:hover{ border:1px solid #d20313; background-color:#d20313; color:#fff;}
@media screen and (max-width:800px) { 
.pt-nR-fl{ margin-top:60px;}
}
@media screen and (max-width:480px) { 
.pt-nR-fl{ height:100px;}
.pt-nR-fl dl{ width:344px; height:42px;}
.pt-nR-fl dl a{ width:150px; height:40px; line-height:40px; margin:28px 10px 0; font-size:1.08rem; border-radius:20px; -webkit-border-radius:20px;}
}
@media screen and (max-width:320px) { 
.pt-nR-fl dl{ width:288px; height:37px;}
.pt-nR-fl dl a{ width:132px; height:35px; line-height:35px; font-size:1rem; margin:28px 5px 0; border-radius:17.5px; -webkit-border-radius:17.5px;}
}

.pt-nR-lb{ margin:15px 10% 0; position:relative;}
.pt-nR-lb .pt-nR-ig a{ display:block; float:left; width:50%;}
.pt-nR-lb .pt-nR-ig a img{ width:100%;}
.pt-nR-lb .pt-nR-tx{ margin-left:30%;}
.pt-nR-lb .pt-nR-tx h2{ font-size:1.25rem; font-weight:normal; line-height:2.5rem;}
.pt-nR-lb .pt-nR-tx font{ font-family:"vi-logo-font-Gotham-Book";}
.pt-nR-lb .pt-nR-tx p{ color:#666;}
.pt-nR-lb .pt-nR-tx a{ display:block; float:left; width:68px; height:33px; line-height:33px; border:1px solid #c0c0c0; margin-top:20px; margin-right:10px; text-align:center; color:#888; border-radius:3px; -webkit-border-radius:3px; transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}
.pt-nR-lb .pt-nR-tx a:hover{ border:1px solid #d20313; background-color:#d20313; color:#fff;}
@media screen and (max-width:1440px) { 
.pt-nR-lb{ margin:15px 5% 0;}
}
@media screen and (max-width:1024px) { 
.pt-nR-lb .pt-nR-tx{ margin-left:32%;}
}
@media screen and (max-width:800px) { 
.pt-nR-lb .pt-nR-ig a{ width:100%;}
.pt-nR-lb .pt-nR-tx{ position:relative; left:0;}
}

/* Css Page */
.newpage{ margin:45px 2.5% 0;}
.newpage a{ display:block; float:left; border:1px solid #c0c0c0; line-height:50px; padding:0 25px; margin-right:10px; color:#888; border-radius:25px; -webkit-border-radius:25px; transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}
.newpage a:hover{ border:1px solid #d20313; background-color:#d20313; color:#fff;}
.newpage a.china{ font-family:Microsoft YaHei;}
.propage{ margin-top:65px; margin-left:5.5%; margin-right:5.5%;}
@media screen and (max-width:1440px) { 
.propage{ margin-top:45px; margin-left:5%; margin-right:5%;}
}
@media screen and (max-width:800px) { 
.newpage{ margin:35px 5% 0;}
}
@media screen and (max-width:480px) { 
.newpage a{ line-height:40px; padding:0 20px; border-radius:20px; -webkit-border-radius:20px;}
}