/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
@import url(../css/normalize.css);
@import url(../css/main.css);

@media screen and (max-width:1100px){

	body{width:1200px;}
}

html,
button,
input,
select,
textarea {
  font-family: arial, sans-serif;
  color: #2a2e39;
}

html,body,h1, h2, h3, h4, h5, h6, p,dd,dl {
  margin: 0;
  padding:0;
}
a{outline:none;}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
button{cursor:pointer;border:none;}

.fix, .container, .modal_box .form .field {
  *zoom: 1;
}

.fix:after, .container:after, .modal_box .form .field:after {
  display: block;
  content: "clear";
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
  outline:none;
}

.clear {
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
}

.l {
  float: left;
}

.r {
  float: right;
}

.auto, .container, .modal_box.log .form_log .field {
  margin-left: auto;
  margin-right: auto;
}

.dn {
  display: none;
}

.tc {
  text-align: center;
}

.tr {
  text-align: right;
}

.tl {
  text-align: left;
}

.btn.small, .pro_list .pagi ul li.small, .page_header .topbar, .page_header .topbar a, .promotion ul.pro li .text p, .page_footer .page_link ul li a, .page_result table tbody tr td, .page_result .input_area .field label, .modal_box .form .field label, .modal_box.reg p {
  font-size: 12px;
  outline:none;
}

.btn.md, .pro_list .pagi ul li.md, .btn.md_1, .pro_list .pagi ul li.md_1, .page_footer .bt_info h6, .page_footer .bt_info p, .page_result .tips p, .page_result table thead th, .pro_list ul li .main .text .tit .btn, .pro_list .pagi ul li .main .text .tit li, .pro_list ul li .main .text p, .pro_list .pagi ul li a, .multi_search .turn_off article ul li, .modal_box.inquiry p {
  font-size: 14px;
}

.page_header .nav_area nav ul li, .page_header .nav_area nav ul li a, .about_area .box .btn_area a {
  font-size: 16px;
  outline:none;
}

.text_blue {
  color: #00aeff;
}

.btn, .pro_list .pagi ul li {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #ffffff;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.btn:hover, .pro_list .pagi ul li:hover {
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  outline:none;
}
.btn:hover, .pro_list .pagi ul li:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  outline:none;
}
.btn.large, .pro_list .pagi ul li.large {
  padding: 12px   30px;
  font-weight: bold;
}
.btn.small, .pro_list .pagi ul li.small {
  padding: 3px 5px;
  -moz-box-shadow: 0px 0px 5px #333333;
  -webkit-box-shadow: 0px 0px 5px #333333;
  box-shadow: 0px 0px 5px #333333;
}
.btn.md, .pro_list .pagi ul li.md {
  -moz-box-shadow: 0px 0px 5px #333333;
  -webkit-box-shadow: 0px 0px 5px #333333;
  box-shadow: 0px 0px 5px #333333;
  padding: 8px 10px;
}
.btn.md_1, .pro_list .pagi ul li.md_1 {
  border: none;
  padding: 8px 10px;
}

.btn_blue {
  background: #00aeff;
  color: #ffffff;
}

.btn_gray {
  background: #d8d8d8;
  color: #333;
}

.btn_yellow {
  background: #e78e00;
}

.btn_gray_2 {
  background: #818181;
  color: #fff;
}

.icons-sprite, .icons-i1_02, .icons-i1_04, .icons-i1_06, .icons-i1_08, .icons-i1_11, .icons-i1_22, .icons-i1_26, .icons-i1_37, .icons-i1_40, .icons-i1_42, .icons-i1_70, .icons-i1_73, .icons-i2_05, .icons-i2_051, .icons-i3_03, .icons-i3_06, .icons-n1_10, .icons-n2_10, .icons-n2_11, .icons-n3_14, .icons-n3_15, .icons-s1_03, .teaser .prev, .teaser .next, .teaser ul.dot li a, .teaser ul.dot li a.active, .teaser ul.dot li a:hover, .promotion ul.dot li a, .promotion ul.dot li a.active, .promotion ul.dot li a:hover, .featured .prev, .featured .next {
  background-image: url('../images/icons-s353664ef4e.png');
  background-repeat: no-repeat;
  outline:none;
}

.icons-i1_02 {
  background-position: 0 0;
  height: 30px;
  width: 33px;
}

.icons-i1_04 {
  background-position: 0 -50px;
  height: 30px;
  width: 37px;
}

.icons-i1_06 {
  background-position: 0 -100px;
  height: 30px;
  width: 34px;
}

.icons-i1_08 {
  background-position: 0 -150px;
  height: 30px;
  width: 25px;
}

.icons-i1_11 {
  background-position: 0 -200px;
  height: 6px;
  width: 10px;
}

.icons-i1_22 {
  background-position: 0 -226px;
  height: 24px;
  width: 23px;
}

.icons-i1_26 {
  background-position: 0 -270px;
  height: 24px;
  width: 23px;
}

.icons-i1_37 {
  background-position: 0 -314px;
  height: 96px;
  width: 96px;
}

.icons-i1_40 {
  background-position: 0 -430px;
  height: 96px;
  width: 97px;
}

.icons-i1_42 {
  background-position: 0 -546px;
  height: 96px;
  width: 96px;
}

.icons-i1_70 {
  background-position: 0 -662px;
  height: 11px;
  width: 46px;
}

.icons-i1_73 {
  background-position: 0 -693px;
  height: 7px;
  width: 30px;
}

.icons-i2_05 {
  background-position: 0 -720px;
  height: 60px;
  width: 60px;
}
.icons-i2_05:hover, .icons-i2_05.i2_05-hover {
  background-position: 0 -960px;
  outline:none;
}

.icons-i2_051 {
  background-position: 0 -800px;
  height: 60px;
  width: 60px;
}
.icons-i2_051:hover, .icons-i2_051.i2_051-hover {
  background-position: 0 -880px;
  outline:none;
}

.icons-i3_03 {
  background-position: 0 -1040px;
  height: 18px;
  width: 19px;
}

.icons-i3_06 {
  background-position: 0 -1078px;
  height: 17px;
  width: 14px;
}

.icons-n1_10 {
  background-position: 0 -1115px;
  height: 12px;
  width: 13px;
}

.icons-n2_10 {
  background-position: 0 -1147px;
  height: 55px;
  width: 26px;
}

.icons-n2_11 {
  background-position: 0 -1222px;
  height: 55px;
  width: 26px;
}

.icons-n3_14 {
  background-position: 0 -1297px;
  height: 7px;
  width: 30px;
}

.icons-n3_15 {
  background-position: 0 -1324px;
  height: 11px;
  width: 46px;
}

.icons-s1_03 {
  background-position: 0 -1355px;
  height: 24px;
  width: 23px;
}

.container {
  width: 1088px;
}

a {
  cursor: pointer;
  text-decoration: none;
  outline:none;
}
 
*[class^="icons-"] {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

.page_header .topbar {
  height: 33px;
  line-height: 33px;
  display: block;
  background: #50525a;
  color: #ffffff;
}
.page_header .topbar .container {
  position: relative;
}
.page_header .topbar a {
  color: #ffffff;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  outline:none;
}
.page_header .topbar a:hover {
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  outline:none;
}
.page_header .topbar a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  outline:none;
}
.page_header .topbar .contact span {
  padding-right: 10px;
}
.page_header .topbar .log a {
  padding: 0 2px;
  outline:none;
}

.page_header .topbar .log span {
  padding: 0 2px;
}
.page_header .nav_area h1 {
  width: 283px;
  height: 100px;
  display: block;
}
.page_header .nav_area h1 a {
  background: url(../images/i1_15.jpg) 0 0 no-repeat;
  background-size: cover;
  width: 283px;
  height: 100px;
  display: block;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  outline:none;
}
.page_header .nav_area nav ul {
padding:35px  0;
  display: block;
  padding-right: 20px;
}
.page_header .nav_area nav ul li {
  color: #626262;
  display: block;
  float: left;
  width:115px;
   height:30px;line-height:30px;
  }
.page_header .nav_area nav ul li>a {
  color: #626262;
	display:block;
  -webkit-transition: color 0.7s;
  -moz-transition: color 0.7s;
  -ms-transition: color 0.7s;
  -o-transition: color 0.7s;
  transition: color 0.7s;
  text-transform:uppercase;
  font-size:14px;
  height:30px;line-height:30px;
  text-align:center;
  background:url(../images/navr.jpg) no-repeat right;
  padding-right:2px;
  outline:none;
}
.page_header .nav_area .li_3{position:relative}
.page_header .nav_area .li_3_content{width: 145px;background:url(../images/navbd.png);overflow: hidden;position: absolute;z-index: 10;display:none;box-shadow: 0 0 5px #31333e;border-radius: 5px;left:-17px;}
.page_header .nav_area .li_3_content a{width: 145px;height: 30px;display: block;text-align: center;line-height: 30px;font-size:12px;text-transform:Capitalize ;outline:none;}
.page_header .nav_area .li_3_content a{color:#fff;display: block;width: 145px;height: 30px;text-align: center;line-height: 30px;}
.page_header .nav_area .li_3_content a:hover{background:#00aeff;color: #fff;}
.page_header .nav_area .contactus{
	width:300px;height:160px;overflow:hidden;border-radius:5px;position:absolute;left:-215px;box-shadow:#ddd 0px 0px 8px;border:1px solid #ddd;text-align:left;padding:10px;
	background: #fff;
}
.page_header .nav_area .contactus dt{border-bottom:3px solid #00aeff;height:30px;line-height:30px;margin-bottom:10px;font-size:16px;}
.page_header .nav_area .contactus dd  {font-size:14px;}
.page_header .nav_area .contactus dd a{display:inline;outline:none;}
.page_header .nav_area .contactus dd a:hover{background: none;color: #ff5a00;outline:none;}
.page_header .nav_area  .noright a{background:none;outline:none;}
.page_header .nav_area .contactus dd .orange{color:#ff5a00}

.page_header .nav_area nav ul li a:hover {
  -webkit-transition: color 0.7s;
  -moz-transition: color 0.7s;
  -ms-transition: color 0.7s;
  -o-transition: color 0.7s;
  transition: color 0.7s;
  outline:none;
}
.page_header .nav_area nav ul li a.active, .page_header .nav_area nav ul li a:hover {
  color: #00aeff;
  outline:none;
}
.page_header .search_area {
  background: #31333e;
  height: 70px;
}
.page_header .search_area .container {
  position: relative;
}
.page_header .search_area .item_1 {
  width: 455px;
  height: 38px;
  display: block;
  background: #f1f3f6;
  margin-top: 16px;
  margin-left: 10px;
}
.page_header .search_area .item_1 input {
  padding: 5px 10px;
  width: 380px;
  border: none;
  background: none;
  height: 30px;
  line-height: 30px;
  display: block;
}

.page_header .search_area .item_1 .searcha {
 background-image: url('../images/icons-s353664ef4e.png');
	background-repeat: no-repeat;
	background-position: 0 -226px;
	outline:none;
}

.page_header .search_area .item_1 .searcha {
  margin-right: 10px;
  margin-top: 7px;
  width:23px;
  height:24px;
}
.page_header .search_area .item_2 {
  margin-top: 0;
  padding-top: 12px;
}
.page_header .search_area .item_2 .text {
  padding: 1px 10px;
  margin-top: 0;
}
.page_header .search_area .item_2 .text p {
  line-height: 23px;
  color: #ffffff;
  font-size: 14px;
  -moz-box-shadow: 0px 0px 5px #333333;
  -webkit-box-shadow: 0px 0px 5px #333333;
  box-shadow: 0px 0px 5px #333333;
}

.teaser {
   width:100%;
  height: 500px;
}
.teaser .container {
  position: relative;
  height: 500px;
}
.teaser .btn_page {
  position: absolute;
  top: 230px;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.teaser .btn_page:hover {
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  outline:none;
}
.teaser .btn_page:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  outline:none;
}
.teaser .prev {
  left: 0;
  background-position: 0 -800px;
  height: 60px;
  width: 60px;
}
.teaser .prev:hover, .teaser .prev.i2_051-hover {
  background-position: 0 -880px;
  outline:none;
}
.teaser .next {
  right: 0;
  background-position: 0 -720px;
  height: 60px;
  width: 60px;
}
.teaser .next:hover, .teaser .next.i2_05-hover {
  background-position: 0 -960px;
  outline:none;
}
.teaser ul.dot {
  position: absolute;
  width: 100%;
  height: 20px;
  bottom: 20px;
  left: 0;
  padding-top: 20px;
  text-align: center;
}
.teaser ul.dot li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.teaser ul.dot li a {
  display: block;
  background-position: 0 -1297px;
  height: 7px;
  width: 30px;
  outline:none;
}
.teaser ul.dot li a.active, .teaser ul.dot li a:hover {
  background-position: 0 -1324px;
  height: 11px;
  width: 46px;
  outline:none;
}

.about_area {
  background: #ffffff;
  padding: 30px  0;
}
.about_area .box {
  float: left;
  width: 33%;
  text-align: center;
}
.about_area .box a.icons-i1_37,.about_area .box .icons-i1_40 ,.about_area .box .icons-i1_42 {  cursor:default;}
.about_area .box h3 {
  font-weight: normal;
  margin-bottom: 20px;
  color: #626262;
  font-size: 26px;
}
.about_area .box p {
  line-height: 26px;
  padding: 20px;
}
.about_area .box p a {
  color: #0066cc;
  outline:none;

}
.about_area .box .btn_area a {
  color: #00aeff;
  outline:none;
}

.promotion {
  background: #e2e7ed;
  padding: 30px;
}
.promotion h3 {
  font-weight: normal;
  font-size: 30px;
  color: #626262;
  margin-bottom: 20px;
}
.promotion ul.pro li {
  float: left;
  width: 25%;
  height:364px;
}
.promotion ul.pro li .pic {
  height:228px;
  overflow: hidden;
}
.promotion ul.pro li .pic img {
  width: 100%;
}
.promotion ul.pro li .text {
  background: url(../images/probg.png);
  text-align: center;
  height:136px
}
.promotion ul.pro li .text img {
  margin: 10px 0;
  width:135px;
  height:50px;
}
.promotion ul.pro li .text p {
  padding: 20px;
  height: 32px;
  line-height: 16px;
  color: #ffffff;
  text-align: left;
  font-size:14px;
}
.promotion ul.pro li:first-of-type {
  background: #51bbbb;
}
.promotion ul.pro li:nth-of-type(2) {
  background: #00aeff;
}
.promotion ul.pro li:nth-of-type(3) {
  background: #f7f7f7;
}
.promotion ul.pro li:last-of-type {
  background: #90b765;
}
.promotion ul.dot {
  padding-top: 20px;
  text-align: center;
}
.promotion ul.dot li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.promotion ul.dot li a {
  display: block;
  background-position: 0 -693px;
  height: 7px;
  width: 30px;
  outline:none;
}
.promotion ul.dot li a.active, .promotion ul.dot li a:hover {
  background-position: 0 -662px;
  height: 11px;
  outline:none;

}

.featured {
  background: #ffffff;
  padding: 30px;
}
.featured .container {
  position: relative;
}
.featured h3 {
  font-weight: normal;
  font-size: 30px;
  color: #626262;
  margin-bottom: 20px;
}
.featured .btn_page {
  position: absolute;
  top: 60px;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.featured .btn_page:hover {
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  outline:none;
}
.featured .btn_page:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  outline:none;
}
.featured .prev {
  left: 0;
  background-position: 0 -1147px;
  height: 55px;
  width: 26px;
}
.featured .next {
  right: 0;
  background-position: 0 -1222px;
  height: 55px;
  width: 26px;
}
.featured ul {
  padding: 0 0px;
}
.featured ul li {
  display: inline;
  padding: 0 30px;
}
.featured .btn_area a {
  text-decoration: underline;
  color: #00aeff;
  outline:none;
}

.page_footer {
  background: #31333e;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 100%;
}
.page_footer .page_link .box {
  padding: 10px;
  color: #ffffff;
  width: 20%;
}
.page_footer .page_link .box a {
  color: #ffffff;
  font-size: 14px;
  outline:none;
}
.page_footer .page_link .box a:hover{text-decoration:underline;}
.page_footer .page_link .box:last-of-type {
  width: 30%;
}
.page_footer .page_link header h3 {
  border-bottom: 1px dotted #585b67;
  font-size: 18px;
  font-weight: normal;
  height: 30px;
  line-height: 30px;
  display: block;
  text-transform:uppercase
}
.page_footer .page_link ul {
  padding-top: 20px;
}
.page_footer .page_link ul li {
  height: 26px;
  line-height: 26px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 14px;
}
.page_footer .page_link .fix, .page_footer .page_link .container, .page_footer .page_link .modal_box .form .field, .modal_box .form .page_footer .page_link .field {
  margin-top: 10px;
  margin-bottom: 10px;
}
.page_footer .page_link input {
  border: 1px solid #31333e;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: inset 1px 2px 3px #b2b2b2;
  -webkit-box-shadow: inset 1px 2px 3px #b2b2b2;
  box-shadow: inset 1px 2px 3px #b2b2b2;
  padding: 5px;
  height: 20px;
  line-height: 20px;
  display: block;
  width: 147px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size:14px;
}
.page_footer .page_link textarea {
  width: 304px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: inset 1px 2px 3px #b2b2b2;
  -webkit-box-shadow: inset 1px 2px 3px #b2b2b2;
  box-shadow: inset 1px 2px 3px #b2b2b2;
  margin-bottom: 10px;
}
.page_footer .links_area {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 20px;
  background: #50525a;
}
.page_footer .links_area ul li {
  display: inline;
  padding: 0 10px;
}
.page_footer .bt_info {
  color: #999;
  padding-top: 10px;
}
.page_footer .bt_info h6 {
  margin-bottom: 5px;
  font-weight: normal;
}

.sub_header {
  background: url(../images/n2_02.jpg) center 0 no-repeat;
  height: 89px;
  padding-top: 100px;
}
.sub_header h2 {
  font-size: 36px;
  color: #ffffff;
  background: #ffcc00;
  padding: 1px ;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 8px;
  margin-right: 10px;
  text-align:center;
  height: 48px;
  width: 48px;
  line-height: 48px;
  display: block;
}
.sub_header h3 {
  height: 48px;
  line-height: 48px;
  display: block;
  color: #ffffff;
  font-weight: normal;
  font-size: 34px;
}
.sub_header ul {
  margin-left: 20px;
  margin-top: 16px;
  display: inline;
}
.sub_header ul li {
  display: inline;
  padding: 0 10px;
}
.sub_header ul li:hover a, .sub_header ul li.active a {
  border-bottom: 3px solid #00aeff;
  outline:none;
}
.sub_header ul li a {
  color: #ffffff;
  outline:none;
}

.page_result {
  margin: 20px 0;
}
.page_result .tips {
  margin-bottom: 20px;
  text-align: center;
  background: #00aeff;
  color: #ffffff;
  -moz-box-shadow: 0px 0px 5px #333333;
  -webkit-box-shadow: 0px 0px 5px #333333;
  box-shadow: 0px 0px 5px #333333;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 20px;
}
.page_result .tips p {
  line-height: 22px;
}
.page_result .tips p a {
  color: #f6ff00;
  outline:none;
}
.page_result table {
  width: 100%;
}
.page_result table thead {
  line-height: 36px;
  background: #31333e;
  border-bottom: 2px solid #00aeff;
  color: #ffffff;
}
.page_result table thead th {
  font-weight: normal;
  padding: 0 10px;
}
.page_result table tbody tr td {
  border: 1px solid #ddd;
  text-align: center;
  line-height: 36px;
  
}
.page_result table tbody tr td input {
  border: 1px solid #dddddd;
  line-height: 22px;
 height: 22px;
  text-align:center;
}
.page_result table tbody tr:nth-of-type(odd) {
  background: #f7f7f7;
}
.page_result .input_area {
  margin: 20px 0;
}
.page_result .input_area .field {
  margin-right: 20px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.page_result .input_area .field input {
  border: 1px solid #dddddd;
  line-height: 22px;
  height: 22px;
}
.page_result .input_area .field span {
  padding-left: 5px;
  color: #c10a0a;
}

.pro_list ul {
  padding-top: 20px;
}
.pro_list ul li {
  margin-bottom: 20px;
}
.pro_list ul li .logo {
  width: 186px;
  height: 155px;
  line-height: 155px;
  display: block;
}
.pro_list ul li .main {
  width: 892px;
  padding: 5px;
  background: #f5f5f5;
}
.pro_list ul li .main .pic {
  margin-right: 20px;
}
.pro_list ul li .main .pic img {
  width: 199px;
}
.pro_list ul li .main .text {
  width: 673px;
}
.pro_list ul li .main .text .tit {
  padding: 10px 0;
  border-bottom: 1px dotted #333333;
  margin-bottom: 10px;
}
.pro_list ul li .main .text .tit h3  {
  font-size: 20px;
  color: #333;
  font-weight: normal;
}
.pro_list ul li .main .text .tit .btn, .pro_list .pagi ul li .main .text .tit li {
  background: #ff9a00;
  color: #ffffff;
  padding: 3px 10px;
}
.pro_list ul li .main .text p {
  line-height: 26px;
}
.pro_list ul li .main .text p a {
  color: #00aeff;
  outline:none;
}
.pro_list .pagi {
  margin-bottom: 20px;
}
.pro_list .pagi ul {
  text-align: center;
}
.pro_list .pagi ul li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: #e9e9e9;
  padding: 4px 10px;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -ms-transition: background 0.5s;
  -o-transition: background 0.5s;
  transition: background 0.5s;
}
.pro_list .pagi ul li:hover {
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -ms-transition: background 0.5s;
  -o-transition: background 0.5s;
  transition: background 0.5s;
  outline:none;
}
.pro_list .pagi ul li a {
  color: #333;
  outline:none;
}
.pro_list .pagi ul li.active, .pro_list .pagi ul li:hover {
  background: #ff6507;
  outline:none;
}
.pro_list .pagi ul li.active a, .pro_list .pagi ul li:hover a {
  color: #ffffff;
  outline:none;
}

.multi_search {
  position: absolute;
  z-index: 998;
  left: 10px;
  top: 70px;
}
.multi_search .turn_off {
  display: none;
  -moz-box-shadow: 0px 0px 5px #333333;
  -webkit-box-shadow: 0px 0px 5px #333333;
  box-shadow: 0px 0px 5px #333333;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
  overflow: hidden;
  background: #fff;
}
.multi_search .turn_off header {
  cursor: pointer;
  margin: 0 20px;
  padding-top: 20px;
  padding-bottom: 5px;
  border-bottom: 2px solid #31333e;
}
.multi_search .turn_off article {
  padding: 20px;
  padding-top: 10px;
}
.multi_search .turn_off article ul {
  border: 1px solid #999999;
  padding: 10px 0;
  height: 200px;
  overflow-y: scroll;
}
.multi_search .turn_off article ul li {
  padding: 5px 10px;
  color: #999;
  cursor: pointer;
}
.multi_search .turn_off article ul li:hover {
  background: #f8f8f8;
  outline:none;
}
.multi_search .turn_off p {
  padding-top: 20px;
}
.multi_search .turn_off .btn_area {
  background: #31333e;
  padding: 20px;
}
.multi_search .turn_on {
  -moz-box-shadow: 0px 0px 5px #333333;
  -webkit-box-shadow: 0px 0px 5px #333333;
  box-shadow: 0px 0px 5px #333333;
  width: 228px;
  height: 36px;
  display: block;
  text-align: center;
  line-height: 36px;
  background: #ffffff;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
  cursor: pointer;
}

.modal_box {
  display: none;
  background: #ffffff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0px 0px 5px #333333;
  -webkit-box-shadow: 0px 0px 5px #333333;
  box-shadow: 0px 0px 5px #333333;
  padding: 20px;
}
.modal_box header {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 2px solid #00aeff;
}
.modal_box header h3 {
  font-size: 24px;
  font-weight: normal;
  color: #333;
}
.modal_box footer {
  margin-top: 20px;
}
.modal_box .form .field {
  margin-bottom: 6px;
  line-height: 30px;

}
.modal_box .form .field label {
  color: #333;
  float: left;
  width: 120px;
}
.modal_box .form .field input {
  line-height: 26px;
  height: 26px;
  width: 163px;
  float: left;
  border: 1px solid #dddddd;
  padding:0 8px;
  font-size:14px;
}
.modal_box .form .field span {
  color: #dc0000;
  padding-left: 5px;
}
.modal_box .form .field textarea {
  border: 1px solid #dddddd;
}
.modal_box.inquiry {
  position: absolute;
  z-index: 998;
  right: 10px;
  top: 70px;
  width: 320px;
}
.modal_box.inquiry p {
  margin-bottom: 5px;
}
.modal_box.inquiry textarea {
  width: 300px;
}
.modal_box.reg {
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 998;
  width: 320px;
}
.modal_box.reg p {
  margin: 10px 0;
  font-style: italic;
  color: #666666;
  line-height: 18px;
}
.modal_box.log {
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 998;
  width: 320px;
}



.modal_box.log header a {
  color: #333;
  outline:none;
}
.modal_box.log .form_log {
  margin-bottom: 10px;
}
.modal_box.log .form_log .field {
  margin-bottom: 5px;
  border: 1px solid #dcddde;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 300px;
  height: 46px;
  display: block;
  line-height: 46px;
}
.modal_box.log .form_log .field .pic {
  height: 46px;
  line-height: 46px;
  display: block;
  background: #dcddde;
  width: 46px;
  text-align: center;
}
.modal_box.log .form_log .field input {
  padding: 5px 10px;
  line-height: 36px;
  height: 36px;
  width: 225px;
  border: none;
}
.modal_box.log .form_log .field.active {
  border: 1px solid #00aeff;
}
.modal_box.log .form_log .field.active .pic {
  background: #00aeff;
}
.modal_box.log p {
  padding-left: 15px;
  color: #333;
  line-height: 22px;
}
.modal_box.log p input {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-right: 5px;
}
.modal_box.log p a {
  color: #3369d6;
  padding-left: 20px;
  outline:none;
}

.modal_box.psw {
position: absolute;
right: 0;
top: 30px;
z-index: 998;
width: 320px;
}

.modal_box.psw header a {
  color: #333;
  outline:none;
}
.modal_box.psw .form_log {
  margin-bottom: 10px;
}
.modal_box.psw .form_log .field {
  margin-bottom: 5px;
  border: 1px solid #dcddde;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 300px;
  height: 46px;
  display: block;
  line-height: 46px;
}
.modal_box.psw .form_log .field .pic {
  height: 46px;
  line-height: 46px;
  display: block;
  background: #dcddde;
  width: 46px;
  text-align: center;
}
.modal_box.psw .form_log .field input {
  padding: 5px 10px;
  line-height: 36px;
  height: 36px;
  width: 225px;
  border: none;
}
.modal_box.psw .form_log .field.active {
  border: 1px solid #00aeff;
}
.modal_box.psw .form_log .field.active .pic {
  background: #00aeff;
}
.modal_box.psw p {
  padding-left: 15px;
  color: #333;
  line-height: 22px;
}
.modal_box.psw p input {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-right: 5px;
}
.modal_box.psw p a {
  color: #3369d6;
  padding-left: 20px;
  outline:none;
}

.red{color:red}
.feedback{margin:30px 0;font-size:14px;}
.padding20{padding:20px 0;}
.tablefeedback{margin:20px 0;}
.tablefeedback tr{height:50px;}
.tablefeedback input.inputtxt{height:32px;line-height:32px;width:450px;border:1px solid #ddd;padding:0 6px;}
.tablefeedback select{height:32px;line-height:32px;width:462px;border:1px solid #ddd;padding:0 6px;}
.Feedbackbtn{background:url('../images/Feedbackbtn.jpg') no-repeat center;border:none;width:88px;height:33px;line-height:33px;font-size:16px;color:#fff;cursor:pointer;}


.hotspro {
  margin: 20px 0;
}
.hotspro .offers{text-align:center;padding:15px;background:#31333e;color:#fff;text-transform:uppercase;font-size:20px;}
 
.hotspro .tips p {
  line-height: 22px;
}
.hotspro .tips p a {
  color: #f6ff00;
  outline:none;
}
.hotspro table {
  width: 100%;
}
.hotspro table thead {
  line-height: 30px;
  height: 30px;
  background: #00aeff;
 
  color: #ffffff;
}
.hotspro table thead th {
  font-weight: normal;
   border: 1px solid #ddd;
   border-top:none;
  padding: 0 5px;

  font-size:14px;
}
.hotspro table tbody tr td {
  border: 1px solid #ddd;
  text-align: center;
  line-height: 36px;
 
  font-size:14px;
}
.hotspro table tbody tr td input {
  border: 1px solid #dddddd;
  line-height: 22px;
  height: 22px;
}
.hotspro table tbody tr:nth-of-type(odd) {
  background: #f7f7f7;
}
.hotspro .input_area {
  margin: 20px 0;
}
.hotspro .input_area .field {
  margin-right: 20px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.hotspro .input_area .field input {
  border: 1px solid #dddddd;
  line-height: 22px;
  height: 22px;
  font-size: 14px;
}
.hotspro .input_area .field span {
  padding-left: 5px;
  color: #c10a0a;
}

.linecard{margin:30px 0;}
.linecard .container dl dd{width:508px;float:left;margin-right:65px;margin-bottom:35px}
 
.linecard .linetit{font-size:14px; color:#333333;  height:30px; line-height:30px;background:#50525a;color:#fff;padding:0 10px;}
.linecard .linetit .r li{ cursor:pointer; text-indent:-99999px; float:left;width:30px;background:#373944;height:8px; margin-left:7px;}
.linecard .linetit .r li.current{ background:#fff;width:30px;height:8px;}
.linetag{margin-top:12px}
.linecont{width:508px;}
.linecont li{width:168px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;float:left;-webkit-box-shadow: #ddd 0px 0px 5px;-moz-box-shadow: #ddd 0px 0px 5px;box-shadow: #ddd 0px 1px 5px;}
.linecont .borderli{border-left:1px solid #ddd;text-align:center;}
.linecard .container .nomarginr{margin-right:0;}


/*banner*/
.banner {width:100%;height:380px;position:relative;overflow:hidden;}

.DB_bgSet{position:relative;left:50%;margin-left:-960px;}
.DB_bgSet li{position:absolute;width:100%;height:380px;display:none}

.DB_imgSet{position:absolute;width:1000px;left:50%;margin-left:-500px;}

.DB_menuWrap{position:absolute;width:1180px;left:50%;margin-left:-593px;}
.DB_menuSet ul{text-align:center;width:200px;margin:0 auto;}
.DB_menuSet{position:absolute;width:100%;top:450px;text-align:center;font-size:0;}
.DB_menuSet li{cursor:pointer;margin:0 3px;width:30px;height:8px;background:#666;float:left;margin:0 6px;}
.DB_menuSet li.select{background:#fff;}
.DB_prev,.DB_next{width:60px;height:60px;}
.DB_prev a,.DB_next a{display:block;height:60px;width:60px;outline:none;}
.DB_prev a{background:url(../images/a_dec.png) 0 0 no-repeat;}
 
.DB_next a{background:url(../images/a_dec.png) -60px -60px no-repeat;outline:none;}
 
.DB_prev{position:absolute;left:0%;top:160px;cursor:pointer;}
.DB_next{position:absolute;right:0%;top:160px;cursor:pointer;}


.disableds{display:none;}
#marquee4{width:980px;height:80px;overflow:hidden;float:left;margin: 0 25px;}
#marquee4 ul li{float:left;width:185px;padding:5px;text-align:center;}
#marquee4 ul li img{display:block;}
#marquee4 ul li a{cursor: default;}

.featuredprev{display:block;background-position: 0 -1147px;height: 55px;width: 26px;float:left;background-image: url('../images/icons-s353664ef4e.png');background-repeat: no-repeat;}
.featurednext{display:block;background-position: 0 -1222px;height: 55px;width: 26px;float:right;background-image: url('../images/icons-s353664ef4e.png');background-repeat: no-repeat;}

.newstop {width:100%;min-height:200px;background:url(../images/newsbg.jpg) no-repeat right center;}
.newstop h3{color:#009be3;font-size:28px;font-weight:normal;margin-bottom:20px;}
.newsdes{line-height:26px;padding-right:380px;}
.orange{color:#ed8600;}
.blue{color:#009be3;}

.newslist{margin:20px 0; }
.newslist li{min-height:120px;padding:10px 12px;}
.newslist li dt{height:30px;line-height:30px;text-decoration:underline}
.newslist li dt a{color:#444;outline:none;}
.newslist li dt a:hover{color:#009be3;outline:none;}
.newslist li dl dd{line-height:26px;}
.newslist li:nth-of-type(odd){background: #f7f7f7;}
.newslist .foldContent{margin:10px;border:1px dotted #999;padding:10px;line-height:180%;}
.backtop{text-align:right;font-size:14px;margin-top:15px;color:#009be3;cursor:pointer;}


.pro_list .foldContent{margin:10px 0;border:1px dotted #999;padding:10px;line-height:180%;font-size:14px;}


.relative{position:relative;}

/*头部语言*/
.t-Language-List {
	position: absolute;
	right: 0px;
	border-radius: 3px;
	z-index: 9999999;
	display: none;
	width: 100px;
	background-color: #50525a;
	border: solid 1px #888888;

 
}
 .t-Language-List dd.cn{background:url(../images/cn.jpg) no-repeat 8px center;}
 .t-Language-List a {
	padding: 0 5px;
	line-height: 30px;
	height: 30px;
	display:block;
	text-align:left;
	text-indent:35px;
}

/* = 会员
------------------------------------------------------------  */
 
.member .inner{ border:1px solid #e0e0e0;background: #00aeff;}
.member .inner .i_left{ width:220px; float:left;background: #00aeff;}

.member .inner .i_left li{ line-height:50px; height:50px; text-align:left;background:#00aeff;text-indent:30px;}
.member .inner .i_left li a{color:#fff;font-size:14px;display:block}
.member .inner .i_left li a.current{color:#333;font-size:14px;background:#fff;border-left:3px solid #ffcc00;display:block}

.member .inner .i_right{ float:left; padding-left:25px;padding-bottom:20px;background: #fff;width: 841px;min-height:200px;}
.member .inner .i_right .my_info{ width:98%;}
.member .inner .i_right .my_info .bt{ height:30px; background:#e9f2f8; line-height:30px; text-indent:10px; font-weight:bold; color:#2d71ab; margin-top:10px;}
.member .inner .i_right .my_info .cont{ line-height:24px; padding:10px 0;}

 .nav_fixed{position: fixed;top: 0px;z-index:9;width:1048px;}
 
 
 #pagess {
    /*min-height:500px;*/
    float: none;
    clear: both;
    overflow: hidden;
    border: 1px solid #bdc1c2;
    box-shadow: 0px 0 5px #cfd1d2;
    background-color: #ffffff;
}

section.column-main-PasswordRecovery {

    margin: 15px 15px 15px 15px;
}

.BlueHeader {
    color: #1089d6;
    font-size: 20px;
    font-weight: bold;
	margin:25px 0;
}

 .DisplayBlock {
    display: inline-block;
    width: 100%;
    height: 10px;
}

 .BoldBlackHeader {
    color: #000;
    font-size: 14px;
    font-weight: bold;
	height:20px;
	line-height:20px;
}

input.pswtext{
    border: 1px solid #bdc1c2;
    height: 33px;
    width: 300px;
    font-family: Calibri;
    font-size: 15px;
    padding: 0px 0px 0px 7px;
    color: #000;
    position: relative;
    top: 0px;
    left: 0px;
}

input.OLCButtonBlue, a.OLCButtonBlue {
    border-radius: 4px 4px 4px 4px;
    color: #FFF;
    display: inline-block;
    font-family: Calibri;
    font-size: 14px;
    padding: 0px 17px 0px 17px;
    border: 0px;
    height: 33px;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px; /*text-shadow: #4a4f50 0 1px 0;*/
    text-shadow: 0px 1px 0px #0a67a3;
    background-color: #1089d6;
}