@charset "utf-8";
/* CSS Document */
.iconfont {font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
@font-face{font-family:myziti; src:url(PINGFANG LIGHT.TTF);}
html,body{background:#fff;  color:#323232; font-size:14px; margin:0; padding:0; font-family: "微软雅黑"; position: relative;}
.in_center {width:77.1vw; height: auto; margin: 0 auto; transition: all .5s ease 0s;}
.main{width:77.1vw; height: auto; margin: 0 auto;}
h1,h2,h3,h4{font-size:14px; line-height: 1.5;}
i,em{font-style:normal;}
.m_center {width: 77.1vw; height: auto; margin: 0 auto; transition: all .5s ease 0s;}
img{border: 0; width:100%; vertical-align:middle;}
.fl{float:left;}
.fr{float:right;}
ul,li,dl,dd{list-style-type:none; margin:0; padding:0}

/*首页*/
.city{height: 35px; line-height: 35px; border-bottom:1px solid #e9e9e9; font-size: 14px; color: #323232; position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background: #fff;}
.city .fl{width: 50vw;}
.city .fr{color: #666; width: 20vw; text-align: right;}
.city .fr a{color: #666; border-right: 1px solid #666; padding: 0 0.5vw; height: 1; line-height: 1; display: inline-block;}
.city .fr a:last-child{border-right: none; padding-right: 0;}
.city .fr a:hover{color: #3d4891;}

.city .city_qh{ position:relative; color: #13227a; height: 35px; line-height: 35px; display: inline-block; width: 45vw;}
.city_xs{border: 1px solid #dfdfdf; padding: 15px; width: 410px; position: absolute; left: 0; top: 33px; display: none; z-index: 9999999999; background: #fff; height: auto;}
.city_xs a{color: #525252; margin-right:15px;
text-align: justify;
text-justify: newspaper;
word-break: break-all;}
.city_xs a:hover{color: #13227a;}

.top{height: 97px; width: 77.1vw; margin: 0 auto; position: fixed; left: 0; top: 35px; z-index: 99; background: #fff; width: 100%;}
.top .logo{float: left; width: 10.1vw; margin: 13px 5vw 0 0;}
.top .search{font-size: 20px; font-weight: bold; line-height: 97px; float: right; position: relative;}
.search_black{width: 12.6vw; height: 1.8vw; line-height: 1.8vw; position: absolute; right: 0; top: 97px; z-index: 99; display: none;}
.search_black .text{background: #e3ddee; width: 9.1vw; height: 1.8vw; line-height: 1.8vw; color: #878787; font-size: 0.7vw; border: none; float: left; padding-left: 0.8vw; font-weight: normal;}
.search_black .button{background: #3d4891; width: 3.5vw; height: 1.8vw; line-height: 1.8vw; color: #fff; font-size: 0.7vw; border: none; float: right; text-align: center; font-weight: normal;}
.top .search:hover .search_black{display: block; width: 12.6vw; height: 1.8vw; line-height: 1.8vw; z-index: 999; animation-delay: .1s;}
.nav{height:97px; line-height:97px; width:59.5vw; margin:0 auto; overflow:hidden; float:left; zoom: 1;}
.nav:after{ display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }
.nav div{display:inline-block; vertical-align:middle; width:4.8vw; margin: 0 0.7vw; height: 97px; line-height: 97px; font-size: 16px; text-align: center; position: relative; transition: all .5s ease 0s; float: left;}
.nav div a{position: relative; z-index: 2;}
.nav .none{background:none;}
.nav div:hover:after,.nav .nuw:after{left: 0; width: 100%; opacity: 1;}
.nav div:hover a,.nav .nuw a{ color: #fff; height: 97px; line-height: 97px; display: inline-block; width: 4.8vw; background: #13227a;}
.nav div:nth-child(1),.top_icon a:nth-child(1){animation-delay: .1s;}
.nav div:nth-child(2),.top_icon a:nth-child(2){animation-delay: .2s;}
.nav div:nth-child(3),.top_icon a:nth-child(3){animation-delay: .3s;}
.nav div:nth-child(4),.top_icon a:nth-child(4){animation-delay: .4s;}
.nav div:nth-child(5),.top_icon a:nth-child(5){animation-delay: .5s;}
.nav div:nth-child(6),.top_icon a:nth-child(6){animation-delay: .6s;}
/* mobile nav 触发样式 */
.c_nav{width:30px; height:30px; background: none; border-radius: 5px; overflow: hidden; position: absolute; top:3%; right:3%; z-index: 999; margin-top: -15px; cursor: pointer; display:none; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; transition: all .4s ease 0s;}
.c_nav span{display: block; width:20px; height: 2px; background: #13227a; margin:2px auto; overflow: hidden; transform:rotate(0deg); transition: all .4s ease 0s;}
.c_nuw{border-radius: 100%; transform:rotate(360deg);}
.c_nuw span:nth-child(1){transform:rotateZ(45deg)translate(1px,0px); transform-origin: center; width:20px; margin: 0;}
.c_nuw span:nth-child(2){transform:rotateZ(-45deg)translate(1px,-1px); transform-origin: center; width:20px; margin: 0;}

.in_banner{margin: 131px auto 0; height: 51.6vw; position: relative;}
.in_banner .swiper-slide{position: relative;}
.in_banner .swiper-slide a{display: block; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat;}
.in_banner .in_bannerli a img{width: 100%; height: 51.6vw; overflow: hidden;}
.in_banner_l,.in_banner_r{width:50px; height: 50px; line-height: 50px; text-align: center; color: #d4d5d6; position: absolute; top:50%; left: -68px; margin-top: -34px; z-index: 5; cursor: pointer; transition: all .5s ease 0s; border-radius:50%;}
.in_banner_l i,.in_banner_r i{font-size:66px}
.in_banner_l:hover,.in_banner_r:hover,.in_banner_l:hover:after,.in_banner_r:hover:after{color: #fff; border-radius:50%; background:none;}
.in_banner_r{left:inherit; right: -68px;}
.in_banner:hover .in_banner_l{left:calc(100vw * .075);}
.in_banner:hover .in_banner_r{right:calc(100vw * .075);}
.in_banner .in_banner_a{width: 100%; height:14px; line-height: 1; vertical-align: top; position: absolute; bottom: 75px; left: 0; z-index: 2; text-align: center;}
.in_banner .in_banner_a .swiper-pagination-bullet{width: 14px; height: 14px; background: none; border-radius: 100%; border: 2px solid #fff; opacity: 1; margin: 0 10px; position: relative; transition: all .4s ease .2s;}
.in_banner .in_banner_a .swiper-pagination-bullet:before{content:''; width: 8px; height: 8px; background: none; border-radius: 100%; position: absolute; top: 50%; left: 50%; margin: -4px 0 0 -4px; transition: all .4s ease 0s;}
.in_banner .in_banner_a .swiper-pagination-bullet-active{transition: all .4s ease .2s; border-color: #fff; background: #fff;}
.in_banner .in_banner_a .swiper-pagination-bullet-active:before{background: #fff;}

.lib{width: 77.1vw; margin: 4.7vw auto 3.6vw auto; overflow: hidden;}
.lib .in_libli{float: left; width: 17.1vw; margin:0 2.9vw 3.8vw 0;}
.lib .in_libli:nth-child(4){margin-right: 0;}
.lib .in_libli .lib_tit{font-size: 18px; color: #323232; font-weight: bold; height: 2.3vw; line-height: 2.3vw;}
.lib .in_libli .lib_tit img{width: 2.6vw; height: 2.3vw; overflow: hidden; margin-right: 0.5vw;}
.lib .in_libli .lib_li{font-size: 14px; color: #666; height: 4.5vw; line-height: 1.5vw; overflow: hidden; margin-top: 0.9vw;}
.lib_more{border: 2px solid #13227a; width: 8.3vw; text-align: center; height: 2vw; line-height: 1.8vw; font-size: 16px; margin: 0 auto; clear: both; border-radius: 20px; position: relative;  -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform;  -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0);}
.lib_more:before {pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0;  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity;}
.lib_more:hover {-webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px);}
.lib_more:hover:before {opacity: 1; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px);}
.lib_more a{color: #13227a;}
.in_lib_l,.in_lib_r{width:35px; height: 57px; line-height:57px; text-align: center;color: #13227a; position: relative; position: absolute; top:50%; right:0px; margin-top: 0px; z-index: 5; cursor: pointer; transition: all .5s ease 0s; font-size:50px; overflow: hidden;}
.in_lib_l{left:7vw;}
.in_lib_l:hover,.in_lib_r:hover,.in_lib_l:hover:after,.in_lib_r:hover:after{color: #13227a;}
.in_lib_r{left:inherit; right:8vw;}
.gd{margin: 0 auto; position: relative; overflow: hidden;}




/*首页作品案例*/
.case{width: 100%; margin: 0 auto; height: 42.1vw; background: url(../images/case.jpg) repeat-x left center; padding-top: 4.8vw;}
.case_tit{background: url(../images/case_tit.jpg) repeat-x; line-height: 1; width: 100%; text-align: center; font-size: 24px; color: #fff;}
.case_tit span{width: 1px; height: 10px; background: #fff; display: inline-block; vertical-align: middle;}
.case_tit em{background: #13227a; padding: 0 10px;}
.case_tit h1{font-size: 14px; color: #fff; margin-top: 0.8vw;}
.caseul_a{width: 61.9vw; margin: 3.9vw auto 3vw auto;}
.caseul{margin: 0 auto; position: relative; overflow: hidden;}
.caseli{width:12.8vw; margin-right:3.6vw; overflow: hidden; position: relative; animation-delay: .1s; background:none;}
.caseli .img,.caseli .img img{width: 12.8vw; height: 16.1vw; overflow: hidden;}
.caseli .sm{text-align: center; margin-top: 0.7vw;}
.caseli .sm h1{font-size: 16px; color: #323232; height: 2vw; line-height: 2vw; overflow: hidden;}
.caseli .sm h2{font-size: 14px; color: #9c9c9c; height: 2.4vw; line-height: 1.2vw; overflow: hidden;}
.caseul_l,.caseul_r{width:35px; height: 57px; line-height:57px; text-align: center;color: #fff; position: relative; position: absolute; top:30%; right:0px; margin-top: 0px; z-index: 5; cursor: pointer; transition: all .5s ease 0s; font-size:50px; overflow: hidden;}
.caseul_l{left:-70px;}
.caseul_l:hover,.caseul_r:hover,.caseul_l:hover:after,.caseul_r:hover:after{color: #fff;}
.caseul_r{left:inherit; right:-60px;}

/*首页合作流程*/
.coop_lc{margin-bottom: 4.8vw;}
.coop_lc .case_tit,.com_dt .case_tit,.about .case_tit,.custom .case_tit{background: url(../images/coop_tit.jpg) repeat-x;}
.coop_lc .case_tit span,.com_dt .case_tit span,.about .case_tit span,.custom .case_tit span{background: #dcdbdb;}
.coop_lc .case_tit em,.com_dt .case_tit em,.about .case_tit em,.custom .case_tit em{background: #fff; color: #323232;}
.coop_lc .case_tit h1,.com_dt .case_tit h1,.about .case_tit h1,.custom .case_tit h1{color: #666;}
.lc{width: 77.1vw; margin:3.6vw auto;}
.tibits .case_tit{background: url(../images/coop_tit.jpg) repeat-x; margin-bottom: 3.6vw;}
.tibits .case_tit span{background: #dcdbdb;}
.tibits .case_tit em{background: #fff; color: #323232;}
.tibits .case_tit h1{color: #666;}

/*首页拍摄花絮*/
.cj_question{margin-top: 3.6vw; background: #13227a; height: 41.7vw; width: 100%; padding-top: 6.2vw;}
.question_xx{background: url(../images/cj_question.jpg) repeat-y center; height: 26.7vw; width: 77.1vw; margin: 0 auto; position: relative;}
.xx_tit{position: absolute; left: 0px; top: -10px; font-size: 24px; color: #fff; z-index: 999;}
.xx_tit span{font-size: 14px;}
.question_xx .fl{width: 35.7vw; margin-top: 2.9vw;}
.question_xx .fl img{width: 35.7vw; height: 20.8vw; overflow: hidden;}
.question_xx .fr{width: 41.4vw;}
.question_xx .fr ul li{padding: 2.1vw 7.3vw 0 3.5vw; height: 8.9vw;}
.question_xx .fr ul li a{color: #666;}
.question_xx .fr ul li:hover{background: #111f6f;}
.question_xx .fr ul li:hover a{color: #fff;}
.question_xx .fr ul li h1{font-size: 16px; font-weight: bold; height: 1.6vw; line-height: 1.6vw; overflow: hidden;}
.question_xx .fr ul li div{font-size: 14px; height: 3vw; line-height: 1.5vw; overflow: hidden;}
.cj_question .lib_more{border: 2px solid #fff; margin-top: 3vw;}
.cj_question .lib_more a{color: #fff;}

/*首页公司动态*/
.com_dt{margin: 4.7vw 0;}
.com_dt_li{width: 77.1vw; margin: 5.2vw auto 4.2vw auto;}
.com_dt_li .fl,.com_dt_li .fl img{width: 28.1vw; height: 27.5vw; overflow: hidden;}
.com_dt_li .fr{width: 47vw;}
.com_dt_li .fr .fr_tit{font-size: 24px; color: #13227a; text-transform: uppercase; border-bottom: 1px solid #dad8d8; height: 2.2vw; line-height: 1.6vw; overflow: hidden;}
.com_dt_li .fr .fr_tit span{font-size: 18px; margin-left: 0.3vw;}
.com_dt_li .fr ul li{height: 2.6vw; line-height: 2.6vw; border-bottom: 1px dotted #d2d2d2; overflow:hidden;}
.com_dt_li .fr ul li:after{ display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: ""; }
.com_dt_li .fr ul li i{height: 6px; width: 6px; display: inline-block; margin-right: 1.1vw; border: 1px solid #d1cfcf; border-radius: 100%; }
.com_dt_li .fr ul li a{color: #666;display:block;width:100%;}
.com_dt_li .fr ul li a span{float: right;}
.com_dt_li .fr ul li:hover a{color: #13227a;}
.com_dt_li .fr ul li:hover i{border: 1px solid #13227a;}
.com_dt_li .fr ul li:first-child{height: 7.1vw; line-height: 1; padding-top: 1.1vw;}
.com_dt_li .fr ul li:first-child .time{float: left; width: 4.5vw; text-align: center;}
.com_dt_li .fr ul li:first-child .time div{border: 1px solid #cdcbcb; border-bottom: none; height: 2.9vw; line-height: 2.9vw; font-size: 1.9vw;}
.com_dt_li .fr ul li:first-child .time div:last-child{background: #13227a; height: 1.7vw; line-height: 1.7vw; color: #fff; font-size: 0.8vw;}
.com_dt_li .fr ul li:first-child .fr_li_xx{float: right; width: 41.1vw;}
.com_dt_li .fr ul li:first-child .fr_li_xx h1{font-size: 16px; color: #4c4a4a; font-weight: bold; height: 1.9vw; line-height: 1.9vw; overflow: hidden;}
.com_dt_li .fr ul li:first-child .fr_li_xx h2{font-size: 14px; color: #666; height: 2.4vw; line-height: 1.2vw; overflow: hidden;}

/*首页关于我们*/
.about{background: #f5f5f5; padding: 4.7vw 0 6.5vw 0;}
.about .case_tit{background: url(../images/about.jpg) repeat-x; margin-bottom: 3.6vw;}
.about .case_tit span{background: #dcdbdb;}
.about .case_tit em{background: #f5f5f5; color: #323232;}
.about .case_tit h1{color: #666;}
.about_li{width: 77.1vw; margin: 0 auto;}
.about_li .about_img{float: left; width: 15.6vw; height: 19.2vw; position: relative; border: 2px solid #c1c2c4;}
/*.about_li .about_img .img{position: absolute; left: 2.6vw; top: 2.3vw;}*/
.about_li .about_img .img img{ width: 15.6vw; height: 19.2vw; overflow: hidden;}
.about_li .about_xx{float: left; width: 47.4vw; margin: 0.8vw 0 0 4.2vw;}
.about_li .about_xx h1{font-size: 24px; color: #323232; height: 1.8vw; line-height: 1.8vw; overflow: hidden;}
.about_li .about_xx div{font-size: 10px; color: #9b9b9b; height: 1.1vw; line-height: 1.1vw; overflow: hidden; margin-bottom: 1.2vw;}
.about_li .about_xx p{font-size: 14px; color: #666; height: 13.5vw; line-height: 1.5vw; overflow: hidden;}
.about_li .about_more{float: right; width: 7.5vw; height: 19.2vw; background: #13227a; text-transform: uppercase; font-size: 0.9vw; font-weight: bold; line-height: 1.9vw; padding-top: 6.4vw; padding-left: 0.5vw;}
.about_li .about_more div{font-size: 0.8vw; font-weight: normal;}
.about_li .about_more a{color: #fff;}

/*首页公司客户*/
.custom{padding: 4.7vw 0;}
.cistom_li{width: 77.1vw; margin: 4vw auto 0;}
.cistom_li .fl{width: 37.4vw; margin-top: 4.2vw;}
.cistom_li .fl div{background: #13227a; height: 0.2vw; width: 2.3vw; margin-bottom: 0.4vw;}
.cistom_li .fl h1{font-size: 24px; font-weight: bold; color: #13227a; height: 3vw; line-height: 3vw; overflow: hidden;}
.cistom_li .fl h2{font-size: 14px; color: #666; line-height: 1.5vw; overflow: hidden;}
.cistom_li .fr{width: 35.6vw;}
.cistom_li .fr ul li{float: left; width: 11.7vw; border: 1px solid #dad8d8;}
.cistom_li .fr ul li img{width: 11.6vw; height: 6.2vw; overflow: hidden;}

/*底部*/
.footer{background: #292929; border-bottom: 1px solid #414141;}
.foot_topnav{width: 55.2vw; height: auto; float: left; padding-top: 2.4vw;}
.foot_navli{width: 6.1vw; height: auto; float: left; line-height: 1; animation-delay: .1s;}
.foot_navli p{margin-bottom: 0.8vw; font-size: 14px;}
.foot_navli p a{color: #929292;}
.foot_navli p:first-child{margin-bottom: 2.4vw;}
.foot_navli p:first-child a{font-size: 16px; color: #fff;}
.foot_navli p a:hover{color: #a7a6a6; text-shadow: 1px 1px 0 rgba(0,0,0,.85);}
.foot_tel{float: right; width: 21.4vw;}
.phone{float: left; width: 13.5vw; margin-top: 5.2vw;}
.foot_tel .fl{width: 3.4vw; height: 3.3vw; margin-right: 0.6vw;}
.foot_tel .fl img{width: 3.4vw; height: 3.3vw; overflow: hidden;}
.foot_tel .fr{width: 8vw; font-size: 1vw; line-height: 1.2vw; color: #b1b1b1; float: left;}
.foot_tel .fr em{font-size: 0.7vw; color: #747474; display: block;}
.foot_tel .wx{text-align: center; font-size: 14px; color: #b1b1b1; margin-top: 4vw; float: right;}
.foot_tel .wx img{width: 5.8vw; height: 5.8vw; overflow: hidden; padding: 0.5vw; background: #fff; margin-bottom: 0.9vw;}
.foot_link{clear: both; color: #b0acac; line-height: 1.5; padding: 3vw 0 1.5vw 0;}
.foot_link a{color: #b0acac; margin-right: 1.5vw; display: inline-block;}
.bottom{background: #292929; border-top: 1px solid #0f0f0f; height: auto; line-height: 3.6vw; color: #a7a6a6;}
.bottom a{color: #a7a6a6;}

/*团队简介*/
.n_bann{margin: 97px auto 0 auto; width: 100%;}
.n_bann img{width: 100%; height: 26.6vw; overflow: hidden;}
.title{background: #eee; color: #919191; height: 33px; line-height: 33px; font-size: 14px; margin-bottom: 20px;}
.title a{color: #919191; margin: 0 0.2vw;}
.title a.now,.title a:hover{color: #13227a;}
.detal{width: 77.1vw; margin: 0 auto; padding: 20px 0;letter-spacing: 1.5px; line-height: 24px;}
.ny_team_tit{line-height: 4vw; height: 4vw; width: 100%; border-bottom: 1px solid #e3e3e3; margin-bottom: 2.3vw;}
.ny_team_fl{float: left; font-size: 24px; color: #13227a; font-weight: bold;}
.ny_team_fl div{display: inline-block; font-size: 14px; text-transform:uppercase; margin-left: 0.3vw;}
.ny_team_li{float: right;}
.ny_team_li a{margin-left: 2.2vw; font-size: 16px; line-height: 4vw; height: 4vw; display: inline-block;}
.ny_team_li a:hover,.ny_team_li a.now{border-bottom: 1px solid #13227a; color: #13227a;}
.ny_team{width: 77.1vw; margin: 0 auto;}
.team_tit{text-align: center; font-size: 14px; color: #666; line-height: 1.6vw; margin-bottom: 2.3vw;}
.team_li ul li{float: left; width: 18.2vw; margin: 0 1.4vw 2vw 0;}
.team_li ul li:nth-child(4n){margin-right: 0;}
.team_li ul li .img,.team_li ul li .img img{width: 18.2vw; height: 17.1vw; overflow: hidden;}
.team_li ul li .img img{ max-height: 17.1vw;-webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s; -moz-transition: all cubic-bezier(.18,1,.21,1) .9s; -ms-transition: all cubic-bezier(.18,1,.21,1) .9s; -o-transition: all cubic-bezier(.18,1,.21,1) .9s;  transition: all cubic-bezier(.18,1,.21,1) .9s;}
.team_li ul li .img:hover img{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.team_li ul li .sm{color: #666; font-size: 18px; line-height: 2.3vw; padding-top: 0.6vw;}
.team_li ul li .sm div{font-size: 14px; line-height: 1.5vw; height: 3vw; overflow: hidden;}
.page{margin: 40px auto; text-align: center; width: 100%; clear: both; zoom: 1; padding-top: 20px;}
.page:after{ display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }
.page a{border: 1px solid #d1d1d1; color: #666; font-size: 0.8vw; padding: 0.3vw 0.5vw; margin: 0 0.3vw;} 
.page a:hover,.page a.dangqiang{border: 1px solid #13227a; color: #13227a;}
.page .now{border: 1px solid #13227a; color: #13227a;}

/*联系我们*/
.contact{width: 77.1vw; margin: 0 auto; padding: 20px 0;}
.contact .map{border: 1px solid #dad8d8; width: 100%; overflow: hidden;}
.contact .add{line-height: 3vw; font-size: 18px; color: #666; padding: 26px 0;}
.contact .add h1{height: 3.4vw; line-height: 3.4vw; overflow: hidden; font-size: 24px; color: #13227a;}

/*促销活动*/
.list{width: 77.1vw; margin: 0 auto 30px auto;}
.list ul li{ background: #f7f7f7; zoom: 1; height: 13.1vw; overflow: hidden; margin-bottom: 1.5vw;}
.list ul li:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }
.list ul li .fl{width: 19.2vw;}
.list ul li .fl img{width: 19.2vw; height: 13.1vw; overflow: hidden;}
.list ul li .fr{float: left; width: 40.9vw; margin: 0 4.5vw 0 3.1vw; padding-top: 1.9vw;}
.list ul li .fr h1{font-size: 18px; color: #323232; font-weight: bold; height: 2.5vw; line-height: 2.5vw; overflow: hidden;}
.list ul li .fr .xx{font-size: 14px; color: #666; height: 4.8vw; line-height: 1.6vw; overflow: hidden;}
.list ul li .fr .sj{font-size: 12px; color: #929292; margin-top: 1.5vw;}
.list ul li .more{float: right; width: 6.8vw; margin-right: 2.5vw; height: 2.3vw; line-height: 2.3vw; background: #cecece; text-align: center; margin-top: 5.6vw;}
.list ul li:hover{ box-shadow: 0px 10px 5px #e5e5e5;}
.list ul li:hover .more{background: #13227a;}
.list ul li:hover .more a{color: #fff;}
.sales{width: 77.1vw; margin: 0 auto 30px auto;}
.sales_tit{font-weight: bold; color: #323232; font-size: 20px; text-align: center; border-bottom: 1px solid #eaeaea; height: auto; line-height: 3vw; text-transform: uppercase;}
.sales_time{color: #666; font-size: 14px; text-align: center; padding-top: 1.1vw; margin-bottom:40px;}
.fy{margin-top: 20px;}
.fy a{float: left; color: #666; padding:25px 0;}
.fy a:nth-child(2){float: right;}
.fy a:hover{color: #3d4990;}
.recom{border: 1px solid #e5e5e5; margin: 20px 0; padding: 1.5vw;}
.recom_tit{font-weight: bold; color: #3d4990; font-size: 20px; border-bottom: 1px solid #dfdfdf; padding-bottom: 1vw;}
.recom_tit a{font-size: 14px; float: right; color: #3d4990;}
.recom_lie li{float: left; width: 34.4vw; border-bottom: 1px solid #dfdfdf; padding: 25px 0;}
.recom_lie li:nth-child(2n){float: right;}
.recom_lie li h1{font-size: 18px; color: #323232; height: 40px; line-height: 40px; overflow: hidden;}
.recom_lie li div{font-size: 14px; color: #898989; height: 50px; line-height: 25px; overflow: hidden;}
.recom_li{margin-top: 20px;}
.recom_li li{float: left; width: 34.4vw; height: 36px; line-height: 36px; font-size: 16px;}
.recom_li li a{color: #666;}
.recom_li li:nth-child(2n){float: right;}
.recom_li li span{float: right;}
.recom_li li:hover a{color: #3d4990;}

/*公司动态-花絮*/
.tibits {width: 77.1vw; margin: 0 auto; position: relative;}
.tibits_list {position: relative; zoom: 1; }
.tibits_list li { width: 15.1vw; height: 15.4vw; float: left; position: relative; margin: 0 0.4vw 2.9vw 0;}
.tibits_list li:nth-child(5n){margin-right: 0;}
.tibits_list_item {position: absolute; left: 0; top: 0; width: 15.1vw; height: 15.4vw; background-color: #fff; background:#fff;}
.tibits_list_item img { width: 15.1vw; height: 15.4vw; overflow: hidden;}
.tibits-list-cont {position: absolute; left: 0; top: 0; width: 15.1vw; height: 15.4vw; opacity: 0; filter: alpha(opacity=0); overflow: hidden; -webkit-transition: all .15s; -moz-transition: all .15s; -ms-transition: all .15s; -o-transition: all .15s;}
.tipits_xx{position: absolute; left: 0; bottom: 0; background: #fff; height: 95px; width: 15.1vw; border: 1px solid #dad8d8; padding: 0 1.2vw; text-align: center;}
.tipits_xx p{font-size: 16px; color: #323232; overflow: hidden; height: 2vw; line-height: 2vw; margin-top: 10px;}
.tipits_xx h1{font-size: 14px; color: #9c9c9c; height: 2vw; line-height: 1vw; overflow: hidden;}
.tibits-list-text {position: absolute; left: 0%; top: 0%; width: 15.1vw; height: 15.4vw; background: #13227a; color: #fff;}
.tibits-list-text div{border:1px solid #fff; height: 3.5vw; line-height: 3vw; text-align: center; width: 3.5vw; border-radius: 100%; font-size: 14px; color: #031555; margin: 25% auto 0 auto; position: relative; text-transform: uppercase; transition: all .4s ease .2s;}
.tibits-list-text div:before{content:'play'; height: 3vw; width: 3vw; background: #fff; position: absolute; left: 0.2vw; top:0.2vw; border-radius: 100%;animation:myfirst 5s; -webkit-animation:myfirst 5s; animation-fill-mode: forwards;}
.tibits-list-text p{font-size: 16px; color: #fff; overflow: hidden; height: 2vw; line-height: 2vw; margin-top: 10px; padding: 0 1.2vw;}
.tibits-list-text h1{font-size: 14px; color: #fff; height: 2vw; line-height: 1vw; overflow: hidden; padding: 0 1.2vw; text-align: center;}
.tibits_list_item:hover .tibits-list-cont {width: 15.1vw; height: 15.4vw;; left: 0px; top: 0px; opacity: .75; filter: alpha(opacity=75)}
.tibits_list_item:hover img{width: 15.1vw; height: 15.4vw;}
.tibits_list_item:hover .tipits_xx{display: none;}
.recomul_a{width: 100%; margin: 2.3vw 0 1.5vw 0;}
.recomul{margin: 0 auto; position: relative; overflow: hidden;}
.recomli{width:16.7vw; margin-right:2.3vw; overflow: hidden; position: relative; animation-delay: .1s; background:none;}
.recomli .img,.recomli .img img{width: 16.7vw; height: 11.6vw; overflow: hidden;}
.recomli .sm{text-align: center; margin-top: 0.7vw;}
.recomli .sm h1{font-size: 16px; color: #323232; height: 2vw; line-height: 2vw; overflow: hidden;}
.recomli .sm h2{font-size: 14px; color: #9c9c9c; height: 2.4vw; line-height: 1.2vw; overflow: hidden;}
.recomul_l,.recomul_r{width:30px; height: 30px; line-height:30px; text-align: center;color: #13227a; position: relative; position: absolute; top:50%; right:0px; margin-top: -26.5px; z-index: 5; cursor: pointer; transition: all .5s ease 0s; font-size:36px; overflow: hidden;}
.recomul_l{left:-30px;}
.recomul_l:hover,.recomul_r:hover,.recomul_l:hover:after,.recomul_r:hover:after{color: #13227a;}
.recomul_r{left:inherit; right:-20px;}

/*员工风采*/
.com_fc{width: 77.1vw; margin: 0 auto;}
.com_fc ul li{ border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; zoom: 1; padding: 2vw 0; margin-bottom: 2.1vw;}
.com_fc ul li:hover{ border-top: 1px solid #13227a; border-bottom: 1px solid #13227a;}
.com_fc ul li:after{ display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }
.com_fc ul li .fl{width: 23.5vw;}
.com_fc ul li .fr{width: 48.4vw;}
.com_fc ul li .fr h1{font-size: 16px; color: #4c4a4a; height: 3.8vw; line-height: 3.8vw; overflow: hidden; margin-top: 0.9vw;}
.com_fc ul li .fr h2{font-size: 14px; color: #666; height: 4.8vw; line-height: 1.6vw; overflow: hidden;}
.com_fc ul li .fr .fc_time{font-size: 14px; color: #a6a2a2; height: 3.5vw; line-height: 3.5vw; overflow: hidden; margin-bottom: 0.6vw;}
.com_fc ul li .fr .fc_more a{color: #13227a; font-size: 16px; height: 1.9vw; line-height: 1.9vw; width: 6.8vw; overflow: hidden; text-align: center; background: #e6e6e6; display: inline-block; float: right;}
.sales_title{font-size: 22px; color: #4c4a4a; font-weight: bold; text-align: center; line-height: 2;}
.sales_sj{text-align: right; font-size: 16px; color: #4c4a4a; font-weight: bold;}

/*平面广告*/
.print ul li{float: left; width: 13vw; margin: 0 3vw 2vw 0; text-align: center;}
.print ul li:nth-child(5n){margin-right: 0;}
.print ul li .img{-webkit-transition:-webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,0,300px); transform: translate3d(0,0,300px); -webkit-transform: scale(1); transform: scale(1);}
.print ul li .img:hover img{-webkit-transform: scale(1.05); transform: scale(1.05);}
.print ul li .img,.print ul li .img img{width: 13vw; height: 17.9vw; overflow: hidden;}
.print ul li h1{font-size: 18px; color: #323232; height: 39px; line-height: 39px; overflow: hidden; margin-top: 16px;}
.print ul li h2{font-size: 14px; color: #9c9c9c; height: 24px; line-height: 24px; overflow: hidden;}
.print ul li div {position: relative; z-index: 1; overflow: hidden;	cursor: pointer;}
.print ul li div img {position: relative;	display: block;	min-height: 100%;	opacity: 1;}
.print ul li .black {color: #fff; text-transform: uppercase; -webkit-backface-visibility: hidden;	backface-visibility: hidden; position: absolute; top: 0;	left: 0; width: 100%; height: 100%;}
.print ul li p {margin: 0; text-align: center;}
.print ul li div.img .black div,.print ul li div.img p {opacity: 0; color:#fff; font-size:14px;}
.print ul li:hover .black{background-color: rgba(19,31,103,0.8);}
.print ul li:hover div.img p{opacity: 1; -webkit-transform: scale(1); transform: scale(1); line-height:17.9vw; color:#fff; left:50%;}
.print ul li:hover .black:before {opacity:1; background-color:#fff; position:absolute; left:30%; top:50%; height:1px; background:#fff; content: ''; width:5px;}
.print ul li:hover .black:after {opacity:1; background-color:#fff; position:absolute; right:30%; top:50%; height:1px; background:#fff; content: ''; width:5px;}

/*常见问题*/
.question{width: 77.1vw; margin: 0 auto;}
.question ul li{zoom: 1; margin-bottom: 3.4vw;}
.question ul li:after{ display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }
.question ul li .fl,.question ul li .fl img{width: 8.8vw; height: 7.2vw; overflow: hidden;}
.question ul li .fr{width: 67.3vw; height: 7.2vw; overflow: hidden; border-top: 1px dotted #d2d2d2; border-bottom: 1px dotted #d2d2d2;  padding: 1.1vw 0;}
.question ul li .fr .num{float: left; width: 4.5vw; height: 4.6vw; line-height: 4.6vw; text-align: center; border: 1px solid #cdcbcb; font-size: 36px; color: #666;}
.question ul li .fr .que_xx{float: left; width: 41vw; margin-left: 1.6vw;}
.question ul li .fr .que_xx h1{font-size: 16px; color: #4c4a4a; height: 1.8vw;line-height: 1.8vw; overflow: hidden;}
.question ul li .fr .que_xx h2{font-size: 14px; color: #666; height: 2.4vw;line-height: 1.2vw; overflow: hidden;}
.question ul li .fr .que_more{width: 8.6vw; text-align: center; float: right; font-size: 16px; margin-top: 4vw; line-height: 1;}
.question ul li .fr .que_more a{color: #666;}
.question ul li:hover .fr .que_more a{color: #202d7f;}
.question ul li:hover .fr .num{color: #202d7f;}

/*作品案例*/
.work ul li{float: left; width: 15.8vw; margin: 0 4.5vw 2vw 0; text-align: center;}
.work ul li:nth-child(4n){margin-right: 0;}
.work ul li .img{-webkit-transition:-webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,0,300px); transform: translate3d(0,0,300px); -webkit-transform: scale(1); transform: scale(1);}
.work ul li .img:hover img{-webkit-transform: scale(1.05); transform: scale(1.05);}
.work ul li .img,.print ul li .img img{width: 15.8vw;; height: 21.1vw; overflow: hidden;}
.work ul li h1{font-size: 18px; color: #323232; height: 39px; line-height: 39px; overflow: hidden; margin-top: 16px;}
.work ul li h2{font-size: 14px; color: #9c9c9c; height: 24px; line-height: 24px; overflow: hidden;}
.work ul li div {position: relative; z-index: 1; overflow: hidden;	cursor: pointer;}
.work ul li div img {position: relative;	display: block;	min-height: 100%;	opacity: 1;}
.work ul li .black {color: #fff; text-transform: uppercase; -webkit-backface-visibility: hidden;	backface-visibility: hidden; position: absolute; top: 0;	left: 0; width: 100%; height: 100%;}
.work ul li p {margin: 0; text-align: center; color: #031555 !important; opacity: 0;}
.work ul li div.img .black div{opacity: 0; color:#fff; font-size:14px;}
.work ul li div p:before{content:'play'; height: 3vw; width: 3vw; background: #fff; position: absolute; left: 0.2vw; top:0.2vw; border-radius: 100%;animation:myfirst 5s; -webkit-animation:myfirst 5s; animation-fill-mode: forwards; color: #031555;}
.work ul li:hover .img{ box-shadow: 5px 10px 5px #b1b2b5;}
.work ul li:hover .black{background-color: rgba(19,31,103,0.8);}
.work ul li div{width: 14px; height: 20px; margin: 0 auto; position: relative;-webkit-backface-visibility: hidden; backface-visibility: hidden;}
.work ul li div::after{border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); margin: 1vw;}
.work ul li div::before{border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); margin: 1vw;}
.work ul li div::before,.work ul li div::after{position:absolute; top:0px; right:0px; bottom:0px; left:0px; content:''; opacity:0;
-webkit-transition:opacity .35s,-webkit-transform .35s; transition:opacity .35s,transform .35s; pointer-events: none;}
.work ul li div:hover::after,.work ul li div:hover::before {opacity:1; -webkit-transform:scale(1); transform:scale(1);}
.work ul li div p{border:1px solid #fff; height: 3.5vw; line-height: 3vw; text-align: center; width: 3.5vw; border-radius: 100%; font-size: 14px; color: #031555; margin: 0% auto 0 auto; position: relative; text-transform: uppercase; transition: all .4s ease .2s;}
.work ul li div:hover p{padding: 0; margin: 0; left: 39%; top: 42%; opacity: 1;}
.workul_a{width: 66.6vw; margin: 2.3vw auto 1.5vw auto;}
.workul{margin: 0 auto; position: relative; overflow: hidden;}
.workli{width:14.3vw; margin-right:3.3vw; overflow: hidden; position: relative; animation-delay: .1s; background:none;}
.workli .img,.workli .img img{width: 14.3vw; height: 16.7vw; overflow: hidden;}
.workli .sm{text-align: center; margin-top: 0.7vw;}
.workli .sm h1{font-size: 16px; color: #323232; height: 2vw; line-height: 2vw; overflow: hidden;}
.workli .sm h2{font-size: 14px; color: #9c9c9c; height: 2.4vw; line-height: 1.2vw; overflow: hidden;}
.workul_l,.workul_r{width:30px; height: 30px; line-height:30px; text-align: center;color: #13227a; position: relative; position: absolute; top:50%; right:0px; margin-top: -26.5px; z-index: 5; cursor: pointer; transition: all .5s ease 0s; font-size:36px; overflow: hidden;}
.workul_l{left:-60px;}
.workul_l:hover,.workul_r:hover,.workul_l:hover:after,.workul_r:hover:after{color: #13227a;}
.workul_r{left:inherit; right:-50px;}

.kind{height: auto;}
.kind ul li{margin-bottom: 0.8vw; zoom: 1; font-size: 0.8vw;}
.kind ul li:after{ display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }
.kind .fl{background: #13227a; color: #fff; height: 1.6vw; line-height: 1.6vw; width: 4.2vw; text-align: center; margin-right: 1.2vw;}
.kind .fr{float: left; line-height: 1.6vw; width: 71.5vw;}
.kind .fr a{margin-right: 2.1vw;}
.kind .fr a:hover,.kind .fr a.now{color: #13227a;}

/*合作方式*/
.coop{width: 77.1vw; margin: 0 auto;}
.coop_tit{font-size: 24px; color: #13227a; text-align: center; line-height: 1.5; text-transform: uppercase; padding: 15px 0; margin-bottom: 4.7vw;}
.coop_list ul li{position: relative; border: 2px solid #13227a; float: left; width: 24.5vw; height: 11.2vw; border-radius: 10px; margin-right: 1.8vw;}
.coop_list ul li:nth-child(3){margin-right: 0;}
.coop_list ul li .li_xx{position: absolute; left: 0; top: -2.2vw;}
.coop_list ul li .munber{height: 4.4vw; width: 4.4vw; line-height: 4.4vw; text-align: center; background: #13227a; border-radius: 100%; font-size: 1.9vw; color: #fff; margin: 0 auto;}
.coop_list ul li .sz{font-size: 18px; color: #000; text-align: center; height: 1.9vw; line-height: 1.9vw; margin-top: 0.5vw; overflow: hidden;}
.coop_list ul li .li_xx h1{padding: 0 1.5vw; height: 5.6vw; line-height: 1.4vw; overflow: hidden; color: #666;}
.coop_li{margin: 4vw 0; position: relative;}
.coop_li ul li{width: 34.4vw; border-bottom: 1px solid #dfdfdf; line-height: 1.5; padding-bottom: 6px; padding-top: 0.5vw;}
.coop_li ul li b{font-size: 16px; color: #323232; height: 2vw; line-height: 2vw; overflow: hidden;}
.coop_li ul li div{font-size: 14px; color: #898989; height: 1.5vw; line-height: 1.5vw; overflow: hidden;}
.coop_li ul li:nth-child(5),.coop_li ul li:nth-child(6),.coop_li ul li:nth-child(7),.coop_li ul li:nth-child(8){position: absolute; right: 0; top: 0;}
.coop_li ul li:nth-child(6){top: 4.5vw;}
.coop_li ul li:nth-child(7){top: 9vw;}
.coop_li ul li:nth-child(8){top: 13.5vw;}

/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:80px;height:420px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:80px;height:80px;background-color:#0f1d71;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a .i{float:left;width:38px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat; margin-left: 20px;}
.suspension .a div{clear: both; display: block; text-align: center; color: #fff; font-size: 14px;}
.suspension .a-service .i{width:40px;height:34px;margin-bottom:8px;margin-left:12px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:36px;height:34px;margin-bottom:8px;margin-left:22px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;background-position:-37px 0;}
.suspension .a-online .i{background-position:-68px 0;}
.suspension .a-qrcode .i{background-position:-99px 0;}
.suspension .a-cart .i{background-position:-99px 0;}
.suspension .a-top .i{background-position:-136px 0;}
.suspension .a-top{background:#0f1d71;display:none;}
.suspension .a-top:hover{background:#0f1d71;}
.suspension .d{display:none;width:150px; background:#f7f7f7;position:absolute;right:80px;min-height:50px;border:1px solid #e6e6e6;}
.suspension .d .arrow{position:absolute;width:8px;height:12px;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:188px;}
.suspension .d-online{top:168px;}
.suspension .d .inner-box{padding:8px 10px 12px; text-align: center;}
.suspension .d-service-item .gw{line-height: 24px; font-size: 14px; color: #929292; text-transform: uppercase; padding: 10px 0;}
.suspension .d-service-item .gw:first-child{ border-bottom: 1px solid #e6e6e6;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .i-qq{width:34px;height:34px;background:url(../images/side_con_icon03.png) no-repeat center 5px;display:block;transition:all .2s;border-radius:50%;overflow:hidden; float: left;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:right;width:92px;line-height:44px;font-size:15px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px;}
.suspension .d-qrcode p{font-size:16px;color:#93959c; padding-top: 10px;}

.detal .video{width: 100%; margin-bottom: 20px;}
.detal iframe{height: 800px; margin-bottom: 20px;}
.detal .video_tit{font-size: 24px; color: #13227a; text-align: center; height: 30px; line-height: 30px; margin-bottom: 15px;}

.com_tit{text-align: center; color: #323232; font-weight: bold; font-size: 24px; line-height: 1.2; margin: 40px 0;}
.com_tit div{font-size: 10px; color: #777676; font-weight: normal;}
.detal_fl{float: left; width: 36.5vw;}
.detal_fl img{width: 36.5vw; height: auto; overflow: hidden;}
.detal_fr{float: right; width: 38vw; margin-right: 0.6vw; line-height: 1.6vw;}
.com,.service,.coop_kh{margin-bottom: 50px;}
.service .case_tit,.coop_kh .case_tit{background: url(../images/coop_tit.jpg) repeat-x;}
.service .case_tit span,.coop_kh .case_tit span{background: #dcdbdb;}
.service .case_tit em,.coop_kh .case_tit em{background: #fff; color: #323232;}
.service .case_tit h1,.coop_kh .case_tit h1{color: #666;}
.coop_kh_li{width: 77.1vw; margin:50px auto 30px auto;}
.coop_kh_li ul li{float: left; width: 11.7vw; border: 1px solid #dad8d8;}
.coop_kh_li ul li img{width: 11.6vw; height: 6.2vw; overflow: hidden;}
.detal_li{margin: 40px 0 30px 0;}
.detal_li li{margin-bottom: 30px;}
.detal_li li h1{font-size: 16px; color: #666; height: 32px; line-height: 32px; overflow: hidden;}
.detal_li li h2{font-size: 14px; color: #929392; line-height: 30px;}