@charset "utf-8";
/* CSS Document */

.content{ width:987px; margin:0 auto; margin-top:4px }
.container1 {width:987px; margin:0 auto; margin-top:4px }
.content1{ width:100%; float:left; margin:0; margin-top:4px }
.content p{ font-size:15px; color:#313330; line-height:26px; margin-bottom:20px}
.content p strong{ font-weight:600; font-family: 'Open Sans', sans-serif;}
.content p em{font-weight:400; font-family: 'Open Sans', sans-serif; font-style:italic}

.content ul, .content ol{ margin:0 0 20px 5px}
.content ul li, .content ol li{ color:#313330; font-size:14px;  font-family: 'Open Sans', sans-serif; font-weight:normal; padding:7px 0; background:url(../images/ul_bg.png) no-repeat left 13px; padding-left:15px}
.content ol{ margin:0 0 20px 3px}
.content ol li{ list-style:none; background:url(../images/ol_list.png) no-repeat left 10px; padding-left:25px}


/* images*/
.img_align_center{ margin:0 0 40px 0;}
.img_align_left{ float:left; margin:0 20px 0 0}
.img_align_right{ float:right; margin:0 0 0 20px}


h2{ color:#465da7; font-size:20px; font-family: 'Open Sans', sans-serif; font-weight:normal; font-weight:400; background:url(../images/heading_bg.jpg) repeat-x 10px; margin-bottom:25px}
h2 span{ background:#fff; padding-right:15px} 

h3{ color:#465da7; font-size:18px; font-family: 'Open Sans', sans-serif; font-weight:normal; font-weight:400; margin:15px 0px;}

.header { background:#f1f0ee;}
.header section{ margin:0 auto; width:987px; padding:14px 0}
.header h1{ float:left}
.header .right{ float:right}
.header article{ color:#22709c; font-style:italic; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-style:italic; border-bottom:1px solid #e8e6e7; padding:17px 0 8px 0; float:right}


.header nav{ margin-top:25px; position:relative; z-index:999999}
.header nav ul li{ float:left; position:relative}
.header nav ul li a{ font-family:Tahoma, Geneva, sans-serif; text-decoration:none; font-size:15px; color:#313330; padding:8px 20px}
.header nav a:hover, .header nav ul li.active a{ background:#3051a4; color:#fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.header nav ul li ul.sub-menu {display:none; position: absolute; top: 26px; left: 0; /*width:172px;*/width:276px; background:#3051a4}
.header nav ul li:hover ul.sub-menu {display:block;}
.header nav ul li:hover ul.sub-menu li{ float:none}
.header nav ul li ul.sub-menu a{ padding:10px 20px; display:block;  color:#fff}
.header nav ul li ul.sub-menu li a:hover{ border-radius:0; background:#be1010;} 

.header nav ul li:hover a{ background:#3051a4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color:#fff}


.banner{ text-align:center; background:#f4f5f6;  position:relative}
.banner p{ color:#22709c; font-size:22px; font-weight:normal; font-family: 'allerregular'; padding:15px 0} 

.slideshow img{ width:100%}

.menu_banner{ margin:0 auto; position:absolute; z-index:99999; width:100%; top:0}
.menu_banner article{ width:987px; margin:0 auto}
ul.banner_menu{ padding:0; text-align:left; float:right; margin:0; width:226px;}
ul.banner_menu li{ background:none; margin:0; padding:0}
ul.banner_menu li a{ display:block; font-size:15px; color:#fff; font-family: 'aller_lightregular'; font-weight:normal; text-decoration:none; background:#22709c; margin-bottom:3px; padding:15px 49px 14px 15px}
ul.banner_menu li.last a{ text-align:center; font-family:'bebasregular'; font-weight:normal; font-size:18px; background-color: #d51212; -webkit-box-shadow: inset 3px 4px 29px rgba(0,0,0,.42); -moz-box-shadow: inset 3px 4px 29px rgba(0,0,0,.42); box-shadow: inset 3px 4px 29px rgba(0,0,0,.42); padding:15px 32px 13px 15px}

ul.banner_menu li a:hover{ background:#343434;}

ul.banner_menu1{ padding:0; text-align:left; float:right; margin:0; width:226px;}
ul.banner_menu1 li{ background:none; margin:0; padding:0}
ul.banner_menu1 li a{ display:block; font-size:15px; color:#fff; font-family: 'aller_lightregular'; font-weight:normal; text-decoration:none; background:#22709c; margin-bottom:3px; padding: 15px 10px 14px 10px;}
ul.banner_menu1 li.last a{ text-align:center; font-family:'bebasregular'; font-weight:normal; font-size:18px; background-color: #d51212; -webkit-box-shadow: inset 3px 4px 29px rgba(0,0,0,.42); -moz-box-shadow: inset 3px 4px 29px rgba(0,0,0,.42); box-shadow: inset 3px 4px 29px rgba(0,0,0,.42); padding:15px 32px 13px 15px}

ul.banner_menu1 li a:hover{ background:#343434;}

.about_tcs{ float:left; width:520px; font-family: 'Open Sans', sans-serif; font-weight:normal; margin:44px 0 50px 0 }
.about_tcs img{ float:left; margin-right:5px}
.about_tcs p{font-size:12px; color:#6a6869; line-height:22px; margin:0}
.about_tcs a{ background:#22709c; color:#fff; font-size:13px; text-decoration:none; float:right; padding:6px 10px; margin-top:10px}
.about_tcs a:hover{ background:#343434;}

.top_selling{ width:435px; float:right; margin:44px 0 50px 0}
.top_selling section{ background:#f9f8f8; border:1px solid #eaeaea; padding-bottom:12px}
.top_selling .inner_top_seller{ float:left; width:131px; padding:12px 0 0 10px; position:relative; line-height:0}
.top_selling .inner_top_seller h3{ position:absolute; bottom:0; text-align:center; width:129px; font-family: 'aller_lightregular'; font-weight:normal; color:#1b1a1a; font-size:12px; background:url(../images/top_seller_heading.png) repeat; border:1px solid #eaeaea; line-height:normal; margin:0;}


.product_services{ margin:0px 0 20px 0}
.product_services section{ background:#f9f8f8; border:1px solid #eaeaea; padding-bottom:12px}
.product_services .inner_top_seller{ float:left; width:185px; padding:12px 0 0 10px; position:relative;  line-height:0; cursor:default;}
.product_services .inner_top_seller h3{ position:absolute; bottom:0; text-align:center; width:185px; font-family: 'aller_lightregular'; font-weight:normal; color:#1b1a1a; font-size:14px; background:url(../images/top_seller_heading.png) repeat; border:1px solid #fff; padding:5px 0;  line-height:normal; margin:0;}  

.footer{ float:left; width:100%; background:#2e3a56; padding:5px 0; color:#fff; font-family: 'Open Sans', sans-serif; font-weight:normal; font-size:12px}
.footer section{ width:987px; margin:0 auto }
.footer section article{ float:left; padding:6px 0 3px}
.footer section article + article + article{ float:right; }
.footer a{ color:#fff; text-decoration:none}

.social_footer{ margin-left:250px;}
.social_footer a{ background:url(../images/social_icons.png) no-repeat; width:22px; height:22px; font-size:0px; text-indent:-999px; float:left; margin-right:10px }
.social_footer a + a{ background-position:0px -22px}
.social_footer a + a + a{ background-position:0px -44px} 


.cycle-slideshow { width:100%; }
.cycle-slideshow img { position: absolute; top: 0; left: 0; width: 100%; padding: 0; display: block;}

.inner_banner img{ width:100%}
.inner_banner h3{ color:#fff; font-size:20px; font-family:Tahoma, Geneva, sans-serif; background:#22709c; padding:14px 16px; text-align:left; float:left; font-weight:normal; margin-top:138px; min-width:193px }

.breadcrumbs{ width:987px; margin:0 auto; text-align:left; padding:15px 0; font-family:Tahoma, Geneva, sans-serif; font-size:15px; font-weight:normal; color:#313330;}
.breadcrumbs a{ color:#313330; text-decoration:none; background:url(../images/breadcrumbs_arrow.png) no-repeat right; padding-right:15px; margin-right:10px }

.left_aside{ float:left; width:230px}
.left_aside .banner_menu{ float:left}

.left_content{ float:left; width:720px; margin:20px 0 0 35px}

form-inner1 {width: 48%;float: left;margin-left: 2%;}
form-inner-full {width: 100%;float: left;}
.form-inp { width: 96%;	background: #fafafa; border: 1px solid #e3e3e3;	color: #808080;	padding: 7px 2%; display: block; font-size: 14px; margin: 10px 0 10px;}
.form-btn {	border: none; color: #ffffff; text-transform: uppercase; font-weight: bold;	margin: 10px 0px 10px 0px; font-size: 14px;	padding: 11px 20px; float: right;cursor: pointer;
	background-color: #3051a4;}
.form-btn:hover {background-color: #808080;}
.heading-contact {font-size: 20px;line-height: normal;margin-bottom: 30px;border-left: 4px solid #018ab6;padding-left: 10px;color: #112f41;}
.contact-form {width:70%;}
.ser-box { float:left; width:50%;}
.clr{ clear:both;}
.contact-info {padding:5px 0px;border-top: 1px solid #ededed;width: 100%;display: block;clear: both;color: #333334;float: left;margin: 0px;}
.add-icon {float: left;	width: 29px;margin-top: 5px;}
.contact-info span { line-height:20px;}
.cp-table td{ padding:10px;}

.info-div{ width:70%}
.locate{ width:100%}
.info-div h3{ text-align:left}
.info-div p{clear:none; margin-bottom:0px}
.info-div a{ color:#22709c; text-decoration:none}



.contact_us input[type="text"]{ border:1px solid #22709c; padding:7px 10px; width:250px}
.contact_us textarea{ border:1px solid #22709c; padding:7px 10px; width:500px; height:150px}
.content ul.pop-pro  { float:left; margin:15px 0px 15px 0px; padding:0px; background: #f9f8f8; border: 1px solid #eaeaea; }
.content ul.pop-pro li { float:left; margin:0px; padding:7px; background:none;}
#html5-watermark { display:none !important;}