@charset "utf-8";
@import url('fontface.css');
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body, html { height: 100%;margin: 0px; padding: 0px;  font-size:14px;font-family: 'MyriadPro-Regular';}
a img { border:none; text-decoration:none; outline:none;}
p {font-size: 15px;line-height: 22px; color:#636363; font-weight:300;}
.clear {clear: both;height: 0px;}
img {width:100%; height:auto; }
#wrapper_main {width: 100%; float:left; height:100%; }
.wrapper{width:90%; max-width:1080px; height:auto;  margin:0 auto; }

header {width: 100%; float:left; border-top:solid 12px #0066b3; }
header .wrapper { position:relative;}
header .right_img { width:66%; position:absolute; right:0px; top:0px; height:100%;}
header .right_img img { width:100%; height:100%; }
header .logo { float:left; max-width:300px; margin-top:20px; }
nav { float:left;  margin-top:15px; clear:left; border-bottom:solid 1px #FFF; position:relative; z-index:99999;}
nav ul li {float:left;}
nav ul li a{ float:left;  margin-left:3px; font-size:14px; font-weight:600; color:#8b0304; border:solid 1px #7bb142; 
text-decoration:none; padding:6px 8px; line-height:19px; -moz-transition: all 0.6s ease-in;   -webkit-transition: all 0.6s ease-in;    -o-transition: all 0.6s ease-in;    transition: all 0.6s ease-in;}
nav ul li a:hover{ color:#FFF; background-color:#7bb142; }
nav ul li a.active{color:#FFF; background-color:#7bb142; }

.banner {width: 100%; float:left;position:relative; overflow:hidden; }
.banner .wrapper {width:90%; max-width:1080px; height:auto; height:100%;  margin:0 auto; position:absolute; left:0px; right:0px; top:0px; z-index:9999; }
.banner .right_img { width:66%; height:100%; position:absolute; right:0px; bottom:0px; }
.banner .right_img img { width:100%; height:100%; }
.welcome {width: 100%; float:left;padding-bottom:20px; }
.welcome .txt { width:74%; float:left; margin-top:20px;}
.welcome h2 { color:#8b0304; font-size:18px; margin-bottom:15px;}
.welcome h2 img { max-width:460px; }
.welcome .rht_logo { width:20%; float:right; margin-top:20px; }

.sec_two {width: 100%; float:left; background-color:#0066b3; padding-top:40px; padding-bottom:40px;}
.sec_two .row { margin-left:-30px; margin-right:-30px;}
.sec_two .col3 { width:33.333333%; float:left; padding-left:30px; padding-right:30px;}
.sec_two .col3 img { border:solid 5px #FFF; }
.sec_two .col3 h3 { margin-top:14px; margin-bottom:5px; font-size:20px;color:#FFF;}
.sec_two .col3 p { font-size:13px;color:#FFF; line-height:18px;}
.sec_two .col3 a { background-color:#7bb142; color:#FFF; font-size:12px; text-decoration:none; padding:5px 10px; display:inline-block; margin-top:10px;}
.sec_two .bor { border-left:solid 1px #7db1d8;}

footer {width: 100%; float:left; padding-top:25px; padding-bottom:25px; background-color:#8b0304;}
footer .coppyright { float:left; color:#ffffff;font-size:12px;}
footer .footer_menu { float:right; color:#ffffff;font-size:12px;}
footer .footer_menu a {color:#ffffff; text-decoration:none; font-size:12px; margin-left:5px; margin-right:5px; }

.inner_content {width: 100%; float:left;}
.inner_content h2 { color:#8b0304; font-size:20px; margin-bottom:15px; margin-top:25px;}
.inner_content p { font-size:14px; color:#263435; line-height:20px; text-align:justify;}
.inner_content .right_title { text-align:right; color:#8b0304; font-size:18px;  margin-top:20px;}
.inner_content .right_title img { max-width:440px; }

.about .about_imgs {width: 100%; float:left; background-color:#f2ddd4; margin-top:60px; text-align:center; padding-top:40px; padding-bottom:40px;}
.about .about_imgs img { display:inline-block; width:36%; margin-left:15px; margin-right:15px;}

.products .hoz_line {width: 100%; float:left; height:3px; margin-top:70px; margin-bottom:40px; background-color:#8b0304;}
.products .products_area {width: 100%; float:left; }
.products .products_menu { width:25%; float:left; border-right:solid 2px #0066b3; padding-top:27px; padding-bottom:27px; margin-bottom:30px;}
.products .products_menu ul li { display:block; }
.products .products_menu ul li a { width:100%; float:left; padding:8px 5px 8px 15px; background-color:#0066b3; color:#FFF; text-decoration:none; font-size:16px; margin-bottom:5px;  -moz-transition: all 0.8s ease-in; 
  -webkit-transition: all 0.8s ease-in;    -o-transition: all 0.8s ease-in;    transition: all 0.8s ease-in;}
.products .products_menu ul li a.active { background-color:#8b0304; }
.products .products_menu ul li a:hover { background-color:#8b0304; }
.products .products_info { width:65%; float:left; margin-left:10%;padding-top:27px; padding-bottom:70px;}
.products .products_info h3 { color:#8b0304; font-size:25px; font-weight:bold; margin-bottom:20px; }
.products .products_info .img_blk img { width:auto; max-width:100%; margin-top:30px; }
.products .products_menu select { display:none;}
.news .hoz_line {width: 100%; float:left; height:3px; margin-top:20px;  background-color:#8b0304;}
.news .news_area {width: 100%; float:left; background-color:#f2ddd4; padding-bottom:30px; }
.news .news_box {width: 100%; float:left; padding:30px; margin-top:40px; background-color:#FFF;}
.news .news_box h3 { color:#8b0304; font-size:22px; font-weight:bold; margin-bottom:20px; }
.news .news_box p {font-size:14px; color:#263435; line-height:20px; text-align:justify;}
.news .news_box .news_img { width:100%; float:left; text-align:center;}
.news .news_box .news_img img { width:60%; margin-top:30px; margin-bottom:5px;}

.suppliers { padding-bottom:40px;}
.suppliers .wrapper { }
.suppliers h2 { margin-bottom:40px; }
.suppliers .row {padding-left:6%; padding-right:6%; margin-left:-15px; margin-right:-15px; margin-top:20px;}
.suppliers .col { width:50%; float:left; padding-left:15px; padding-right:15px; margin-bottom:35px; }
.suppliers .supp_bx { width:100%; float:left;border:solid 1px #c9c8c9; padding-bottom:1px;-webkit-box-shadow: 0px 0px 36px -2px rgba(66,66,66,1);-moz-box-shadow: 0px 0px 36px -2px rgba(66,66,66,1);box-shadow: 0px 0px 36px -2px rgba(66,66,66,1);}

.contact { padding-bottom:40px;}
.contact .contact_form { width:48%; float:left; margin-top:30px;}
.contact .contact_form .txtbox1, .txtbox2 { width:100%; float:left; height:30px;padding-left:15px; margin-bottom:20px; background-color:#fef2e3;}
.contact .contact_form .txtbox2 {width:100%; height:170px; padding-top:15px;}
.contact .contact_form .btn { background-color:#8b0304; padding:7px 15px; color:#FFF; font-size:14px; float:right; cursor:pointer; margin-top:10px;}

.contact .contact_form ::-webkit-input-placeholder { color: #000;}
.contact .contact_form :-moz-placeholder { /* Firefox 18- */ color: #000; }
.contact .contact_form ::-moz-placeholder {  /* Firefox 19+ */ color: #000; }
.contact .contact_form :-ms-input-placeholder {color: #000; }

.contact .contact_right {width:48%; float:right; margin-top:30px;}
.contact address { font-style:normal; font-size:17px; line-height:28px;}
.contact map { width:100%; margin-top:20px; float:left;}