@charset "utf-8";
/* CSS Document */
body { padding:0; margin:0; background:#fff url(bg.gif); font-size:15px; font-family:"PT Sans", sans-serif; color:#333; position:relative  /*overflow-x:hidden 05537c*/ }
/*body {
   -webkit-hyphens: auto;
   -moz-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}*/
img { border:none}
i.clear { clear:both; height:1px; display:block}
i.clear img { height:1px}
i.rclear { clear:right; height:1px; display:block}
i.rclear img { height:1px}
i.lclear { clear:left; height:1px; display:block}
i.lclear img { height:1px}
a { color:#535353; outline:none}
a:hover { text-decoration:none}
form { margin:0; padding:0}
form input, form textarea { font-family:"PT Sans", sans-serif; font-size:10px; color:#969faf}
input:focus { outline:none}
p { margin-top:0; padding-top:0}
.highslide img { border:none}

#all { position:relative; min-width:998px}

#top { z-index:1; position:relative}
#t1 { height:83px; padding:32px 0 0 0; background:#35a4e3; border-top:solid 4px #3299e2}
#t2 { height:48px; padding:15px 0 0 0; background:#a1ddfb; border-top:solid 2px #e8e6e6}
#top .tin { width:998px; margin:0 auto}
#logo { float:left; margin:0 0 0 18px}
.toggle-menu { display:none}
#lang { margin:0 23px 0 0; padding:0; float:right; margin-top:-36px;}
#lang li { float:left; list-style:none; margin:0 1px 0 0}
#lang li a { float:left; background:#83cdf3; line-height:22px; padding:0 6px; color:#107aaf; font-size:13px; text-decoration:none; text-transform:uppercase}
#lang li.act a, #lang li a:hover { background:#d6f0fd; color:#35a9e3}
#lang li:first-child a { -webkit-border-bottom-left-radius: 12px; -moz-border-radius-bottomleft: 12px; border-bottom-left-radius: 12px; padding-left:12px}
#lang li:last-child a { -webkit-border-bottom-right-radius: 12px; -moz-border-right-bottomleft: 12px; border-bottom-right-radius: 12px; padding-right:12px}

#top .tr { float:right; margin:5px 23px 0 0; color:#f8fdff; font-family:Tahoma, Geneva, sans-serif; line-height:28px}
#top .tr > a { display:block; text-decoration:none; color:#fff}
#top .phone { font-size:20px; font-weight:bold; padding-left:27px; background:url(phone.png) no-repeat left center}
#top .email { font-size:17px; font-weight:bold; padding-left:27px; background:url(email.png) no-repeat left center}

#top .search { background:#fff; float:right; margin:0 6px 0 0}
#top .search input { background:#fff; border:none; height:36px; padding:0; float:left}
#top .search input.pole { width:180px; color:#bdbab4; font-size:16px; padding:0 10px 0 20px}
#top .search .subm { width:45px; background:#fff url(search_subm.png) no-repeat center center; cursor:pointer}

#mm { margin:0; padding:6px 0 0 15px; float:left}
#mm li { font-size:17px; font-weight:bold; float:left; list-style:none; padding:0 27px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);}
#mm li a { color:#4988c5; text-decoration:none}
#mm li a:hover, #mm li a.act { color:#18a9f2}

#header { width:998px; padding:60px 0; margin:0 auto}

/*#content { width:732px}
#right { width:224px; float:right}*/
#content { float:left; margin-right:266px}
#right { width:224px; float:left; margin-left:-224px}
#right .r1 { margin-bottom:30px}

.content { border:solid 1px #ccc; background:#fff; padding:25px; line-height:24px}
.page-product .content, .page-partner .content { overflow:hidden}
/*.page-course #content, .page-partner #content { display:none}*/

h1 { clear:both}
h1, h2, #right .title, .h2title { color:#0078b3; font-size:24px; line-height:32px; margin:0 0 15px 0; padding:0 10px 0 35px; font-weight:bold}
h1 span a { float:right; font-size:18px; line-height:32px; vertical-align:bottom; color:#545454}
h3 { margin:0 0 8px 0; padding:0; font-size:20px; font-weight:normal}
#right h2, #right .title { padding:0; text-align:center}
.m h2.cert_title, .page-news h2.cert_title, .page-search h2.cert_title, .m .title.cert_title, .page-news .title.cert_title, .page-search .title.cert_title { display:none}
#slider { height:370px; margin-bottom:30px; border:solid 1px #ccc; background:#fff; position:relative}
#slider .sl-wrap { width:730px; height:370px; overflow:hidden; position:absolute}
#slider ul { margin:0; padding:0}
#slider ul li { list-style:none; float:left; height:370px; background-size:100%}
#slider ul li img { height:100%; width:auto}
#slider .sl-prev, #slider .sl-next { position:absolute; display:block; height:46px; width:42px; background-image:url(slide_control.png); background-repeat:no-repeat; bottom:-2px}
#slider .sl-prev span, #slider .sl-next span { display:none}
#slider .sl-prev { background-position:0 top; left:-2px}
#slider .sl-next { background-position:-42px top; right:-2px}
/*#slider .prev:hover { background-position:left bottom}
#slider .next:hover { background-position:right bottom}*/
#slider .sl-paging { text-align:center; padding:0 0 0 8px; position:absolute; bottom:10px; left:42px; right:42px}
#slider .sl-paging a { width:11px; height:11px; background:url(slide_control.png) no-repeat right top; display:inline-block; margin-right:8px}
#slider .sl-paging a.act, #slider .sl-paging a:hover { background-position:right -11px}
#slider .sl-paging a span { display:none}

#right .slider { padding:27px 0; position:relative; height:321px; width:190px; margin:0 auto}
#right .slider .sl-wrap { height:321px; overflow:hidden; text-align:center}
#right .slider ul { margin:0; padding:0}
#right .slider ul li { height:80px; line-height:80px; padding:0 5px; display:block; list-style:none; text-align:center; vertical-align:middle}
#right .slider ul li a, #right .slider ul li span {display:inline-block; line-height:74px; height:74px; width:180px; background:#fff; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 1px 3px #c2c2c2; -moz-box-shadow:0 1px 3px #c2c2c2; box-shadow:0 1px 3px #c2c2c2; text-decoration:none}
#right .slider ul li img { vertical-align:middle; line-height:normal}
/*#right .slider ul li a:before, #right .slider ul li span:after { content:'\00a0'; display:inline-block; width:1px; height:1px}*/
#right .slider .sl-next, #right .slider .sl-prev { position:absolute; width:27px; height:14px; background-image:url(arrow_v.png); background-repeat:no-repeat; left:81px}
#right .slider .sl-next span, #right .slider .sl-prev span { display:none}
#right .sl-prev { background-position:left top; top:0}
#right .sl-next { background-position:left bottom; bottom:0}
#right .sl-prev:hover { background-position:right top}
#right .sl-next:hover { background-position:right bottom}

.main_partner { margin-top:50px}
.main_partner .slider { position:relative; margin:0 20px; padding:0 28px; overflow:hidden}
.main_partner .slider .scont { overflow:hidden; width:902px}
.main_partner .slider ul { margin:0; padding:0}
.main_partner .slider ul li { height:60px; line-height:60px; list-style:none; text-align:center; float:left; width:150px}
.main_partner .slider ul li img { vertical-align:middle}
.main_partner .slider .sl-prev, .main_partner .slider .sl-next { position:absolute; height:27px; width:14px; background-image:url(arrow_h.png); background-repeat:no-repeat; top:30%}
.main_partner .slider .sl-prev span, .main_partner .slider .sl-next span { display:none}
.main_partner .slider .sl-prev { background-position:left top; left:0}
.main_partner .slider .sl-next { background-position:right top; right:0}
.main_partner .slider .sl-prev:hover { background-position:left bottom}
.main_partner .slider .sl-next:hover { background-position:right bottom}

#calendar { max-width:320px; margin:0 auto}

.main_service { overflow:hidden; margin-top:50px}
.main_service a { width:22%; height:177px; padding-top:132px; background-color:#fff; background-position:center top; background-repeat:no-repeat; float:left; font-size:18px; font-weight:bold; text-decoration:none; text-align:center; margin-left:4%; border:solid 1px #fff; box-sizing:border-box}
.main_service a.first { margin:0}
.main_service a span { height:43px; line-height:43px; display:block; background:#fff}
a.s1 { color:#ffbb2a; border-color:#f6b322; background-image:url(p1.png); background-color:#EFC12D}
a.s2 { color:#89d14c; border-color:#6daf33; background-image:url(p2.png); background-color:#89CB4E}
a.s3 { color:#a48df8; border-color:#856ce8; background-image:url(p3.png); background-color:#9F89ED}
a.s4 { color:#00c4d0; border-color:#06aeb8; background-image:url(p4.png); background-color:#00C7D3}

.last_news { margin-top:50px; overflow:hidden}
.last_news .content { width:48%; float:left; margin:0 0 40px 4%; position:relative; padding-bottom:77px; box-sizing:border-box}
.last_news div.img { height:195px; text-align:center; overflow:hidden}
.last_news div.img img { height:100%; overflow:hidden}
.last_news .content:nth-child(odd) { margin-left:0}
.last_news .content h3, .last_news .content .title { font-size:21px; font-weight:bold; padding:20px 0 3px 0; margin:0 0 8px 0}
.last_news .content h3 a, .last_news .content .title a { color:#333; text-decoration:none; text-decoration:none; overflow:hidden; display:block}
.last_news .content h3 a:hover, .last_news .content .title a:hover { color:#545454}
.last_news .content h3 span, .last_news .content .title span { font-weight:normal; float:left; margin-right:30px; color:#333}
.last_news .tr { overflow:hidden}
.last_news .content .details { position:absolute; bottom:25px; padding:0}

.content.news { padding-top:10px; overflow:hidden}
.content.news.last { padding:25px 25px 20px}
.news .bimg { float:left; margin:5px 30px 10px 0}
.news .bimg img { border:none}
.news h4.date { font-size:16px; font-weight:normal; margin:0 0 10px 0; padding:0}
.news .nav { text-align:right; font-size:13px; padding-bottom:20px}
.news .nav a { color:#0f90d1; margin-left:20px}
.news .nav a.back { margin:0; float:left}

.content.news.last { margin-bottom:25px}
.content.news.last h3, .news_list h3, .content.news.last .title, .news_list .title { font-size:18px; font-weight:bold; margin:0 0 13px 0; padding:0; color:#333}
.content.news.last h3 a, .news_list h3 a, .content.news.last .title a, .news_list .title a { text-decoration:none; color:#333; display:block; overflow:hidden}
.content.news.last h3 a:hover, .news_list h3 a:hover, .content.news.last .title a:hover, .news_list .title a:hover { color:#545454}
.content.news.last h3 span, .news_list h3 span, .content.news.last .title span, .news_list .title span { font-size:16px; font-weight:normal; float:left; margin-right:25px}
.content.news.last .bimg { margin-right:24px}

.news_list { overflow:hidden}
.news_list h3 { margin-top:20px}
.news_list div.img { height:155px; line-height:155px; text-align:center; vertical-align:middle; overflow:hidden}
.news_list div img { max-width:100%;}
.news_list div.img img { vertical-align:middle}
.news_list .content { float:left; width:32%; margin:0 0 30px 2%; position:relative; padding-bottom:77px; box-sizing:border-box; overflow:hidden}
.news_list .content:nth-child(3n+1) { margin-left:0}
.news_list .content h3 span { float:none}
.news_list .tr { overflow:hidden}
.news_list .content .details { position:absolute; bottom:25px; padding:0}

.details { overflow:hidden; padding:15px 0 0 0; text-align:right}
.details a, .button.red { float:left; background:#ff6766; line-height:37px; font-size:15px; padding:0 20px; color:#fff; text-decoration:none}
.details a:hover, .button.red:hover { background:#f55453;}
.button.red.right { float:right}

#footer { background:#1176b3; color:#79d2ff; font-size:14px}
#footer .fin { width:944px; padding:10px 27px; margin:0 auto; overflow:hidden}
#footer a { color:#79d2ff; text-decoration:none;}
#footer a:hover { color:#d0effe}
#prefooter { background:#35a9e3; border-top:solid 1px #2490d4; border-bottom:solid 1px #6bbbe4; padding:20px 0; color:#d0effe; font-size:13px}
#prefooter a { color:#d0effe; text-decoration:none}
#prefooter .title { font-size:16px; font-weight:normal; margin:0 0 8px 0; padding:0; color:#fff; text-transform:uppercase}
#prefooter .block { width:35%; float:left}
#prefooter .block.contacts { width:42%}
#prefooter .block.follow { width:23%}
#prefooter ul { margin:0; padding:0; line-height:16px}
#prefooter ul li { list-style:none; margin-bottom:6px}
#prefooter ul li a:hover { text-decoration:underline; color:#fff}
#prefooter ul.icon li { padding-left:25px}
#footer .fin .copy { float:left; padding:5px 0}
#footer .fin .powered { margin:5px 400px 0; text-align:center}

li.phone { background:url(iphone.png) no-repeat left center}
li.fax { background:url(ifax.png) no-repeat left center}
li.mail { background:url(imail.png) no-repeat left center}
li.map { background:url(imap.png) no-repeat left center}

#prefooter .follow ul.icon li { padding-left:0}
#prefooter .follow ul.icon li a { background-image:url(ifollow.png); background-repeat:no-repeat; padding-left:25px}
li.tw a { background-position:0 0}
li.fb a { background-position:0 -20px}
li.yt a { background-position:0 -37px}
li.gp a { background-position:0 -58px}
li.li a { background-position:0 -76px}
li.rs a { background-position:0 -94px}

.content.course { padding:0}
.course .list .item { border-bottom:solid 1px #d9d9d9; padding:15px 18px; overflow:hidden; height:37px; line-height:37px}
.course .list .item.last { border:none}
.course .list .item a.img { float:left; width:37px}
.course .list .item h3 { font-family:"PT Sans", sans-serif; font-size:17px; font-weight:bold; float:left; width:550px; padding-right:10px; margin-left:30px; line-height:37px; vertical-align:middle; height:37px; display:table}
.course .list .item h3 a { text-decoration:none; color:#333; line-height:18px; vertical-align:middle; display:table-cell}
.course .list .item h3 a:hover { color:#545454}
.course .list .item .button { float:right; margin-left:2px}

.page-course .content { font-size:14px; overflow:hidden}
.page-course img.img { float:left; margin:10px 35px 15px 18px}

.info { padding:10px 0; font-size:16px}
.info .tr { overflow:hidden; margin-bottom:5px; padding:5px 20px}
.info .tr .col { float:left; width:50%; box-sizing:border-box; padding-right:10px}
.info .tr.v2 { background:#fefde1}

.sh2 { color:#333; font-size:18px; line-height:42px; padding:0 10px 0 55px; background:#f5f5f5 url(sp.png) no-repeat 20px center; border-bottom:solid 1px #e0e0e0; margin-bottom:6px; cursor:pointer}
.sh2.act { background-image:url(spa.png); background-position:18px center}
.sdiv { padding:15px 5px 25px; display:none}

.button { background:#daf0fb; color:#466fa3; text-decoration:none; line-height:37px; padding:0 23px}
.button:hover { background:#5e9cdb; color:#fff}

/*.registration, .contact { border-collapse:collapse; width:680px; font-size:16px; margin:35px 0 0 0}
.registration td, .contact td { padding:5px 0 5px 50px}
.registration td.tname, .contact td.tname { padding-left:5px}

.registration input {}
/*.registration textarea, .contact textarea { display:block; margin:5px 0; height:85px; width:205px}
.registration textarea { height:140px}
.registration .captcha { margin-right:10px}
*/
form { font-size:16px; overflow:hidden}
.registration { margin:35px 0 0 0}
form strong { color:#f66}
form input, form textarea { border:solid 1px #c2c2c2; padding:5px 10px; font-size:14px; color:#000; width:100%; box-sizing:border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
form .col { width:40%; float:left; box-sizing:border-box; padding-left:45px; margin-bottom:20px}
form .col:first-child { width:60%; padding:0; margin-bottom:0}
form label { height:45px; line-height:45px; vertical-align:middle; display:inline-block}
form .col:first-child label { width:150px; float:left}
form label span { line-height:22px; display:inline-block}
form .col .input { padding:7px 0}
form .col:first-child .input { margin-left:155px; padding:0; height:45px; vertical-align:middle; line-height:45px}
form .input.cptch img { float:left}
form .input.cptch span { margin-left:110px; display:block; width:auto; overflow:hidden}
form .input.cptch span input { text-align:center; padding:5px 2px}
form textarea { width:100%; height:121px; box-sizing:border-box}
form.contact textarea { height:166px}
form .btn.submit { border:none; color:#fff; width:auto; padding:8px 30px; font-size:17px; margin:0 20px 0 0}

/*.contact { margin:0}
.contact td { padding-left:20px}
.contact td.tname { padding:5px 0; width:100px}
.contact td.tright { padding:5px 10px 5px 60px}
.contact td.tright input { width:190px; float:right}
.contact textarea { height:130px; width:250px; margin-bottom:0}
.contact img.captcha { border:solid 1px #c2c2c2}
/*input#code { width:50px}
.contact .btn.submit { border:none; color:#fff; width:auto; padding:8px 30px; font-size:17px; margin:10px}*/
.contact_form { border-top:dashed 1px #e5e5e5; padding:20px 0 0 0; margin-top:20px}

.ico_phone, .ico_adress, .ico_email, .ico_map { line-height:30px; background-image:url(contacts_ico.png); background-repeat:no-repeat; padding-left:30px}
.ico_phone { background-position:-72px 0}
.ico_adress { background-position:-48px -21px}
.ico_email { background-position:-24px -42px}
.ico_map { background-position:0 -64px; color:#64bfed}
.ico_pdf { line-height:30px; height:30px; padding-left:30px; background:url(pdf_ico.png) no-repeat left center; display:block}

.error { color:#f00; font-weight:bold}

.btn { font-size:17px; color:#fff; border:none; background:#ba4a49; padding:8px 30px; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} 
.btn.submit { float:right; margin:25px 24px 0 0}
.btn:hover { background:#ff6766}

.tabs { border-bottom:solid 1px #cfcfcf; overflow:hidden; margin:0 0 20px 5px; padding:0}
.tabs li { list-style:none; float:left; padding:0 30px 0 0; margin:0 30px 0 0; background:url(tabb.gif) no-repeat right center; line-height:40px}
.tabs li a { line-height:40px; text-decoration:none; font-size:16px; font-weight:bold; border-bottom:solid 5px #fff; float:left}
.tabs li.act a { border-color:#ffb14b}
.tabs li.last { background:none}

.wtitle { height:50px; text-align:left; background:#32a0df; margin:0}
.wtitle h2 { font-size:24px; font-weight:normal; line-height:30px; margin:0; padding:8px 0 0 20px; color:#fff}
.wclose { float:right; margin:9px 20px 0 0; padding:5px; width:22px; height:22px}
.wclose:after { content:''; display:block; width:22px; height:22px; background:url(close.png) no-repeat center top}
.wclose:hover { background-color:#1389cd}
.wclose span { display:none}
#windowz .wcontent { overflow:auto}
#windowz { padding:0;/* -webkit-box-shadow:0 0 10px #000; -moz-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000;*/ z-index:10}
#substrate { min-width:1220px; min-height:800px; z-index:9}
/*#windowz .btn { position:relative; display:block; width:80px; margin:-25px auto 0 auto; text-align:center; color:#67676b; border:none; -webkit-box-shadow:0 1px 3px #b9c0c3; -moz-box-shadow:0 1px 3px #b9c0c3; box-shadow:0 1px 3px #b9c0c3; padding:4px 10px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-decoration:none}
#windowz .btn:hover { background:#f6f6f6}*/
#windowz .btn { position:absolute; bottom:8px; left:40%}

.w-title { height:50px; text-align:left; background:#32a0df; font-size:24px; font-weight:normal; line-height:50px; margin:0; padding:0 20px; color:#fff}
.w-close { float:right; position:relative; margin:9px 20px 0 0; width:0; padding-left:32px; height:32px; overflow:hidden}
.w-close:after { content:''; display:block; width:22px; height:22px; position:absolute; left:5px; top:5px; background:url(close.png) no-repeat center top}
.w-close:hover { background-color:#1389cd}
/*.w-content { overflow:hidden}*/

.list.product { overflow:hidden}
/*.list.product .tr { overflow:hidden}*/
.list.product .item { width:30%; float:left; margin-left:5%; margin-bottom:50px; overflow:hidden}
/*.list.product .item.first { margin-left:0}*/
.list.product .item.visible:nth-child(3n+1) { clear:left; margin-left:0}
.list.product .item .top { overflow:hidden; font-size:13px; color:#333; line-height:18px}
.list.product .item div.img { float:left; width:160px; height:140px; text-align:center; margin-right:20px}
.list.product .item div.cat_img { height:40px}
.list.product .item h4 { margin:0 0 15px 0; padding:0; font-size:18px; text-transform:uppercase}
.list.product .item ul { margin:0 0 30px 0; padding:0}
.list.product .item ul li { list-style:none; overflow:hidden; padding:5px 7px; margin-bottom:2px; line-height:18px}
.list.product .item ul li.v2{ background:#ebf8ff}
.list.product .item ul li strong { font-weight:normal; float:left; width:150px}
.list.product .item ul li span { overflow:hidden; display:block}

.filter, .cat-filter { background:#fff; float:right; padding:13px 30px 0 70px; -webkit-box-shadow:0 1px 2px #c2c2c2; -moz-box-shadow:0 1px 2px #c2c2c2; box-shadow:0 1px 2px #c2c2c2; margin:15px 0 20px 0; text-align:left; position:relative}
.cat-filter { padding:5px 10px}
.filter span, .cat-filter span { float:left; width:40px; position:absolute; left:30px}
.filter ul, .cat-filter ul { margin:0; padding:0; overflow:hidden}
.filter li, .cat-filter li { margin:0 0 13px 0; line-height:20px; height:20px; padding:0 0 0 40px; float:left; list-style:none}
.filter ul li { width:80px }
.cat-filter li { line-height:35px; height:35px; margin:0; padding:0 10px}
.filter li input { vertical-align:middle}
.filter li img, .cat-filter img { vertical-align:middle}

.cat-filter { /*width:600px*/ padding:0}
.cat-filter li { padding:0; float:left; line-height:normal; height:auto}
.cat-filter li a { padding:10px; display:block; height:37px}
.cat-filter li a:hover, .cat-filter li.act  a { box-shadow:0 0 5px #888888;}

.svideo { position:absolute; left:0; right:0; top:50px; bottom:0; overflow:hidden}
.svideo iframe { position:absolute; top:0; left:0; right:0; bottom:0}
/*.svideo h2 { font-size:26px; font-weight:normal; margin:0 0 25px 177px; padding:0; color:#333; font-family:"PT Sans", sans-serif; overflow:hidden; height:30px; line-height:30px; display:none}*/
.svideo .player { margin-left:177px; width:650px}
.svideo .preview { float:left; width:175px; overflow:auto; position:absolute; left:0; top:0; bottom:0; z-index:20; background:rgba(255,255,255,0.85); padding:10px; box-sizing:border-box; -webkit-transition:1s; -moz-transition:1s; -o-transition:1s; transition:1s}
.svideo .preview a { margin-bottom:20px; display:block; width:155px; height:85px}
.svideo .preview a img { width:155px}
.svideo .preview.hidden { width:10px; background:rgba(255,255,255,0.50)}
.svideo .preview.hidden a { display:none}
.svideo .preview.hidden:hover { width:175px; background:rgba(255,255,255,0.50)}
.svideo .preview.hidden:hover a { display:block}

ul.partner { margin:0; padding:0}
ul.partner li { height:60px; line-height:60px; list-style:none; text-align:center; float:left; width:150px; margin-bottom:40px}
ul.partner li img { vertical-align:middle}

#gMap { /*width:930px; height:570px*/ position:absolute; left:0; right:0; top:50px; bottom:0}
.highslide-dimming { background:#fff}

.search_result li { margin-bottom:10px; padding-bottom:10px; border-bottom:dashed 1px #e5e5e5}
.search_result li a { color:#a5a5a5; font-size:13px; text-decoration:none}
.search_result li h4 { margin:0; padding:0}
.search_result li h4 a { color:#545454; font-size:16px; text-decoration:underline }
.search_result li h4 a:hover { text-decoration:none; color:#0078B3}

/*#searchfull { width:600px;}*/
.page-search .content { min-height:190px}
.wrap { line-height:1px}
#searchfull .pole { border:solid 1px #c2c2c2; padding:5px 10px; font-size:14px; color:#000; width:100%; box-sizing:border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom:10px}
#searchfull .submit { float:none}

.circle { background:url(circle-1.png) no-repeat center center; width:680px; height:680px; position:absolute; opacity:0.5}
.circle .cin { background:url(circle-1.png) no-repeat center center; width:680px; height:680px}
/*.circle .cin1, .circle .cin2 { background:url(circle-1.png) no-repeat center center; width:850px; height:850px; position:absolute}
.circle .cin2 { display:none}*/

#service { width:680px; height:680px; background:url(circlebg.png) no-repeat center center; position:relative; margin:-50px auto 0 auto}
#service ul { background:url(circlein.png) no-repeat center center; width:680px; height:680px; position:relative; margin:0; padding:0}
#service ul li { position:absolute; list-style:none; display:block}
#service ul li a { color:#fff; text-decoration:none; width:102px; height:97px; padding:25px 10px 0; display:block; -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px; text-align:center; color:#fff; font-size:16px; line-height:18px}
#service li a.act, #service li a:hover { -webkit-border-radius:0; -moz-border-radius:0; border-radius:0}

li#s-1 { top:84px; left:85px; }
li#s-1 a {background:url(s1.png) no-repeat center center}

li#s-2 { top:85px; right:84px; }
li#s-2 a {background:url(s2.png) no-repeat center center}

#service li#s-3 a.act, #service li#s-3 a:hover { padding-left:33px}
li#s-3 { top:279px; right:4px; }
li#s-3 a {background:url(s3.png) no-repeat right center}

li#s-4 { bottom:84px; right:84px; }
#service li#s-4 a {background:url(s4.png) no-repeat center center; font-size:14px}

li#s-5 { bottom:85px; left:83px; }
li#s-5 a {background:url(s5.png) no-repeat center center}

#service li#s-6 a.act, #service li#s-6 a:hover { padding-right:33px}
li#s-6 { top:279px; left:4px; }
li#s-6 a {background:url(s6.png) no-repeat left center}

#service #scont { width:250px; height:300px; font-size:14px; line-height:25px; position:absolute; left:215px; top:185px}
#service #scont .scont { width:245px; padding-right:40px}

#scont { position : relative; overflow : hidden}
#scont .scont {  position:absolute; overflow:scroll; overflow-x:hidden; top:0; right:0; bottom:0; left:0;}
#scont .scont:focus { outline:thin dotted;}
#scont .scont::-webkit-scrollbar { visibility:hidden;}
.has-scrollbar .scont::-webkit-scrollbar { visibility:visible;}
#scont > .pane { background:#eee; position:absolute; width:12px; right:0; top:0; bottom:0; visibility:hidden\9; /* Target only IE7 and IE8 with this hack */ opacity:.01;  -webkit-transition:.2s; -moz-transition:.2s;  -o-transition:.2s; transition:.2s; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#scont > .pane > .slider { background:#bababa; /*background: rgba(0,0,0,.5);*/ position:relative; margin:0 1px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#scont:hover > .pane, .pane.active, .pane.flashed { visibility: visible\9; /* Target only IE7 and IE8 with this hack */ opacity:0.99;}

#ccircle { height:370px; overflow:hidden; position:relative; margin-bottom:20px}
#ctrust { margin:0 auto; padding:0; overflow:hidden; width:370px; height:370px; background:url(color_circle.png) no-repeat center center; position:relative}
#ctrust li { position:absolute; list-style:none}
#ctrust li.lititle { width:110px; height:100px; top:115px; left:115px; text-align:center; padding:40px 15px 0; font-size:21px; line-height:21px; color:#7e7e7e}
#ctrust li a { display:block; width:105px; height:105px; position:absolute; color:#fff; text-decoration:none; text-align:center; line-height:105px; z-index:2; font-size:21px}
#ctrust li a.c-1 { width:152px; left:108px}
#ctrust li a.c-2 { height:152px; line-height:152px; top:109px; left:265px}
#ctrust li a.c-3 { width:152px; left:108px; top:265px}
#ctrust li a.c-4 { height:152px; line-height:152px; top:109px}
#ccircle .blocks { }
#ccircle .blocks h4 { font-size:21px; font-weight:normal; margin:0 0 6px 0; padding:0}
#ccircle .blocks h4 a { text-decoration:none}
#ccircle .blocks .item { position:absolute; display:none; z-index:1}
#ccircle .blocks .item .bin { width:190px; padding:15px 20px; background:#fff; font-size:14px}
#ccircle .blocks .item.c-1 { top:0; right:0; width:407px; background:url(cline1.png) no-repeat left 22px}
#ccircle .blocks .item.c-2 { top:155px; right:0; width:322px; background:url(cline2.png) no-repeat left 22px}
#ccircle .blocks .item.c-3 { bottom:0; left:0; width:403px; background:url(cline3.png) no-repeat right top}
#ccircle .blocks .item.c-4 { top:50px; left:0; width:356px; background:url(cline4.png) no-repeat right 22px}
#ccircle .blocks .item.c-1 .bin, #ccircle .blocks .item.c-2 .bin { margin:0 0 0 auto}
#ccircle .blocks .item.c-1 h4 a { color:#00c3cf}
#ccircle .blocks .item.c-2 h4 a { color:#967feb}
#ccircle .blocks .item.c-3 h4 a { color:#81c743}
#ccircle .blocks .item.c-4 h4 a { color:#edba23}

#diagram { position:relative; margin-bottom:20px}
#diagram h3 { padding-left:35px; font-weight:bold}
#diagram .blocks { overflow:hidden}
#diagram .blocks .level { padding:16px 0 0 0; /*padding-right:683px;*/ background:url(larrow.png) no-repeat right top; margin:0 0 0 26px; float:left; overflow:hidden}
#diagram .blocks .level:hover { background-image:url(larrow2.png)}
#diagram .blocks .level.l-0 { margin:0}
#diagram .blocks .item { float:left; width:315px; color:#838383}
#diagram .blocks .item:hover { color:#333}
#diagram .blocks h4 { font-size:18px; line-height:45px; text-align:center; font-weight:normal; margin:0; padding:0; color:#fff; background:#e39a27}
#diagram .blocks h4 a { text-decoration:none; color:#fff; display:block}
#diagram .blocks .bin { background:#fff; padding:15px 20px}

.pages { text-align:center; margin:20px 0}
.pages a, .pages b { color:#1176B3; border:solid 1px #1176B3; text-decoration:none; padding:0 5px}
.pages b { background:#1176B3; color:#fff; font-weight:normal}
.pages a:hover { background:#daf0fb}

#ms { margin:0; padding:0; position:fixed; right:0; top:40%}
#ms li { margin:0; padding:0; list-style:none; display:block; height:50px}
#ms li a { float:right; padding-left:50px; width:0; height:50px; background-image:url(mservice.png); background-repeat:no-repeat; overflow:hidden; opacity:0.50; filter:alpha(opacity=50); -moz-opacity:0.50; line-height:50px; color:#fff; font-size:21px; text-decoration:none}
a.ms1 { background-position:0 0; background-color:#efc12d}
a.ms2 { background-position:0 -50px; background-color:#89d14c}
a.ms3 { background-position:0 -100px; background-color:#a48df8}
a.ms4 { background-position:0 -150px; background-color:#00c4d0}

.content.texts { height:360px; padding-top:15px}
.content.texts .tabs li { height:27px; line-height:27px; vertical-align:middle; margin-top:10px}
.content.texts .tabs li a { line-height:22px; height:22px; vertical-align:middle}
.content.texts .box { height:280px; overflow:auto}

.archive { font-size:20px; float:right; margin:13px 20px}
.archive a { color:#999; font-weight:bold}

.not_found { padding:20px}

.block.related { padding:20px 0}
.block.related .list { border:solid 1px #3BAEEF; background:#fff; padding:0 10px}
.block.related .list .item { padding:10px 0; overflow:hidden; border-bottom:solid 1px #F2F0F0}
.block.related .list .item .img { float:left; margin:3px 0 0 0}
.block.related .list .item div { margin:0 0 0 45px; font-size:12px}
.block.related .list .item div a { display:block; font-weight:bold; font-size:15px; text-decoration:none; color:#333}
.block.related .list .item div a:hover { color:#545454}

div.image { float:left; margin:5px 20px 0 0; padding-bottom:5px}
div.image p { font-size:12px; color:#313131; font-family:"PT Sans", sans-serif}
.content h3 {}

.cookie-alert { position: fixed; left:0; right:0; bottom:0; font-size: 14px; line-height: 18px; color:#fff; background: rgba(0, 0, 0, 0.75); padding: 15px 210px; text-align: center; z-index: 100; display: none}
.cookie-alert a { color: #3BAEEF; margin-left: 7px}
.cookie-alert button { cursor: pointer; border:none; background: #3BAEEF; color: #fff; line-height: 24px; padding: 0 10px; border-radius: 3px; margin-left: 10px}
.cookie-alert button:hover { background: #1176B3}
@media only screen and (max-width: 768px) {
	.cookie-alert { padding: 15px 30px 45px}
}