@charset "utf-8";
/* 公共样式 */
body{margin:0; padding:0;  font-family:微软雅黑, Arial, Georgia, Cambria; font-size:12px;line-height:18px;color:#666;text-align:left; border:none; }
body,html{ height:100%;}
img,html,p,ul,li,input,form,h1,h2,h3,h4,h5,h6,dl,dd,dt,ol,input{margin:0;padding:0;border:0;}
ul,li{list-style-type:none;}
img{vertical-align:top;border:0;}
a:link{color:#666;text-decoration: none;}
a:visited{color:#666;text-decoration: none;}
a:hover{color:#eb6646;text-decoration: none;}
a:active{color:#eb6646;text-decoration: none;}
.clear{clear:both;font-size:0px;height:0px;line-height:0px;overflow:hidden;}
fieldset, img{border:0;}
input, label, select, option, textarea, button, fieldset, legend{font:12px/18px Verdana, Simsun, Helvetica, Arial, sans-serif; vertical-align:middle}



/* 首页 */
.nn{ height:100%; width:100%; }
.sc_banner{ position:absolute; left:0px; top:0px; width:100%; height:100%; background: url(../images/banner.jpg) no-repeat; background-size:100% 100%; z-index:1001;}
.sc_banner span{ display:block; margin-top:50%;}
.sc_banner span img{ width:80%; display:block; margin:0 auto;}
.sc_banner ol{ display:block; position:absolute; left:0px; bottom:20px; width:100%;}
.sc_banner ol img{ display:block; width:28px; margin:0 auto;}
.animate2{
    animation: 0.5s animate2 linear infinite alternate;
    -o-animation: 0.5s animate2 linear infinite alternate;
    -moz-animation: 0.5s animate2 linear infinite alternate;
    -webkit-animation: 0.5s animate2 linear infinite alternate;
}
@keyframes animate2{
    100%{bottom:50px;}
}
@-o-keyframes animate2{
    100%{ bottom:30px;}
}
.navbar{ width:100%; height:50px;  position:relative; z-index:1000;}
.menu_bj{width:100%; height:50px; background:#1c1d1f; z-index:1000; position:relative;}
.menu .logo{ position:absolute; left:0px; top:0px; z-index:1000;}
.menu .logo img{ display:block; width:33px; margin:9px 0 0 12px;}
.menu_an{ position:absolute; right:0px; top:0px;  z-index:1000;}
.menu_an a{ width:50px; height:50px; display:block;}
.menu_an a img{ width:20px; display:block; margin:0 auto; padding-top:17px; opacity:0.6;}
.menu_hover{ position:absolute; left:0px; top:50px; background:#f5f5f5; width:100%; z-index:999;}
.menu_hover ul{ margin-top:10px;}
.menu_hover li{ height:55px; line-height:55px; font-size:14px; margin:0 10%; border-bottom:1px dotted #d9d9d9;}
.menu_hover li a{ color:#1c1d1f; display:block; height:55px; line-height:55px;}
.menu_hover{-webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;}
@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(-100%) scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: translateY(0%) scale(1);
        opacity: 1;
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(-100%) scale(1);
        opacity: 1;
    }
    to {
        -moz-transform: translateY(0%) scale(1);
        opacity: 1;
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(-100%) scale(1);
        opacity: 1;
    }
    to {
        -ms-transform: translateY(0%) scale(1);
        opacity: 1;
    }
}
.case_title{ text-align:center; width:100%;}
.case_title img{ width:100%; display:block; }
.case_title span{ display:block; text-align:center; color:#1c1d1f; font-size:30px; height:30px; line-height:30px; margin-top:30px;}
.case_title ol{ width:74px; height:2px; background:#eb6646; display:block; margin:0 auto; line-height:2px; margin-top:10px; }
.case_title em{ display:block; text-align:center; color:#1c1d1f; font-size:16px; height:25px; line-height:25px; font-style:normal;  margin-top:8px; margin-bottom:15px;}
.case_title b{ font-weight:normal; display:block; font-size:14px; line-height:24px; color:#333; width:1180px; margin:0 auto; text-align:left; margin-top:25px; margin-bottom:20px;}
.case_title strong{ font-weight:normal; display:block; padding:0 15px; line-height:20px; margin-top:10px; margin-bottom:5px;}
.case_list{ padding-top:10px; }
.case_list li{ padding:0 10%; margin-bottom:25px;}
.case_list li a{ display:block; width:100%;}
.case_list li img{ width:100%; display:block;}
.case_list li span{ display:block; height:20px; line-height:20px; font-size:14px; overflow:hidden; text-align:center; color:#555; margin-top:10px; }
.case_list li ol{ display:block; height:20px; line-height:20px; font-size:12px; overflow:hidden; text-align:center; color:#999;}
.case_list .more{ border-bottom:1px solid #ddd; padding-bottom:30px; }
.case_list .more a{ width:45%; height:40px; line-height:40px; display:block; margin:0 auto; color:#eb6646; border:2px solid #eb6646; font-size:15px; text-align:center; border-radius:5px; }

.hd_se img{ display:block; width:80%; margin:0 auto;}
.hd_news{ margin-top:10px; margin-bottom:20px; }
.hd_news li{ width:100%; height:35px; line-height:35px; overflow:hidden; background:url(../images/tb2.gif) no-repeat 25px 11px; text-indent:45px; font-size:14px;}
.hd_news li a{ color:#666;}
.hd_news li a:hover{ text-decoration:underline;}


.dp_phone{ width:100%; background:#292a2e; padding-top:50px; padding-bottom:40px; margin-top:30px; }
.phone{ height:auto; margin:0 auto;}
.phone span{ display:block; text-align:center; color:#fff; font-size:24px; height:25px; line-height:25px;}
.phone ol{ width:74px; height:2px; background:#eb6646; display:block; margin:0 auto; line-height:2px; margin-top:10px; }
.phone em{ display:block; text-align:center; color:#fff; font-size:16px; height:25px; line-height:25px; font-style:normal;  margin-top:10px;}
.phone b{ display:block; margin:0 auto; width:68px; margin-top:15px; }
.phone b img{ display:block; width:70%; margin:0 auto;}
.phone strong{ margin:0 9%; height:70px; background:#39393c; display:block; text-align:center; line-height:70px; color:#fff; font-size:32px; font-weight:normal; border-radius:5px; margin-top:20px; }


.bottom_menu{ width:100%; height:auto; margin:0 auto; position:relative; padding:0px 0 0px 0;}
.bottom_menu span{ display:block; color:#eb6646; font-size:30px; height:30px; line-height:30px; margin-bottom:10px; margin-top:40px; text-align:center;}
.bottom_menu dl{ margin-left:30px; }
.bottom_menu dt{ float:left; margin-top:30px; width:125px;}
.bottom_menu dt ol{ display:block; font-size:16px; font-weight:bold; color:#333;}
.bottom_menu dt ol em{ font-style:normal; font-size:14px; color:#2f393d; font-weight:normal; padding-left:15px; }
.bottom_menu dt b{ display:block; margin-top:12px; }
.bottom_menu dt b img{ width:43px;}
.bottom_menu dd{ float:left; font-size:14px; margin-top:27px; margin-left:10px; }
.bottom_menu dd a{line-height:30px; display:block; color:#333;}
.bottom_menu dd a:hover{ text-decoration:underline; }

.alin{ width:100%; height:1px; font-size:0px; background:#ddd; margin-top:40px;}
.bot_pre strong{ display:block; margin:20px 0 0 7px; text-align:center; line-height:40px; font-size:14px; color:#333; font-weight:normal; }
.bot_pre strong img{ display:block; margin:0 auto; width:70px;}

.copyright{ text-align:center; font-size:10px; color:#666; height:40px; line-height:40px; width:100%;  border-top:1px solid #ddd; margin-top:11px; }









/* 公司简介 */
.ba{ width:100%; position:relative;}
.ba img{ width:100%; display:block;}
.ba_img{ width:100%; position:absolute; left:0px; height:100%; top:0px;}
.ba_img img{ display:block; width:88%; margin:0 auto; margin-top:18%; margin-bottom:10%; }
.ba_link a{ width:140px; height:37px; line-height:37px; border:1px solid #fff; border-radius:3px; display:block; margin:0 auto; margin-bottom:12px; text-align:center; font-size:15px; color:#fff;}
.ba_link a.on{background:#fff; color:#000; }
.con_ba{ color:#fff; text-align:center;}
.con_ba span{ display:block; font-size:30px; height:30px; line-height:30px; margin-top:26%; }
.con_ba ol{ display:block; font-size:16px; height:20px; line-height:20px; margin-top:1.5%; }
.con_ba em{ font-style:normal; display:block; font-size:30px; height:30px; line-height:30px; margin-top:3%; font-weight:bold;}

.abo_text{ padding:0 15px; }
.abo_text span{ font-size:14px; color:#333; line-height:22px; display:block; padding-top:10px; }
.abo_text em{ font-style:normal; color:#999; font-family:"Arial"; line-height:15px; font-size:11px; display:block; margin-top:12px; }
.abo_text ol{ display:block; margin-top:20px; }
.abo_text ol img{ display:block; width:100%;}



.abo_hed{width:100%; background:#404041; padding:20px 0; margin-top:15px; }
.abo_left{ padding:0 15px;}
.abo_left img{ width:100%; display:block;}
.abo_right{ padding:0 15px; color:#fff; }
.abo_right span{ display:block; font-size:14px; line-height:23px; margin-top:10px;  margin-bottom:10px; }
.abo_right em{ font-style:normal; line-height:15px; display:block; margin-bottom:10px; font-size:11px;}


.ctn_bj{ background: url(../images/r3.jpg) no-repeat; background-size:100% auto; padding:20px 0; margin-top:20px; }
.ctn_bj .case_title span{ color:#fff;}
.ctn_bj .case_title ol{ background:#fff;}
.ctn_bj .case_title em{ color:#fff;}
.ctn_bj .abo_text span{ color:#fff;}


.job_title{ text-align:center; color:#333;}
.job_title span{ display:block; font-size:30px; line-height:35px; height:35px; font-weight:bold; padding-top:30px; }
.job_title em{ font-style:normal; display:block; font-size:14px; line-height:20px; height:20px; padding-top:5px; }


.job_list dl{margin-top:30px; padding:0 15px;}
.job_list dt{ display:block; margin-bottom:10px; }
.job_list dt img{ display:block; width:100%;}
.job_list dd{}
.job_list .job_tt span{ float:left; display:block;}
.job_list .job_tt span ol{ font-size:20px; color:#333; display:block; height:25px; line-height:25px; }
.job_list .job_tt span em{ display:block; font-family:"Arial"; font-style:normal; font-size:14px; color:#eb6646; }
.job_list .job_tt b{ float:right; display:block;}
.job_list .job_tt b img{ width:70%; margin-top:5px; display:block; float:right;}

.job_ctt{ line-height:21px; margin-top:11px;  color:#333; font-size:14px;}
.job_ctt strong{ font-size:14px; }



.job_zew{ width:100%; background:#f4f4f5; margin-top:20px; padding-bottom:25px; }

.l18_left span{ display:block; font-size:24px; font-weight:bold; color:#eb6646; height:30px; line-height:30px; text-align:center; margin-top:25px;}
.l18_left ol{ display:block; font-size:18px; color:#eb6646; height:22px; line-height:22px; text-align:center;}
.l18_left em{ display:block; font-style:normal; color:#333; line-height:22px; font-weight:bold; font-size:14px; margin-top:10px; text-align:center; padding:0 15px;}
.l18_left em a{ color:#eb6646;}
.l18_right{ padding:0 15px;}
.l18_right li{ float:left; width:40%; margin-left:10%; margin-top:22px; }
.l18_right li span{ display:block; height:20px; line-height:20px; font-size:15px; color:#333; }
.l18_right li ol{display:block; height:16px; line-height:12px; font-size:12px; margin-top:3px; color:#9fa0a0; }






/* 联系我们 */
.cont_txt{ margin-top:30px; }
.cont_left span{ display:block; font-size:24px; font-weight:bold; color:#eb6646; text-align:center;}
.cont_left ol{ display:block; font-size:14px; margin:6px 0 0 4px; color:#888; font-family:"Arial"; text-align:center;}
.cont_left img{ margin:0 auto; display:block; width:60%; margin-top:20px;}

.cont_right li{ float:left; color:#333; border-right:1px dashed #ddd; padding-right:30px; padding-left:20px; margin-top:30px; }
.cont_right li span{ display:block; font-size:14px;  font-weight:bold; padding-bottom:10px; }
.cont_right li ol{ font-size:14px; display:block; margin-top:5px; line-height:24px;}
.cont_right li ol strong{ display:block; font-weight:normal; padding-left:40px;}



.cont_getbook{ width:100%; background:#292a2e; padding:30px 0; margin-top:30px; }
.getbook_left{ padding-left:20px;  }
.getbook_left span{ display:block; font-size:35px; color:#eb6646; height:40px; line-height:40px; font-family:"Arial";}
.getbook_left em{ display:block; font-size:18px; color:#eb6646; height:20px; line-height:20px; font-style:normal;}
.getbook_left ol{ display:block; margin-top:28px; line-height:20px; color:#898989; font-size:14px;}
.getbook_left ol a{ color:#fff; }
.getbook_right{ margin-top:30px; }
.getbook_right li{ margin:0 20px 10px 20px;}
.getbook_right li .inp1{ width:100%; border:0px; height:39px; line-height:39px; background:#353639; border-radius:5px; color:#898989; text-indent:20px; font-size:14px; font-family:微软雅黑, Arial, Georgia, Cambria; }
.getbook_right .pd{ padding:0 20px;}
.getbook_right .inp2{ border:0px; width:98.5%; display:block; text-indent:20px; padding-top:10px; height:70px;background:#353639; border-radius:5px; color:#898989; font-size:14px; font-family:微软雅黑, Arial, Georgia, Cambria;}
.getbook_right .tzbm{ width:134px; height:39px; background:#eb6646; border-radius:5px; color:#fff; line-height:35px; font-size:20px; font-family:微软雅黑, Arial, Georgia, Cambria; cursor:pointer; margin-top:15px; margin-left:20px;}







/* 应用领域 */
.field_te{ padding-top:15px; }
.field_te dl{ float:left; width:40%; margin-left:10%; margin-bottom:30px; }
.field_te dt{ background: url(../images/w11.gif) no-repeat; padding-top:95px; background-size:80px 80px;}
.field_te dt span{ display:block; font-size:18px; font-weight:bold; color:#000; height:22px; line-height:22px; }
.field_te dt ol{ display:block; font-size:18px; margin-top:7px;  font-family:"Arial"; color:#333; height:20px; line-height:20px; }
.field_te dd{ margin-top:10px; }
.field_te dd a{ display:block; font-size:14px; line-height:24px; background: url(../images/d.gif) no-repeat 0 12px;}
.field_te dl:hover dt span{color:#79c2e4;}
.field_te dl:hover dt ol{color:#79c2e4;}
.field_te dt.tb2{ background: url(../images/w22.gif) no-repeat; background-size:80px 80px;}
.field_te dt.tb3{ background: url(../images/w33.gif) no-repeat; background-size:80px 80px;}
.field_te dt.tb4{ background: url(../images/w44.gif) no-repeat; background-size:80px 80px;}
.field_te dt.tb5{ background: url(../images/w55.gif) no-repeat; background-size:80px 80px;}
.field_te dt.tb6{ background: url(../images/w66.gif) no-repeat; background-size:80px 80px;}
.field_img{ width:1180px; margin:0 auto; margin-bottom:80px; }
.field_img span{ display:block; font-size:25px; color:#333; height:40px; line-height:40px; margin-bottom:50px; }
.ca_img{ padding:0 15px; margin-top:35px; }
.ca_img span{ display:block; text-align:center; font-size:18px; font-weight:bold; color:#000;}
.ca_img img{ display:block; width:100%; margin-top:20px; }
.line1p{ width:100%; height:1px; background:#ddd; font-size:0px;}





/* 案例 */
.cea_title{ padding:0 10px; text-align:center; word-wrap: break-word; margin-top:10px; }
.cea_title a{ padding:10px 15px; background:#eee; color:#000; font-size:14px; height:48px; line-height:48px; border-radius:3px; margin-right:5px; margin-bottom:5px;  word-wrap: break-word; white-space:nowrap;}
.cea_title a.on{ background:#eb6646; color:#fff;}


/* 三维广告片案例内页 */
.vdo_play{ width:100%; }
.vdo_tt{ text-align:center; background:#000; color:#fff;}
.vdo_tt span{ display:block; height:35px; line-height:35px; font-size:30px; padding-top:35px;}
.vdo_tt ol{ display:block; height:15px; line-height:15px; font-size:15px; margin-top:10px; padding-bottom:40px;}
.video_play{ width:100%;}


.vdo_tb span{ display:block; float:left;}
.vdo_tb a{ color:#888; font-size:14px; line-height:70px; height:70px;}
.vdo_tb a:hover{ color:#fff;}
.vdo_tb span a{ background: url(../images/b1.png) no-repeat 0 22px; text-indent:35px; display:block;}

.vdo_tb ol{display:block; float:right;}
.vdo_tb ol a{ background: url(../images/b2.png) no-repeat 0 22px; text-indent:35px; display:block;}

.vdo_tb ol.a1{ background: url(../images/ln2.gif) no-repeat 0 25px; margin-left:20px; padding-left:20px; }
.vdo_tb ol.a1 a{ background: url(../images/b3.png) no-repeat 0 26px; text-indent:35px; display:block;}
.vdo_tb ol.bdsharebuttonbox{ height:auto;}
.vdo_tb ol.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{ height:70px; line-height:70px; font-size:14px; margin:0px; padding:0px; color:#888;}




/* 新闻列表 */
.hs_nw_center{ padding:0 6%; margin-top:15px; }
.hs_nw_center li{ width:100%; border-bottom:1px solid #efefef;  padding-bottom:20px; margin-bottom:26px;}
.hs_nw_center li a{ display:block; }
.hs_nw_center li img{ width:100%; display:block;}

.with_title span{ display:block; font-size:18px; color:#333; line-height:24px; font-weight:bold; padding-top:12px; }
.with_title ol{ display:block; line-height:30px; color:#898989;}
.with_title em{ display:block; font-style:normal; background:#9f9f9f; width:36px; height:2px; font-size:0px; }
.with_zi{ padding-top:20px; font-size:14px; line-height:20px; color:#898989;}



/* 新闻详情 */
.new_actx{ padding:0 15px;}
.new_ac_ttn{ border-bottom:1px dashed #cfcfcf; padding:25px 0 20px 0;}
.new_ac_ttn span{ width:85%; float:left; display:block;}
.new_ac_ttn span ol{ display:block; font-size:16px; color:#333; line-height:20px; font-weight:bold;}
.new_ac_ttn span em{ font-style:normal; color:#999; line-height:20px; }
.new_ac_ttn b{ float:right; margin-top:5px; }
.new_ac_ttn b img{ width:70%; display:block; margin:0 auto;}

.new_atcenter{ font-size:14px; line-height:24px; padding-top:20px;}
.new_atcenter img{ width:100%; display:block;}

.new_file{ width:100%; border-bottom:1px dashed #cfcfcf;}
.new_file span{ display:block;  border-top:1px dashed #cfcfcf; width:100%; padding:10px 0;}
.new_file span a{ width:100%; line-height:25px; overflow:hidden; height:25px; font-size:14px; display:block;}

.bt_menu{ width:100%; height:45px; background: url(../images/88.png); position:fixed; left:0px; bottom:0px;}
.bt_menu li{ float:left; width:33.3%;}
.bt_menu li a{ display:block; border-right:1px solid #fd8f74; height:45px; line-height:45px;}
.bt_menu li a.tb1{ background: url(../images/me1.png) no-repeat center 11px; background-size:22px 22px;}
.bt_menu li a.tb2{ background: url(../images/me2.png) no-repeat center 11px; background-size:22px 22px;}
.bt_menu li a.tb3{ background: url(../images/me3.png) no-repeat center 11px; background-size:22px 22px; border-right:none;}