@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
/*font-family: 'Poppins', sans-serif;*/

body { padding:0px; margin:0px; background:#fff; font-size:16px; color:#1a171b; line-height:20px;font-family: 'open_sansregular'; letter-spacing:0.5px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, audio, video, source { display: block; margin: 0; padding: 0; }
a, img { border: medium none; }
a { color: #192432; text-decoration: none;  }
div { margin: 0; padding: 0; }
p { font-size:16px; line-height:24px; padding:0px; margin:0px; color:#000000;font-family: 'open_sansregular';} 
h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px;  line-height: 30px; }
a{ color: #192432; outline:none; }
/*a:hover { color: #979796; }*/
a:focus, :focus{ outline:none; }
ul,ol { list-style-type:none; padding:0px; margin:0px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }
.left { float:left; }
.right { float:right; }
.anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }
.anim2 { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.row{ width:1258px; margin:auto; padding:0px;}

#land-bg{background:url(../images/land-bg.jpg) no-repeat; background-size:cover;}
.logo {    float: none;    margin: 0 auto;    text-align: center;}
.logo ul li{display:inline-block;}
.content-pad{float:left; width:100%; padding:30px 0; text-align:center;}
.content-pad ul li.active:last-child::after{ position:absolute; right:10px; width:10px; height:16px; content:""; top:16px; background: url(../images/li-aw.png) no-repeat right 10px center;  padding-right:30px; animation: shake 1s linear infinite; -webkit-animation: shake 1s linear infinite; -moz-animation: shake 1s linear infinite; -o-animation: shake 1s linear infinite; }
 @keyframes shake {  0% {
background-position:89% center;
}
 50% {
background-position:100% center;
}
 100% {
background-position:89% center;
}
}
 -webkit-@keyframes shake {
 0% {
background-position:89% center;
}
 50% {
background-position:100% center;
}
 100% {
background-position:89% center;
}
}
 -moz-@keyframes shake {
 0% {
background-position:89% center;
}
 50% {
background-position:100% center;
}
 100% {
background-position:89% center;
}
}
.content-pad ul li.active:last-child{ padding-right:30px;	}

.content-pad ul li {float:none; position:relative; text-align:center; display:inline-block; margin-right:4%; background:#fff; padding:12px 20px;transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;  animation-name: fadeInDown;  animation-duration: 1s;    animation-fill-mode: both;    position: relative;
    transform: perspective(1px) translateZ(0px); border-radius:4px;
    transition-duration: 0.3s;
    transition-property: color;
    vertical-align: middle;}
.content-pad ul li::before{background: #f3ca22 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
	border-radius:4px;
    top: 0;
    transform: scaleX(0);
    transform-origin: 50% 50% 0;
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;}
	.content-pad ul li:hover::before{  transform: scaleX(1);}
	
.content-pad ul li a{font-family: 'Poppins', sans-serif; font-size:23px; line-height:23px; font-weight:600; color:#565656; text-transform:uppercase;}
.content-pad ul li.active{background:#ffe167; }
.content-pad ul li.active a, .content-pad ul li:hover a{color:#ff0000;}
 .content-pad ul li:hover a{color:#ff0000;}

.content-pad ul li:last-child{margin-right:0;}
.para-cont{float:left; width:100%;background:rgba(255,255,255, 0.7); padding:25px 50px; margin-bottom:15px;}
.para-cont p{ font-size:17px; line-height:28px; text-align:center; color:#2b2b2b; font-family: 'Poppins', sans-serif; font-weight:400; margin-bottom:15px;}
.para-cont p a{color:#ff0000;}
.para-cont p a:hover{text-decoration:underline;}
.para-cont h1{font-size:32px; font-weight:600; font-family: 'Poppins', sans-serif; text-align:center; color:#1f282d; position:relative; margin-bottom:50px;  animation-name: fadeInUp;  animation-duration: 1s;    animation-fill-mode: both; }
.para-cont h1::after{position:absolute; content:""; background:url(../images/border-img.png) no-repeat; width:285px; height:19px; display:block; margin:15px auto; left:0; right:0}
.para-cont .p-tabs h2{ background:#ff4040 url(../images/li-bg.png) no-repeat left 5px center; color:#fff; width:auto; float:left; padding:5px 15px 5px 40px; font-size:20px; font-weight:500; font-family: 'Poppins', sans-serif;}
.para-cont .p-tabs p{float:left; text-align:left;  font-size:15.5px; line-height:28px; margin-bottom:10px;}
.para-cont .p-tabs p span{font-weight:800;}
.para-cont .p-tabs{float:left; width:100%; margin-bottom:20px;}
.para-cont .p-tabs .p-tabs-bg{float:left; width:100%; background:#fff; padding:15px 20px;}
.para-cont .p-tabs span.hg{  color:#ff4040; width:auto; display:inline;  font-size:19px; font-weight:500; font-family: 'Poppins', sans-serif;}

@keyframes fadeInDown {
0% {
    opacity: 0;
    transform: translate3d(0px, -100%, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
.fadeInDown {
    animation-name: fadeInDown;
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
@keyframes fadeInUp {
0% {
    opacity: 0;
    transform: translate3d(0px, 100%, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}