@charset "utf-8";
/* CSS Document */
/* 关于晟皓 */
.about_01,.inter,.inter_02{overflow: hidden;}
.about_fl,.about_fr{width: 600px;float: left;}
.about_fl h3{font-size: 22px;}
.about_fl p{line-height: 30px;font-size: 14px;color:#878787;}
.about_fr{float: right;}
.about_05 .div1 ul{overflow: hidden;}
.about_05 .div1 li{float:left;border: #dfdfdf 1px solid;margin:0 15px 10px 0;}
.about_05 .div1 img{width: 185px;height: 55px;}
.about_05 .div1 li:last-child{margin-right: 0;}
.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.section .bg img { width: 100%; height: 100%; }
.section .tit { padding-top: 130px; margin-bottom: 60px; }
.section .tit .tit01 { font-size: 48px; line-height: 48px; font-weight: bold; color: #409de7; text-align: center; }
.section .tit .tit02 { font-size: 12px; text-transform: uppercase; color: #409de7; background: url(../images/tit_line.png) no-repeat center center; text-align: center; margin-top: 16px; margin-bottom: 26px; }
.section .tit .tit03 { font-size: 16px; text-align: center; line-height: 28px; }
.section.active .tit .tit01 { -webkit-animation: bounceInDown 1.4s both; animation: bounceInDown 1.4s both; }
.section.active .tit .tit02 { -webkit-animation: bounceInDown 1s both; animation: bounceInDown 1s both; }
.section.active .tit .tit03 { -webkit-animation: bounceInDown 0.8s both; animation: bounceInDown 0.8s both; }
.company-nav-dh li.active,.company-nav-dh li:hover  { background:#eb0c1c; }
.company-nav-dh li.active a,.company-nav-dh li:hover a { color: #fff; }
/* 关于晟皓-办公环境 */
.section03 .bg { margin-top: 120px; margin-left: -483px; left: 50%; }
.section03 .bg img { width: auto; height: auto; }
.section03 .manlist { position: relative; }
.section03 .manlist li { position: absolute; text-align: center; width: 230px; height: 230px; overflow: hidden; cursor:pointer; }
.section03 .manlist li .top_s, .section03 .manlist li .bottom { -webkit-transition: all .5s linear; -webkit-transition: all .5s linear; opacity: 0; }
.section03 .manlist li .top_s { height: 112px; -webkit-transform: translateY(-200px); transform: translateY(-200px); }
.section03 .manlist li .tit01 { font-size: 18px; font-weight: bold; padding-top:80px; color: #fff; }
.section03 .manlist li .tit02 { font-size: 16px; padding: 4px 0 0; color: #fff; }
.section03 .manlist li .bottom { height: 100px; -webkit-transform: translateY(200px); transform: translateY(200px); color: #fff;font-size: 14px;margin-top: 20px;}
.section03 .manlist li .bottom a { color: #b5b5b6; font-size: 14px; color: #fff; }

.section03 .manlist li:hover .section03-list { background:url(../images/section03-listbg.png) no-repeat;width: 230px;height: 230px;}
.section03 .manlist li:hover .top_s, .section03 .manlist li:hover .bottom { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
.popwin { position:absolute; top:50%; left:50%; z-index: 999999; display:none; margin-left:-600px;}
.popwin_innder { position: relative;  width: 1200px; height: 720px;   }
.popwin .btn-left { position: absolute; top: 45%; left: 0; width: 43px; height: 77px; background:url(../images/popwin.png) 0 0; cursor: pointer }
.popwin .btn-right { position: absolute; top: 45%; right: 0; width: 43px; height: 77px; background: url(../images/popwin.png) 0 -87px; cursor: pointer }
.popwin .btn-close { position: absolute; top: 0; right: 0px; width: 59px; height: 59px; background: url(../images/popwin.png) 0 -174px; cursor: pointer }
.popwin .imglist { position: relative; margin: 0 auto; width: 1083px; height: 720px; overflow: hidden }
.popwin .imglist ul { position: absolute; top: 0; left: 0; width: 100%;  }
.popwin .imglist li { float: left;  width: 1083px; text-align:center; }
.popwin .imglist img {  }
.section03.active .bouncedown { -webkit-animation: bounceInDown 0.8s both; animation: bounceInDown 0.8s both; }
.section03.active .bounceup { -webkit-animation: bounceInUp 1.2s both; animation: bounceInUp 1.2s both; }
.darkbg { width: 100%; height: 100%; position:absolute; left: 0; top:2100px; z-index: 999; background: rgba(0,0,0,0.70);  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#90000000, endColorstr=#90000000);}
/* 国际商标 */
.inter_01 h2{background:url(../images/b_mc.png) repeat;width: 212px;height: 152px;margin: 0 auto;position:absolute;top:0;color:#fff;text-align: center;vertical-align: middle;line-height: 153px;font-weight: normal;}
.inter_01 span button{background: #fff;color: #000;border:none;padding:0 20px;margin-top:6px;}
.inter_01_r{width:910px;margin-left:25px;}
.inter_01_s{width:282px;}
.inter_01_r a{margin-bottom:10px;margin-left:19px;}
.inter_01_s a img{width:282px;height:503px;}
.inter_01_s h2{width: 282px;height: 503px;line-height: 520px;}
.inter_01_s a span {display: block;width: 284px;height:300px;padding-top:203px;position: absolute;left: 0px;top: 0px;background: url(../images/h_mc.png) repeat;z-index: 9;color: #fff;line-height: normal;line-height: 28px;display: none;}
.inter_02 ul{margin-top:20px;}
.inter_02 li{background:#f7f7f7;width:184px;height:184px;display: block;border-radius: 7px;-webkit-border-radius:7px;padding:20px;float:left;text-align: center;margin-right:20px;}
.inter_02 li:last-child{margin: 0;}
.inter_02 li img{width:64px;height: 64px;margin:10px auto;}
.inter_02 li h2{margin-top:15px;font-weight: normal;color: #000;}
.inter_02 li p{text-align: left;line-height: 24px;margin-top:10px;color: #999;}
/* 国际商标-意义轮播 */
.slider, .slider .slider-img {overflow: hidden;height:310px;}
.slider {width:600px;position: relative;float: left;border: #d0d0d0 2px solid;margin-top: 4px;}
.slider .slider-img {width: 6000px;position: relative;}
.slider .slider-img .slider-img-ul {position: absolute;left: 0;top: 0;overflow: hidden;}
.slider .slider-img .slider-img-ul li {float: left;width:600px;}
.slider .slider-img .slider-img-ul li img {width:600px;height:310px;}
.slider .slider-dot ul {position: absolute;right:40%;bottom:20px;}
.slider .slider-dot ul li {cursor: pointer;width:25px; height:5px;background: #ccc;border:2px solid #fff;float: left;margin-left:6px;}
.slider .slider-dot ul li.active, .slider .slider-dot ul li:hover {background: #cc0000;}
.slider .slider-img-ul li{text-align: center;}
.slider .slider-img-ul li h1{margin:40px 20px}
.slider .slider-img-ul li p{margin:20px 36px;text-align: left;line-height:28px;font-size: 14px;}
/* 晟皓设计 */
.design .picMarquee-left .bd ul li a{border: none;}
.design .picMarquee-left .bd ul li{ width:182px; height:196px; float: left; position: relative;margin-right:18px;margin-bottom: 20px;}
.design .picMarquee-left .bd ul li:last-child{margin-right:0;}
.design .picMarquee-left .bd ul li img{width:182px;height: 156px;position: absolute; left: 50%;top: 50%;margin: -78px 0 0 -91px;z-index: 1;border: #e8e8e8 1px solid;}
.design>a{ font-size: 18px; color: #fff;display: block; width: 158px; height: 44px; line-height: 44px; text-align: center; margin:70px auto 30px;background: #cc0000;border-radius: 50px;-webkit-border-radius: 50px;}
.design .picMarquee-left .bd ul li p{position:relative;top:200px;text-align: center;font-size: 16px;}
.clear{clear: both;}
/* 商标服务 */
.name,.good,.danger,.data,.flow,.frame,.benefit,.use,.lunbo{margin-bottom:50px;}
.good,.data,.benefit{background:#f5f5f5;width: 100%;padding: 20px 0;text-align: center;overflow: hidden;}
.flow,.danger{overflow: hidden;}
.flow li{float:left;text-align: center;margin-top: 20px;width:130px;}
.flow h3{font-size: 20px;color:#323232;font-weight:normal;}
.flow h4{font-size: 14px;color:#686868;font-weight:normal;}
.flow .special{margin:65px 0;}
.data{background: url(../images/service_bg.png) bottom repeat-x #f5f5f5;overflow: hidden;padding-bottom:80px;}
.data_left{background: #fff;border: #e5e5e5 1px solid;float: left;width: 580px;margin-top: 20px;}
.data_left h4{float: left;border-right: #e5e5e5 1px solid;height: 100%;padding: 20px;font-size: 18px;}
.data_left ul{margin:25px;float: left;width:300px;line-height:30px;font-size: 16px;}
.data_left li{float: left;text-align: left;}
.data_right{float: right;}
.danger_list{border:#e5e5e5 1px solid;padding:40px 20px 0 70px;background: url(../images/service_button07.jpg) top left no-repeat;overflow: hidden;margin-bottom:20px;}
.danger_list_left{width:80%;}
.danger_list_left h3 span{background: #0dd0c8;padding:2px 8px;overflow:hidden;float: left;font-size: 14px;margin-right: 10px;margin-top: 4px;color: #fff;border-radius: 3px;-webkit-border-radius: 3px;}
.danger_list .two{background: #fcbf62;}
.danger_list .three{background: #62bc41;}
.danger_list_right{width: 20%;text-align: right;}
.danger_list h3{font-size: 22px;font-weight: 400;}
.danger_list p{color: #757575;line-height:30px;font-size: 14px;margin-top: 10px;}
.danger_list_right{text-align: right;}
.danger_list_right h5{color: #757575;font-weight:400;text-align:right;line-height:50px;margin-top: -10px;}
.danger_list_right h5 img{margin:6px;}
.name_list li{float: left;border: #dedede 1px solid;margin-right: 20px;text-align: center;padding: 20px 0;}
.name_list li dt{text-align: center;width: 100%;}
.name_list li dt img{text-align: center;border: #e8e7e3 5px solid;margin: 0 auto;border-radius:100%;width: 125px;height: 125px;}
.name_list h3{font-size: 24px;margin-bottom: 20px;font-weight: 500;}
.name_list h2{font-size: 36px;color:#c70202;font-weight: 500;margin-top: 10px;}
.name_list h5{color: #7b7b7b;}
.name_list button,.benefit_list li button{background:#df1344;border:none;color: #fff;padding:6px 22px;margin-top: 10px;font-size: 16px;}
.name_list p{position:absolute;top: 0;}
/*海外公司注册*/
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}
.o-m .ul-o{float:left;width:228px;position:relative;border: #a7a7a7 1px solid;padding:16px 0;}
.o-m .ul-o li{width:100%;cursor:pointer;position:relative;z-index:2;text-align: right;right:30px;padding-top:6px;font-size: 20px;}
.o-m .ul-o li:after{position: absolute;top:72px;right:0;height:1px; content: '';-webkit-transform: scaleY(.5);transform: scaleY(.5);background-color: #c8c7cc;width: 20px;}
.o-m .ul-o span{width:62px;height:68px;float:left;display:block;background:url(../images/n-qyjz-1.png) no-repeat;background-position:-272px 20px;}
.o-m .ul-o .li-t span{background-position:-272px -50px;}
.o-m .ul-o .li-s span{background-position:-272px -120px;}
.o-m .ul-o .li-f span{background-position:-272px -190px;}
.o-m .ul-o .li-w span{background-position:-272px -257px;}
.o-m .ul-o .li-l span{background-position:-272px -323px;}
.o-m .ul-o li b{position:absolute;display:block;width:15px;height:32px;background:url(../images/n-qyjz-38.png) no-repeat;top:50%;margin-top:-16px;right:-15px;display:none}
.o-m .ul-o .li-mask{position:absolute;left:0;top:0;width:335px;height:68px;background:url(../images/n-qyjz-52.png) no-repeat;}
.o-m .ul-o li.on b{display:block;}
.o-m .ul-t{width:880px;float:left;}
.o-m .ul-t li{list-style-type:none;position:relative;height:100%;display:none;}
.o-m .ul-t .inter_01{margin-top:0;padding-top: 0;}
.o-m .ul-t .inter_01 a{margin-top: 0;margin-bottom:20px;}
.lunbo{margin-top: 30px;}
.lunbo .inter_01_r{margin-left: 60px;}
.frame .flow_pic li{width: 20%;text-align: center;}
.frame .flow_pic h3{color:#e1302a;font-weight: bold;margin: 6px;}
.benefit{padding-bottom:40px;}
.benefit_list li{width: 205px;margin-right:18px;background: #fff;padding:10px 10px 20px;float: left;}
.benefit_list li:last-child{margin: 0;}
.benefit_list h2{font-size: 16px;font-weight: normal;margin:6px 0 10px 0;}
.benefit_list h5{font-size: 12px;font-weight: normal;text-align: left;}
.user_list{background: url(../images/abroad_use_bg.jpg) left top no-repeat;padding-left:50px;height:308px;}
.user_list ul{float: left;}
.user_list li{margin:7px 0 29px 0;font-size: 18px;color: #666;}
.tit{font-weight: bold;margin-right: 30px;color: #212121;}
.user_list .tit li{margin:7px 0 29px 0;}
.about_tou2 b{border: none;}
.about_tou2{font-size:14px;line-height:24px;margin-bottom:30px;}
.about_tou2 b{line-height:34px;}
.dd1{cursor:pointer;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.dd1:hover{transform: translate(0 -5px);-webkit-transform: translate(0, -5px);-moz-transform: translate(0, -5px);-o-transform: translate(0, -5px);-ms-transform: translate(0, -5px);font-weight: bold;}
.tran_04 .ifcl-ad:before{ content: ""; position: absolute; width:80px; height:437px; top: 0; left:-150px; overflow: hidden; background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); -webkit-transform: skewX(-25deg); -moz-transform: skewX(-25deg);}
.tran_04 .ifcl-ad:hover::before{ -webkit-transition: left 1s; transition: left 1s; left:480px; }
.tran_04_special .div_right a ol,.tran_04_special .div_left a ol{ position: absolute; font-size: 14px; color: #fff; line-height: 24px;  width: 100%; height: 100%; left: 0px; top: 0px; right: 0px; bottom: 0px; background:none; display: none;}