<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
.wbsear{width:240px;height:26px;float:right;background-color:#FFF;overflow: hidden;margin-top:9px}
.wbsear input[type="text"]{height:26px;line-height:26px;float:right;border:none;width:208px}
.wbsear input[type="submit"]{background:url(../images/ico1.jpg) center no-repeat;border:none;width:32px;height:26px;}
.widget .menu-services-menu-container ul li ul li a{background:#f9f9f9}

.checks{height:26px;line-height:26px;width:150px;border-radius:20px;position:relative;cursor:pointer;background:#eeeeee url(../images/cons.png) 124px center no-repeat;float:right;margin-top:9px;text-align:left;margin-right:20px}
.checks:hover{background-image:url(../images/cons_h.png);}
.checks span{padding-left:24px;margin-left:12px;display:block;color:#4f4f4f}
.checkul{list-style-type:none;display:none;background-color:#FFF;width:100%;}
.checkul{margin:0px;padding:0px}
.checkul li{height:30px;line-height:30px;overflow:hidden;margin:8px 0;padding:0 12px}
.checkul li:hover{background-color:#2e74d7;}
.checkul li:hover a{color:#FFF}
.checkul{position:absolute;z-index:999}
.checkul li a{padding-left:24px !important;text-transform:none !important;font-weight:normal !important;color:#333;display: block;}
.country_1{background:url(../images/country_1.png) left center no-repeat;}
.country_2{background:url(../images/country_2.png) left center no-repeat;}
.country_3{background:url(../images/country_3.png) left center no-repeat;}
.country_4{background:url(../images/country_4.png) left center no-repeat;}
.country_5{background:url(../images/country_5.png) left center no-repeat;}
.country_6{background:url(../images/country_6.png) left center no-repeat;}
.country_7{background:url(../images/country_7.png) left center no-repeat;}
.country_8{background:url(../images/country_8.png) left center no-repeat;}
.checkul{background-color:#f9f9f9;display:none}

.wbvds video{margin-bottom:20px;height:380px;}
.wbvds p{color:#333;font-size:16px;line-height:32px}

@media only screen and (max-width: 680px){
	.wbvds video{height:240px;margin-bottom:10px;}
	.wbvds p{font-size:12px;line-height:24px}
}

.wbcate .portfolio-title a{background:url(../images/ico2.png) right center no-repeat;height:33px;line-height:33px;display:inline-block;padding-right:40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}


.contacts{padding-bottom:0px;text-align:center;color:#333}
.contacts .titles{margin-top: 45px;}
.contacts .inputs{border:1px solid #e5e3e4;background-color:#f5f5f5;text-align:left;margin:0 auto 18px;border-radius:5px;height:45px;}
.contacts label{width:45px;height:43px;border-right:1px solid #e5e3e4;float:left}
.imgs .names label{background:url(../images/names.png) center center no-repeat}
.imgs .emails label{background:url(../images/phones.png) center center no-repeat}
.imgs  input[type="text"]{height: 100%;padding: 5px 8px;border: none;background: transparent;}
.imgs  .mess textarea{border:1px solid #e5e3e4;background-color:#f5f5f5;margin:0 auto 18px;border-radius:5px;padding:10px;height:100px;}
.imgs .btns input{height:44px;line-height:44px;border:none;color:#ffffff;font-size:14px;border-radius:5px;font-weight:bold;letter-spacing:1px}
.imgs .btns input[type="submit"]{background-color:#2e74d7;border:1px solid #2e74d7;margin-right: 10px;}
.imgs .btns input[type="reset"]{background-color:#989898;border:1px solid #8e8e8e}

.footer{background-color:#414141;font-family:Helvetica}
.footer .titles{color: #FFF;font-size: 28px;text-align: center;letter-spacing: 2px;}
.fwidth{margin: 30px auto 0px;display:table}
.fwidth div{display:table-cell;vertical-align:middle;}
.flogo img{border-right:1px solid #6e6e6e;padding-right:60px;}
.ftext{color:#FFF;font-size:14px;letter-spacing:1px;padding-left: 60px;}
.ftext font{color:#84b7ff}

.ftext p{padding-left:40px;line-height:34px}
.ftext .tels{background:url(../images/tels.png) left top no-repeat;}
.ftext .faxs{background:url(../images/faxs.png) left top no-repeat;}
.ftext .codes{background:url(../images/codes.png) left top no-repeat;}
.ftext .mails{background:url(../images/mails.png) left top no-repeat;}
.ftext .adds{background:url(../images/adds.png) left top no-repeat;}

@media (max-width: 620px){
	.fwidth{margin:20px auto}
	.contacts{padding-bottom:30px}
	.contacts .webs{width:90%;margin:30px auto 0;background-color:#FFF;padding:15px;border:1px solid #e5e3e4;}
	.contacts .webs .inputs{display:flex}
	.contacts .webs  input[type="text"]{width: 100%;}
	.contacts .webs .mess textarea{width:100%;}
	.contacts .webs .btns input{width:40%;}
	.ftext{letter-spacing:0px;font-size:12px}
	.footer .titles{font-size: 18px;letter-spacing:0px}
	.wbvds{padding:0 15px}
}
@media (min-width: 621px){
	.contacts .webs{position: relative;bottom: -50px;z-index: 8;background:url(../images/contacts.png) no-repeat;width:619px;height:647px;margin: 0 auto;padding-top:5px}
	.contacts .webs .inputs{width:375px;}
	.contacts .webs form{margin-top:40px}
	.contacts .webs  input[type="text"]{width: 328px !important;}
	.contacts .webs .mess textarea{width:375px !important;}
	.contacts .webs .btns input{width:180px !important;}
}


.wb-mb{display:none}
@media screen and (max-width: 1000px) {
	.wb-pc{display:none !important}
	.wb-mb{display:block}
	.flogo img{padding-right:0px;}
	.ftext{padding-left:0px}
	.wbcate .portfolio-title a{background:none;font-size: 12px;padding-right:0px}
	
}
.mbcheck{padding:0px;}
.mbcheck li{width:50%;float:left;list-style:none;text-align:left;padding:5px;}
.mbcheck li a{padding-left: 30px;display:block;background-color:#eeeeee;border-radius:10px;color:#555 !important;background-position:10px center;font-size:12px}

.wbcons .ftext{padding-left: 0px;}
.wbcons .ftext font {color: #2e74d7;}

.wbabouts{color:#030000;padding:0 15px}
.wbabouts img{float:right;margin-left:15px;margin-bottom:10px}
.wbabouts h2{font-size:24px;font-family:Arial;color:#060001;line-height:normal;margin-bottom:28px}
.wbabouts span{background-color:#326db6;font-size:14px;padding:8px 20px;color:#FFF;margin-bottom:15px}
.wbabouts h1{font-family: Arial;font-size: 32px;line-height: 48px;margin: 40px 0 25px;}
.wbabouts p{letter-spacing:1px;font-size:14px;margin-bottom:15px;font-family:arial;line-height: 28px;}

.downs{background-color:#FFF;padding:10px;}
.downs .titles{font-size:18px;color:#326db6;border-bottom:1px solid #cfcfcf;line-height:46px;padding-left:10px}
.downs ul,.downs li{list-style:none;margin:0px;padding:0px}
.downs ul{padding:0 15px;margin:15px 0}
.downs li{border-bottom:1px dotted #ccc;padding:15px 0}
.downs li span{float:right;color:#999}
.downs li a{color: #666;font-size: 14px;}
.downs li a:hover{color:#2e74d7}
.downs li a:before{font:normal normal normal 14px/1 FontAwesome;content:"\f0ed";font-size:18px;margin-right:10px;color:#2e74d7}

@media screen and (max-width: 960px) {
	.downs li span{float:none;display:block}
}

.wbcate .portfolio-item{width:23.5%;float:left;margin-right:2%;margin-bottom:30px}
.wbcate .lasts{margin-right:0;}

@media screen and (max-width: 960px) {
	.wbcate .portfolio-item{width:48%;margin-right:3%;margin-bottom:20px}
	.wbcate .lasts1{margin-right:0;}
	.wbcate .lasts{margin-right:0;}
}
#pages{font-size:16px}
#pages a{color:#333;padding:5px}
#pages a:hover{color:#2e74d7}
#pages span{color:#2e74d7}
.text-c{text-align:center}

@media screen and (max-width: 1020px) {
	.nav &gt; li &gt; a{padding:10px 15px}
}
@media screen and (max-width: 993px) {
	.header-section .is-sticky .header-main-section .navbar-header .navbar-brand, .header-section .is-sticky .header-main-section .zozo-main-nav &gt; li, .header-section .is-sticky .header-main-section .zozo-main-nav &gt; li &gt; a, .header-section .is-sticky .header-main-section li.extra-nav, .header-section .is-sticky .header-main-section li.extra-nav &gt; a, .header-section .is-sticky .header-main-section li.extra-nav i, .header-section .is-sticky .header-main-section .header-toggle-content, .type-header-9 .is-sticky .navbar-nav.zozo-main-bar &gt; li, .type-header-9 .is-sticky .navbar-nav.zozo-main-bar &gt; li a{line-height: 60px !important;height: 60px !important;}
}
.rico{float:right;margin-top: 5px;}

@media screen and (min-width: 860px) {
	.bg{margin:0 auto 15px;overflow: hidden;min-width: 845px;box-sizing: border-box;background: #fff;}
	.bg_left{width: 430px;height:auto;float: left}
	.bg_right{float: left;position: relative;width: 407px;}
	.show{width: 430px;height: 430px;margin-bottom: 10px;position: relative;border:1px solid #E8E8E8;cursor:move;box-sizing: content-box;}
	.show img{width: 430px;height: 430px;}
	.mask{width: 215px;height: 215px;background: #000;filter: Alpha(opacity=50);opacity:0.5;position: absolute;top: 0;left: 0;display: none;}
	.bigshow{width: 407px;height: 430px;overflow: hidden;margin-left: 10px;display: none;border:1px solid #E8E8E8;position: absolute;z-index: 9;background: #FFF;}
	.bigshow img{width: 860px;height: 860px;margin-right: 10px;}
	.smallshow{width: 100%;height: 70px;position: relative}
	.smallshow img{width:100%;border:1px solid #e8e8e8;box-sizing: border-box;transition: all 0.5s}
	.smallshow&gt;.middle_box{margin-left: 30px;margin-right: 30px;width:370px;overflow: hidden;height: 70px;}
	.smallshow .middle{overflow: hidden;transition: all 0.5s;height: 70px;margin:0px;padding:0px}
	.smallshow .middle&gt;li{width: 74px;height: 74px;float: left;cursor:pointer;padding:0 5px;list-style-type:none}
	.smallshow&gt;p{position: absolute;top:50%;width: 22px;height: 32px;margin-top: -16px;}
	.smallshow&gt;.prev{left: 0;background: url(../images/hover-prev.png) no-repeat;transition: all 0.5s}
	.smallshow&gt;.next{right: 0;background: url(../images/hover-next.png) no-repeat;transition: all 0.5s}
	.smallshow&gt;.prev.prevnone{left: 0;background: url(../images/prev.png) no-repeat;cursor: not-allowed}
	.smallshow&gt;.next.nextnone{right: 0;background: url(../images/next.png) no-repeat;cursor: not-allowed}
	.wbdesc{padding-left:12px;color: #333;}
	.wbdesc h1{font-size: 18px;font-weight: normal;line-height: 28px;border-bottom: 1px dotted #2e74d7;padding: 10px 0 20px;margin-bottom:20px;letter-spacing: 0px;}
	.wbdesc .cs{line-height: 32px;font-size: 16px;margin-bottom: 20px;}
}

@media screen and (max-width: 860px) {
	.site-content{padding-top: 30px;padding-bottom: 30px;}
	.sidebar{padding-top: 30px;padding-bottom: 10px;}
	
	.bg{width:100%}
	.show{text-align:center;margin-bottom: 20px;}
	.show img{border:1px solid #e8e8e8;}
	.bigshow{display:none !important}
	.smallshow{width: 100%;height: 70px;position: relative}
	.smallshow img{width:100%;border:1px solid #e8e8e8;box-sizing: border-box;transition: all 0.5s}
	.smallshow&gt;.middle_box{margin-left: 30px;margin-right: 30px;overflow: hidden;height: 70px;}
	.smallshow .middle{overflow: hidden;transition: all 0.5s;height: 70px;margin:0px;padding:0px}
	.smallshow .middle&gt;li{width: 74px;height: 74px;float: left;cursor:pointer;padding:0 5px;list-style-type:none}
	.smallshow&gt;p{position: absolute;top:50%;width: 22px;height: 32px;margin-top: -16px;}
	.smallshow&gt;.prev{left: 0;background: url(../images/hover-prev.png) no-repeat;transition: all 0.5s}
	.smallshow&gt;.next{right: 0;background: url(../images/hover-next.png) no-repeat;transition: all 0.5s}
	.smallshow&gt;.prev.prevnone{left: 0;background: url(../images/prev.png) no-repeat;cursor: not-allowed}
	.smallshow&gt;.next.nextnone{right: 0;background: url(../images/next.png) no-repeat;cursor: not-allowed}
	
	.wbdesc h1{font-size: 16px;font-weight: normal;line-height: 28px;border-bottom: 1px dotted #2e74d7;padding: 10px 0 20px;margin:20px auto;letter-spacing: 0px;}
	.wbdesc .button{margin:20px 0 !important}
}

.cs table{max-width:100%;border-top: 1px solid #DDD;border-left: 1px solid #DDD;font-size: 14px;width:auto !important;}
.cs td{border-bottom: 1px solid #DDD;border-right: 1px solid #DDD;}

#tab-description table{max-width:100%;border-top: 1px solid #DDD;border-left: 1px solid #DDD;font-size: 14px;width:100% !important;}
#tab-description td{border-bottom: 1px solid #DDD;border-right: 1px solid #DDD;}</pre></body></html>