﻿
.pic-img {
    padding-top:19%;
}
.pic-img2 {
    padding-top:10%;
}
.main .right dl{
    padding-top:14px;padding-left:35px;
}
.main .left1 dl{
    padding-top:4px;padding-left:35px;
}
.main .right1 dl dd{
    padding-top:4px;padding-left:35px;
    height:42px;
}
.main .right dl  a,.main .left1 dl a,.main .right1 dl dd a{
    color:#333;font-size:16px;
}
.main .right dl a:hover,.main .left1 dl a:hover,.main .right1 dl dd a:hover{
    color:#fe4242;
    }
.left1 {
    width:425px;float:left;
    margin-top:60px;
    margin-right:25px;
      margin-bottom:60px;
}
.right1 {
margin-top:70px;
  margin-bottom:60px;
    float:left;
}
.pic
{max-width:820px;max-height:540px;position:relative;overflow:hidden;margin:10px;display:inline-block;-webkit-animation:anima 2s;-moz-animation:anima 2s;-o-animation:anima 2s;-ms-animation:anima 2s;animation:anima 2s;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.pic-3d{-webkit-perspective:500;-moz-perspective:500;-o-perspective:500;-ms-perspective:500;perspective:500;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.pic-caption{position:absolute;width:100%;height:100%;background:rgba(234,107,37,0.82);padding:10px;text-align:center;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}.pic-image{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.pic:hover .pic-image{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.pic-title{font-size:1em;padding-top:5%;padding-bottom:15px;font-weight:100;}a,a:hover,.pic .pic-image,.pic-caption,.pic:hover .pic-caption,.pic:hover img{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease}.pic:hover .bottom-to-top,.pic:hover .top-to-bottom,.pic:hover .left-to-right,.pic:hover .right-to-left,.pic:hover .rotate-in,.pic:hover .rotate-out,.pic:hover .open-up,.pic:hover .open-down,.pic:hover .open-left,.pic:hover .open-right,.pic:hover .come-left,.pic:hover .come-right{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-moz-touch-callout:none;-o-touch-callout:none;-ms-touch-callout:none;touch-callout:none;-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-o-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;tap-highlight-color:transparent}.bottom-to-top{top:50%;left:0}.pic:hover .bottom-to-top{top:0;left:0}.top-to-bottom{bottom:50%;left:0}.pic:hover .top-to-bottom{left:0;bottom:0}.left-to-right{top:0;right:50%}.pic:hover .left-to-right{right:0;top:0}.right-to-left{top:0;left:50%}.pic:hover .right-to-left{left:0;top:0}.rotate-in{-webkit-transform:rotate(90deg) scale(0.1);-moz-transform:rotate(90deg) scale(0.1);-o-transform:rotate(90deg) scale(0.1);-ms-transform:rotate(90deg) scale(0.1);transform:rotate(90deg) scale(0.1);top:0;left:0}.pic:hover .rotate-in{-webkit-transform:rotate(360deg) scale(1);-moz-transform:rotate(360deg) scale(1);-o-transform:rotate(360deg) scale(1);-ms-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}.rotate-out{-webkit-transform:rotate(90deg) scale(3);-moz-transform:rotate(90deg) scale(3);-o-transform:rotate(90deg) scale(3);-ms-transform:rotate(90deg) scale(3);transform:rotate(90deg) scale(3);top:0;left:0}.pic:hover .rotate-out{-webkit-transform:rotate(360deg) scale(1);-moz-transform:rotate(360deg) scale(1);-o-transform:rotate(360deg) scale(1);-ms-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}.open-down{-webkit-transform:rotateX(-180deg);-moz-transform:rotateX(-180deg);-o-transform:rotateX(-180deg);-ms-transform:rotateX(-180deg);transform:rotateX(-180deg);top:0;left:0}.pic:hover .open-down{-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-o-transform:rotateX(0);-ms-transform:rotateX(0);transform:rotateX(0)}.open-up{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-o-transform:rotateX(180deg);-ms-transform:rotateX(180deg);transform:rotateX(180deg);top:0;left:0}.pic:hover .open-up{-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-o-transform:rotateX(0);-ms-transform:rotateX(0);transform:rotateX(0)}.open-left{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);left:0;top:0}.pic:hover .open-left{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg)}.open-right{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);transform:rotateY(-180deg);left:0;top:0}.pic:hover .open-right{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg)}.come-left{-webkit-transform:rotateY(90deg) rotateX(90deg);-moz-transform:rotateY(90deg) rotateX(90deg);-o-transform:rotateY(90deg) rotateX(90deg);-ms-transform:rotateY(90deg) rotateX(90deg);transform:rotateY(90deg) rotateX(90deg);left:0;top:0}.pic:hover .come-left{-webkit-transform:rotateY(0) rotateX(0);-moz-transform:rotateY(0) rotateX(0);-o-transform:rotateY(0) rotateX(0);-ms-transform:rotateY(0) rotateX(0);transform:rotateY(0) rotateX(0)}.come-right{-webkit-transform:rotateY(-90deg) rotateX(-90deg);-moz-transform:rotateY(-90deg) rotateX(-90deg);-o-transform:rotateY(-90deg) rotateX(-90deg);-ms-transform:rotateY(-90deg) rotateX(-90deg);transform:rotateY(-90deg) rotateX(-90deg);left:0;top:0}.pic:hover .come-right{-webkit-transform:rotateY(0) rotateX(0);-moz-transform:rotateY(0) rotateX(0);-o-transform:rotateY(0) rotateX(0);-ms-transform:rotateY(0) rotateX(0);transform:rotateY(0) rotateX(0)}@media screen and (max-width: 560px){.pic{max-width:400px;max-height:300px;display:block;-webkit-animation:none;-moz-animation:none;-o-animation:none;-ms-animation:none;animation:none;margin:10px auto}}
.pic2 {
    max-height:240px;
}
.pic3 {margin-top:-35px;
    max-height:240px;
}
.pic4 {
    max-height:450px;
}
.pic5 {
    max-height:215px;
}
.right22 {
    float:left;width:400px;
    margin-right:45px;margin-left:18px;
}
.right222 {
     float:left;margin-top:46px;
}


 .slideBox{ width:372px;  overflow:hidden; position:relative;  }
 .bd2{ position:relative; height:100%; z-index:0;   }
 .bd2 li{ zoom:1; vertical-align:middle; }
 .bd2 img{  display:block;  }

.slideBox2{ width:372px;  overflow:hidden; position:relative;  }
 .bd22{ position:relative; height:100%; z-index:0;   }
 .bd22 li{ zoom:1; vertical-align:middle; }
 .bd22 img{  display:block;  }

 #owl-demo, #owl-demo2, #owl-demo3{ width: 372px; margin-left: auto; margin-right: auto;}

#owl-demo img,#owl-demo2 img,#owl-demo3 img { display: block; width: 100%;}

.anli1,.anli2 {
    float:left;
}


/*关于我们开始*/

.T40{margin-top:40px;}
.R22{margin-right:17px;}
.R27{margin-right:27px;}
.R20{margin-right:20px;}
.B20{margin-bottom:20px;}
.aboutContent{width:1200px;margin:30px auto 0;}
.dare{text-align:center;font-size:24px;color:#333;line-height:62px;}
.dares{text-align:center;font-size:18px;color:#999;line-height:42px;margin-top:10px;}
.redLine{margin:115px 0 50px 0;display:-webkit-flex;flex-direction:column;justify-content:center;align-items:center;}
.redLine p{width:51px;height:3px;background:#F00;}
.more,.artDistrict,.reviewsImg,.ShowPiece,.ShowPieceLs,.newsB,.client,.extremeP,.extremeP dl,.contact{display:inline-block;}
.moreLeft{float:left;width:340px;margin-right:30px;}
.moreLeft1 dd p,.moreLeft2 dd p,.moreRight1 dd p,.moreRight2 dd p{font-size:20px;color:#333;height:60px;line-height:60px;}
.moreLeft1 dd,.moreRight1 dd{font-size:16px;color:#333;line-height:25px;margin-bottom:20px;}
.moreLeft2 dd,.moreRight2 dd{font-size:16px;color:#333;line-height:25px;}
.moreCenter{float:left;width:460px;margin-right:30px;}
.moreCenter1 dd{text-align:center;font-size:20px;color:#333;margin-top:45px;}
.moreRight{float:right;width:340px;}
.artDistrict{margin-top:50px;}
.artDistrictL{float:left;width:400px;}
.artDistrictT h3{font-size:36px;color:#fc3d3d;line-height:65px;margin-bottom:225px;}
.artDistrictT p{font-size:24px;color:#333;}
.redPiece{width:105px;height:105px;background:#fe3838;margin:30px 0;}
.artDistrictB h3{font-size:36px;color:#fc3d3d;line-height:70px;}
.artDistrictB p{font-size:24px;color:#333;line-height:45px;}
.artDistrictR{float:right;width:771px;margin-left:29px;}
.artDistrictR1{margin-top:21px;}
.reviews{text-align:center;font-size:18px;color:#333;line-height:40px;margin-top:100px;}
.reviewsH{font-size:20px;color:#333;text-align:center;line-height:40px;margin-bottom:30px;}
.reviewsImg img{float:left;}
.slogan{display:-webkit-flex;flex-direction:column;justify-content:center;align-items:center;margin-top:110px;}
.slogan dt{margin-bottom:110px;}
.slogan dd{text-align:center;font-size:24px;color:#333;line-height:40px;}
.ShowPieceL{float:left;width:800px;}
 .ShowPieceL dl {float:left;width:400px;
    }
.ShowPieceL h3,.ShowPieceR h3{font-size:24px;color:#333;margin-bottom:30px;}
.ShowPieceLs li{float:left;}
.ShowPieceR{float:right;margin-left:14px;width:386px;}
.newsT dd{font-size:16px;color:#333;line-height:50px;}
.newsB{width:386px;border-bottom:1px solid #333;padding-bottom:20px;padding-bottom:10px;}
.newsB p{float:left;font-size:16px;color:#333;}
.newsB a{float:right;font-size:16px;color:#333;}
.mores{line-height:30px;font-size:20px;float:right;}
.mores a{color:#333;}
/*关于我们结束*/
/*加入我们开始*/
.R30{margin-right:30px;}
.T80{margin-top:80px;}
.T60{margin-top:60px;}
.B30{margin-bottom:30px;}
.joinContent,.contactContent{width:1200px;margin:0 auto;}
.joinContents{margin:0 31px;}
.joinS{font-size:20px;color:#333;text-align:center;padding-top:15px;}
.joinSred{font-size:20px;color:#fc3434;text-align:center;margin-top:30px;padding-bottom:60px;}
.client{margin-top:40px;}
.client img{float:left;}
.clients{font-size:20px;color:#333;height:110px;line-height:110px;margin-left:30px;}
.extremeP{margin-top:15px;}
.extremeP dl{float:left;width:510px;}
.extremeP_left{float:left;width:520px;}
.extremeP_left dt{float:right;}
.extremeP_left dd{float:left;width:200px;margin-right:20px;font-size:20px;color:#333;margin-top:30px;}
.extremeP_left dd p{font-size:16px;margin-top:20px;}
.extremeP_right {float:left;width:510px;
}
.extremeP_right dt{float:left;}
.extremeP_right dd{float:right;width:200px;margin-left:20px;font-size:20px;color:#333;margin-top:30px;}
.extremeP_right dd p{font-size:16px;margin-top:20px;}
.salaryC{margin:0 298px;display:inline-block;}
.salaryC img{float:left;}
.contacts{float:left;width:379px;}
.contacts dl{width:379px;display:inline-block;margin-top:30px;}
.contacts dl dt{float:left;margin:0 10px 0 20px;}
.contacts dl dd{float:left;}
.submiT{width:650px;height:50px;background:#f73535;display:block;line-height:50px;text-align:center;font-size:24px;color:#eee;margin:30px 244px;}
/*加入我们结束*/
/*联系我们开始*/
.maP{margin:30px 0;}
/*联系我们结束*/

.anli2 a,.anli1 a{
    color:#fff;
}


.shortcut{position:fixed;top:0;left:0;z-index:9999;width:100%;}
*html,*html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed;}
*html .shortcut{position:absolute;top:expression(eval(document.documentElement.scrollTop));}

/* bottomcut */
.bottomcut{position:fixed;bottom:0;left:0;z-index:9999;width:100%;}
*html .bottomcut{position:absolute;}
.bottomcut{height:58px;line-height:58px;font-size:14px;  background:rgba(75,75,75,0.8);   box-shadow:1px 0px 2px rgba(0,0,0,0.2);}
.bottomcut h1{font-size:14px;font-family:"微软雅黑","宋体";}
.bottomcut a,.bottomcut h1{padding:0px 10px;letter-spacing:1px;color:#333;text-shadow:0px 1px 1px #fff;display:block;float:left;}
.bottomcut a:hover{background:#fff;}
.bottomcut span.right{float:right;}
.bottomcut span.right a{float:left;display:block;color:#ff6600;font-weight:800;}
.bannerlink {
    display:block;
  height:580px;
}
.yb_conct {
	position: fixed;
	z-index: 9999999;
	top: 200px;
	right: -127px;
	cursor: pointer;
	transition: all .3s ease;
}
.yb_bar ul li {
	width: 180px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden;
}
.yb_bar .yb_top {
	background: #9e9e9e url(../images/fixCont.png) no-repeat 0 0;
}
.yb_bar .yb_phone {
	background: #9e9e9e url(../images/fixCont.png) no-repeat 0 -57px;
}
.yb_bar .yb_QQ {
	text-indent: 0;
background: #9e9e9e url(../images/fixCont.png) no-repeat 0 -169px;
}
.yb_bar .yb_ercode {
	/*height:200px;*/

	background: #9e9e9e url(../images/fixCont.png) no-repeat 0 -169px;
}
.hd_qr {
	padding: 0 29px 25px 29px;
}
.yb_QQ a {
	display: block;
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #fff;
}
  html,body{
                width: 100%;
                height: 100%;
            }
.gsjj {
    
    background:url(../images/gsjbj.jpg) no-repeat center;
    width:100%;background-size: cover;
    margin:0 auto;
    height:450px;
}
#gsjj {
    width:1000px;
   margin:20px auto 10px auto;
  padding-top:140px;
}
#gsjj p {
  color:#fff;font-size:15px;line-height:30px;
    }
#gsjj a {
    margin:20px auto;
    border:2px solid #fff; color:#fff;display:block;width:120px;height:45px;text-align:center;line-height:45px;

    font-size:18px;
    }
#gsjj a:hover{
    background:#fff;
    color:#333333;
    }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
