@charset "utf-8";
/* CSS Document */
body,ul,li{ padding:0px; margin:0px; font-family:"微软雅黑"; font-size:14px; color:#333; list-style:none; }
h1,h2,h3,h4,h5{ font-weight:normal;}
a{ text-decoration:none; color:#333;}
.main_jz{ margin:auto; max-width:640px;}

@font-face {
font-family: 'SourceHanSansCN-Bold'; src:url(../font/SourceHanSansCN-Bold.otf);
}

@font-face {
font-family: 'SourceHanSansCN-ExtraLight'; src:url(../font/SourceHanSansCN-ExtraLight.otf);
}


@font-face {
font-family: 'SourceHanSansCN-Heavy'; src:url(../font/SourceHanSansCN-Heavy.otf);
}


@font-face {
font-family: 'SourceHanSansCN-Light'; src:url(../font/SourceHanSansCN-Light.otf);
}


@font-face {
font-family: 'SourceHanSansCN-Medium'; src:url(../font/SourceHanSansCN-Medium.otf);
}


@font-face {
font-family: 'SourceHanSansCN-Normal'; src:url(../font/SourceHanSansCN-Normal.otf);
}


@font-face {
font-family: 'SourceHanSansCN-Regular'; src:url(../font/SourceHanSansCN-Regular.otf);
}

@font-face {
font-family: 'DINNextStencil-Regular'; src:url(../font/DINNextStencil-Regular.OTF);
}



/* 去点击篮筐 */
body{ 
 -webkit-tap-highlight-color: transparent;
}


select,option{
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    border: none;
    outline: none;
    /*很关键：将默认的select选择框样式清除*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    /*将背景改为红色*/
    background:#fff;
    /*加padding防止文字覆盖*/
    padding-right: .14rem;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {display: none;}
input,select{border:0;outline:none;/*去除蓝色边框*/}

/*首页*/
.top_index{ height:62px; margin:auto; width:1400px; position: absolute; top:0px; z-index:99; left:50%; margin-left:-700px;}
.index .top_index{ display:none;}
.logo{ width:383px; height:87px; float:left;}
.logo img{ display:block; width:100%; height:auto;}
.nav_rg{ float:right; margin-top:34px;}
.nav_rg ul li{ float:left; font-weight: normal; height:20px; line-height:20px; width: auto; padding:0 48px; border-left:1px solid #000; text-align:right; font-size:15px; font-family: 'SourceHanSansCN-Medium';}
.nav_rg ul li a{ color:#000; display:block;}
.nav_rg ul li a:hover{ color:#eacc4f;}
.nav_rg ul li:first-child{ border:none;}
.nav_rg ul li:last-child{ padding-right:0px;}
.footer_index{ width:74%; position: absolute; bottom:25px; z-index:999; left:50%; margin-left:-37%; text-align:right; font-size:13px; font-family: 'SourceHanSansCN-Medium';}
.index .footer_index{ display:none;}
.nav_rg ul li.nav_on a{ color:#eacc4f;}
.index .kf_xf{ display:none;}
.banner_yj{ height:auto;  position:relative;}
.wxfl{ position:absolute; bottom:-35px; text-align:center; width:100%; z-index:9999;}
.wxfl .swiper-pagination-bullet{ margin:0 5px; display: inline-block;}



/*作品展示*/
.zpzs_top{ position:fixed; width:1400px; margin:auto; top:0px;left:50%; margin-left:-700px; background:#fff; height:auto; overflow:hidden; z-index:999;}
.top{ height:62px; margin:auto; width:1400px;  background:#fff; position:relative; z-index:999; }
.main_ny{ width:1400px; height:auto; overflow:hidden; margin:auto;}
.zpzs_bt{ width:1400px; height:18px; line-height:18px; padding-top:30px; position:relative; z-index:999; }
.zpzs_bt ul{ display:block; width:1400px;}
.zpzs_bt ul li{ width: auto; padding:0 40px; height:18px; line-height:18px; border-left:1px solid #333; text-align:center; float:left; display:block; font-size:16px; font-family: 'SourceHanSansCN-Medium';}
.zpzs_bt ul li:first-child{ border-left:none; padding-left:0px;}  
.zpzs_bt ul li a{ display:block;}
.zpzs_bt ul li a:hover{color:#eacc4f;}
.zpzs_bt ul li.zpzs_on a{ color:#eacc4f;}
.zpzs_main{ width:1400px; height: auto; overflow:hidden; margin-top:10px; min-height:750px;}
.zpzs_ney{ padding-top:150px;}
.zpzs_list{ width:333px; height:231px; float: left; position:relative; margin-left:20px; margin-bottom:20px;}
.zpzs_list:nth-child(4n+1){ margin-left:0px;} 
.dat_zs img{ width:333px; height:231px; display:block;}
.sbjg_bj{width:333px; height:231px; background:#eacc4f; position:absolute; top:0px; opacity:0; 
transition: opacity 0.5s;
-moz-transition: opacity 0.5s; /* Firefox 4 */
-webkit-transition: opacity 0.5s; /* Safari 和 Chrome */
-o-transition: opacity 0.5s; /* Opera */
}
.zpzs_list:hover .sbjg_bj{ opacity:1;}

.wzjz{position: absolute;top: 50%;right: 20px;left: 20px;text-align: center;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.wzjz h3{ margin:0px; padding:0px; color:#fff; text-shadow:0 0 2px #c5a731; position:relative; top:0px;font-family: 'SourceHanSansCN-Bold';font-size:18px;
transition: top 0.5s;
-moz-transition: top 0.5s; /* Firefox 4 */
-webkit-transition: top 0.5s; /* Safari 和 Chrome */
-o-transition: top 0.5s; /* Opera */}
.wzjz span{ width:60px; height:1px; border-bottom:1px solid #f6e9b3; display:block; margin:10px auto;}
.time_rq{ color:#fff; text-shadow:0 0 2px #c5a731; position:relative; top:0px; font-family: 'SourceHanSansCN-Bold';	
transition: top 0.5s;
-moz-transition: top 0.5s; /* Firefox 4 */
-webkit-transition: top 0.5s; /* Safari 和 Chrome */
-o-transition: top 0.5s; /* Opera */} 
.time_rq img{ width:18px; display:inline-block; position:relative; top:2px; padding-right:5px;}
.sbjg_bj:hover h3{
position:relative; top:-20px;	
transition: top 0.5s;
-moz-transition: top 0.5s; /* Firefox 4 */
-webkit-transition: top 0.5s; /* Safari 和 Chrome */
-o-transition: top 0.5s; /* Opera */}
.sbjg_bj:hover .time_rq{
position:relative; top:20px;	
transition: top 0.5s;
-moz-transition: top 0.5s; /* Firefox 4 */
-webkit-transition: top 0.5s; /* Safari 和 Chrome */
-o-transition: top 0.5s; /* Opera */}
.footer_ny{width:1400px; margin:auto;  text-align:right; font-size:15px; padding:30px 0px;font-family: 'SourceHanSansCN-Medium';}
.search_ny{ float:right; width:320px; height:36px; line-height:36px; border:1px solid #dedede; border-radius:30px; position:relative; top:-6px;}
.search_ny input{ width:87%; float:left; display:block; height:34px; line-height:34px; background:none; text-indent:15px; font-size:15px; font-family:"微软雅黑";}
.search_ny img{ width:22px; height:22px; float:right; position:relative; top:6px; margin-right:10px;}



/*案例详情*/

.case_xqm{ padding-top:90px; padding-bottom:50px;} 
.case_xqm h3{ font-size:30px; text-align:center; padding-bottom:20px; font-weight:bolder;font-family: 'SourceHanSansCN-Bold';}
.case_xqt img{ width:1400px; display:block; height:auto;}
.kf_xf{ width:47px; height:47px; position:fixed; right:30px; top:25%; margin-top:-60px; z-index:1;}
.tckf{ width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; top:0px; z-index:9999; display:none;}
.tckf_main{ width:624px; height:528px; background:url(../images/tckf.jpg) no-repeat; margin:auto; position:absolute; top:50%; margin-top:-280px; left:50%; margin-left:-264px; background:#fff;}
.close{ width:17px; float:right; margin:20px;}
.tckf_main h3{ font-size:26px; text-align:center;  clear:both; }
.wm{ width:218px; height:218px; margin:auto; display:block; padding:20px 0px;}
.tckf_main h2{ color:#000; text-align:center; font-size:26px; font-weight:bold;font-family:"方正兰亭中黑_GBK";}
.bot_pd{  padding-bottom:30px;}
.back_ny{ width:50px; float:right;}
.back_ny img{ display:block; width:100%;}
.cpxq_jk h3{ text-align:left; padding:0px; margin:0px; font-size:23px; font-weight:normal;color:#000;}
.cpxq_jk h3 img{ position:relative; top:-2px; padding-left:8px;}
.cpxq_jk p{ line-height:27px; padding-bottom:10px; color:#000; font-family: 'SourceHanSansCN-Medium';}


.xjt_lr{ width:19px; height:19px; margin:auto; padding-top:12px;}
.xjt_lr img{ width:15px; height:15px; margin:auto; display:block;}
.my_logo{ width:40px; height: auto; overflow:hidden; margin: auto; padding-top:20px; padding-bottom:30px;}
.my_logo img{ display:block; width:40px;}
.close{ width:22px; float:right; margin:20px;}
.close img{ width:100%; height: auto;}








/*关于我们*/
.gsjs_nr{ height:auto; overflow:hidden;}
.about_nr{ height:auto; overflow:hidden; min-height:650px; padding-top:50px; padding-bottom:20px; }
.about_left{ width:200px; float:left;}
.about_left h2{ font-size:22px; font-weight: normal; color:#000; margin:0px; padding-bottom:15px;font-family:"SourceHanSansCN-Bold";}
.about_left img{ display:block; width:10px; height:10px; display:inline-block; padding-left:10px; position:relative; top:-1px;} 
.about_left strong{ color:#eacc4f; font-size:15px; font-weight:normal;font-family: 'DINNextStencil-Regular'; }
.about_right{ width:780px; float:left; margin-left:100px;}
.about_right h4{ color:#000; font-size:23px; font-weight: normal; margin:0px; padding-bottom:5px;font-family:"SourceHanSansCN-Bold";}
.gywm_nry{ width:780px; height:auto; overflow:hidden;}
.gywm_nry p{ width:560px; float:left; display:block; line-height:26px;font-family: 'SourceHanSansCN-Medium';}
.gywm_nry img{ float:left; width:175px; height:105px;}
.gywm_tb{ height:auto; overflow:hidden; clear:both; padding-top:15px; text-align:center;}
.tb_list{ width:68px; height:auto; overflow:hidden; display: inline-block; text-align:center; font-size:14px; font-weight:bolder; padding-left:35px;font-family:"方正兰亭中黑_GBK";}
.tb_list:first-child{ padding-left:0px;}
.tb_list img{ display:block; padding-bottom:10px;}
.fwnr_list{ width:780px; height:155px; margin-bottom:35px;}
.fwnr_list img{ display:block; float:left; width:274px; height:155px;}
.fwnr_yb{ width:490px; float:right;}
.fwnr_yb h3{ font-size:19px;  text-align:left; margin:0px; font-weight:normal; padding-bottom:0px; color:#000;font-family:"SourceHanSansCN-Bold";}
.fwnr_yb p{ color:#4d4d4d; line-height:26px;font-family: 'SourceHanSansCN-Medium';}
.hzdw_main{ height:auto; overflow:hidden;}
.hzdw_list{ width:240px; height:68px; float:left; border:1px solid #dedede; margin-left:16px; margin-bottom:16px;}
.hzdw_list img{ display:block; width:100%; height:auto; max-height:68px;}
.hzdw_list:nth-child(3n+1){ margin-left:0px;}
.xhx_black{ height:1px; width:20px; margin-bottom:12px; background:#000; display:block;}
.gywm_jjm{ float: right; width:560px;}









/*商务合作*/
.swhz_left{ width:420px;}
.swhz_left p{ line-height:28px; color:#444; font-family: 'SourceHanSansCN-Medium';}
.swhz_lxwm{ height:auto; overflow:hidden; padding:20px 0px;}
.swhz_lxwm span{ width:20px; height:2px; border-bottom:1px solid #000; display:block; margin-bottom:15px;}
.swhz_lxwm h4{ font-size:14px; margin:0px; padding-bottom:5px;font-family: 'SourceHanSansCN-Medium';}
.swhz_lxwm h5{ font-size:20px; margin:0px; font-family: 'DINNextStencil-Regular'; }
.swhz_right{ width:760px; height:430px; border:1px solid #dedede; padding-top:20px; margin-top:110px;}
.zwhz_bd{ width:650px; height:40px; line-height:40px; margin:auto; margin-top:25px;}
.zwhz_bd span{ float:left; font-size:15px; width:50px; line-height:40px;font-family: 'SourceHanSansCN-Medium';}
.zwhz_bd span img{ padding-left:3px;}
.zwhz_bd input{ width:594px; height:38px; line-height:38px; border:1px solid #dedede; text-indent:10px;}
.zwhz_bd textarea{width:576px; height:88px; line-height:26px; border:1px solid #dedede; padding:10px;}
.zwhz_nr{ height:110px;}
.sub_tj{ width:180px; height:36px; line-height:36px; font-size:17px; text-align:center; background:#eacc4f; border-radius:5px; margin:auto; margin-top:30px;}
.sub_tj a{ display:block; font-family: 'SourceHanSansCN-Medium';}


/*团队介绍*/
.tdjs_list{ width:330px; height:501px; float:left; margin-left:18px; margin-top:25px; position:relative;}
.tdjs_list:nth-child(4n+1){ margin-left:0px;}
.tdjs_list img{ width:330px; height:501px; display:block;}
.tdjs_mc{ position:absolute; opacity:1; width:330px; height: auto;font-family: 'DINNextStencil-Regular';  
 color:#fff;top: 50%;text-align: center;-webkit-transform: translateY(-50%);transform: translateY(-50%); 
}
.tdjs_mc span{ width:50px; background:#a09465; height:1px; display:block; margin:auto; margin:25px auto;}

.tdjs_mc h3{ color:#fff;right: 20px;left: 20px;text-align: center;display:block;  font-size:19px; padding-bottom:0px;}
.tdjs_list:hover .tdjs_mc{ opacity:1;}

/*团队介绍详情*/
.tdjs_xqz{ width:400px;}
.tdjs_xqz h3{ text-align:left; font-size:18px; margin:0px;}
.tdjs_xqz span{ height:1px;  width:20px; display:block; margin-bottom:15px;}
.tdjs_xqz h4{ line-height:29px; font-size:15px; font-weight:normal; margin-top:20px;font-family: 'SourceHanSansCN-Medium';}
.tdjs_xqz p{ color:#000;}
.tdjs_right{ float:right; width:790px;}
.tdjs_dtp{ width:736px; height:566px; float:right;}
.tdjs_dtp img{ display:block;  height:auto;}
.rdjs_gb{ width:31px; height:33px; float:right; padding-left:15px; position:relative; top:-5px;}
.tdjs_xqz h2 font{ font-weight:normal; font-family:"SourceHanSansCN-Medium";}
.tdjs_xqd{ padding-top:30px;}

/*团队成员*/
.tdcy_mx{ height:auto; overflow:hidden;}
.tdcy_list{ width:31.5%; float:left; float:left; margin-left:24px;}
.tdcy_list:first-child{ margin-left:0px;}
.tdcy_list h2{ font-size:23px; font-weight: normal; color:#000; margin:0px; padding-bottom:15px;font-family:"SourceHanSansCN-Bold"; padding-top:20px;}
.tdcy_list h2 img{ display:block; width:10px; height:10px; display:inline-block; padding-left:10px; position:relative; top:-4px;} 
.tdcy_list img{ display:block; width:100%; }
.tdcy_list h2 font{ font-family:"SourceHanSansCN-Medium";}
.tdcy_list strong{ color:#eacc4f; font-size:15px; font-weight:normal;font-family: 'DINNextStencil-Regular'; }
.wgd{ min-height:auto; overflow:hidden;}
.zpxq_js{ height:auto; overflow:hidden; color:#000; line-height:28px; clear:both;font-family: 'SourceHanSansCN-Medium';}
.zpxq_js h4{ font-size:17px;}
.mlj{ display:block;}



@media (max-width: 1366px) { 
.top{ width:1300px;}
.main_ny{ width:1300px;}
.footer_ny{ width:1300px;}
.zpzs_bt{ width:1300px;}
.zpzs_top{ width:1300px; margin-left:-650px;}
.zpzs_main{ width:1300px;} 
.tdjs_list,.tdjs_list img,.tdjs_mc{ width:311px; height: auto;}
.zpzs_list,.sbjg_bj{ width:310px; height:220px;}
.dat_zs img{ width:310px; height:220px;}
.tdcy_list{ width:311px; margin-left:17px;}
.tdcy_list img{ width:311px; height:auto;}
.cpxq_jk p{ width:95%; display:block;}
.top_index,.footer_index{ width:90%; margin-left:-45%;}
 }
 
 @media (max-width: 1440px) { 
.top_index,.footer_index{ width:90%; margin-left:-45%;
 }