@charset "utf-8";
/* CSS Document */

/*p-2*/
.pictrue2_text .img1{ margin:78px 0 5px;}
.pictrue2_text .img2{ margin:0 0 14px;}
.pictrue2_text .img3{ margin:0 0 8px;}
.pictrue2_imgbox{ position:relative;}
.pictrue2_img{ padding:30px 20px 20px; position:absolute; right:0; top:-50px; z-index:11; width:80%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.8+2,0.8+100 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 2%, rgba(255,255,255,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 2%,rgba(255,255,255,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 2%,rgba(255,255,255,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#ccffffff',GradientType=0 ); /* IE6-9 */
    box-shadow:5px 5px 5px rgba(0,0,0,0.2);-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.2);-moz-box-shadow:5px 5px 5px rgba(0,0,0,0.2);-ms-box-shadow:5px 5px 5px rgba(0,0,0,0.2);-o-box-shadow:5px 5px 5px rgba(0,0,0,0.2);
}
.pictrue2_img:hover{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.9+1,0.9+100 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 1%, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 1%,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 1%,rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */
}
.pictrue2_img #owl-demo .item{ transition:all 0.3s;}
.pictrue2_img #owl-demo .item img{ display: block; max-width:100%; margin:0 auto;}
.pictrue2_img .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.pictrue2_img .owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.pictrue2_img .owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.pictrue2_img .owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.pictrue2_img .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.pictrue2_img .owl-carousel .owl-item{float:left}
.pictrue2_img .owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.pictrue2_img .owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.pictrue2_img .grabbing{cursor:url(images/grabbing.png) 8 8,move}
.pictrue2_img .owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.pictrue2_img .owl-theme .owl-controls{text-align:center; height:12px;}
.pictrue2_img .owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=50);opacity:0.5}
.pictrue2_img .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
.pictrue2_img .owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}
.pictrue2_img .owl-theme .owl-controls .owl-page span{display:block;width:10px;height:10px;margin:0 5px;filter:Alpha(Opacity=50);opacity:0.5;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#869791}
.pictrue2_img .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}
.pictrue2_img .owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.pictrue2_img .owl-item.loading{min-height:150px;background:url(images/AjaxLoader.gif) no-repeat center center}

/*syaboutbox*/
.syaboutbox{ margin-bottom:80px; position:relative;}
.syaboutbox #owl-demo2 .item{ padding-top:45px;}
.syaboutbox #owl-demo2 .item .syabout a{ position:relative; display:block;}
.syaboutbox #owl-demo2 .item .syabout a .imgbox{ position:relative; width:50%;}
.syaboutbox #owl-demo2 .item .syabout a .imgbox span{ padding:15px 50px 0 36px; position:absolute; right:117px; top:-45px; z-index:1; width:110px; height:130px; background:#4ba0e2; font-size:18px; color:#fff; line-height:20px;}
.syaboutbox #owl-demo2 .owl-item:first-child .item .syabout a .imgbox span{ background:#f4a47a}
.syaboutbox #owl-demo2 .item .syabout a .imgbox span small{ position:absolute; left:10px; top:100px; z-index:1; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fad5c4; transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);}
.syaboutbox #owl-demo2 .item .syabout a .textbox{ padding:4% 3%; position:absolute; top:0; right:0; z-index:1; width:50%; height:100%; background:#fff; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.syaboutbox #owl-demo2 .item .syabout a .textbox p{ font-size:12px; color:#333; line-height:30px; height:210px; overflow:hidden; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.syaboutbox .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.syaboutbox .owl-carousel{display:none;width:100%;-ms-touch-action:pan-y}
.syaboutbox .owl-carousel .owl-wrapper{display:none;-webkit-transform:translate3d(0px,0px,0px)}
.syaboutbox .owl-carousel .owl-wrapper-outer{overflow:hidden;width:100%}
.syaboutbox .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.syaboutbox .owl-carousel .owl-item{float:left}
.syaboutbox .owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.syaboutbox .owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.syaboutbox .grabbing{cursor:url(images/grabbing.png) 8 8,move}
.syaboutbox .owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.syaboutbox .owl-theme .owl-controls{text-align:center;}
.syaboutbox .owl-theme .owl-controls .owl-buttons div{ position:absolute; margin:0 0 -40px; bottom:50%; z-index:1;color:#3f2b00;display:inline-block;zoom:1;*display:inline;font-size:60px; line-height:100%; height:41px; width:22px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;}
.syaboutbox .owl-theme .owl-controls .owl-buttons div.owl-prev{ background:url(../../images/syabout_jt.png) no-repeat left; left:-90px;}
.syaboutbox .owl-theme .owl-controls .owl-buttons div.owl-next{ background:url(../../images/syabout_jt.png) no-repeat right;  right:-90px;}
.syaboutbox .owl-theme .owl-controls .owl-pagination{ position:absolute; left:0; bottom:-50px; z-index:1; width:100%;}
.syaboutbox .owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline;}
.syaboutbox .owl-theme .owl-controls .owl-page span{display:block;width:8px;height:8px;margin:0 2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#988e78; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;}
.syaboutbox .owl-theme .owl-controls .owl-page.active span{width:30px; background:#3f2b00;	}
.syaboutbox .owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.syaboutbox .owl-item.loading{min-height:150px;background:url(images/AjaxLoader.gif) no-repeat center center}


@media (max-width:1320px){
    /*syabout*/
    .syaboutbox .owl-theme .owl-controls .owl-buttons div.owl-prev{left:-50px;}
    .syaboutbox .owl-theme .owl-controls .owl-buttons div.owl-next{right:-50px;}
}

@media (max-width:1250px){
    /*syabout*/
    .syaboutbox .owl-theme .owl-controls .owl-buttons div{ display:none;}
    .syaboutbox #owl-demo2 .item .syabout a .textbox{ padding:2% 3%;}
}

@media (max-width:991px){
    /*p-2*/
    .pictrue2_text .img1{ margin:30px 0 5px;}
    .pictrue2_text .img4{ margin:0 0 30px;}

    /*syabout*/
    .syaboutbox{ margin-bottom:0;}
    .syaboutbox .owl-theme .owl-controls .owl-pagination { display:none;}
    .syaboutbox #owl-demo2 .item .syabout a .imgbox span{ padding:10px 50px 0 36px; right:80px; width:100px; height:120px; font-size:16px; line-height:18px;}
    .syaboutbox #owl-demo2 .item .syabout a .imgbox span small{ top:90px;}
    .syaboutbox #owl-demo2 .item .syabout a .textbox p{ margin:0; line-height:26px; height:182px;}

}

@media (max-width:767px){
    /*p-2*/
    .pictrue2_text .img1{ margin:20px 0 5px;}
    .pictrue2_text .img4{ margin:0 0 20px;}

    /*syabout*/
    .syaboutbox #owl-demo2 .item{ padding-top:-30px;}
    .syaboutbox #owl-demo2 .item .syabout a .imgbox{ width:100%; background:#fff;}
    .syaboutbox #owl-demo2 .item .syabout a .imgbox img{ display:block; margin:0 auto;}
    .syaboutbox #owl-demo2 .item .syabout a .imgbox span{ right:50px; top:-30px; padding:10px 36px 0 30px; width:80px; height:100px; font-size:14px; line-height:16px;}
    .syaboutbox #owl-demo2 .item .syabout a .imgbox span small{ top:65px; left:15px;}
    .syaboutbox #owl-demo2 .item .syabout a .textbox{ position:inherit; width:100%;}
    .syaboutbox #owl-demo2 .item .syabout a .textbox p{ height:auto;}
}

@media (max-width:639px){

}

@media (max-width:479px){

}

@media (max-width:413px){

}

@media (max-width:339px){

}