/* CSS Document */

body{font-family:Arial, Helvetica, sans-serif}
a,a:hover{ text-decoration:none}
.clear{ clear:both; height:0px; }
img {border: 0;}
:after,:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
h1,h2,h3,h4,h5,p, ul, li{ margin:0; padding:0}
*{margin:0; padding:0}


header{ padding:20px; position:relative;box-shadow: 0 0 10px #ccc; display:block; z-index:1000}
.logo{ float:left;}
.logo img{ width:380px; }
nav{float:left; margin-left:15px; margin-top:10px; text-transform:uppercase}
nav ul li{ list-style:none; display:inline-block; position:relative;}
nav ul.nav_ul{ z-index:1000}
nav ul.nav_ul li.nav_li span{ display:none}
nav ul.nav_ul li.nav_li a.nav_item{ color:#333; display:block; padding: 10px 15px; font-size:15px;}
nav ul.nav_ul li.cur a.nav_item{ color:#b72115}
nav ul.nav_ul li.curs a.nav_item{ color:#b72115}
nav ul.nav_ul li.nav_li ul{ position:absolute; border-top:2px solid #b72115; width:100%; display:none; z-index:1000}
nav ul.nav_ul li.cur ul{ display:block}
nav ul.nav_ul li.nav_li ul li{ display:block;}
nav ul.nav_ul li.nav_li ul a{background-color:#333; margin-bottom:1px; color:#FFF; display:block; padding:10px 0; text-align:center; font-size:13px}
nav ul.nav_ul li.nav_li ul a:hover{background-color:#b72115; color:#FFF}
.language{ float:right; margin-top:14px}
.language a{ margin-left:15px; color:#333; border:1px solid #333; display:inline-block;   padding:3px 8px; border-radius:3px}
.language a.en{ font-family:Arial, Helvetica, sans-serif}

nav .navbar-header{ display:none}


.main{ padding:5%}


footer{ background:url(../winimages/footer_bg.jpg) no-repeat center; padding:5%;}
.footer_nav{ float:left; width:13%}
.footer_nav p a{ color:#333}
.footer_nav p{ margin-top:10px}
.footer_nav p.p1{ margin-top:0px; font-weight:bold;}
.footer_contact{ float:right; width:35%}
.footer_contact p.p1{ font-family:Arial, Helvetica, sans-serif; font-size:36px; color:#b72115; font-weight:bold; margin-top:-10px}
.footer_contact p.p2{ margin-top:10px; position:relative; padding-left:30px;}
.footer_contact p.p2:before {content: " "; display:inline-block; height:20px;  width:20px; left:0; top:1px; position:absolute}
.footer_contact p.p:before { background:url(../winimages/footer-icop.png) no-repeat center; background-size:20px}
.footer_contact p.e:before { background:url(../winimages/footer-icoe.png) no-repeat center; background-size:20px}
.footer_contact p.a:before { background:url(../winimages/footer-icoa.png) no-repeat center; background-size:20px}
.footer_contact p.p3{ margin-top:10px;}
.footer_contact p.p3 a{ margin-right:20px}
.footer_contact p.p3 img{ width:30px;}
.footer_clear{ display:none; clear:both; width:100%;}
.link{ margin-top:30px; line-height:25px;}
.link span{white-space: nowrap;display:inline-block;margin-right:20px;}
.link a{ color:#333; margin-right:20px;white-space: nowrap;display:inline-block}
.icp{ background-color:#000; text-align:center; color:#FFF; padding:10px}

.pbanner{ position:relative}
.pbanner img{ width:100%;}
.pbanner .pbanner_title{ position:absolute; left:8%; top:50%;transform: translate(0%,-50%);transform: translate(0%,-50%);-ms-transform: translate(0%,-50%);-moz-transform: translate(0%,-50%);-webkit-transform: translate(0%,-50%);-o-transform: translate(0%,-50%); color:#b72115}
.pbanner .pbanner_title p.z{ font-size:40px; font-weight:bold;}
.pbanner .pbanner_title p.e{ font-size:30px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.pbanner .pbanner_title i{ display:block; height:4px; width:100px; background-color:#b72115; margin:10px 0}

.page_nav{ padding:0 5%; border-bottom:2px solid #ccc; background-color:#f5f5f5}
.page_nav a{ color:#333}
.page_nav .page_navli{ float:left; padding:20px 40px; font-size:16px;}
.page_nav .page_navlicur{ color:#b72115; position:relative}
.page_nav .page_navlicur:before {content: " "; display:inline-block; background:#b72115; height:2px;  width:100%; left:0; bottom:-2px; position:absolute}
.page_nav span{ float:right; margin-top:18px}
.page_nav span i{ margin:0 13px; display:inline-block; width:10px; height:10px; background:#ccc}

.pagdiv{ text-align:center; position:relative; margin-top:30px;}
.pagdiv span{display: inline-block; margin: 0 10px;color:#333;font-size:14px}
.pagdiv a{ margin: 0;}
.pagdiv span.cur{ color:#b72115}
.pagdiv .paginator{ border:1px solid #333; position:absolute; top:0; padding:5px 8px;; border-radius:5px;color:#333;}
.pagdiv .paginator:hover{ border:1px solid #b72115; color:#b72115}
.pagdiv .prevpage{ left:0}
.pagdiv .nextpage{ right:0}


@media(max-width:1080px)
{
	.language{ position:absolute; right:110px; top:26px; font-size:12px}
	.logo img{ }
	nav{ float:none; margin-top:0}
	nav ul.nav_ul{ position:absolute; background-color:#333; right:0; border-top:2px solid #b72115; width:400px; top:98px; display:none}
	nav ul.nav_ulin{ display:block}
	nav ul.nav_ul li.nav_li{ display:block;border-top: 1px solid #252525;}
	nav ul.nav_ul li.nav_li span{ position:absolute; display:block; width:51px; height:51px; background:url(../winimages/nav_d.png) no-repeat center; background-size:15px; right:5px; top:0}
	nav ul.nav_ul li.nav_li a.nav_item{ color:#FFF;padding: 15px 45px;}
	nav ul.nav_ul li.cur span{  background:url(../winimages/nav_u.png) no-repeat center;background-size:15px;}
	nav ul.nav_ul li.cur a.nav_item{ color:#b72115}
	nav ul.nav_ul li.nav_li ul{ position:static;left:0%;transform: none ;transform: none;-ms-transform: none;-moz-transform: none;-webkit-transform: none;-o-transform: none; width:100%}
	nav ul.nav_ul li.nav_li ul a{ text-align:left; padding: 13px 55px; background-color:#222}
	nav .navbar-header{display:block;}
	nav .navbar-toggle{ position: relative;float: right;background-color: transparent; padding:0; border-radius:0; margin-top:18px;margin-bottom:0}
	nav .navbar-toggle .icon-bar{display: block;width: 30px;height: 2px;border-radius: 1px; background:#333}
	nav .navbar-toggle .icon-bar + .icon-bar {margin-top: 7px;}
	nav .select .icon-bar{background:#b72115}
	footer{background-size:auto 100%;}
	.footer_clear{ display:block;}
	.footer_nav{ float:left; width:20%; }
	.footer_contact{ float:none; width:100%;margin-top:20px}
	.footer_contact p.p1{ margin-top:0}
	
	.pbanner .pbanner_title p.z{ font-size:30px}
	.pbanner .pbanner_title p.e{ font-size:20px; }
	.pbanner .pbanner_title i{  height:3px; width:70px;  margin:10px 0}
}

@media(max-width:640px)
{
	header{ padding:10px;}
	.logo img{ width:170px; }
	.language{right:70px; top:8px; font-size:8px}
	.language a{ margin-left:12px;  padding:2px 6px;}
	nav ul.nav_ul{ top:52px; left:0; width:auto; }
	nav ul.nav_ul li.nav_li{ position:relative}	
	nav ul.nav_ul li.nav_li a.nav_item{ color:#FFF;padding: 15px 35px; }
	nav ul.nav_ul li.cur a.nav_item{ color:#b72115}
	nav ul.nav_ul li.nav_li ul{ position:static;}
	nav ul.nav_ul li.nav_li ul a{ text-align:left; padding: 13px 60px; background-color:#222}
	nav .navbar-toggle{ margin-top:8px; margin-bottom:0}
	nav .navbar-toggle .icon-bar{width: 24px;}
	nav .navbar-toggle .icon-bar + .icon-bar {margin-top: 4px;}	
	
	.main{ padding:10px;}
	
	.footer_nav{ float:left;  width:30.333%; margin-left:3%; margin-top:20px;}
	.footer_therr{}
	.footer_contact{ float:none; clear:both; width:100%;}
	.link{ margin-top:20px; font-size:12px;}
	.icp{ font-size:10px;}
	
	.pbanner .pbanner_title{ left:50%; text-align:center}
	.pbanner .pbanner_title p.z{ font-size:16px}
	.pbanner .pbanner_title p.e{ font-size:12px; }
	.pbanner .pbanner_title i{  height:2px; width:40px;  margin:5px  auto}
	
	
	.page_nav{ padding: 5%; overflow:hidden;}
	.page_nav .page_navli{ float:none; display:inline-block; padding:10px 20px; font-size:14px;}
	.page_nav .page_navlicur{ color:#fff; position:relative; background-color:#b72115; border-radius:3px;}
	.page_nav .page_navlicur:before {content: " "; display:none;}
	.page_nav span{ float:none; margin-top:18px; clear:both; display:block; font-size:12px}
	.page_nav span i{ margin:0 10px;  width:8px; height:8px; }

	
	.pagdiv{  margin-top:20px; height:30px}
	.pagdiv span{display: inline-block; margin: 0 10px;color:#333;font-size:14px}
	.pagdiv a{color:#333;}
	.pagdiv .paginator{  position:absolute; top:0; padding:2px 8px; margin-top:-3px}
	.pagdiv .prevpage{ left:0}
	.pagdiv .nextpage{ right:0}
}