<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration:underline;}
.clear { clear:both; height:0px; overflow:hidden;}
.blank{ clear:both; height:10px; overflow:hidden;}
*{margin:0; padding:0;}
h1{font-size:16px; font-weight:600;}	
h2, h3, h4, h5, h6 {font-size:14px;}
h2 span, h3 span, h4 span, h5 span, h6 span{ font-weight:normal;}	
ul li, li{list-style-type:none; margin:0; padding:0; font-size:12px;}
img,input{border:0 none;}
p a{ color:#F00;}
body{}


.tjnr{ width:860px; margin-top:10px; border:1px solid #dedede; border-radius:10px; overflow:hidden;}
.tjnr h3{ padding-left:10px; font: 18px/40px "Arial","Regular"; border-bottom:1px solid #dedede;}
.tjnr ul li{ float:left; width:194px; margin:0 10px; overflow:hidden;}
.tjnr ul li p{ font: 16px/30px "Arial","Regular"; text-align:center; overflow:hidden;}
.tjnr ul li p a{ color:#333;}
.tjnrtu{ width:194px; overflow:hidden;}


.head{ width:100%; overflow:hidden;}
.ding{ position:relative; left:50%; margin-left:-960px; width:1920px; height:49px; background:url(img/beijing_01.png) no-repeat;overflow:hidden;}
.dingyi{ width:1200px; margin:0 auto; overflow:hidden;}
.dingy{ float:left; width:420px; padding-left:30px; background:url(img/cq_01.png) left no-repeat; font: 14px/49px "Arial","Regular"; color:#FFF; overflow:hidden;}
.dings{ float:right;overflow:hidden;}
.dings p i{ float:left;  font: 16px/49px "Arial","Regular"; color:#FFF;}
.dings p a{ float:left; margin:0px 10px;}
.dings p a img{ width:26px; height:26px; margin-top:10px; overflow:hidden;}

.dings1{ float:right;overflow:hidden; padding-top:12px;}
.dings1 p i{ float:left;  font: 16px/49px "Arial","Regular"; color:#FFF;}
.dings1 p a{ float:left; margin:0px 10px; color:#FFF;}


/*------ 顶部 ------*/
.logo-top{ width:1200px; height:128px; margin:0 auto;}
/*------ logo ------*/
.logo{ float:left; width:128px; height:128px; overflow:hidden;}
/*------ 导航 ------*/
.nav{
	float:left;
	width:790px;
	height:50px;
	margin-top:40px;
}
*+html .nav{margin-top:3px; margin-bottom:15px;}
.nav .tc{ display:none;}
.navli12{ display:none!important;}
.sy1_ul li.home02{ width:50px; float:left; line-height:30px;}
.sy1_ul li.home02 a{ background:#f1014e no-repeat 0 0px; height:45px!important; display:block; text-align:center;color:#fff; display:block;font-size:16px; font-weight:bold;line-height:45px;}/*home样式*/
.sy1_ul li.home02 a:hover{color:#FFF; text-decoration:none}/*home字体样式*/
.sy1_ul{
	font-size:12px;
	line-height:29px;
	height:42px;
	margin:0 -350px;
	position:absolute;
	left:47%;
	width: 780px;
}
.sy1_li{
	float:left;
	display:inline;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 20px;
}
.sy1_ul li a.sy1_tit{ color:#000}
.sy1_ul li.sy1_li{ float:left;  z-index:10000; line-height:25px;}
.sy1_ul li.sy1_li .sy1_tit{ font: 18px/45px "Arial","Regular"; display:block; text-align:center}
.sy2_ul{position:absolute; left:-40px; top:45px; z-index:1112; display:none; border-top:2px solid #26abff; padding:10px; background: url(img/tiao.jpg) repeat-y; width:830px;}
.sy2_ul li.row{ float:left; width:182px; margin:0 10px; overflow:hidden;}
.sy2_ul li.row h3{ width:200px; padding-left:10px; font: 16px/44px "Arial","Regular"; font-weight:bold; line-height:1.5; margin-bottom:2px;}
.sy2_ul li.row p{ width:196px; padding-left:10px; font: 14px/44px "Arial","Regular";
    border-bottom: 1px rgba(0, 0, 0, .1) solid; overflow:hidden;}
.sy2_ul li.row p a{ color:#FFF;}
.sy2_ul li.row p a:hover{ color:#333;}

.espcms_botton{ float:left; width:830px; height:40px; margin-top:40px; border-bottom:1px #fff solid;background-color: #3375b9}
.espcms_botton ul.menubotton{height:40px;width:1000px;overflow: hidden;margin: 0 auto;}
.espcms_botton ul.menubotton li{float: left;height:40px;line-height: 40px;cursor: pointer;*position: relative;z-index: 999;margin: 0px 0px;}
.espcms_botton ul.menubotton li.hover{background-color: #23a0e7}
.espcms_botton ul.menubotton li span{height: 40px;line-height: 40px;padding:0px 15px;display: block;*display: inline-block;}
.espcms_botton ul.menubotton li span.menuhover {height: 40px;line-height: 40px;color:#fff;background: #23a0e7;}

.espcms_botton ul.menubotton li ul.subnav {list-style: none;position: absolute;top:140px;*top:40px;*left: 0px;background: #23a0e7;margin: 0;padding: 0;width: 150px;color: #fff;z-index: 999;display: none;}
.espcms_botton ul.menubotton li ul.subnav li{margin: 0;clear: both;padding:0px 15px 0px 25px;width: 120px;height: 35px;line-height: 35px;text-align: left;cursor: pointer;background: url('../images/icon.gif') no-repeat 15px 15px;}


/*------ 搜索、关键词 ------*/
.duo{ float:left; width:228px; height:46px;background:url(img/searchIcon.png) no-repeat; overflow:hidden;}
.duo form{ width:228px; padding-right:10px; line-height:46px; _padding-top:8px;}
.duo form .a{ float:left; width:169px; height:40px; margin-top:1px; line-height:22px; padding-left:10px; color:#ab8873; font-size:16px;}
.duo form .b{ float:left; width:45px; line-height:46px; border:none; background:url(img/searchIcon_01.png) no-repeat; font-weight:bold;}


/*------ banner切换 ------*/
.espcms_slideyi{ width:100%; overflow:hidden;}
.espcms_slide{ position:relative; left:50%; margin-left:-960px; width:1920px; height:500px; background:#f8f8f8;overflow:hidden; }
.espcms_slide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.espcms_slide .bd ul{ width:100% !important;  }
.espcms_slide .bd li{ width:100% !important;  height:500px; overflow:hidden; text-align:center; }
.espcms_slide .bd li a{ display:block; height:500px; }
.espcms_slide .hd{ width:1200px;  position:absolute; z-index:1; bottom:0; left:390px; height:30px; line-height:30px; }
.espcms_slide .hd ul{ text-align:center; }
.espcms_slide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; border-radius:5px; width:150px; height:10px; margin:5px; overflow:hidden; background:#c9c9c9;}
.espcms_slide .hd ul .on{ background:#ee7e1c; border-radius:5px; }
/*------ 中部 ------*/
.main{ width:100%; overflow:hidden;}
/*------ 第一部分 ------*/
.loveFancyfix{ width:1200px; margin:0 auto; padding-bottom:40px; background:url(img/xian.png) bottom no-repeat; overflow:hidden;}
.iLove{ padding:30px 0px 30px;  }
.cusPage h1{font-size:43px; color:#777777; font: 40px/50px "Arial","Regular"; letter-spacing:-2px; margin: 30px auto 30px;}
.cusPage p{ font: 18px/34px "Arial","Regular"; color:#777777; text-align:left;}
ul.aboutCats{ margin-bottom:30px;}
ul.aboutCats li{display:inline-block; width:276px; height:222px; float:left; margin:0 11px; position:relative; text-align:center;}
ul.aboutCats li:last-child{margin-right:0;}
ul.aboutCats li .acImg{width:100%; position:relative; z-index:9; background:#000;}
ul.aboutCats li .acOverlay{width:100%; position:absolute; z-index:10; margin-top:-62%;}
ul.aboutCats li .acOverlay a{border:1px solid #fff; color:#fff; font: 10px/26px "Arial","Regular"; letter-spacing:2px; text-align:center; padding:10px 20px; display:inline-block; margin:20px auto 0px;}
ul.aboutCats li .acOverlay a:hover{border:1px solid #fff; background:#fff; color:#333;}
ul.aboutCats li .acImg img{width:100%; opacity:0.6;}
ul.aboutCats li.filmSolutions .acOverlay span.ct1{clear:both; display:block; font: 24px/30px "Arial","Regular"; color:#fff; font-weight:bold;  letter-spacing:1px;}
ul.aboutCats li.filmSolutions .acOverlay span.ct2{ height:40px; clear:both; display:block; font: 16px/24px "Arial","Regular"; color:#fff;}
/*------ 第二部分 ------*/
.highStrength{width:1200px; margin:0 auto; padding-bottom:40px; background:url(img/xian.png) bottom no-repeat; text-align:center; overflow:hidden;}
.highStrength h1 span{color:#ee7b1c; font-family: 'Arial'; letter-spacing:-2px;}
ul.pieList{text-align:center;}
ul.pieList li{display:inline-block; text-align:center; margin:0px 20px;}
ul.pieList li .pieChart{position:relative;}
ul.pieList li .pieCircle{position:relative;}
ul.pieList li .pieCount{position:absolute; font-size:34px; color:#747070; font-family: 'Arial'; width:100%;     margin-top: -80px;}
ul.pieList li h3{font-size:18px; color:#242424; font-family: 'Arial';     margin-top: 15px;}
ul.weOfferTabs {text-align:center; margin-top:40px;}
ul.weOfferTabs li{ float:left; width:18%; margin-right:9%; cursor:pointer;}
ul.weOfferTabs li:last-child{margin-right:0%;}
ul.weOfferTabs li .acImg{width:100%; position:relative; z-index:9;}
ul.weOfferTabs li .acImg img{width:100%; }

ul.weOfferTabs li .acImg img{display:block; border:none; background:none; border-radius:50%;}
ul.weOfferTabs li .acImg img:hover{display:block;  border:none; background:none; -webkit-transition: 1s ease-in-out;

    -moz-transition: 1s ease-in-out;

    -o-transition: 1s ease-in-out;

    transition: 1s ease-in-out;

	-webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    transform: rotate(360deg);}
ul.weOfferTabs li .acOverlay{width:100%; font: 24px/47px "Arial","Regular"; color:#000;}

ul.weOfferTabs li .acOverlay span{font-family: 'Arial';}
span.indiArrow{display:none; width:46px; height:32px; background: url(img/indiArrow.png) center no-repeat; margin-top: 20px; margin-left: 40%;}
.weOfferPanel{background:#f6f6f6; padding:40px 30px; font-size:18px; color:#242424; text-align:center; margin-top:332px;}
.weOfferPanel a.rmore{ width:168px; height:59px; margin-top:30px; border-radius:5px; font: 20px/59px "Arial","Regular"; display:inline-block; clear:both; background:url(img/anniu.png) no-repeat; letter-spacing:2px;}
.weOfferPanel a{ color:#FFF;}
ul.weOfferTabs li:first-child span.indiArrow{display:block;}
ul.weOfferTabs li .acOverlay a{display:block;}
ul.weOfferTabs li .acImg img{width:100%;}
.weOfferPanel #cat1{display:block;}
.weOfferPanel #cat2, .weOfferPanel #cat3, .weOfferPanel #cat4, .weOfferPanel #cat5{display:none;}
/*------ 第三部分 ------*/
.pianoWindow{height:370px; overflow:hidden; width:100%; margin-top:50px;}
ul.pianoKeys {text-align:center;}
ul.pianoKeys li{ float:left; display:inline-block; width:230px; margin:0 5px; position:relative; cursor:pointer;}
ul.pianoKeys li:last-child{margin-right:0%;}
ul.pianoKeys li .pkImg{z-index:9; position:relative;}
ul.pianoKeys li .pkImg img{width:100%; }
.pkMatter{background:#ee7b1c; color:#fff; text-align:center; width:100%; height:458px;}
.pkMatter{ position:absolute; top:100%; width:230px; /*background: rgba(0, 0, 0, 0.4);*/ background:#ee7b1c; text-align:center; -webkit-transition: top 0.6s ease-in-out; left:0; color:#fff; text-decoration:none; z-index:10;}
.pkMatter p{ width:95%; height:200px; margin:0 auto; font-size:16px; margin-top:20px; margin-bottom:20px; color:#fff;}
.pkMatter a{border:1px solid #fff; font-size:12px; text-transform:uppercase; font-family: 'Arial'; letter-spacing:2px; color:#fff; padding:10px 20px;}
.pkMatter a:hover{background:#fff; color:#8fc320;}
ul.pianoKeys li:hover .pkMatter { top:0; display:block;}
ul.pianoKeys li:hover .pkMatter h3{ margin-top:30px; font-family: 'Arial'; font-size:24px;}
.pkOverlay{position:absolute; margin-top:-287px; width:100%;}
.pkOverlay .iconBar{background-color: rgba(225,147,84,0.8); text-align:center; padding:30px 0px; width:100%;}
.pkOverlay .iconBar span img{width:20% !important;}
.pkOverlay .labelBar{background-color: rgba(80,72,72,0.8); text-align:center; padding:20px 0px; width:100%; color:#fff; font-weight:normal; line-height:40px; font-size:30px; margin-top:20px;}
.pkOverlay .labelBar span{font-family: 'Arial'; clear:both; display:block;}
.customersSeem{width:1200px; margin:0 auto; padding-bottom:40px; background:url(img/xian.png) bottom no-repeat; text-align:center; overflow:hidden; }
.customersSeem h1 span{color:#ee7b1c; font-family: 'Arial'; letter-spacing:-2px;}
.our{ width:1200px; margin:0 auto; text-align:center;}
.our h1 span{color:#ee7b1c; font-family: "Arial"; letter-spacing:-2px;}
.content-two{ width:1170px; height:412px; margin:20px auto;}
.con-two{ width:381px; height:250px; float:left; margin:0 4px; margin-bottom:20px; position:relative; cursor:pointer;}
.con-two img{ width:381px; height:250px;}
/*------ 尾部 ------*/
.footerAreaquan{ width:100%; overflow:hidden;}
.footerArea{ position:relative; left:50%; margin-left:-960px; width:1920px; height:476px; background:url(img/beijing_02.png) no-repeat;overflow:hidden;}
.footnei{ width:1200px; margin:0 auto; overflow:hidden;}
.dibu{ float:left; width:840px; margin-top:60px; overflow:hidden;}
.dibuquan{ width:840px; overflow:hidden;}
.joinConverse{ float:left; width:200px; margin:0 10px; overflow:hidden;}
.joinConverseyi{ float:left; width:16%; height:1px; overflow:hidden;}
.joinConverse h2{ width:100%; font-size:26px; line-height:32px; font-weight:normal; padding:10px 0px 10px;color:#FFF; font-family: 'Arial'; margin-bottom: 10px; }
.joinConverse ul.socials{ width:100%;  margin-top:10px;}
.joinConverse ul.socials li{ font-family: 'Arial'; font-size:16px; margin-top:10px; line-height:34px;}
.joinConverse ul.socials li a{ color:#FFF;}

.joinConverse ul.socialsy li{ width:212px; height:36px; margin-bottom:10px;overflow:hidden; font-family: 'Arial'; font-size:13px; line-height:34px;}
.joinConverse ul.socialsy li img{ float:left; width:25px;height:25px; margin-top:6px; margin-left:2px;}
.joinConverse ul.socialsy li p{float:left; font-family: 'Arial'; color:#FFF; margin-left:7px;}
.joinConverse ul.socialsy li a{ color:#FFF;}
.joinConverse ul.socialsy li .mail{ float:left; padding-left:40px; color:#FFF; background: url(img/envelope.png) left 7px no-repeat; background-size:24px;}
.joinConverse ul.socialsy li .dianhua{float:left;padding-left:40px; color:#FFF; background: url(img/phone.png) left 4px no-repeat; background-size:24px;}
.joinConverse ul.socialsy li .location{ padding-left:40px; color:#FFF; background: url(img/location.png) left 0px no-repeat; background-size:24px;}


.ftrLinks{ float:left; width:371px; margin: 0 10px; overflow:hidden;}
.ftrLinks h2{ width:100%; font-size:26px; line-height:32px; font-weight:normal; padding:10px 0px 10px; color:#FFF; font-family: 'Arial'; margin-bottom: 10px; }
.ftrLinks ul.addressInfo{ overflow:hidden;}
.ftrLinks ul.addressInfo li{ margin-top:10px; color:#FFF; font-size:16px; line-height:33px; font-family: 'Arial';overflow:hidden;}
.ftrLinks ul.addressInfo li img{ float:left; width:25px;height:25px; margin-top:6px; margin-left:2px;}
.ftrLinks ul.addressInfo li p{float:left; font-family: 'Arial'; color:#FFF; margin-left:7px;}
.ftrLinks ul.addressInfo li a{ color:#FFF;}

.ftrLinks ul.addressInfo li .mail{ float:left; padding-left:40px; color:#FFF; background: url(img/envelope.png) left 7px no-repeat; background-size:24px;}
.ftrLinks ul.addressInfo li .dianhua{float:left;padding-left:40px; color:#FFF; background: url(img/phone.png) left 4px no-repeat; background-size:24px;}
.ftrLinks ul.addressInfo li .location{ padding-left:40px; color:#FFF; background: url(img/location.png) left 0px no-repeat; background-size:24px;}
.ftrLinks ul.addressInfo li a{ color:#FFF;}

.col-ms-4{ float:right; width:300px; margin-top:70px; overflow:hidden;}
.tnp{ background:#FFF; overflow:hidden;}



.tnp-widget {



    width: 100%;

    display: block;



    box-sizing: border-box;



}



.tnp-widget h2{ width:100%; padding-left:10px; height:40px; font-size:16px; font-weight:bold; font-family:"Arial"; line-height:40px; background:url(img/beijing_03.png) no-repeat; color:#FFF;}



.tnp-widgetfan{ width:95%; margin-left:10px; font-size:14px; line-height:24px; font-family:"Arial"; color:#666666;}



.tnp-widget .tnp-field { width:95%; margin-left:10px;



    margin-bottom: 30px;



    border: 0;



    padding: 0;



}







.tnp-widget label {



    display: block;



    color: inherit;



    font-size: 14px;



}







.tnp-widget input[type=text], .tnp-widget input[type=email], .tnp-widget input[type=submit], .tnp-widget select {



    width: 97%;



    padding: 10px;



    display: block;



    border: 1px solid #ddd ;



    border-color: #ddd;



    background-color: #f4f4f4;



    color: #444;



    font-size:14px;
    line-height:normal;
    box-sizing:border-box; height:auto;}
.tnp-widget input[type=checkbox], .tnp-widget input[type=radio] {width:auto; display:inline;}
/* Antireset - http://www.satollo.net/css-and-select-space-between-the-options-and-the-arrow */
.tnp-widget select option{ margin-right:10px;}
.tnp-widget input.tnp-submit { width:40%; background-color:#444; color:#fff;}

.getBrochure_CTA{clear:both; border:1px solid #e1e1e1; line-height: 30px; font-size: 14px; margin-top:30px; margin-bottom:30px;}			
.getBrochure_CTA .dianhua{ margin-left:10px; padding-left:30px; margin-bottom:10px; color:#000; background: url(img/phone1.png) no-repeat;}
.getBrochure_CTA .phone{ margin-left:10px; padding-left:30px; margin-bottom:10px; color:#000; background: url(img/shoji1.png) no-repeat;}
.getBrochure_CTA .location{margin-left:10px; padding-left:30px; margin-bottom:10px; color:#000; background: url(img/location1.png) no-repeat;}
.getBrochure_CTA .mail{margin-left:10px; padding-left:30px; margin-bottom:10px; color:#000; background: url(img/envelope1.png) no-repeat;}
.getBrochure_CTA h1{ width:100%; padding-left:10px; height:60px; font-size:24px; font-family:"Arial"; line-height:60px; background:#f37621; color:#FFF;}
.getBrochure_CTA span.csT3{text-align:center; padding:20px 0px; font-size:12px; font-family: 'Arial' !important; color:#242424;  float:left;}
.getBrochure_CTA span.csT4{font-size:10px; font-family: 'proxima_nova_rgbold'; color:#242424; text-align:center;  clear:both; display:block; width:80%; margin:0 auto; background: url(../images/circleArrow.jpg) 80% no-repeat; letter-spacing:2px;}
.getBrochure_CTA span.csT5 img{ width:100%; mix-blend-mode:darken;}
.getBrochure_CTA a{ font-size: 17px; display:block;}
.getBrochure_CTA:hover span.csT4{color:#8fc320;}
</pre></body></html>