body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,th,td,iframe{margin:0;padding:0;}
body{font:14px/1.571429 "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Roboto,Arial,sans-serif;color:#262525;word-break:break-all;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;vertical-align:top;}
option{padding-left:5px;*padding:0;}
ul, li{list-style:none;}
a{color:#999;text-decoration:none;}
.fl{float:left;}
.fr{float:right;}
.clear{ clear:both}
h1,h2,h3,h4,h5,h6{font-weight:normal}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
@font-face {
  font-family: 'webfont';
  font-display: swap;
  src: url('https://at.alicdn.com/t/webfont_mm68mxq6y8.eot'); /* IE9*/
  src: url('https://at.alicdn.com/t/webfont_mm68mxq6y8.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('https://at.alicdn.com/t/webfont_mm68mxq6y8.woff2') format('woff2'),
  url('https://at.alicdn.com/t/webfont_mm68mxq6y8.woff') format('woff'), /* chrome、firefox */
  url('https://at.alicdn.com/t/webfont_mm68mxq6y8.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('https://at.alicdn.com/t/webfont_mm68mxq6y8.svg#思源黑体-极细') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: 'iconfont';  /* Project id 2636488 */
  src: url('https://at.alicdn.com/t/font_2636488_jxn2zxkyft.woff2?t=1624803674184') format('woff2'),
       url('https://at.alicdn.com/t/font_2636488_jxn2zxkyft.woff?t=1624803674184') format('woff'),
       url('https://at.alicdn.com/t/font_2636488_jxn2zxkyft.ttf?t=1624803674184') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}



.top{width:100%;height:60px;background:#222538;}
.menu{width:1200px;height:60px;margin:0px auto}
.logo{width:260px;float:left;line-height: 60px;}
.logo img{height:50px;vertical-align: middle;padding-top:5px;float:left;padding-right:10px;}
.logo span{font-size: 36px;color:#fff;float:left;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;    -moz-osx-font-smoothing: grayscale;}
#colorNav{float:left}
#colorNav > ul{	width: 100%; margin:0 auto;line-height:60px;text-align:center;height:60px;}
#colorNav > ul > li{display: inline-block;position:relative;font-size:16px;height:60px;}
#colorNav > ul > li > a{padding:0 22px;display: block;color:#fff}
#colorNav li ul{position:absolute;list-style:none;text-align:center;width:190px;left:50%;margin-left:-95px;max-height:0px;overflow:hidden;-webkit-transition:max-height 0.4s linear;
-moz-transition:max-height 0.4s linear;transition:max-height 0.4s linear;z-index:999;}
#colorNav > ul > li > a:hover{background:#00a0e9;color:#fff}
#colorNav li ul li{background-color:#fff;}
#colorNav li ul li a{padding:10px 15px 10px 15px;color:#666666 !important;text-decoration:none !important;display:block;line-height:30px;font-size:14px}
#colorNav li ul li:nth-child(odd){background-color:rgba(255,255,255,1);}
#colorNav li ul li{background-color:rgba(255,255,255,1);}
#colorNav li ul li:hover{background-color:#00a0e9;}
#colorNav li ul li:first-child{position:relative;line-height:30px}
#colorNav li ul li:first-child:before{content:'';position:absolute;width:1px;height:1px;border:5px solid transparent;border-bottom-color:rgba(0,160,233,0.8);left:50%;top:-5px;margin-left:-5px;}
#colorNav li ul li:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
#colorNav li:hover ul{max-height:300px;}

.web_nav li{float:left;height:60px;line-height: 60px;padding:0px 10px}
.web_nav li a{color:#fff}

.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{outline:0}
.slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none;z-index:9}
.flexslider{margin:0;padding:0}
.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}
.flexslider .slides img{width:100%;display:block}
.flex-pauseplay span{text-transform:capitalize}
.slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}
html[xmlns] .slides{display:block}* html .slides{height:1%}
.no-js .slides>li:first-child{display:block}
.flexslider{background:#fff;position:relative;zoom:1}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.loading .flex-viewport{max-height:300px}
.flexslider .slides{zoom:1}
.carousel li{margin-right:5px}
.flex-direction-nav{*height:0}
.flex-direction-nav a{width: 50px; height: 50px; margin: -20px 0 0; display: block; background:url(../img/reg.png) no-repeat -50px 0px; position: absolute; top: 45%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-prev{left:50px}
.flex-direction-nav .flex-next{right:50px;}
.flexslider:hover .flex-prev{opacity: 0; left: 215px;}
.flexslider:hover .flex-next{opacity: 0; right: 215px;}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1;}
.flex-direction-nav .flex-disabled{opacity: 0!important; filter:alpha(opacity=30); cursor: default;}
.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}
.flexslider .flex-next{background-position:-12px -108px;}

.flex-pauseplay a:before{font-family:"flexslider-icon";font-size:20px;display:inline-block;content:'\f004'}
.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:'\f003'}
.flex-control-nav{width:100%;position:relative;text-align:center;bottom:30px}
.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline}
.flex-control-paging li a{width:16px;height:16px;display:block;cursor:pointer;text-indent:-9999px;-webkit-border-radius:8px;-moz-border-radius:10px;-o-border-radius:8px;border-radius:10px;border:1px solid #c9cbca}
.flex-control-paging li a:hover{background:#fff;background:#212024)}
.flex-control-paging li a.flex-active{background:#fff;cursor:default}
.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}
.flex-control-thumbs li{width:25%;float:left;margin:0}
.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer}
.flex-control-thumbs img:hover{opacity:1}
.flex-control-thumbs .flex-active{opacity:1;cursor:default}
@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:0;left:10px}.flex-direction-nav .flex-next{opacity:0;right:10px}}


.top_a{top:10%;right:10%}
.top_b{top:30%;right:10%}
.c_enter{text-align: center;}
.c_c{color:#fff !important}
.pad{padding:20px 0px 0px 0px}
.pad_a{padding:20px 0px}
.pad_b{padding:10px !important;}
.fixed{position: fixed;z-index: 999;}
.border_a{border:1px solid #ddd}
.border_a img{width:100%}
/*****************************
 *   02. hero-area
 ***************************** */
.hero-slider .single-slide {height: 667px;background-size: cover;background-position: center center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
font-size: 24px;
line-height: 34px;
font-weight: 300;
position: relative; }
@media only screen and (max-width: 991px) {
.hero-slider .single-slide {height: auto;padding: 60px 30px 100px;z-index: 1; }
.hero-slider .single-slide::after {content: "";height: 100%;width: 100%;background-color: #f1f4f9;z-index: -1;left: 0;top: 0;position: absolute; }
 }
@media only screen and (max-width: 767px) {
.hero-slider .single-slide {font-size: 18px;line-height: 24px;text-align: center; } 
}
.hero-slider .single-slide h2 {font-size: 48px;line-height: 67px;margin: 0 0 25px;font-weight: 700; }
@media only screen and (max-width: 767px) {
.hero-slider .single-slide h2 {font-size: 30px;line-height: 35px; } 
}
.hero-slider .single-slide .slide-btn {margin-top: 50px; }
.hero-slider .single-slide .slide-btn a:not(:last-child) {margin-right: 4px; }
.hero-slider .owl-dots {display: inline-block;position: absolute;left: 50%;bottom: 20px;-webkit-transform: translateX(-50%);transform: translateX(-50%); }
.hero-slider .owl-dots .owl-dot {background-color: #fff;display: inline-block;width: 20px;height: 8px;margin: 0 3px;border-radius: 30px; }
.hero-slider .owl-dots .owl-dot.active {width: 40px; }
.hero-slider .owl-nav > div {position: absolute;left: 0;top: 50%;height: 40px;width: 40px;background-color: #fff;text-align: center;line-height: 40px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.hero-slider .owl-nav > div.owl-next {left: auto;right: 0; }
.testimonial-area .section-title {margin-bottom: 45px; }
.testimonial-slider .single-slide {background-color: #fff;padding: 35px;border-radius: 5px;font-weight: 300;color: #7d91aa;border: 1px solid; }
.testimonial-slider .single-slide img {width: auto; }
.testimonial-slider .single-slide .client-info {overflow: hidden; }
.testimonial-slider .single-slide .client-info .client-img {width: 58px;float: left;border-radius: 50%;overflow: hidden; }
.testimonial-slider .single-slide .client-info .client-data {padding-left: 78px; }
.testimonial-slider .single-slide .client-info .client-data h4 {font-size: 16px;margin: 4px 0 0; }
.testimonial-slider .owl-nav > div {
background-color: #222222;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
color: #fff;
position: absolute;
left: -55px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 4px; }
@media only screen and (max-width: 991px) {
.testimonial-slider .owl-nav > div {left: -12.5px;height: 25px;width: 25px;line-height: 25px; }
.testimonial-slider .owl-nav > div i {font-size: 13px; } 
}
.testimonial-slider .owl-nav > div.owl-next {left: auto;right: -55px; }
@media only screen and (max-width: 991px) {
.testimonial-slider .owl-nav > div.owl-next {right: -12.5px; } 
}
.container{width:1200px;margin: 0px auto;}
.pj_title{text-align: center;margin-bottom: 30px;}
.pj_title span{display: block;font-size: 30px;}
.pj_title p{font-size:14px;color:#ADADAD}

.pj_homepro{width:1200px;height:100%;overflow: hidden;margin: 0px auto;}
.pj_homepro ul{margin-right:-20px}
.pj_homepro ul li{float: left;overflow: hidden;margin-bottom: 20px;text-align: center;width: 283px;margin-right: 20px;border: 1px #CCCCCC solid;height:250px}
.pj_homepro ul li p{padding:10px 0px;}
.photo{width:281px;height:210px;transition: all 0.6s;overflow: hidden;}
.photo img{width:100%}
.photo:hover{transform: scale(1.1);}

.pj_youshi{width:100%;background-color: #f3f6fa;padding-top: 90px;padding-bottom: 90px;}
.youshi_lsit{width:1200px;height:100%;overflow: hidden;margin: 0px auto;}
.youshi_lsit ul li{width:340px;float:left;background:#fff;padding:30px;margin: 15px;border-radius: 7px;}
.youshi_lsit ul li:hover {box-shadow: 2px 2px 25px rgba(0, 0, 0, 0.15);-webkit-transition: all 0.3s cubic-bezier(0.84, 0.35, 0.39, 0.74) 0s;transition: all 0.3s cubic-bezier(0.84, 0.35, 0.39, 0.74) 0s; }
.title_a {overflow: hidden;margin-bottom: 15px;}
.title_a  .icon {float: left;font-size: 26px;color:#022D64}
.title_a h4 {padding-left: 50px;font-size: 20px;margin: 3px 0 0;}
.title_a .content {font-weight: 300;font-size: 14px;color: #2d3666;line-height: 26px;}

.pj_homecase{width:100%;background-color: #4698ff;padding-top: 30px;padding-bottom: 30px;}
.pj_homenews{width:1200px;height:100%;overflow: hidden;margin: 0px auto;}
.pj_homenews_fr{width:600px;float:right}
.faq-area .section-title {margin-bottom: 60px; }
.pj_homenews_fl{position: relative;width:580px;float:left}
.pj_homenews_fl img{width:100%;}
.pj_homenews_tit{position: absolute;bottom:0px;background: rgba(0,0,0,0.5);width:100%;right:0px;padding:10px;color:#fff}

.faq {padding: 0;margin: 0;list-style: none; }
.faq .single-item {background-color: #fff;padding: 20px;padding-left: 50px;line-height: 28px;font-weight: 700;margin-bottom: 10px;cursor: pointer;border-radius: 4px;position: relative; }
.faq .single-item::after {content: "+";width: 25px;height: 25px;border-radius: 50%;background-color: #222;color: #fff;position: absolute;left: 15px;top: 15px;text-align: center;line-height: 25px;font-size: 20px; }
.faq .single-item.active::after {content: "-";background-color: #fff;color: #222; }
.faq .single-item.active {color: #fff; }
.faq .single-item.active h4 {color: #fff; }
.faq .single-item h4 {font-size: 16px;margin: 0; }
.faq .single-item .content {padding-top: 15px;font-size: 14px;font-weight: 400;display: none; }
.single-faq {border: 1px solid #cad4de;padding: 35px;margin-bottom: 30px;border-radius: 5px;color: #7d91aa;font-size: 14px;font-weight: 300; }
.single-faq h2 {font-size: 24px;margin-bottom: 20px; }
.single-faq h2 span {height: 40px;width: 40px;text-align: center;line-height: 40px;color: #fff;border-radius: 4px;margin-right: 20px; }
@media only screen and (max-width: 991px) {
.single-faq h2 span {font-size: 18px;line-height: 30px;height: 30px;width: 30px;margin-right: 15px; }
}

.faq-sidebar-wrap {border: 1px solid #cad4de;margin-bottom: 30px;padding: 35px;border-radius: 4px; }
@media only screen and (max-width: 991px) {
.faq-sidebar-wrap {padding: 15px; } 
}
.faq-sidebar-wrap h3 {font-size: 20px;font-weight: 400;margin: 0 0 15px; }
.faq-sidebar {padding: 0;list-style: none;margin: 0; }
.faq-sidebar li {position: relative;padding-left: 20px; }
.faq-sidebar li a:hover {color: #222; }
.faq-sidebar li span {color: #7d91aa;position: absolute;left: 0;top: 0; }
.single-item.active{background-color: #4698ff;}
.pj_footer{background:#191d20;padding:30px 0px}

.contenter{width:1200px;height:100%;overflow: hidden;margin:0px auto;padding:20px 0px}
.case_img img{width:100% !important;position: relative !important;border-radius: 5px;}


.pj_content{width:1200px;height:100%;overflow:hidden;margin:0px auto;padding:20px 0px}
.content_fl{width:230px;float:left}
.content_item{width:228px;border:1px solid #ddd;}
.content_item h2{text-align: center;border-bottom:1px solid #ddd;font-size: 18px;color:#333;line-height: 60px;font-weight: bold;}
.content_item li{width:228px;}
.content_item li a{display: block;}
.content_item li p{font-size:16px;color:#333;line-height: 45px;padding:0px 20px}
.content_item li span{font-size:14px;display: block;line-height: 35px;padding-left:40px;}
.content_item li span:hover{background:#ddd}

.conten_news{width:228px;border:1px solid #ddd;}
.conten_news h2{text-align: center;border-bottom:1px solid #ddd;font-size: 18px;color:#333;line-height: 60px;font-weight: bold;}
.conten_news{border-bottom:1px solid #ddd;border-top:1px solid #ddd;margin-top:20px}
.conten_news li{width:218px;line-height: 35px;padding-left:20px;background:url(../../images/dot.png)no-repeat center left;margin-left:10px}

.jypj_title{text-align: center;}
.jypj_title h1{padding:15px 0px;}
.jypj_title p{border-bottom:1px solid #ddd;padding-bottom:15px}
.jypj_title p span{padding:0px 10px}
.article_body{padding:20px;line-height: 30px;}

.pj_tag{width:228px;border:1px solid #ddd;margin-top:20px;padding:10px}
.pj_tag h2{text-align: center;border-bottom:1px solid #ddd;font-size: 18px;color:#333;line-height: 60px;font-weight: bold;margin-bottom:10px;}
.pj_tag a{border:1px solid #ddd;display: inline-block;border-radius: 15px;padding:0px 10px;margin-right:5px}


.content_fr{width:950px;float:right}
.content_content{width:950px;border-top:1px solid #ddd;padding-top:10px;margin-top:10px;height:100%;overflow: hidden;}
.content_content ul{margin-right:-25px;padding:10px 0px}
.content_content li{width:288px;margin-right:25px;float:left;border:1px solid #ddd;padding:5px;overflow: hidden;margin-bottom:20px;}
.content_content li img{width:100%}
.content_content li span{display: block;line-height: 30px;text-align: center;}
.content_content li p{text-align: center;line-height: 30px;}
.content_body table{text-align: center;}
.content_body table img{max-width: 100%;;}

.tags{width:950px;border-top:1px solid #ddd;padding-top:10px;margin-top:10px;height:100%;overflow: hidden;}
.tags a{border:1px solid #ddd;display: inline-block;border-radius: 15px;padding:0px 10px;margin-right:5px}



.content_body{padding:10px;margin-top:25px;border-top:1px solid #ddd;line-height: 24px;padding:15px;}
.content_body_bt{display: block;padding:10px 0px;font-size: 24px;text-align: center;border-bottom:1px solid #ddd;margin-bottom: 30px;color:#000;font-weight: bold;}
.content_exp{background:#f5f5f5;padding:5px;margin-top:10px}
.content_exp li{line-height: 40px;}

.cp_content_tit{width:928px;height:100%;overflow: hidden;padding:10px}
.cp_content_tit p{font-size: 18px;color:#000;border-bottom:1px solid #ddd;margin-bottom:10px;padding-bottom:10px}
.cp_content_tit ul{margin-right:-8px;}
.cp_content_tit ul li{margin-right:8px;width:224px;float:left;height:200px;overflow: hidden;}
.cp_content_tit ul li img{width:100%;}
.cp_content_tit ul li div{width:224px;height:168px;overflow: hidden;}
.cp_content_tit ul li span{width:100%;display: block;height:27px;line-height: 27px;text-align: center;}


.pc_text{line-height: 45px;height:45px}
.font_a{font-size:18px;color:#000}
.article_content{border:1px solid #ddd;width:948px;height:100%;overflow: hidden;}
.pro{width:948px;height:100%;overflow: hidden;}
.pro_fl{width:510px;float:left;padding:10px}
.pro_fr{width:100%;text-align: center;padding:20px;height:100%;overflow: hidden;}
.pro_fr h1{font-size:24px;color:#000;padding:10px 0px}
.pro_fr p{border-bottom:1px dotted #ddd;padding:0px 0px 10px 0px;margin-bottom:10px}
.pro_fr div{text-align: left;line-height: 30px;letter-spacing:2px;font-size:16px;}
.pro_fr a{display: inline-block;background: #00A0E9;border-radius: 5px;padding:10px 25px;color:#fff;}
.pro_fr span{padding:0px 10px}

.yykeys{width:928px;margin:0px auto;padding-bottom:20px}
.yykeys a{color:#1c57c4;}
.tools{width:928px;margin:0px auto;border-top:1px solid #ddd;padding-top:20px;height:100%;overflow: hidden;}
.mpage li{float:left}
.mpage li a{color:#1c57c4;}
.mpage li:first-child{padding-right:30px}
.on{background: #efefef;border-left: 4px solid #e9280c;color:#000}
.onn{background: #efefef;}

.article{border-top:1px solid #ddd;padding-top:10px;margin-top:10px}
.article li{line-height: 40px;border-bottom:1px dotted #ddd;background:url(../../images/dot.png)no-repeat center left;padding-left:15px}
.article li span{float:right;}

.hz_content{width:950px;border-top:1px solid #ddd;padding-top:10px;margin-top:10px;height:100%;overflow: hidden;}
.hz_content ul{margin-right:-25px;padding:10px 0px}
.hz_content li{width:18%;float:left;border:1px solid #ddd;overflow: hidden;margin:0px 1% 25px 1%}
.hz_content li img{width:100%}

.footer {position: relative;padding: 30px 0;background: url(../img/bg.jpg)no-repeat;color: #4a4a4a;font-size: 12px;}
.footer_info{margin:0px auto;width:1200px;height:100%;overflow: hidden;}
.footer_info li{position: relative;}
.nav-f {border-right: 1px solid #000000;padding: 40px;min-height: 260px;float: left;}
.mc_title {font-size: 15px;color: #272727;color: #ffffff;font-weight: normal;margin: 0 0 10px;font-size: 16px;font-weight: bold;padding-bottom: 20px;}
.mc_title::before {content: '';position: absolute;left: 40px;top: 75px;height: 2px;width: 20px;background: #ca1621;background: ;}
.mc_img {padding-top: 5px;width: 100px;height: 100px;float: left;}
.mc_img img{width:100%}
.contact_wrap {padding-right: 10px;border-left: 1px solid #535353;border-right: 1px solid #000000;padding: 40px;min-height: 260px;float: left;}
.nav_l {border-left: 1px solid #535353;padding: 40px;min-height: 260px;width: 33%;float:left}
.navlist {display: inline-block;}
.navlist a {cursor: pointer;display: inline-block;color: #aaaaaa;color: #aaaaaa;padding-right: 15px;padding-bottom: 10px;color: #aaaaaa;color: #aaaaaa;margin-bottom: 15px;}
.foot-msg {padding: 15px 0;background-color: #ffffff;background-color: #272727;color: #aaaaaa;text-align: center;}
.time-text{line-height: 26px;color:#fff;}
.tel-msg{font-size: 24px;color:#fff}
.footer-link{float:right}
.footer-link span{padding:0px 5px}


.pgwSlideshow {
    width: 100%;
    display: none;
}

.pgwSlideshow a{
    color: #fff;
}

.pgwSlideshow .ps-current {
    text-align: center;
    position: relative;
    min-height: 150px;
    overflow: hidden;
}

.pgwSlideshow .ps-current > ul  > li {
    text-align: center;
    width: 100%;
    z-index: 1;
    opacity: 0;
    display: block;
}

.pgwSlideshow .ps-current > ul  > li img {
    display: block;
    max-width: 100%;
    margin: auto;
}

.pgwSlideshow .ps-caption {
    background: rgba(0, 0, 0, 0.5);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";
    text-align: left;
    font-size: 1rem;
    color: #fff;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    padding: 10px;
    display: none;
}

.pgwSlideshow .ps-caption span {
    padding: 7px;
    display: inline-block;
}

.pgwSlideshow .ps-list {
    border-top: 1px solid #ebebeb;
    overflow: hidden;
    position: relative;
}

.pgwSlideshow .ps-list ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    left: 0;
}

.pgwSlideshow .ps-list li {
    float: left;
}

.pgwSlideshow .ps-list li .ps-item {
    display: block;
    margin: 15px 8px;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.pgwSlideshow .ps-list li img {
    display: block;
    border: 1px solid #777;
    width: 80px;
    height: 80px;
}

.pgwSlideshow .ps-list li .ps-item.ps-selected {
    float: left;
    opacity: 1;
    border: 4px solid #fff;
    overflow: hidden;
}

.pgwSlideshow .ps-list li .ps-item.ps-selected img {
    margin: -4px;
}

.pgwSlideshow .ps-prevIcon {
    border-color:transparent #ccc transparent;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    display: block;
}

.pgwSlideshow .ps-nextIcon {
    border-color:transparent #ccc transparent;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    display: block;
}

.pgwSlideshow .ps-current .ps-prev {
    border-left: 0;
    border-radius: 0 4px 4px 0;
    position: absolute;
    padding: 20px 20px 20px 15px;
    left: 0;
    top: 45%;
    cursor: pointer;
}

.pgwSlideshow .ps-current .ps-next {
    border-right: 0;
    border-radius: 4px 0 0 4px;
    position: absolute;
    padding: 20px 15px 20px 20px;
    right: 0;
    top: 45%;
    cursor: pointer;
}

.pgwSlideshow .ps-list .ps-prev {
    background: rgba(0, 0, 0, 0.5);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')";
    border: 1px solid #777;
    border-left: 0;
    border-radius: 0 4px 4px 0;
    padding: 20px 15px 20px 12px;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: 1000;
    display: none;
}

.pgwSlideshow .ps-list .ps-next {
    background: rgba(0, 0, 0, 0.5);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')";
    border: 1px solid #777;
    border-right: 0;
    border-radius: 4px 0 0 4px;
    padding: 20px 12px 20px 15px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 25px;
    z-index: 1000;
    display: none;
}

/*
 * The media-queries are not used because IE8 doesn't support them.
 */
.pgwSlideshow.narrow .ps-list li img {
    width: 60px;
    height: 60px;
}

.pgwSlideshow.narrow .ps-current .ps-prev {
    padding: 15px 15px 15px 12px;
    top: 40%;
}

.pgwSlideshow.narrow .ps-current .ps-next {
    padding: 15px 12px 15px 15px;
    top: 40%;
}

.pgwSlideshow.narrow .ps-list .ps-prev {
    padding: 15px 12px 15px 10px;
    top: 20px;
}

.pgwSlideshow.narrow .ps-list .ps-next {
    padding: 15px 10px 15px 12px;
    top: 20px;
}

.pgwSlideshow.narrow .ps-caption {
    font-size: 0.8rem;
    padding: 8px;
}
.box{
	font-family: 'Kanit', sans-serif;
	text-align: center;
	border: 10px solid #fff;
	box-shadow: 1px 1px 2px #e6e6e6;
	overflow: hidden;
	position: relative;
}
.box:hover{ box-shadow: 13px 13px 15px rgba(0, 0, 0, 0.3); }
.box:before{
	content: "";
	background: linear-gradient(to left top,#11998e,#38ef7d);
	height: 100%;
	width: 100%;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.4s linear;
}
.box:hover:before{ opacity: 1; }
.box img{
	width: 100%;
	height: auto;
	transition: all 0.4s linear;
}
.box:hover img{
	opacity: 0;
	transform: scale(3);
}
.box .box-content{
	color: #fff;
	width: 100%;
	transform: translateY(-50%) scale(0);
	position: absolute;
	top: 50%;
	left: 0;
	transition: all 0.4s linear;
}
.box:hover .box-content{ transform: translateY(-50%) scale(1); }
.box .title{
	font-size: 25px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0;
}
.box .post{
	font-size: 16px;
	text-transform: capitalize;
}
.box .icon{
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	right: 8px;
	bottom: 10px;
}
.box .icon li{
	display: inline-block;
	margin: 0 1px;
	opacity: 0;
	transform: scale(1.3);
	transition: all 0.3s ease 0.4s;
}
.box:hover .icon li{
	opacity: 1;
	transform: scale(1);
}
.box:hover .icon li:nth-child(2){ transition: all 0.3s ease 0.2s; }
.box .icon li a{
	color: #11998e;
	background: #fff;
	font-size: 16px;
	line-height: 33px;
	height: 33px;
	width: 33px;
	border-radius: 50%;
	display: block;
	transition: all 0.5s ease;
}
.box .icon li  a:hover{
	color: #fff;
	background-color: #11998e;
	box-shadow: 0 0 5px #000;
}
@media only screen and (max-width:990px){
	.box { margin: 0 0 30px; }
}