body{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	font-size:22px;
	color: #505358;
	/*background:url(images/body_bg.jpg) repeat-x;*/
	background-color:#eee;
	font-family:Arial, Helvetica, sans-serif;
}
a:link {
	color: #505358;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #505358;
}
a:hover {
	text-decoration: none;
	color: #FF3333;
}
a:active {
	text-decoration: none;
	color: #505358;
}
img{ border:0px;}
/*p{ margin:12px; padding:0px;}*/
div,ul,li,h3,h2,h1,form{ margin:0px; padding:0px; list-style:none; font-size:22px;}
.clear{clear:both;}
.font14{ font-size:14px; color:#333333;}

*:focus {outline: none;}



#head{ width:1220px; margin:0 auto; height:198px; background:url(images/head_bg.png);}
#head .hd{ width:1200px; margin:0 auto; position:relative;}
#head .hd #logo{ top:12px; position:absolute;}
#head .hd ul{ position:absolute; width:776px; height:53px; right:0; top:70px;}
#head .hd ul li{ width:194px; line-height:53px; text-align:center; font-size:18px; float:left;}
#head .hd ul li a{ color:#000; font-size:24px; font-weight:bold;}
#head .hd ul li:hover{ background:url(images/nav_li_bg.png) center no-repeat;}


#main{width:1200px; min-height:860px; margin:0 auto; position:relative; overflow:hidden;background-color:#fff;padding: 0 10px;}
#main .intro{ padding: 20px 0; line-height:32px; color:#767676;}

#main .tupian{ padding: 10px 0; overflow:hidden;}
#main .tupian .left{ float:left;}
#main .tupian .right{ float:right;}

#main .lb{ padding: 10px 0;overflow:hidden; }


#foot{ width:1220px; margin:0 auto; height:133px; /*background:url(images/foot_bg.png);*/ background-color:#727E86;}
#foot .hd{ width:1200px; margin:0 auto; position:relative;}
#foot .hd #logo2{ position:absolute; }
#foot .hd .copy{float: right;    padding-top: 80px;    padding-right: 12px;    color: #fff;}


#cplist{}
#cplist li{ width:590px; height:332px; float:left; position:relative; margin:10px 4px;}
#cplist li p{ position:absolute; height:78px; line-height:78px; color:#fff; background-color:rgba(0, 1, 4, 0.6); bottom:0; width:100%; margin:0; text-align:center;}

#main  .title {
	text-align:center;
    line-height: 80px;
    font-size: 36px;
    font-weight: 200;
}



/**/
#slider {
	POSITION: relative; WIDTH: 1200px; BACKGROUND: url(../images/loading.gif) no-repeat 50% 50%; HEIGHT: 720px
}
#slider IMG {
	POSITION: absolute; DISPLAY: none; TOP: 0px; LEFT: 0px
}
#slider A {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; DISPLAY: block; BORDER-TOP: 0px; BORDER-RIGHT: 0px
}
.nivo-controlNav {
	POSITION: absolute; BOTTOM: 10px; LEFT: 10px
}
.nivo-controlNav A {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; TEXT-INDENT: -9999px; WIDTH: 13px; DISPLAY: block; BACKGROUND: url(/tpl/phpok-en/images/bullets.gif) no-repeat; FLOAT: left; HEIGHT: 13px; BORDER-TOP: 0px; BORDER-RIGHT: 0px
}
.nivo-controlNav A.active {
	BACKGROUND-POSITION: 0px -22px
}
.nivo-directionNav A {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; TEXT-INDENT: -9999px; WIDTH: 40px; DISPLAY: block; BACKGROUND: url(../images/arrows.gif) no-repeat; HEIGHT: 74px; BORDER-TOP: 0px; BORDER-RIGHT: 0px
}
A.nivo-nextNav {
	BACKGROUND-POSITION: -40px 0px; RIGHT: 25px
}
A.nivo-prevNav {
	LEFT: 25px
}
.nivo-caption {
	FONT-FAMILY: Helvetica, Arial, sans-serif; text-shadow: none
}
.nivo-caption A {
	COLOR: #efe9d1; TEXT-DECORATION: underline
}
.nivoSlider {
	POSITION: relative
}
.nivoSlider IMG {
	POSITION: absolute; TOP: 0px; LEFT: 0px
}
.nivoSlider A.nivo-imageLink {
	Z-INDEX: 60; BORDER-BOTTOM: 0px; POSITION: absolute; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; DISPLAY: none; HEIGHT: 100%; BORDER-TOP: 0px; TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px; LEFT: 0px
}
.nivo-slice {
	Z-INDEX: 50; POSITION: absolute; DISPLAY: block; HEIGHT: 100%
}
.nivo-caption {
	Z-INDEX: 89; POSITION: absolute; WIDTH: 100%; BOTTOM: 0px; BACKGROUND: #000; COLOR: #fff; LEFT: 0px; opacity: 0.8
}
.nivo-caption P {
	PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 5px; text-align:right;
}
.nivo-caption A {
	DISPLAY: inline !important
}
.nivo-html-caption {
	DISPLAY: none
}
.nivo-directionNav A {
	Z-INDEX: 99; POSITION: absolute; TOP: 42.1%; CURSOR: pointer
}
.nivo-prevNav {
	LEFT: 0px
}
.nivo-nextNav {
	RIGHT: 0px
}
.nivo-controlNav A {
	Z-INDEX: 99; POSITION: relative; CURSOR: pointer
}
.nivo-controlNav A.active {
	FONT-WEIGHT: bold
}









