﻿@charset "utf-8";


/*
HTML {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 8pt; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: "微软雅黑"

}

BODY {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 8pt; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: "微软雅黑"; HEIGHT: 100%; min-width: 700px

}







#top-logo {

	BACKGROUND: url(../images/bg-top.jpg) no-repeat 0px 0px; POSITION: relative; HEIGHT: 135px;width:900;

}









#menu {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 1; LEFT: 156px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; POSITION: absolute; TOP: 0px

}



#menu {

	Z-INDEX: 100000000; WIDTH: 744px; COLOR: #f18b00; LIST-STYLE-TYPE: none; HEIGHT: 28px

}

#menu UL {

	Z-INDEX: 100000000; WIDTH: 744px; COLOR: #f18b00; LIST-STYLE-TYPE: none; HEIGHT: 28px

}

 HTML #menu {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px

}

#menu UL {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px

}

#menu A {

	DISPLAY: block; COLOR: #fff; TEXT-DECORATION: none; WORD-WRAP: break-word

}

#menu A.linkSelf {

	COLOR: #3a3a3a

}

#menu A:hover {

	DISPLAY: block; COLOR: #fff; TEXT-DECORATION: none

}

#menu LI A {

	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; PADDING-TOP: 7px;font-weight:normal;

}



#menu LI A:hover {

	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; PADDING-TOP: 7px; TEXT-DECORATION: none;font-weight:normal;

}



#menu SPAN {

	PADDING-RIGHT: 7px; DISPLAY: block; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; COLOR: #fff; PADDING-TOP: 7px

}



#menu LI LI A {

	PADDING-RIGHT: 2px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; WIDTH: 167px; COLOR: #666666; PADDING-TOP: 2px; TEXT-DECORATION: none

}

#menu LI LI A:hover {

	PADDING-RIGHT: 2px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; WIDTH: 154px; COLOR: #ff6600; PADDING-TOP: 2px; BACKGROUND-COLOR: #eeeff1; TEXT-DECORATION: none

}

 HTML #menu LI LI A:hover {

	WIDTH: 167px

}

#menu LI {

	BACKGROUND-POSITION: right 50%; FLOAT: left; BACKGROUND-IMAGE: url(../images/bg_linav.gif); COLOR: #f18b00; BACKGROUND-REPEAT: no-repeat; HEIGHT: 28px

}

#menu LI.last {

	BACKGROUND-IMAGE: none

}

 HTML #menu LI {

	FLOAT: left; HEIGHT: 24px

}

#menu LI UL {

	BORDER-RIGHT: #535353 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #535353 1px solid; PADDING-LEFT: 0px; FONT-SIZE: 11px; Z-INDEX: 100000000; LEFT: -999em; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #535353 1px solid; WIDTH: 161px; PADDING-TOP: 0px; BORDER-BOTTOM: #535353 1px solid; POSITION: absolute; HEIGHT: auto; BACKGROUND-COLOR: #ffffff

}

#menu LI LI {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 100000000; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; WIDTH: 152px; PADDING-TOP: 0px; HEIGHT: auto

}

#menu LI UL UL {

	MARGIN: -21px 0px 0px 152px

}

#menu LI:hover UL UL {

	LEFT: -999em

}

#menu LI:hover UL UL UL {

	LEFT: -999em

}

#menu LI:hover UL UL UL UL {

	LEFT: -999em

}

#menu LI.sfhover UL UL {

	LEFT: -999em

}

#menu LI.sfhover UL UL UL {

	LEFT: -999em

}

#menu LI.sfhover UL UL UL UL {

	LEFT: -999em

}

#menu LI:hover UL {

	LEFT: auto

}

#menu LI LI:hover UL {

	LEFT: auto

}

#menu LI LI LI:hover UL {

	LEFT: auto

}

#menu LI LI LI LI:hover UL {

	LEFT: auto

}

#menu LI.sfhover UL {

	LEFT: auto

}

#menu LI LI.sfhover UL {

	LEFT: auto

}

#menu LI LI LI.sfhover UL {

	LEFT: auto

}

#menu LI LI LI LI.sfhover UL {

	LEFT: auto

}

#menu LI:hover {

	COLOR: #e1d0a5; BACKGROUND-COLOR: #ff6600

}

#menu LI.sfhover {

	COLOR: #e1d0a5; BACKGROUND-COLOR: #ff6600

}
























*/






.table-mid {

	font-size: 12px;

	font-color:#7FA3B9;

	border-left: 1px solid #7198A9;

	border-right: 1px solid #7198A9;

	border-bottom: 1px solid #7198A9;

}



.table-bot {

	font-size: 12px;

	font-color:#7FA3B9;

	border-bottom: 1px solid #7198A9;

}



.table-l-r {

	font-size: 12px;

	font-color:#7FA3B9;

    border-left: 1px solid #7198A9;

	border-right: 1px solid #7198A9;	

}



.table-all {

	font-size: 12px;

	font-color:#7FA3B9;	

	border-top: 1px solid #7198A9;

	border-left: 1px solid #7198A9;

	border-right: 1px solid #7198A9;

	border-bottom: 1px solid #7198A9;	

}



































#menu_top {

	MARGIN-TOP: 41px; BACKGROUND: url(../images/menu_bg.gif) repeat-x; WIDTH: 780px; COLOR: white; POSITION: absolute; HEIGHT: 26px

}

.left_paragraph {

	MARGIN: 0px 0px 4px; BACKGROUND-COLOR: #dee7ec

}

.left_nadpis {

	PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 10pt; BACKGROUND: url(../images/left_bg_nadpis.gif) repeat-x; TEXT-TRANSFORM: uppercase; COLOR: #ffffff; PADDING-TOP: 5px; HEIGHT: 20px

}

.left_text {

	BORDER-RIGHT: #b4c1c8 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #b4c1c8 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #b4c1c8 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #b4c1c8 1px solid

}

H1 {

	MARGIN-TOP: 10px; FONT-SIZE: 12pt; MARGIN-BOTTOM: 10px

}

A {

	COLOR: #0070C0; TEXT-DECORATION: none;font-weight:bold;

}

A:hover {

	COLOR: #0070C0; TEXT-DECORATION: underline;font-weight:bold;

}

IMG {

	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px

}

INPUT {

	FONT-SIZE: 8pt; FONT-FAMILY:"微软雅黑"

}

.input {

	FONT-SIZE: 8pt; FONT-FAMILY: "微软雅黑"

}

.button {

	BORDER-RIGHT: #333 1px solid; BORDER-TOP: #333 1px solid; FONT-SIZE: 8pt; BACKGROUND: #9dc0d4; BORDER-LEFT: #333 1px solid; BORDER-BOTTOM: #333 1px solid; HEIGHT: 20px

}





#leftcol UL {

	MARGIN-TOP: 0px; DISPLAY: block; MARGIN-BOTTOM: 0px; MARGIN-LEFT: 0px

}

#leftcol LI {

	MARGIN-TOP: 0px; DISPLAY: block; MARGIN-BOTTOM: 0px; MARGIN-LEFT: 0px;font-size:8pt;

}

#leftcol UL {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 210px; PADDING-TOP: 0px

}

#leftcol LI UL {

	MARGIN-TOP: -5px; DISPLAY: none; MARGIN-LEFT: 30px; POSITION: absolute

}

#leftcol LI A {

	PADDING-RIGHT: 4px; DISPLAY: block; PADDING-LEFT: 2px; BACKGROUND: url(../images/menu_left_bg1.gif); PADDING-BOTTOM: 4px; WIDTH: 204px; PADDING-TOP: 4px; BORDER-BOTTOM: #fff 1px solid; TEXT-DECORATION: none

}

#leftcol LI A:hover {

	COLOR: red

}

#leftcol LI {

	FLOAT: left; WIDTH: 98%

}

#leftcol A.hassubmenu {

	BACKGROUND: #dee7ec 145px 0px; WIDTH: 200px;

}

#menu_left {

	MARGIN-BOTTOM: 20px

}

#menu_left A {

	COLOR: #101010; TEXT-DECORATION: none

}

#menu_left A:hover {

	COLOR: #ff0000

}

.menu_top_pol {

	BORDER-RIGHT: #82a9c8 1px solid; PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-WEIGHT: bold; BACKGROUND: url(../images/menu_top_pol.gif) repeat-x; FLOAT: left; PADDING-BOTTOM: 6px; TEXT-TRANSFORM: uppercase; BORDER-LEFT: #82a9c8 1px solid; PADDING-TOP: 6px

}

#menu_top A {

	COLOR: #fff; TEXT-DECORATION: none

}

#menu_top A:hover {

	COLOR: #ffcc00

}

















UNKNOWN {

	MIN-HEIGHT: 100%; HEIGHT: auto

}



#leftcol {

	FLOAT: left; WIDTH: 210px

}





FORM {

	MARGIN: 0px

}







#bottom1 {

	color:#31849B;

	TEXT-DECORATION: none;

	font-weight: normal;

	line-height:150%

}



#bottom1 A {

	font-weight: normal;color:#31849B;TEXT-DECORATION: none



}

#bottom1 A:hover {

	font-weight: normal;color:#31849B;TEXT-DECORATION:underline

}







#bottom2 {

	color:#000080;

	TEXT-DECORATION: none;

	font-weight: normal;

	line-height:150%

}



#bottom2 A {

	font-weight: normal;color:#000080;TEXT-DECORATION: none



}

#bottom2 A:hover {

	font-weight: normal;color:#000080;TEXT-DECORATION:underline

}















#nav {

	CLEAR: both; BACKGROUND: url(../images/header_menu.gif) no-repeat 0px 0px; POSITION: relative; HEIGHT: 28px

}



#search {

	BORDER-RIGHT: #fff 0px solid; BORDER-TOP: #fff 0px solid; FONT-SIZE: 10px; BACKGROUND: url(../images/search-box-bg.gif) no-repeat; MARGIN: 7px 0px 7px 10px; BORDER-LEFT: #fff 0px solid; WIDTH: 94px; BORDER-BOTTOM: #fff 0px solid; HEIGHT: 14px

}

TABLE.searchTable {

	MARGIN-TOP: -3px

}

 HTML TABLE.searchTable {

	MARGIN-TOP: -4px

}



#floating-contact { line-height: 162%; position: fixed;  right: 0%;bottom: 50%; color: #000; zoom: 1; }
#floating-contact .contact-img {position: fixed;  right: 0%;bottom: 50%; color: #000; zoom: 1; }

#contact-preview .header-container { cursor: pointer; }
#contact-data { box-shadow: 0 5px 10px 0 #555; -moz-box-shadow: 0 5px 10px 0 #555; -webkit-box-shadow: 0 5px 10px 0 #555; }
#contact-data,
#contact-data .header-container,
#contact-preview .header-container { border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; }

#contact-preview .header-container,
#contact-data .header-container {
	font-size: 18px;
	padding: 10px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#cccc00');
	zoom: 1;
}

#contact-data { display: none; zoom: 1; width: 290px; }
#contact-data .content-container {
	background: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
	background: -moz-linear-gradient(top,  #ffffff,  #eeeeee);	
}

#contact-data .no-contact { font-weight: bold; padding:5px; }
#contact-data .header-container { background: url(/img/contact-close.png) no-repeat right center; border-bottom: 1px solid #aaa; cursor: pointer; }
#contact-data .header-container .header {  padding-right: 20px; }

#contact-data .name { font-size: 13px; font-weight: bold; }
.no-contact li{ border-bottom:1px solid #d8d8d8; padding:5px 5px 5px 55px; position:relative; line-height:18px; min-height:55px;list-style:none;}
.no-contact li img{ width:50px; height:50px; border-radius:5px; position:absolute; left:0px;}
.no-contact li b{color:#000; font-size:14px;}
.no-contact li p{ color:#000; font-weight:normal;height:68px; line-height:18px; display:  }
.no-contact li span{ font-size:13px; color:#06F; font-weight:normal;white-space: nowrap;}
.no-contact ul{padding-inline-start:10px;}
.disc{ margin-top: 10px;}
.disc li{ font-size: 16px; color: #333; position: relative; padding-left:15px; line-height: 180%; }
.disc li::after{ content: ''; width: 5px; height: 5px; background: #000; position: absolute;left: 0; top:12px;}
.introDiv ul li a{ display: block;color: #548dd4;  text-decoration: underline; font-size: 16px; font-weight: bold;}
.introDiv ul li a img{margin-right: 10px;}




/* 侧栏s */
.sibar {
    position: fixed;
    width: 73px;
    right: 0px;
    top: 50%;
    margin-top: -30px;
}

.sibar a {
    padding: 14px 0 0;
    display: block;
    width: 73px;
    box-sizing: border-box;
    height: 73px;
    color: #fff;
    border-bottom: 1px solid #2462D2;
    text-align: center;
    background: #3778ED;
    text-decoration:none;
}


.sibar a img {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.sibar a:hover > img {
    -webkit-animation-name: tada;
    animation-name: tada;
}

.sibar a p {
    margin-top: 5px;
}

.sibar a:hover {
    background: #2462D2;
    TEXT-DECORATION: none;
}

.sibar3 {
    position: relative;
}

.sibar a.return_top {
    height: 44px;
    background: #717c85;
    border: 0;
}

.sibar .code_ewm img {
    width: 256px;
    height: 256px;
}

.sibar .code_ewm {
    position: absolute;
    width: 256px;
    height: 256px;
    top: 50%;
    margin-top: -180px;
    right: 75px;
}
.sibar .code_ewm1 img {
    width: 256px;
    height: 256px;
}

.sibar .code_ewm1 {
    position: absolute;
    width: 256px;
    height: 256px;
    top: 50%;
    margin-top: -130px;
    right: 75px;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%, 20% {
        -webkit-transform: scale3d(.8, .8, .8) rotate(-5deg);
        transform: scale3d(.8, .8, .8) rotate(-5deg)
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(5deg);
        transform: scale3d(1.2, 1.2, 1.2) rotate(5deg)
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(-5deg);
        transform: scale3d(1.2, 1.2, 1.2) rotate(-5deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
/* 侧栏e */