﻿@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
a:hover{text-decoration:none;}


/**/
.pro{height: 860px;overflow: hidden;}
.pro h2{height: 105px;width: 606px;margin:45px auto 20px auto;}

.pro ul{margin: 0 auto;height: 36px;margin-left:151px;margin-bottom: 90px;}	
.pro ul li a{background:url(../images/s_bg.jpg) no-repeat center center;margin-top: 43px;
	display: block;color: #2e1b23;line-height: 36px;float: left;margin-right: 12px;font-size: 16px;
	text-align: center;width: 116px;height: 36px;}
.pro ul li.nobot{margin-right: 0;}
.pro ul li a:hover,.pro ul li.cur a{background:url(../images/sc_bg.jpg) no-repeat center center;
	color: #e19596;}

.pro_r a.big{width: 460px;height: 633px;display: block;float: left;margin-right: 16px;}
.pro_r a.big img{width: 460px;height: 633px;}

.pro_r a.bf{width: 460px;height: 633px;display: block;float: left;margin-right: 13px;margin-bottom:15px;position:relative;}
.pro_r a.bf em{position:absolute;top:584px;width: 460px;height: 633px;display: none;z-index:999; font-size:18px; color:#FFF; text-align:center}
.pro_r a.bf:hover em{position:absolute;top:584px;width: 460px;height: 633px;display: block;z-index:999; font-size:18px; color:#FFF; text-align:center}


.pro_r a.s{width: 225px;height: 309px;display: block;float: left;margin-right: 13px;margin-bottom:15px;position:relative;}
.pro_r a.s em{position:absolute;top:260px;width: 225px;height: 309px;display: none;z-index:999; font-size:18px; color:#FFF; text-align:center}
.pro_r a.s:hover em{position:absolute;top:260px;width: 225px;height: 309px;display: block;z-index:999; font-size:18px; color:#FFF; text-align:center}

.pro_r a.s1{margin-right: 0;}
.pro_r a.s img{width: 225px;height: 309px;}

/**/
.jm{height: 761px;background:url(../images/jm_bg.jpg) no-repeat center center;}
.jm_1{position: relative;}

.jm_1 span{position: absolute;background:url(../images/a_bg.png) no-repeat center center;font-size: 20px;font-weight: bold;text-align: center;color: #fff;padding-top:50px;
width: 268px;height: 189px;}
.jm_1 span em{display: block;font-size:15px;color: #fff;margin-top: 30px;font-weight: normal;}


.jm_1 .j01{top: 358px;left: 300px; line-height:30px;}
.jm_1 .j02{top: 358px;left: 590px; line-height:30px;}
.jm_1 .j03{top: 358px;left: 880px; line-height:30px;}


/*首页标题*/
.intitlebox{text-align: center;margin: 55px auto;}
.intitlebox img{width: auto;height: auto;display: inline-block;}

/*团队*/
.intd{width:1250px;margin:0 auto;}
.inhjbox{height: 730px;overflow: hidden;}

.inhjbox_con{ overflow:hidden; zoom:1; position:relative;width: 1250px;margin: 0 auto;}
.inhjbox_con .sPrev{ position:absolute; left:0px; top:175px; display:block; width:50px; height:50px; background:url(../images/hj_left.png) center center no-repeat; z-index:999;}
.inhjbox_con .sPrev:hover{background: url(../images/hj_left_on.png) no-repeat center center;}
.inhjbox_con .sNext{ position:absolute; right:0px; top:175px; display:block; width:50px; height:50px; background:url(../images/hj_right.png) center center no-repeat; z-index:999;}
.inhjbox_con .sNext:hover{background: url(../images/hj_right_on.png) no-repeat center center;}

.inhjbox_con .tempWrap{margin: 0 auto;}
.inhjbox_con ul{ overflow:hidden; zoom:1;}
.inhjbox_con ul li{ margin:0 15px 0 0; float:left; _display:inline; overflow:hidden; text-align:center;  }
.inhjbox_con ul li .pic{width:270px; height:350px;overflow: hidden;}
.inhjbox_con ul li .pic img{ width:270px; height:350px; display:block;-webkit-transition: 0.6s all; -moz-transition: 0.6s all; -ms-transition: 0.6s all; transition: 0.6s all;}
.inhjbox_con ul li .pic a:hover img{
	-webkit-transform: scale(1.2); 
	-moz-transform: scale(1.2); 
	-ms-transform: scale(1.2); 
	transform: scale(1.2);
}

.inhjbox_a{width: 152px;height: 39px;margin: 57px auto 0 auto;}
.inhjbox_a a{display: block;width: 150px;height: 37px;line-height: 37px;text-align: center;color: #fff;font-size: 16px;border: solid 1px #dfdfdf; background:#1b1717;border-radius: 5px;-webkit-transition: 0.6s all; -moz-transition: 0.6s all; -ms-transition: 0.6s all; transition: 0.6s all;}
.inhjbox_a a:hover{background: #981e47;color: #FFFFFF;}


.gg_tl {
    height: 180px;
    background: url(../images/gg_tl.jpg) no-repeat center 0;
    overflow: hidden;
    clear: both;
}



/*作品*/
.inzp{width:1440px;margin:0 auto;}
.inzpbox{height: 920px;overflow: hidden;}

.inzpbox_con{ overflow:hidden; zoom:1; position:relative;width: 1440px;margin: 0 auto;}
.inzpbox_con .sPrev{ position:absolute; left:0px; top:240px; display:block; width:50px; height:50px; background:url(../images/hj_left.png) center center no-repeat; z-index:999;}
.inzpbox_con .sPrev:hover{background: url(../images/hj_left_on.png) no-repeat center center;}
.inzpbox_con .sNext{ position:absolute; right:0px; top:240px; display:block; width:50px; height:50px; background:url(../images/hj_right.png) center center no-repeat; z-index:999;}
.inzpbox_con .sNext:hover{background: url(../images/hj_right_on.png) no-repeat center center;}

.inzpbox_con .tempWrap{margin: 0 auto;}
.inzpbox_con ul{ overflow:hidden; zoom:1;}
.inzpbox_con ul li{ margin:0 25px 0 0; float:left; _display:inline; overflow:hidden; text-align:center;  }
.inzpbox_con ul li .pic{width:400px; height:536px;overflow: hidden;}
.inzpbox_con ul li .pic img{ width:400px; height:536px; display:block;-webkit-transition: 0.6s all; -moz-transition: 0.6s all; -ms-transition: 0.6s all; transition: 0.6s all;}
.inzpbox_con ul li .pic a:hover img{
	-webkit-transform: scale(1.2); 
	-moz-transform: scale(1.2); 
	-ms-transform: scale(1.2); 
	transform: scale(1.2);
}

.inzpbox_a{width: 152px;height: 39px;margin: 57px auto 0 auto;}
.inzpbox_a a{display: block;width: 150px;height: 37px;line-height: 37px;text-align: center;color: #fff;font-size: 16px;border: solid 1px #dfdfdf; background:#1b1717;border-radius: 5px;-webkit-transition: 0.6s all; -moz-transition: 0.6s all; -ms-transition: 0.6s all; transition: 0.6s all;}
.inzpbox_a a:hover{background: #981e47;color: #FFFFFF;}


.g_video{background:url(../images/ppbg.jpg) no-repeat center top;height: 706px;padding-top:290px;}
.g_video .pptit{height: 208px;text-align: right;}
.g_video .pptit h2{height: 50px;line-height: 50px;font-size: 30px;font-weight: bold;color: #fff;}
.g_video .pptit p{font-size: 14px;line-height: 22px;color: #fff;text-align: right;}
.g_video dt{float: right;border: 16px solid #fff;}
.g_video dt img{width: 674px;height: 380px;display: block;}
.g_video dd{float: left;width: 440px;padding-top:100px;}
.g_video h3{height: 72px;line-height: 72px;font-size:30px;font-weight: normal;color: #272727;margin-bottom: 7px; text-align:center; font-weight:bold;}
.g_video p{font-size: 14px;line-height:33px;color: #6e6e6e; text-align:center}
.g_video span{display: block;margin-top: 30px;}


/*客户见证*/
.injzbox{height: 755px;overflow: hidden;}
.picScroll-left{ width:1200px; height: 460px; overflow:hidden; position:relative;}
.picScroll-left .hd{ overflow:hidden;  height:17px;position: absolute;left: 50%;bottom: 0;transform: translate(-50%,-50%);z-index: 9999;}
.picScroll-left .hd ul{overflow:hidden; zoom:1;zoom:1;}
.picScroll-left .hd ul li{ float:left;width:17px; height:17px; overflow:hidden; margin-right:13px; text-indent:-999px; cursor:pointer;border-radius: 50%;background: #2a2b2d;}
.picScroll-left .hd ul li.on{ background: #981e47;}

.picScroll-left .bd{}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ width: 390px;height: 384px; margin-right:10px; float:left; _display:inline; overflow:hidden; background:#f3f3f3}
.picScroll-left .bd ul li .pic{width:390px; height: 250px; overflow: hidden;}
.picScroll-left .bd ul li .pic img{ width:390px; height: 250px;-webkit-transition: 0.6s all; -moz-transition: 0.6s all; -ms-transition: 0.6s all; transition: 0.6s all;}
.picScroll-left .bd ul li:hover .pic a img{
	-webkit-transform: scale(1.2); 
	-moz-transform: scale(1.2); 
	-ms-transform: scale(1.2); 
	transform: scale(1.2);
}
.picScroll-left .bd ul li .title{width: 362px;height: 133px;border-top: solid 1px #E5E5E5;overflow: hidden;padding: 0 20px;}
.picScroll-left .bd ul li .title h2{font-size: 18px;margin: 10px 0;color: #333333;}
.picScroll-left .bd ul li .title p{color: #888888;line-height: 23px;}

